

:root {
    --mnu-hed-h: 4.5rem;
    --mnh-hed: 3.5rem;
    --bs-nav-link-font-size: 1.125rem;
    --fot-fix-h: 3.5rem;
    --bg-sidebar: var(--bs-tertiary-bg);
    --pro-nav-h: 3rem;
    --sde-flt-w: 100%;
}

@media screen and (min-width: 466px) and (min-height: 521px) {
    :root {
        --sde-flt-w: 466px;
    }
}

@media screen and (max-width: 465px) {
    .sec-srh-filters,
    .sec-srh-filters-head,
    .sec-srh-filters-head > .navbar.bg-sidebar {
        border-top-right-radius: 0 !important;
    }
}


.mnh-hed .navbar-nav,
.mnu-hed .megamenu .navbar-nav {
    --bs-nav-link-padding-y: 1rem;
}

.mnu-hed .navbar-nav {
    --bs-nav-link-padding-y: 1.5rem;
}

.mnh-hed .navbar-nav,
.mnu-hed .navbar-nav {
    line-height: 1.5rem;
}

body.app-mxc .dropdown-menu {
    --bs-dropdown-font-size: 1.125rem;
    --bs-dropdown-item-padding-y: 0.5rem;
}

.nav-link .badge,
body.app-mxc .dropdown-item .badge {
    --bs-badge-font-size: 0.75rem;
    vertical-align: text-bottom;
}
/** return dropdown items nav navlinks to 40px **/
body.app-mxc .dropdown-menu,
.nav-link {
    line-height: 1.3333333;
}

footer {
    --bs-nav-link-font-size: 1rem;
}

footer .nav-link,
.nav-link-sm.nav-link,
.nav-link-sm .nav-link {
    line-height: var(--bs-body-line-height);
}

.sec-lst-cvr {
    /*max-height: 300px;*/
    position: relative;
    background: rgba(var(--bs-body-color-rgb), 0.03);
    overflow: hidden;
    /*border-radius: 8px;
    margin-top: 15px;*/
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.sec-lst-cvr .navbar-brand {
    position: absolute;
    left: 20px;
    top: auto;
    bottom: 15px;
}

.sec-lst-cvr .img-lst-cvr {
    min-width: 445px;
    width: 100%;
    position: relative;
    left: 100%;
    margin-left: -100%;
}


.mtc-all-on {
    display: none;
}
.mtc-all .mtc-all-on {
    display: inline-block;
}
.mtc-all .mtc-all-off {
    display: none;
}

.itm-acc-pro-lnk {
    display: none;
}
.itm-acc-dsh-lnk {
    display: none;
}

.sticky-on .sticky-560-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    /*z-index: 1020;*/
    z-index: 10;
}
.sticky-on .sticky-560-top-z-p1 {
    /*z-index: 1021;*/
    z-index: 11;
}

.lst-card { /* p-2 position-relative my-1 */
    position: relative;
    flex-direction: row;
    padding: 0.25rem;
}
.lst-card .lst-card-fce, 
.lst-card .lst-card-pic { /* text-center bg-white border d-flex flex-shrink-0 */
    align-items: center;
    justify-content: center;
    display: flex;
    width: 3.25rem;
    height: 3.25rem;
    flex-shrink: 0;
}
.lst-card .lst-card-pic { /* text-center bg-white border d-flex flex-shrink-0 */
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
}
.lst-hst .lst-card-pic { /* text-center bg-white border d-flex flex-shrink-0 */
    order: 2;
    margin-left: 0.25rem;
}
.lst-card .lst-card-sum { 
    flex-grow: 1;
}
.lst-card .lst-card-sum .lst-typ {

}
.lst-card .lst-card-sum .lst-msg ,
.lst-card .lst-card-sum .lst-id {
    float: right;
}
.lst-card .lst-card-sum .lst-nme {
    float: left;
    font-size: 0.9375em; /* medium */
}
.lst-card .lst-card-sum .lst-ext {
    float: right;
    font-size: 0.75em;
}

.lst-card .lst-card-sum .lst-typ-grp {
    /*font-size: 0.875em; small*/
    font-size: 0.75em; /* smaller */
}

.js-lstpics-tgl {
    position: absolute;
    width: 70%;
    margin-left: 15%;
    margin-right: 15%;
    top: 0;
    bottom: 0;
}

