/*#region section rules */

.graybox {
    background-color: lightgray;
    display: block;
    font-family: 'Poppins';
    font-size: 18px;
    color: #444;
    padding: 15px;
}

.darkgraybox {
    background-color: darkgray;
    display: block;
    font-family: 'Poppins';
    font-size: 18px;
    color: #444;
}

.external-section {
    background: #f8f8f8;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .2);
    border: 1px solid rgb(231, 231, 231);
    padding: 10px;
}

.external-section-secondary {
    background: white;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .2);
    border: 3px solid rgb(231, 231, 231);
    padding: 10px;
}

/*#endregion */

/*#region table rules */

.table th {
    font-size: 16px;
    text-align: center;
}

.table-center th, .table-center td {
    vertical-align: middle !important;
}

/*#region .table-scrolling */

.table-scrolling {
    border-collapse: collapse;
    display: block;
    overflow-x: auto;
    border: 0px !important;
}

    .table-scrolling th {
        border-top: 1px solid #ddd !important;
        border-bottom: 1px solid #ddd !important;
    }

.adv-card-table-scrolling {
    overflow-x: auto;
}

/*#endregion */

/*#region .table-rounded */

.table-rounded {
    border-collapse: separate;
    border: 0;
}

    .table-rounded > thead:first-child > tr:first-child > th {
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }

    .table-rounded > thead > tr > th {
        background-color: rgba(4, 104, 156, 0.92);
        background-clip:padding-box;
        color: white;
    }
    
    /*.table-rounded thead tr:first-child th:first-child,
    .table-rounded tbody:first-child tr:first-child td:first-child {
        border-top-left-radius: 0.6em;
    }*/
    
    /*.table-rounded thead tr:first-child th:last-child,
    .table-rounded tbody:first-child tr:first-child td:last-child {
        border-top-right-radius: 0.6em;
    }*/
    
    /*.table-rounded tbody:last-child > tr:last-child > td:first-child,
    .table-rounded tfoot tr:last-child td:first-child {
        border-bottom-left-radius: 0.6em;
    }*/
    
    /*.table-rounded tbody:last-child > tr:last-child > td:last-child,
    .table-rounded tfoot tr:last-child td:last-child {
        border-bottom-right-radius: 0.6em;
    }*/

    .table-rounded thead + tbody tr td,
    .table-rounded tfoot + tbody tr td,
    .table-rounded tfoot tr td,
    .table-rounded tbody + tbody tr td,
    .table-rounded tr + tr td {
        border-top: 0;
    }
    
    .table-rounded tr th + th,
    .table-rounded tr td + td {
        border-left: 0;
    }

/*#endregion */

/*#region .table-striped */

.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: white;
    background-clip: padding-box;
}

.table-striped > tbody > tr:nth-of-type(2n) {
    background-color: rgb(220, 240, 251);
    background-clip: padding-box;
}

/*#endregion */

/*#region .component-tables */

.component-tables.table-condensed th, .component-tables.table-condensed td {
    padding: 10px 5px;
}

.component-tables {
    margin-bottom: 0px;
}

    .component-tables thead th {
        background-color: rgba(4, 104, 156, 0.92);
        color: white;
        border: 1px solid white;
    }

        .component-tables thead th:first-child {
            width: 50px;
            min-width: 50px;
        }

    .component-tables > tbody > tr {
        text-align: center;
        font-size: 16px;
    }

        .component-tables > tbody > tr.shown {
            background-color: #c9ffc8;
        }

    .component-tables td.expand-cell {
        padding: 5px 20px 0px 20px !important;
        background-color: rgb(246,246,246);
    }

        .component-tables td.expand-cell div.external-section {
            background-color: white;
            margin-bottom: 5px;
            padding: 5px 10px;
            box-shadow: none;
        }

            .component-tables td.expand-cell div.external-section:first-child > div > div {
                font-size: 12px;
                line-height: 15px;
                font-weight: lighter;
            }

            .component-tables td.expand-cell div.external-section:last-child > div > div {
                font-size: 14px;
                line-height: 23px;
                font-weight: 500;
            }

