/***************************************************************
START locations Container
****************************************************************/
locations-page {
    margin-top: 2em;
    margin-right: 2em;
    margin-left: 1.3em;
    display: block;
}

#locations-container #locations-table_wrapper {
    margin-bottom: 2.5em;
}

#locations-table_filter input {
    visibility: visible;
    outline: 0;
    border: 1px solid #d0d0d0;
    border-radius: 0.3143em;
    padding: 0.8em;
    padding-left: 4em;
    font-family: inherit;
    font-size: 0.875em;
    color: #404040;
    width: 31em;
}
/*Table Styles*/

#locations-table table {
    margin-bottom: 1em;
}

#locations-table table.dataTable.cell-border tbody tr th:first-child,
#locations-table table.dataTable.cell-border tbody tr td:first-child {
    border-left: 0;
    color: inherit;
    padding-left: 3.125em;
}

.locations-container table.vueTable tbody tr td:first-child {
    width: auto;
}

/* --------------------------------------------- \\
                $Layout-Type
\\ --------------------------------------------- */

.locations-container .pmub-layout-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 60.625em) {
    /** 970px **/
    .locations-container .pmub-layout-type {
        display: none;
    }
}

.locations-container .pmublt-field:first-child {
    margin-right: 1.5em;
    margin-left: 1.5em;
}

.locations-container .pmubltf-display-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    outline: 0;
    width: 2.25em;
    height: 2.25em;
}

.locations-container .pmubltf-display-button .fa {
    font-size: 1.75em;
}

.locations-container
    .pmubltf-display-type-input:checked
    + .pmubltf-display-button {
    color: #47c7fa;
}

.locations-container table.dataTable thead .sorting,
.locations-container table.dataTable thead .sorting_asc,
.locations-container table.dataTable thead .sorting_desc,
.locations-container table.dataTable thead .sorting_asc_disabled,
.locations-container table.dataTable thead .sorting_desc_disabled {
    background-position: center right;
}
.hidden-sort-date {
    display: none;
}

@media (max-width: 40.063em) {
    #locations-table {
        margin-bottom: 1em;
    }
    #locations-table_filter {
        margin: 0 0 1em;
        width: 260px;
        position: sticky;
        left: 0;
    }
    #locations-table_filter label input {
        width: 240px;
    }
    .interaction-nav-bar-container {
        max-width: 60px !important;
    }
    .locations-container .dataTables_wrapper .dataTables_paginate,
    .dataTables_wrapper #locations-table_info {
        width: 260px;
        position: sticky;
        left: 0;
        text-align: left;
        padding-left: 10px;
        margin-bottom: 10px;
    }
    .site-info {
        position: static !important;
        text-align: center;
        margin-bottom: 10px;
        bottom: 0;
    }
    #locations-table_filter input {
        margin-left: 0.7em;
        padding-left: 3em;
    }
}