.pic-con {
    position: relative;
}
.pic-con .pic-con-inner {
    padding: 5px;
}
.sticky-on .pic-con .pic-con-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /*padding: 5px 5px;*/
}

.mxw-provis {
    max-width: calc(var(--vh100,100vh) - 450px);
}

.pic-expand {
    max-width: calc(var(--vh100,100vh) - 180px);
    z-index: 1;
    flex: 0 0 100%;
    margin-left: auto;
}

/*
.lst-sum-col-pic {
    max-width: 12rem;
}
.lst-sum-col-dtl {
    min-width: 13rem;
    padding-left: 0;
}*/

/*
.sec-pro {
    padding-bottom: 100%;
}*/

.sec-pro .acc-sum {
    min-width: 13rem;
}
.sec-pro .lst-sum {
    min-width: 0;
}

.not-working,
.not-working-block,
.not-working-inline-block,
.not-working-inline {
    display: none;
}

.js-m2l-cat-dft,
.js-m2l-cat-dft .fa {
    color: #999;
}

.js-m2l-cat-val-1 ,
.js-m2l-cat-val-1 .fa { 
    color: var(--warning); /*#ff8833;*/
}
.js-m2l-cat-val-2,
.js-m2l-cat-val-2 .fa {
    color: var(--info);
}
.js-m2l-cat-val-3,
.js-m2l-cat-val-3 .fa {
    color: var(--success);
}

.js-m2m-cat-val--1 ,
.js-m2m-cat-val--1 .fa { 
    color: #e80000; 
}
.js-m2m-cat-val--1 .fa:before {
	content: "\f056";
}
.js-m2m-cat-val--99 ,
.js-m2m-cat-val--99 .fa { 
    color: #e80000; 
}
.js-m2m-cat-val--99 .fa:before {
	content: "\f05e";
}
/*
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
}*/

.h1-banner {
    font-weight: 700;
    font-size: clamp(3.6rem, 6vw, 6rem);
    text-shadow: 0px 4px 3px rgb(0 0 0 / 20%), 0px 8px 13px rgb(0 0 0 / 10%), 0px 18px 23px rgb(0 0 0 / 10%);
}
.h1-banner.text-white .text-light {
    color: #e5e2f8!important;
}
.h1-banner .h1-additional {
    display: inline-block;
    font-size: clamp(2.16rem, 3.6vw, 3.6rem); /* 10 : 6 ratio */
    font-weight: 500;
}
.h1-banner .h1-additional .h1-trade {
    font-size: clamp(1.44rem, 2.4vw, 2.4rem); /* 10 : 4 ratio */
    font-weight: 100;
    vertical-align: text-top;
}


.form-md-big .form-control {
    font-size: 1.25em;
    height: 3em;
}

.form-md-big .btn {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
}

.form-md-big .ico-form-srh {
    font-size: 1.25rem;
    width: 42px;
}

.form-md-big input.js-typsrh {
    padding-left: 42px;
}


.parallax-2px {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    perspective: 2px;
}
.parallax-section {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform-style: preserve-3d;
}
.parallax-section.parallax-top {
    z-index: 1;
}
.parallax-section > .parallax-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateZ(-1px) scale(1.5);
    background-size: 100%;
    z-index: -1;
}
.parallax-section > .parallax-bg-video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateZ(-1px) scale(1.5);
}
.parallax-section > .parallax-bg-video .video {
    object-fit: cover;
}
.parallax-section > .parallax-carousel {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateZ(-1px) scale(1.5);
}
@media screen and (min-width: 576px) and (min-height: 521px) {
    .parallax-section > .parallax-carousel-overlay {
        max-width: 70%;
    }
}
.parallax-section > .parallax-content {
    z-index: 1;
}

/*
.pge-error header ,
.mnu-hed {
    background: linear-gradient(90deg, var(--bs-info) 0%, hsl(21,100%,50%) 100%) !important;
}*/
/*
.sidebar-r .form-footer-stick {
    padding-bottom: 50px;
}*/

.card-body.sec-pgecdb .row.sticky-top {
    top: calc(-1 * var(--bs-card-spacer-y));
    margin-top: calc(-1 * var(--bs-card-spacer-y));
    margin-right: calc(-1 * var(--bs-card-spacer-x));
    margin-left: calc(-1 * var(--bs-card-spacer-x));
}


.sidebar-r {
    width: max(50%,725px);
    /*min-width: min(535px,100%);*/
    min-width: min(320px,100%);
}