.details-control, .details-control-sub {
    cursor: pointer;
}

.details-icon {
        color: rgba(4, 104, 156, 0.92);
        font-size: 1.5em;
}

    .details-icon:before {
        content: "\f055";
    }

    .shown > .details-icon:before {
        content: "\f056";
    }

/*#endregion */

/*#region .component-tables-tax */

.component-tables-tax.table-condensed th, .component-tables-tax.table-condensed td {
    padding: 10px 5px;
}

.component-tables-tax {
    margin-bottom: 0px;
}

        .component-tables-tax thead th:first-child {
            width: 50px;
            min-width: 50px;
        }

    .component-tables-tax > tbody > tr {
        text-align: center;
        font-size: 16px;
    }

        .component-tables-tax > tbody > tr.shown {
            background-color: #c9ffc8;
        }

    .component-tables-tax td.expand-cell {
        padding: 5px 20px 0px 20px !important;
        background-color: rgb(246,246,246);
    }

        .component-tables-tax td.expand-cell div.external-section {
            background-color: white;
            margin-bottom: 5px;
            padding: 5px 10px;
            box-shadow: none;
        }

/*#endregion */

/*#region .component-tables-sub */

.secbsmt-row > td:first-child {
    padding: 0px 0px 0px 50px;
    background-color: rgb(246,246,246);
}

.component-tables-sub.table-condensed th, .component-tables-sub.table-condensed td {
    padding: 5px;
}

.component-tables-sub {
    margin-bottom: 0px;
}

        .component-tables-sub thead th {
            font-weight: 500;
        }

    .component-tables-sub > tbody > tr {
        font-size: 14px;
        background-color: rgb(220, 240, 251);
    }

/*#endregion */

/*#region datatables rules */

.dataTables_length select {
    margin: 0px;
}

.dataTables_filter {
    margin-top: 9px;
}

@media (max-width: 991px) {
    a.paginate_button.previous {
        display: inline-block !important;
    }

    a.paginate_button.next {
        display: inline-block !important;
    }

    a.paginate_button.current {
        display: inline-block !important;
    }

    a.paginate_button {
        display: none !important;
    }

    .dataTables_paginate > span > span {
        display: none !important;
    }
}

.dataTables_wrapper .dataTables_processing {
    background-color: white;
    background-repeat: no-repeat;
    background-position: center;
    height: 85px;
    bottom: 0;
    top:auto;
}

    @media (max-width: 767px) {
        .dataTables_wrapper .dataTables_processing {
            height: 75px;
            bottom:50px;
        }
    }

/*#endregion */

.table-highlight > tbody > tr:hover, .table-highlight > tbody > tr:focus {
    background-color: #c9ffc8 !important;
    cursor: pointer;
}

/*#region .table-clickable */

.table-clickable > tbody > tr {
    transition: transform .5s ease 100ms;
    transform: scale(1);
}

    .table-clickable > tbody > tr > td {
        transition: border .5s ease 100ms;
        border-bottom: 1px solid #ddd;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
    }

.table-clickable thead + tbody > tr > td {
    border-top: 0px solid transparent;
}

.table-clickable > tbody > tr > td + td {
    border-left: 0px solid transparent;
}

.table-clickable > tbody > tr:hover, .table-clickable > tbody > tr:focus {
    transform: scale(1) !important;
}

    .table-clickable > tbody > tr:hover > td, .table-clickable > tbody > tr:focus > td {
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 0px solid transparent;
        border-right: 0px solid transparent;
    }

    .table-clickable > tbody > tr:first-child:hover > td, .table-clickable > tbody > tr:first-child:focus > td {
        border-top: 0px solid transparent;
    }

    .table-clickable > tbody > tr:last-child:hover > td, .table-clickable > tbody > tr:last-child:focus > td {
        border-bottom: 1px solid #ddd;
    }