/*
.sidebar-r .sidebar-content {
    padding-bottom: 0;
}
    */
/*
@media screen and (min-width: 768px) and (min-height: 521px) {
    .sidebar-r {
        min-width: 760px;
    }
}
    
.bg-washed {
    background: hsl(190, 80%, 92%) !important;
}
    */


.border-filter {
    border-color: var(--bg-filter) !important;
}

.btn-filter.disabled,
.btn-filter:disabled,
.btn-filter {
    color: var(--info);
    background-color: hsl(var(--filter-hue), var(--filter-sat), var(--filter-lgt));
    border-color: hsl(var(--filter-hue), var(--filter-sat), var(--filter-lgt));
}

    a:not(.disabled):focus .btn-filter,
    a:not(.disabled).focus .btn-filter,
    .btn-filter:not([disabled]):not(.disabled).focus,
    .btn-filter:not([disabled]):not(.disabled):focus {
        color: var(--info);
        /*
    background-color: hsl(var(--filter-hue), var(--filter-sat), calc(var(--filter-lgt) - 8%));
    border-color: hsl(var(--filter-hue), var(--filter-sat), calc(var(--filter-lgt) - 10%));
    */
        background-color: #fff;
        border-color: #fff;
    }

@media (hover: hover) and (pointer: fine) {
    a:not(.disabled):hover .btn-filter,
    .btn-filter:not([disabled]):hover {
        color: var(--info);
        /*
        background-color: hsl(var(--filter-hue), var(--filter-sat), calc(var(--filter-lgt) - 8%));
        border-color: hsl(var(--filter-hue), var(--filter-sat), calc(var(--filter-lgt) - 10%));
        */
        background-color: #fff;
        border-color: #fff;
    }
}

a:not(.disabled).active .btn-filter,
a:not(.disabled):active .btn-filter,
.btn-filter:not([disabled]):not(.disabled).active,
.btn-filter:not([disabled]):not(.disabled):active,
.show > .btn-filter.dropdown-toggle {
    color: var(--info);
    /*
    background-color: hsl(var(--filter-hue), var(--filter-sat), calc(var(--filter-lgt) - 10%));
    border-color: hsl(var(--filter-hue), var(--filter-sat), calc(var(--filter-lgt) - 13%));
    */
    background-color: #fff;
    border-color: #fff;
}

.bg-filter {
    background: var(--bg-filter) !important;
}


.sidebar-r .sidebar-content {
    padding-right: 0;
}

/*.sec-srh-filters-open:not(.sidebar-r-open) .sidebar-handle-srh .sidebar-btn {*/
.sidebar-r-open .sidebar-handle-r .sidebar-btn,
.sec-srh-filters-open .sidebar-handle-srh .sidebar-btn {
    background: none !important;
}

.sec-srh-filters-open .sidebar.sidebar-handle.sidebar-handle-srh .sidebar-btn-sub {
    display: none;
}
/*
.modal-header {
    color: #f8f9fa !important;
    align-items: center;
}
.modal-header .btn-link {
    color: rgba(255,255,255,.5);
}
*/
.list-insert.js-lstpge-insert,
.sec-srh-filters.bg-light {
    /*background: #f8f9fa !important;*/
    /* MOD FILTER HEADER */
    background: #fff !important;
    /* MOD FILTER HEADER */
}

/* MOD FILTER HEADER */
/*
.sec-srh-filters-head {
    padding: 1rem 0.8rem 0;
}
.navbar.bg-sidebar ,
.navbar.bg-light {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
*/


/*--bg-info: hsl(var(--info-hue), var(--info-sat), var(--info-lgt));*/
/*
.app-mxc.bdy-fot-fix.bdy-fot-exp footer {
    background: #be0f34;
}
    */
/*
.app-mxc .sec-acc-sum {
    padding: 15px;
}
    }*/
.text-mxc {
    /*color: #be0f34;*/
    /*color: #315ca4;*/
    color: var(--bs-primary);
}
.text-x {
    color: var(--bs-info);
}
/*
.lstpge-tile section.lstpge-rst {
    display: grid;
    grid-template-columns: repeat( auto-fill, minmax(250px, 1fr) );
    gap: 1.5rem
}
.lstpge-tile .col-border-none {
    padding: 1rem;
}
    */
@media screen and (min-width: 992px) and (min-height: 521px) {
    .lstpge-tile .list-body-container {
        /*max-width: 850px;*/
        max-width: 50vw;
    }
}