.table-clickable > tbody:hover > tr, .table-clickable > tbody:focus > tr {
    transform: scale(.98);
}

/*#region .t-c-slim */

    .t-c-slim > tbody > tr:hover > td, .t-c-slim > tbody > tr:focus > td {
        border-top: 3px solid transparent;
        border-bottom: 3px solid transparent;
    }

.t-c-slim > tbody:hover > tr, .t-c-slim > tbody:focus > tr {
    transform: scale(.985);
}

/*#endregion */

/*#endregion */

/*#endregion */

/*#region map rules */

section.esri-popup__feature-menu {
    padding-top: 0px;
    padding-bottom: 0px;
}

.esri-input[type="text"], .esri-input[type="number"] {
    margin: 0px;
}

@media (min-width: 992px) {
    #compViewDiv {
        height: 75vh;
    }
}

    @media (max-width: 991px) {
        #compViewDiv {
            height: 60vh;
        }
    }

/*#endregion */

/*#region #propertyNav */

#propertyNav .inactive {
    border-bottom: 5px solid rgba(0, 0, 0, 0);
}

    #propertyNav .active {
        border-bottom: 5px solid rgba(4, 104, 156, 0.92);
    }

#propertyNav > .external-section {
    border-left: 0px;
    border-right: 0px;
}

/*#endregion */

/*#region #propertyBuildingTabs */

#propertyBuildingTabs > ul {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
}

    #propertyBuildingTabs > ul > li {
        padding: 0;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        border: 1px solid rgb(231,231,231);
        background-color: rgba(0,0,0,.07);
        flex-basis: 33.33333333%;
    }

        #propertyBuildingTabs > ul > li > a {
            padding: 15px 10px;
            background-color: transparent;
        }

@media (max-width: 575px) {
    #propertyBuildingTabs > ul > li {
        flex-basis: 100%;
    }
}

#propertyBuildingTabs > ul > li.active {
    font-weight: 600;
    background-color: #f8f8f8;
    border-bottom: none;
}

/*#endregion */

/*#region .user-nav-btn */

.user-nav-btn[aria-expanded="true"], .user-nav-btn:focus {
    color: black !important;
}

.user-nav-btn {
    color: gainsboro;
    border: 1px solid darkgrey;
    margin-bottom: 0px;
    text-shadow: none;
}

    .user-nav-btn:hover {
        background-color: #444;
        color: gainsboro;
        border: 1px solid darkgrey;
        margin-bottom: 0px;
        text-shadow: none;
    }

/*#endregion */

/*#region data-group rules */

.data-group div:first-child {
    line-height:15px;
}

    .data-group div:last-child {
        font-size:18px;
        font-weight:bold;
        line-height:26px;
        margin-bottom:10px;
    }

.data-group-secondary div {
    font-size: 12px;
    line-height: 15px;
    font-weight: lighter;
}

    .data-group-secondary div:last-child {
        font-size: 16px;
        line-height: 23px;
        font-weight: 500;
        padding-left: 10px;
        padding-top: 1px;
    }

.data-group-centered div {
    font-size: 12px;
    line-height: 15px;
    font-weight: lighter;
}

    .data-group-centered div:last-child {
        font-size: 16px;
        line-height: 23px;
        font-weight: 500;
        padding-top: 1px;
        text-align: center;
    }

.data-group-sidebar div {
    font-size: 12px;
    line-height: 15px;
    font-weight: lighter;
}

    .data-group-sidebar div:last-child {
        font-size: 16px;
        line-height: 23px;
        font-weight: 700;
        padding-top: 1px;
    }

/*#region .noborder-right */

@media (max-width : 575px) {
    .noborder-right-xs {
        border-right: none !important;
    }
}

@media (min-width : 576px) and (max-width : 767px) {
    .noborder-right-sm {
        border-right: none !important;
    }
}

@media (min-width : 768px) and (max-width : 991px) {
    .noborder-right-md {
        border-right: none !important;
    }
}

@media (min-width : 992px) and (max-width : 1199px) {
    .noborder-right-lg {
        border-right: none !important;
    }
}

@media (min-width : 1200px) {
    .noborder-right-xl {
        border-right: none !important
    }
}

/*#endregion */

/*#endregion */

/*#region .data-tile-flex */

.data-tile-flex {
    display: flex;
}

    .data-tile-flex > div {
        flex-grow: 1;
        min-width: 0;
    }

        .data-tile-flex > div > div {
            padding: 0px 10px;
        }

        .data-tile-flex > div:first-child > div {
            padding-left: 0px;
        }

        .data-tile-flex > div:last-child > div {
            padding-right: 0px;
        }

/*#endregion */

/*#region .building-pagination */

.building-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .building-pagination a {
        display: flex;
        align-items: center;
    }

        .building-pagination a:first-child i {
            font-size: 2em;
            padding-right: 5px;
        }

    .building-pagination a:last-child {
        justify-content: flex-end;
    }

        .building-pagination a:last-child i {
            font-size: 2em;
            padding-left: 5px;
        }

    .building-pagination a:hover, .building-pagination a:focus {
        text-decoration: none;
    }

        .building-pagination a:hover span, .building-pagination a:focus span {
            text-decoration: underline;
        }

.building-pagination-header {
    margin-bottom: 10px;
}

    .building-pagination-header h3 {
        margin-bottom: 0px;
        text-align: center;
    }

    .building-pagination-header h4 {
        margin-bottom: 0px;
        font-size: 1em;
        text-align: center;
    }

/*#endregion */

/*#region image rules */

@media (min-width: 768px) {
    .comparable-image-frame {
        height: 245px;
        width: 325px;
        min-width: 325px;
        display: block;
        position: relative;
    }
}

@media (max-width: 767px) {
    .comparable-image-frame {
        height: 195px;
        width: 260px;
        min-width: 260px;
        display: block;
        position: relative;
    }
}

.card-image-frame {
    height: 193px; 
    width: 250px; 
    display: inline-block; 
    position: relative; 
}

.card-image-small {
    max-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.property-image-frame {
    height: 280px;
    width: 400px;
    min-width: 400px;
    display: block;
    position: relative;
}

    @media (max-width:1199px) {
        .property-image-frame {
            width: 100%;
            min-width:100%;
        }
    }

.property-image-small {
    max-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.sketch-portrait {
    width: 100%;
    height: 280px;
    display:flex;
    justify-content:center;
}

    .sketch-portrait img {
        height: 100%;
    }
    
.sketch-landscape {
    width: 100%;
    height: 100%;
    max-width: 400px;
}

    .sketch-landscape img {
        width: 100%;
        max-height: 280px;
    }

@media (min-width : 576px) and (max-width : 767px) {
    .sketch-portrait {
        height: 200px;
    }

    .sketch-landscape img {
        max-height: 200px;
    }
}

/*#endregion */

/*#region pill rules */

.pill {
    display: inline-block;
    border: 1px solid grey;
    border-radius: 10px;
    padding: 1px 5px;
    margin: 7px 3px 0px 3px;
    background-color: white;
    line-height: 24px;
    max-width: 292px;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    text-align: left;
}

.pill-parameter {
    padding: 3px 5px;
    border-right: 1px solid grey;
    font-weight: 700;
}

.pill-value {
    padding: 3px 5px;
}

/*#endregion */

/*#region Comparables rules */

.comp-prop-title {
    display: flex;
    align-items: center;
}

    .comp-prop-title div:first-child {
        font-size: 30px;
        padding-right: 15px;
        min-width: 40px;
        text-align: center;
    }

    .comp-prop-title div:last-child {
        font-size: 18px;
        font-weight: bold;
        line-height: 25px;
    }

.comp-prop-title-sub {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

    .comp-prop-title-sub div:last-child {
        padding-left: 15px;
        font-size: 18px;
        font-weight: bold;
        line-height: 25px;
    }

/*#endregion */

/*#region Tax Info rules */

/*#region .tax-breakdown */

.tax-breakdown h3 {
    text-align: center;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 20px;
}

.tax-breakdown > div:first-child {
    font-size: 20px;
    line-height: 28px;
}

.tax-breakdown > div:last-child {
    font-size: 16px;
    line-height: 20px;
}

    .tax-breakdown > div:first-child > div.row > div:first-child {
        text-align: right;
        font-weight: 700;
    }
    
    .tax-breakdown > div:last-child > div.row > div:first-child {
        text-align: right;
    }

/*#endregion */

/*#region .tax-summary */

.tax-summary {
    text-align: center;
    font-size: 24px;
    line-height: 34px;
}

    .tax-summary span {
        font-weight: 700;
        margin-right: 10px;
    }

/*#endregion */

/*#region #taxByClass */

#taxByClass {
    min-width: 810px;
    margin: 0px 10px 5px;
}

    #taxByClass > div.row, #taxByClass > .expand-section > div.row {
        display: flex;
        align-items: center;
    }

        #taxByClass > div.row > div:first-child, #taxByClass > .expand-section > div.row > div:first-child {
            font-size: 24px;
            line-height: 36px;
            text-align: center;
        }

    #taxByClass > hr, #taxByClass > .expand-section > hr {
        margin: 15px 7px;
        height: 3px;
        box-shadow: inset 0 9px 9px -3px rgba(11, 99, 184, 0.8);
        border-radius: 5px;
    }