.lstpge-tile section.lstpge-rst {
    display:contents;
}
.lstpge-tile .col-border-none {
    display: grid;
    grid-template-columns: repeat( auto-fill, minmax(250px, 1fr) );
    gap: 1.5rem
}

.lstpge-tile .col-border-none {
    padding: 1rem;
}

/*
.navbar-brand .text-mxc {
    color: #fff;
}
.navbar-brand .text-x {
    color: rgba(255,255,255,0.7);
}*/

.navbar-brand {
    font-size: 22px;
    line-height: 22px;
    padding: 0;
    margin-right: .5rem;
}

@media screen and (min-width: 400px) and (min-height: 521px) {
    .navbar-brand {
        font-size: 25px;
    }
}
@media screen and (min-width: 768px) and (min-height: 521px) {
    .navbar-brand {
        font-size: 28px;
    }
}

.sec-pro.sec-pgebdy {
    padding-top: 0;
    /*z-index: auto;*/
}


.opt-pck .col-ctrl {
    width: 2.5rem;
    padding-top: 0;
}

*/
/*
.sec-pgebdy {
    padding: 15px 0;
    min-height: 100%;
    position: relative;
    z-index: 1;
}*/
/*
.sec-footer {
    background: var(--bs-warning-bg-subtle);
}
    */
.sec-footer-expand.bg-light {
    /*background-image: linear-gradient(var(--bs-warning-bg-subtle), var(--bs-body-bg)) !important;*/
    background-image: linear-gradient(var(--bs-warning), var(--bs-body-bg)) !important;
}

@media
screen and (max-width: 767px),
screen and (max-height: 520px) {
    body { padding-top: 0; }

    .anchor {
        top: -10px;
    }
}

.mnu-nav .navbar-btn-collapse {
    display: none;
}

/* sec-srh-filters Top Spacer */
.table-list-col-sticky.list-scroll > .list-header {
    border-bottom: var(--bs-border-width) solid var(--bs-border-color);
}
.list-body-container.scrolled-container > .list-header {
    /* 2023-10-26 HIDE list-header */
    display:none;
    border-top: var(--bs-border-width) solid var(--bs-border-color);
}