/*#endregion */

/*#endregion */

/*#region page layout rules */

/*#region Property Info */

#PropInfoSide {
    max-width: 420px;
    width: 100%;
    margin-right: 10px;
}

@media (max-width: 1199px) {
    #PropInfoSide {
        max-width: 380px;
        width: 100%;
    }
}

#PropInfoData {
    flex: 1;
    max-width: 100%;
}

#PropBtnContainer {
    min-width: 300px;
    flex: 0;
}

@media (max-width:767px) {
    #PropBtnContainer {
        min-width: 200px;
    }
}

/*#endregion */

/*#region Com Building */

#ComBuildingSide {
    flex-grow: 1;
    min-width: 300px;
    max-width: 400px;
    margin-right: 10px;
}

#ComBuildingData {
    flex-grow: 1;
    min-width: 0;
    width: 100%;
}

/*#endregion */

/*#region Tax Info */

#TaxInfoSide {
    min-width: 450px;
    max-width: 450px;
    width: 100%;
    margin-right: 10px;
}

#TaxInfoData {
    flex: 1;
    max-width: 100%;
}

/*#endregion */

/*#endregion */

/*#region .expand-section */

.expand-section {
    display: none;
}

.expand-section-button {
    width: 100%;
    margin-top: 5px;
}

.expand-section .table {
    margin-bottom: 0px;
}

/*#endregion */

/*#region .inline-subheader-group */

.inline-subheader-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

    .inline-subheader-group > h2 {
        margin: 0px 10px 0px 0px;
        font-size: 24px;
    }

    .inline-subheader-group > h4 {
        margin: 0px 10px 0px 0px;
        font-size: 18px;
    }

    .inline-subheader-group > div {
        font-size: 14px;
        font-weight: lighter;
        text-align: center;
    }

/*#endregion */

/*#region #land-mkt-section */

#land-mkt-section h4 {
    font-size: 18px;
    margin-bottom: 5px;
}

#land-mkt-section .data-group-secondary div:last-child {
    padding-left: 0px;
}

/*#endregion */

/*#region advanced search filter sidebar styling */

/*#region default styling */

    /*#region sidebar */
    
    #sidebar {
        min-width: 360px;
        width: 360px;
        background-color: rgb(235,235,235);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .2);
        height: 100vh;
        left: 0px;
        z-index: 5;
    }

        #sidebar.sticky-center {
            position: fixed;
            top: 0;
            bottom: 0;
            margin-left: -360px;
        }
    
    /*#endregion */

    /*#region sidebar toggle */
    
    #sidebarCollapse {
        background-color: rgb(220, 240, 251);
        background: rgba(4, 104, 156, 1);
        color: white;
        border-top-right-radius: 5px 5px;
        border-bottom-right-radius: 5px 5px;
        padding: 10px 0px;
        writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        cursor: pointer;
        left: 360px;
        z-index: 5;
    }
    
        #sidebarCollapse.sticky-center {
            position: fixed;
            top: 50%;
            transform: translateY(-50%);
            margin-left: -360px;
        }

        #sidebarCollapse > i {
            -ms-writing-mode: lr-tb;
        }

            #sidebarCollapse > i:before {
                content: "\f061";
            }

        #sidebarCollapse.active > i:before {
            content: "\f060";
        }
    
    /*#endregion */

    /*#region sticky classes */
    
    .sticky-top {
        position: absolute;
        top: 0;
        bottom: unset;
        margin-left: calc(-2.6% - 360px);
    }
    
        .sticky-top.active {
            margin-left: -2.6%;
        }
    
    .sticky-center.active {
        margin-left: 0 !important;
    }
    
    .sticky-bottom {
        position: absolute;
        top: unset;
        bottom: 0;
        margin-left: calc(-2.6% - 360px);
    }
    
        .sticky-bottom.active {
            margin-left: -2.6%;
        }
    
    /*#endregion */

    /*#region content */
    
    #content {
        min-height: 100vh;
        transition: all 0.3s;
        width: 100%;
    }
    
        #content.active {
            width: calc(102.6% - 370px);
        }
    
    /*#endregion */

    /*#region sidebar form */

    .sidebar-header {
        padding: 10px;
        background-color: rgba(4, 104, 156, 1);
        color: white;
    }

    .sidebar-body {
        overflow-y: auto;
        height: calc(100vh - 64px - 64px);
        padding: 0px 10px;
    }

    .sidebar-footer {
        padding: 10px;
    }

    /*#endregion */

#sidebarOverlay {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 3;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}

.transition-03 {
    transition: all 0.3s;
}

/*#endregion */

@media (min-width: 2016px){
    #sidebarCollapse {
        margin-left: -360px;
    }

    /*#region sticky classes */

    .sticky-top {
        margin-left: calc(((-100vw + 1920px) / 2) - 360px);
    }

        .sticky-top.active {
            margin-left: 0 !important;
        }

    #sidebarCollapse.sticky-center {
        left: calc(((100% - 1920px) / 2) + 360px);
    }

    #sidebar.sticky-center {
        left: calc(((100% - 1920px) / 2));
        margin-left: calc(((-100vw + 1920px) / 2) - 360px);
    }

    .sticky-bottom {
        margin-left: calc(((-100vw + 1920px) / 2) - 360px);
    }

        .sticky-bottom.active {
            margin-left: 0 !important;
        }

    /*#endregion */

    /*#region content */

    #content {
        width: calc(100% - 10px);
    }

        #content.active {
            width: calc(100% - 370px);
        }

    /*#endregion */
}

@media (max-width: 991px) {
    /*#region sticky classes */

    .sticky-top {
        margin-left: -360px;
    }

        .sticky-top.active {
            margin-left: 0;
        }

    #sidebar.sticky-center {
        margin-left: -360px;
    }

    #sidebarCollapse.sticky-center {
        margin-left: -360px;
    }

    .sticky-center.active {
        margin-left: 0 !important;
    }

    .sticky-bottom {
        margin-left: -360px;
    }

        .sticky-bottom.active {
            margin-left: 0;
        }

    /*#endregion */

    /*#region content */

    #content {
        width: calc(100% - 10px);
    }

        #content.active {
            width: calc(100% - 10px);
        }

    /*#endregion */

    #sidebarOverlay.active {
        display: block;
        opacity: 1;
    }
}

@media (max-width: 575px) {
    #sidebarCollapse.active {
        display: none;
    }
}