@media print {
    .lstpge-container.lstpge-min-ctrls .ctrl-limit-main {
        margin-right: 0;
    }

    .lstpge-container.lstpge-min-ctrls .js-ctrl-lstopt {
        display: none;
    }

    .bdy-sde-srh .mnu-nav .navbar-btn-collapse {
        margin-left: -5px;
    }

    /*.s idebar-btn-nav-r {
        display: none !important;
    }*/

    .sidebar-r-open > .sidebar-r {
        box-shadow: none;
    }

    .sidebar-handle-r.sidebar-handle .sidebar-btn-main {
        left: -35px;
        border-radius: .5rem 0 0 .5rem;
        width: 40px;
    }

    .sidebar-handle-srh.sidebar-handle .sidebar-btn-main {
        /*left: -35px;*/
        border-radius: 0 .5rem .5rem 0;
        width: 40px;
    }

    .sidebar-srh-tab-spacer {
        padding-left: 40px;
    }

    .sidebar-r-tab-spacer {
        padding-right: 40px;
    }

    .sec-srh-container .list-header {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .sidebar-r:before {
        display: none;
    }

    /* .sec-srh-filters-open .sidebar-handle-srh .sidebar-btn-main, */
    .sidebar-r-open .sidebar-handle-r .sidebar-btn-main {
        display: none;
    }

    .sidebar-handle-r .sidebar-btn-main,
    .sidebar-handle-srh .sidebar-btn-main {
        display: block;
    }

    .bdy-sde-srh .sidebar-handle-srh,
    .bdy-sde-r .sidebar-handle-r {
        padding-top: 55px;
    }

    .bdy-mnu-adm.bdy-sde-srh .sidebar-handle-srh,
    .bdy-mnu-adm.bdy-sde-r .sidebar-handle-r {
        padding-top: 85px;
    }

    .sidebar-handle-r.sidebar-handle .sidebar-btn-main,
    .sidebar-handle-srh.sidebar-handle .sidebar-btn-main {
        height: 40px;
        line-height: 40px;
        margin-top: 0 !important;
    }

    .sec-srh-filters-head > .navbar.bg-sidebar {
        border-top-right-radius: .5rem !important;
    }

    @media screen and (min-width: 768px) and (min-height: 521px) {
        .sidebar-handle-r.sidebar-handle .sidebar-btn,
        .sidebar-tab,
        .sidebar-handle-srh.sidebar-handle .sidebar-btn, .sidebar-tab,
        .sec-srh-filters {
            height: calc(100% - 10px);
            top: 10px;
        }

        .bdy-sde-srh .sidebar-handle-srh,
        .bdy-mnu-adm.bdy-sde-srh .sidebar-handle-srh {
            padding-top: inherit;
        }



        .sidebar-r .sidebar-content {
            background: inherit;
            margin-top: 10px;
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.8);
            height: calc(100% - 10px);
        }

        .sidebar.sidebar-r .sidebar-head {
            margin-top: 10px;
        }

        .sidebar-r .ui-resizable-handle.ui-resizable-w:before {
            margin-top: 10px;
            margin-left: 3px;
        }

        .sidebar-r .sidebar-content,
        .sidebar.sidebar-mod-sticky-cover.sidebar-r .sidebar-content-inner,
        .sidebar.sidebar-r .sidebar-head {
            border-top-left-radius: .5rem !important;
        }
    }
    /* sec-srh-filters Top Spacer */

    /* CUSTOM LIST PAGE */
    .lstpge-header-pb .ctrl-limit.ctrl-limit-open .ctrl-limit-main {
        padding-bottom: 8px;
    }

    .lstpge-header-pb .list-body-container {
        /*padding-bottom: 40px;*/
    }

    .lstpge-header-pb .list-scroll .list-body {
        padding-top: 15px;
        padding-bottom: 15px;
        /*padding-bottom: 50px;*/
    }

    .lstpge-header-pb .lstpge-pge-ctrl-rsttot {
        float: right;
    }

    .lstpge-header-pb .lst-pge-pge-ctrl-flt {
        max-width: 150px;
    }

    @media (min-width: 576px) { /* sm */
        .lstpge-header-pb .lst-pge-pge-ctrl-flt {
            max-width: 180px;
        }
    }

    .lstpge-header-off .list-header {
        display: none;
    }

    .lstpge-ctrls-off .list-header .js-ctrl-limit {
        display: none;
    }
    /* CUSTOM LIST PAGE */

    .sidebar-r {
        background: transparent;
    }

    .mnu-hed {
        z-index: 1039;
    }

    @media screen and (max-width: 767px), screen and (max-height: 520px) {
        .sidebar-r {
            padding-top: 55px;
        }

        .bdy-mnu-adm .sidebar-r {
            padding-top: 85px;
        }

        .sec-srh-filters {
            top: 55px;
            height: calc(100% - 55px);
        }

        .bdy-mnu-adm .sec-srh-filters {
            top: 85px;
            height: calc(100% - 85px);
        }
    }

    .sidebar.sidebar-mod-sticky-cover .sidebar-head {
        background: rgba(0,0,0,0.4);
    }

    .sidebar.sidebar-mod-sticky-cover .position-sticky.picture-cover-con {
        padding-top: 50px;
    }

    .sidebar.sidebar-mod-sticky-cover .position-sticky.picture-cover-con:not(.picture-cover-none) {
        margin-top: 160px;
    }

    .sidebar.sidebar-mod-sticky-cover.sidebar-r .sidebar-content {
        padding-top: 0;
    }

    .sidebar.sidebar-mod-no-footer .sidebar-content {
        padding-bottom: 0;
    }

    .sidebar .position-sticky.picture-cover-con.mb-3 {
        margin-bottom: 0 !important;
    }

    .position-sticky.picture-cover-con {
        overflow: initial;
        z-index: 10; /* increase to 10 from 2 for edit pages*/
        margin-top: 200px;
        top: 0;
        /*height: 100px;*/
        min-height: 100px;
    }

    .position-sticky.picture-cover-none {
        margin-top: 0;
        /*height: 100px;*/
        min-height: 100px;
    }

    .position-sticky.picture-cover-con:not(.picture-cover-none) .picture-cover {
        top: auto;
        bottom: 0;
        height: 300px;
    }

    .position-sticky.picture-cover-none .picture-cover {
        /*background-color: var(--bg-primary);*/
        background-color: #3a2368;
    }

    .picture-cover .navbar-brand {
        position: absolute;
        left: 20px;
        top: auto;
        bottom: 15px;
    }

    .sec-pro .sec-lst-pics {
        z-index: 11;
    }
}