/*#endregion */

/*#region card rules */

/*#region basic-card-header */

.basic-card-header > div {
    display: flex;
    justify-content: space-between;
}

    .basic-card-header > div:first-child {
        margin-bottom: 10px;
    }

    .basic-card-header > div .data-group-sidebar:last-child {
        text-align: right;
    }

        .basic-card-header > div .data-group-sidebar > div:last-child {
            font-size: 18px;
            line-height: 26px;
        }

/*#endregion */

/*#region basic-card-bar */

.basic-card-bar {
    border-bottom: solid;
    border-top: solid;
    padding: 5px 0px;
    margin: 10px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .basic-card-bar i {
        color: #146794;
    }

/*#endregion */

/*#region basic-card-body */

.basic-card-body {
    display: flex;
    justify-content: space-between;
}

    .basic-card-body > div {
        display: flex;
    }
    
        .basic-card-body > div > div:nth-child(2n) {
            text-align: right;
        }
    
        .basic-card-body > div > div {
            padding: 0px 10px;
        }
    
        .basic-card-body > div:first-child > div:first-child {
            padding-left: 0px;
        }
    
        .basic-card-body > div:last-child > div:last-child {
            padding-right: 0px;
        }
    
            .basic-card-body > div > div > div:first-child {
                margin-bottom: 5px;
            }
    
        .basic-card-body > div > div:nth-child(2n+1) > div {
            font-weight: 700;
            white-space: nowrap;
        }
    
        .basic-card-body .overflow-ellipsis {
            max-width: 250px;
        }

/*#endregion */

@media (max-width:991px) {

    .basic-card-header > div .data-group-sidebar:first-child {
        max-width: 500px;
    }

    .basic-card-body .overflow-ellipsis {
        max-width: 150px;
    }
}

/*#region adv-card-body */

.adv-card-body {
    display: flex;
}

    .adv-card-body > div:last-child {
        margin-left: 10px;
        flex-grow: 1;
    }

/*#endregion */

/*#region sale-card-table */
    
    .sale-card-table {
        background-color: transparent !important;
        text-align: center;
        margin-bottom: 0;
    }
    
        .sale-card-table tr  {
            background-color: transparent !important;
        }

        .sale-card-table th {
            border-top: 0 !important;
            border-bottom-color: #ddd !important;
            font-size: 14px;
        }

/*#endregion */

/*#endregion */

.tempalert {
    cursor: pointer;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins';
}

h3 {
    line-height: 30px;
}

.dropdown-menu > li > a:hover {
    background-image: none;
    background-color: lightblue;
    color: black !important;
}

.side-nav > li:hover {
    background-color: lightblue;
}

.overflow-ellipsis {
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.panel-primary .panel-title a, .panel-primary .panel-title a:hover {
    color: #fff;
}

/*#region sticky-button, sticky-section */

.sticky-button {
    z-index: 3;
    left: 50%;
    transform: translate(-50%, 0);

    position: absolute;
    /*bottom: 10px;*/
    bottom: 0;
}

.sticky-button > .user-nav-btn {
    color: #333;
}

@media (min-width:992px){
    .sticky-button {
        /*bottom: 30px;*/
    }
}

.sticky-section {
    background: #505050;
    border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;
    padding: 10px;

    position: fixed;
    bottom: 0px;
}

.sticky-section > .user-nav-btn {
    color: gainsboro;
}

/*#endregion */

.popover {
    max-width: 100%;
}

/* CSS specific to iOS devices */
@supports (-webkit-overflow-scrolling: touch) { 

    body {
        cursor: pointer;
    }

}

#sortAsc.active {
    background-color: #d4d4d4;
    border-color: #8c8c8c;
}

#sortDesc.active {
    background-color: #d4d4d4;
    border-color: #8c8c8c;
}

.ekko-lightbox .modal-dialog {
    flex: 100% !important;
    margin-left: 0;
    margin-right: 0;
}

.ekko-lightbox img {
    max-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.ekko-lightbox-container a {
    position: absolute;
    bottom: -5px;
    right: -5px;
}

@media (max-width:575px) {
    .nopadding-left-xs {
        padding-left: 0px;
    }
}

.icon-alignment {
    display: flex;
    justify-content: center;
    align-items: center;
}

.expand-filter {
    display: none;
}

.expand-filter.active {
    display: block;
}

div[data-custom-check="True"], div[data-custom-check="true"],
div[data-custom-top="True"], div[data-custom-top="true"] {
    display: block !important;
}

div[data-custom-check="False"], div[data-custom-check="false"],
div[data-custom-top="False"], div[data-custom-top="false"] {
    display: none;
}

.breadcrumb > li + li:before {
    padding: 0 5px;
    color: #ccc;
    content: ">\00a0";
}

/*#region rng-input-flex rules */

    .rng-input-flex {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
        .rng-input-flex > div:nth-child(2n+1) {
            flex-grow: 1;
        }
    
        .rng-input-flex > div:nth-child(2n) {
            padding: 0px 10px;
            align-self: center;
        }
    
    
    @media (max-width: 575px){
        .rng-input-flex-vertical-xs {
            align-items: stretch;
            flex-direction: column;
        }
    }
    
    @media (min-width: 576px) and (max-width: 767px) {
        .rng-input-flex-vertical-sm {
            align-items: stretch;
            flex-direction: column;
        }
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
        .rng-input-flex-vertical-md {
            align-items: stretch;
            flex-direction: column;
        }
    }
    
    @media (min-width : 992px) and (max-width: 1199px) {
        .rng-input-flex-vertical-lg {
            align-items: stretch;
            flex-direction: column;
        }
    }
    
    @media (min-width : 1200px) {
        .rng-input-flex-vertical-xl {
            align-items: stretch;
            flex-direction: column;
        }
    }

/*#endregion */

/*#region checkbox-columns */

    .checkbox-columns, .checkbox-columns-1, .checkbox-columns-2, .checkbox-columns-4 {
        column-count: 1;
    }
    
    @media (min-width:576px) {
        .checkbox-columns, .checkbox-columns-2, .checkbox-columns-4 {
            column-count: 2;
        }
    }
    
    @media (min-width:768px) {
        .checkbox-columns-4 {
            column-count: 3;
        }
    }
    
    @media (min-width:992px) {
        .checkbox-columns {
            column-count: 3;
        }
    
        .checkbox-columns-4 {
            column-count: 4;
        }
    }

/*#endregion */

/*#region card-result-sort */

.card-result-sort {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    justify-content: center;
}

    .card-result-sort > button {
        margin: 0px 5px 0px 0px;
    }

    .card-result-sort > button:hover {
        margin-bottom: 0;
    }

    .card-result-sort > button > span {
        color: #146794;
        font-size: 2em;
    }

    .card-result-sort > select {
        margin: 0;
        width: 175px;
    }

@media (min-width:768px) {
    .card-result-sort {
        justify-content: flex-end;
    }
}

/*#endregion */

@media (min-width:768px) {
    .modal-sales {
        width: 90%;
        max-width: 1200px;
    }
}

/*#region icon-link-group */

.icon-link-group a {
    display: flex;
    align-items: center;
}

    .icon-link-group a:hover, .icon-link-group a:focus {
        text-decoration: none;
    }

        .icon-link-group a:hover span, .icon-link-group a:focus span {
            text-decoration: underline;
        }

/*#endregion */

/* Print rules specific to Ares project */
@media print {
    #sidebar, #sidebarCollapse, #sidebarOverlay {
        display: none;
    }

    .taxInformationPage {
        zoom: 60%;
    }
}

/* Over ride pie chart */
.chartjs-size-monitor-expand > div {
    position: fixed !important;
}
.chartjs-size-monitor,
.chartjs-size-monitor-shrink,
.chartjs-size-monitor-expand,
.chartjs-size-monitor-expand > div {
    position: fixed !important;
}