﻿
:root {
    --sde-act-w: 20rem;
    --sde-mnu-m: 2.5rem;
    --sde-tab-w: 3rem;
    --nav-rhs-r-w: 0rem;
    --sde-flt-w: 100%;
    --sde-flt-br: 0;
    --bg-sidebar: var(--bs-info);
}

@media screen and (min-width: 466px) {
    :root {
        --sde-flt-w: 22.5rem;
        --sde-flt-br: .5rem;
    }
}


@media print {
    .sidebar.f-box ,
    .sidebar {
        display: none;
    }

    .table-colrow.table-list > tbody > tr > td {
        border-color: transparent;
    }
}

@media screen {

    .sidebar-d-flex,
    .sidebar-d-inline-block,
    .sidebar-d-inline,
    .sidebar-d-block {
        display: none;
    }

    .sidebar .sidebar-d-flex {
        display: flex;
    }
    .sidebar .sidebar-d-inline-block {
        display: inline-block;
    }
    .sidebar .sidebar-d-inline {
        display: inline;
    }
    .sidebar .sidebar-d-block {
        display: block;
    }

    .sidebar.sidebar-mnu {
        display: none;
    }

    .bdy-sde-r.sidebar-r-open {
        -ms-overflow-style: scrollbar;
    }

    .sidebar .lstpge-container.viewport-height {
        height: 100% !important;
    }

    .js-resized-show-inline {
        display: none;
    }

    .js-resized .js-resized-show-inline {
        display: inline-block;
    }

    .js-resized .js-resized-hide {
        display: none;
    }

    .searchbar-ctrls-wrapper {
        position: relative;
        background: #fff;
    }

    .searchbar-ctrls {
        width: 100%;
        min-height: 2.5rem;
        z-index: 1;
    }

    .scroll-to-fixed-fixed .searchbar-ctrls {
        box-shadow: 0 1px 5px rgba(0,0,0,0.3);
    }


    /***************/
    /* sidebar-mod */

    .bdy-sde-r .sidebar-handle-r,
    .sidebar.sidebar-r {
        padding-top: 2.5rem;
        padding-top: var(--pge-hed-u);
        z-index: 1002;
    }
    .bdy-sde-r .sidebar-handle-r {
        z-index: 1003;
    }

    @media screen and (max-width: 767px), screen and (max-height: 520px) { /* MOBILE SIZE */
        .sidebar.sidebar-r {
            z-index: 1038;
        }

    }

    .sidebar-r .sidebar-content {
        position: relative;
    }

    .sidebar-r.sidebar-mod-head .sidebar-content,
    .sidebar-r.sidebar-mod-top .sidebar-content {
        background: var(--bs-body-bg);
    }

    .sidebar-r.sidebar-mod-head .sidebar-content {
        padding-top: 105px;
    }

    .form-header .h4 {
        line-height: 2.5rem;
        margin: 0;
    }

    .js-form-ctrls-header {
        height: 2.5rem;
        margin-bottom: 1rem;
    }

    .sidebar-r.sidebar-mod-head .js-form-ctrls-header {
        position: absolute;
        top: 3rem;
        left: 1rem;
        right: 1rem;
        height: 4rem;
        z-index: 11;
    }

    .modal .js-form-ctrls-header {
        display: none;
    }

    .sidebar-r.sidebar-mod-top .js-form-ctrls-top {
        position: relative;
    }

    @media screen and (min-width: 768px) and (min-height: 800px) {

        .sidebar-r.sidebar-mod-top .js-form-ctrls-top {
            position: absolute;
            top: 2.5rem;
            left: 1px;
            right: 0;
            height: 20rem;
            z-index: 10;
        }

        .sidebar-r.sidebar-mod-head.sidebar-mod-top .js-form-ctrls-top {
            top: 105px;
        }

        .sidebar-r.sidebar-mod-top .sidebar-content {
            padding-top: 380px;
        }

    }

    /* sidebar-mod */
    /***************/

    .form-footer-stick .form-container {
        position: static;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .form-footer-stick .form-pt-0 .form-container {
        padding-top: 0;
    }

    .conpnl-footer-stick .sec-pgecrd .form-container .js-form-ctrls-footer,
    .form-footer-stick .js-form-ctrls-footer {
        position: absolute;
        bottom: 0;
        min-height: 3rem;
        z-index: 10;
        width: 100%;
        left: 0;
        margin: 0;
        align-items: center;
    }

    .sidebar-r .form-footer-stick .js-form-ctrls-footer {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
    @media screen and (max-width: 767px) {
        .sidebar-r .form-footer-stick .js-form-ctrls-footer {
            padding-left: 0;
            padding-right: 0;
        }
    }

    .sidebar-r .form-footer-stick .list-group-item .js-form-ctrls-footer,
    .form-footer-stick .list-group-item .js-form-ctrls-footer {
        position: static;
        bottom: auto;
        padding: initial;
        background-color: transparent;
        z-index: auto;
        width: auto;
        left: auto;

    }

    .navbar-tabs {
        border-bottom: 1px solid #ddd;
    }

        .navbar-tabs > li {
            float: left;
            margin-bottom: -1px;
        }

            .navbar-tabs > li:before {
                content: "";
                width: 1px;
                position: absolute;
                left: 0;
                top: 8px;
                bottom: 8px;
                border-left: 1px dashed #ddd;
            }

            .navbar-tabs > li:first-child:before {
                border-left-color: transparent;
            }

            .navbar-tabs > li > a {
                color: #777;
            }

                .navbar-tabs > li > a:focus,
                .navbar-tabs > li > a:hover {
                    background: transparent;
                    color: #333;
                }

                    .navbar-tabs > li > a:hover:before,
                    .navbar-tabs > li > a:focus:before,
                    .navbar-tabs > .active > a:before,
                    .navbar-tabs > .open > a:before {
                        content: "";
                        background: #5bc0de;
                        height: 3px;
                        position: absolute;
                        bottom: 0;
                        left: 8px;
                        right: 8px;
                    }

    .mnu-hed-show-inline {
        display: none;
    }

    body.bdy-mnu-hed .mnu-hed-show-inline {
        display: inline-block;
    }

    body.bdy-mnu-hed .mnu-hed-hide {
        display: none;
    }

    /***************/
    /* Scrolled */

    .modal-f-box .modal-content .modal-body .list-body-fl-scrolls-body-t,
    .page-f-box .sec-pgecdb .list-body-fl-scrolls-body-t,
    .scrolled-container .list-body-fl-scrolls-body-t,
    .js-scrolled .list-body-fl-scrolls-body-t {
        position: relative;
        z-index: 5;
    }

    .modal-f-box .modal-content .modal-body .list-body-fl-scrolls-body-b,
    .page-f-box .sec-pgecdb .list-body-fl-scrolls-body-b,
    .scrolled-container .list-body-fl-scrolls-body-b,
    .js-scrolled .list-body-fl-scrolls-body-b {
        position: relative;

        z-index: 5;
    }


    .modal-f-box .modal-content .modal-body .list-body-fl-scrolls-body-t .scroll-shadow,
    .page-f-box .sec-pgecdb .list-body-fl-scrolls-body-t .scroll-shadow,
    .modal-f-box .modal-content .modal-body .list-body-fl-scrolls-body-b .scroll-shadow,
    .page-f-box .sec-pgecdb .list-body-fl-scrolls-body-b .scroll-shadow,
    .scrolled-container .list-body-fl-scrolls-body-t .scroll-shadow,
    .scrolled-container .list-body-fl-scrolls-body-b .scroll-shadow {
        /*background: Yellow;*/
        position: absolute;
        height: 1rem;
        margin: 0 auto;
        right: 0;
        left: 0;
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
        overflow: hidden;
        pointer-events: none;
        scrollbar-gutter: stable;
    }


    .modal-f-box .modal-content .modal-body .list-body-fl-scrolls-body-t .scroll-shadow,
    .page-f-box .sec-pgecdb .list-body-fl-scrolls-body-t .scroll-shadow,
    .scrolled-container .list-body-fl-scrolls-body-t .scroll-shadow {
        top: 0;
    }
    .modal-f-box .modal-content .modal-body .list-body-fl-scrolls-body-b .scroll-shadow,
    .page-f-box .sec-pgecdb .list-body-fl-scrolls-body-b .scroll-shadow,
    .scrolled-container .list-body-fl-scrolls-body-b .scroll-shadow {
        top: -1rem;
    }
   
        .modal-f-box .modal-content .modal-body .list-body-fl-scrolls-body-t .scroll-shadow:before,
        .page-f-box .sec-pgecdb .list-body-fl-scrolls-body-t .scroll-shadow:before,
        .modal-f-box .modal-content .modal-body .list-body-fl-scrolls-body-b .scroll-shadow:before,
        .page-f-box .sec-pgecdb .list-body-fl-scrolls-body-b .scroll-shadow:before,
        .scrolled-container .list-body-fl-scrolls-body-t .scroll-shadow:before,
        .scrolled-container .list-body-fl-scrolls-body-b .scroll-shadow:before {
            display: block;
            content: "";
            position: absolute;
            left: 0.5rem;
            right: 0.5rem;
            margin: 0 auto;
            height: 0;
            border: 0;
            box-shadow: 0 0 10px 4px rgba(0,0,0,0.5);
            top: -2px;
        }
        .modal-f-box .modal-content .modal-body .list-body-fl-scrolls-body-b .scroll-shadow:before,
        .page-f-box .sec-pgecdb .list-body-fl-scrolls-body-b .scroll-shadow:before,
        .scrolled-container .list-body-fl-scrolls-body-b .scroll-shadow:before {
            top: auto;
            bottom: -2px;
        }

    .modal-f-box .modal-content .modal-body.scrolled-d .list-body-fl-scrolls-body-t .scroll-shadow,
    .modal-f-box .modal-content .modal-body.scrolled-u .list-body-fl-scrolls-body-b .scroll-shadow,
    .page-f-box .sec-pgecdb.scrolled-d .list-body-fl-scrolls-body-t .scroll-shadow,
    .page-f-box .sec-pgecdb.scrolled-u .list-body-fl-scrolls-body-b .scroll-shadow,
    .scrolled-container.scrolled-d .list-body-fl-scrolls-body-t .scroll-shadow,
    .scrolled-container.scrolled-u .list-body-fl-scrolls-body-b .scroll-shadow {
        opacity: 1;
    }

    /* Scrolled */
    /***************/

    /***************/
    /* Sidebars */

    .sidebar {
        display: block;
        position: fixed;
        top: 0;
        height: 100%;
        min-height: 100%;
        overflow: initial;
        z-index: 998;
        padding-top: inherit;
    }

    .sidebar,
    .sidebar-width {
        width: 16rem;
    }

    .sidebar-min-width {
        min-width: 16rem;
    }

    .sidebar.sidebar-full {
        z-index: 1031;
        padding-top: 0;
    }

    .sidebar-handle {
        z-index: 1001;
        width: auto;
        overflow: visible;
    }

    .sidebar-handle-inner {
        position: relative;
        height: 100%
    }

    .sidebar-handle-srh {
        left: 0;
        display: none;
    }

    .bdy-sde-srh .sidebar-handle-srh {
        display: block;
    }

    .sidebar-handle-r {
        right: 0;
        display: none;
    }
    .sidebar-handle-r .sidebar-btn {
        right: 0;
    }

    .bdy-sde-r .sidebar-handle-r {
        display: block;
    }

    .sidebar-handle .sidebar-btn {
        position: absolute;
        height: 100%;
        width: .25rem;
        background: var(--bg-sidebar);
    }

    .bdy-sde-srh .sidebar-handle-srh {
        z-index: 1000;

        padding-top: 100px;

        padding-top: calc(var(--pge-hed-u) + var(--pge-nav-u));

    }

    .sidebar-r-open .sidebar-handle-r .sidebar-btn, 
    .sec-srh-filters-open .sidebar-handle-srh .sidebar-btn {
        width: 0;
    }

    .bg-sidebar,
    .sidebar-handle .sidebar-btn-main,
    .sidebar-handle .sidebar-btn-sub {
        background: var(--bg-sidebar);
    }

    .sidebar-r-open > .sidebar-handle-r .sidebar-btn-main,
    .sidebar-r-open > .sidebar-handle-r .sidebar-btn-sub {
        background: var(--bg-sidebar);
    }

    .sidebar-r-open > .sidebar-handle-r .sidebar-btn-main {
        display: none;
    }

    .sidebar-btn-close {
        z-index: 1;
        position: absolute;
    }

    .sidebar-btn-nav-rhs-space,
    .sidebar-r,
    .sidebar-r .sidebar-content,
    .sidebar,
    .navbar.navbar.mnu-hed,
    .navbar.navbar.mnu-nav,
    .sec-footer,
    .css_PgeCon {
        transition-duration: 0.5s !important;
        transition-timing-function: ease-in-out !important;
    }

    .sidebar-r,
    .sidebar {
        transition-property: left, right, padding-top, max-width;
    }

    .sidebar-r {
        left: auto !important;
        right: -100%;
        width: 958px;
        max-width: 90%;
    }

    .sidebar-r .sidebar-head {
        padding-left: 1rem;
    }

    @media screen and (max-width: 767px) {
        .sidebar-r {
            right: -100%;
            max-width: 100%;
            width: 100% !important;
        }

        .sidebar-r .sidebar-head {
            padding-left: 0;
        }

        .sidebar-r .ui-resizable-handle {

            visibility: hidden;
        }

        body.sidebar-r-open {
            overflow: hidden;
        }

    }
    @media screen and (max-width: 575px) {
        .sidebar-r-open > .sidebar-handle-r .sidebar-btn-sub {
            display: none;
        }
    }

    .sidebar-r-open > .sidebar-r {
        right: 0;
    }

    .sidebar-btn {
        z-index: 1;
        color: var(--bs-nav-link-color);
        background: transparent;
    }

    .sidebar-btn:focus,
    .sidebar-btn:active,
    .sidebar-btn:hover {
        /*color: #fff;*/
        color: var(--bs-nav-link-hover-color);
    }

    .btn.sidebar-btn {
        padding: 9px;
    }

    .sidebar-btn-main,
    .sidebar-btn-sub {
        display: block;
        height: 3rem;
        line-height: 3rem;
        width: 3rem;
        position: absolute;
        text-align: center;
        border-radius: 0 var(--bs-border-radius) var(--bs-border-radius) 0;
    }

    .sidebar-handle-r .sidebar-btn-sub,
    .sidebar-btn-main {
        height: 3rem;
        line-height: 3rem;
    }

    .rounded-ex {
        border-radius: .5rem !important;
    }

    .sec-srh-filters,
    .sec-srh-filters-head,
    .sec-srh-filters-head > .navbar.bg-sidebar {
        border-top-right-radius: var(--sde-flt-br);
    }


    .mnu-nav {
        transition-property: padding-left, padding-right;
    }

    .sidebar-btn-nav-rhs-space {
        width: calc(var(--nav-rhs-r-w));
        transition-property: width;
        padding-right: 1px; /* 2023-10-26 FIX collapse empty div */
    }

    .bdy-sde-r {
        --nav-rhs-r-w: var(--sde-tab-w);
    }
 
    .sidebar-btn-nav-mnu-space {
        display: none;
        width: 2.5rem;
    }

    .bdy-sde-mnu .sidebar-btn-nav-mnu-space {
        display: block;
    }

    .sidebar-btn-sub {
        bottom: 0;
    }

    /* MOBILE SIZE */
    @media screen and (max-width: 767px), screen and (max-height: 520px) {

        .sec-srh-filters-open > .sidebar-handle-srh .sidebar-btn-main {
            display: block;
        }

        .sec-srh-filters-open .sec-srh-filters-open-hidden {
            visibility: hidden;
        }
    }


    .sidebar-handle-r .sidebar-btn-main,
    .sidebar-handle-r .sidebar-btn-sub {

        right: 0;
        border-radius: var(--bs-border-radius) 0 0 var(--bs-border-radius);
        padding-left: 0;
        padding-right: 0;
    }

    .sidebar-open-inline-block {
        display: none;
    }

    .sidebar-r-open > .sidebar-r .sidebar-open-inline-block,
    .sidebar-r-open > .sidebar-handle-r .sidebar-open-inline-block,
    .sec-srh-filters-open > .sidebar-handle-srh .sidebar-open-inline-block {
        display: inline-block;
    }

    .sidebar-r-open > .sidebar-r .sidebar-open-hide,
    .sidebar-r-open > .sidebar-handle-r .sidebar-open-hide,
    .sec-srh-filters-open > .sidebar-handle-srh .sidebar-open-hide {
        display: none;
    }


    .sidebar-content {
        height: 100%;
        max-width: 16rem;
    }



    .sidebar-r .sidebar-content {
        max-width: 100%;
        padding-top: 3rem; 
        background: var(--bg-sidebar);
    }

    .sidebar-content-inner {
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;

        scroll-padding-top: var(--mnu-hed-h);
        scroll-padding-bottom: 1rem;
    }


    .sidebar-r .sidebar-content-inner {
        max-width: 100%;
        background: var(--bs-body-bg);
    }

    .sidebar .sidebar-head {
        position: absolute;
        width: 100%;
        z-index: 12;

    }

    .sidebar .sidebar-title {
        line-height: 1.2;

        font-size: 1.25rem;
    }

    .modal .sidebar {
        margin-top: 2.5rem;
    }

    .modal > .sidebar-r {
        padding-right: inherit;
    }

    .sidebar .hidden-sidebar {
        display: none;
    }

    .css_PgeCon {
        transition-property: padding, margin, height;
        margin-right: 0;
    }

    .mnu-nav {

        z-index: 1002;
        margin-bottom: 0;
    }

    .sidebar-r .ui-resizable-handle.ui-resizable-w {
        padding: inherit;
        width: 10px;
        left: 0;

        background: transparent !important;
    }


        .sidebar-r .ui-resizable-handle.ui-resizable-w:before,
        .sidebar-r .ui-resizable-handle.ui-resizable-w:after {
            content: "\f7a5";
            content: "\e411";
            width: 100%;
            height: 3rem;
            line-height: 3rem;
            text-align: right;
            display: inline-block;
            font-family: var(--fa-style-family);


            font-feature-settings: normal;
            font-kerning: auto;
            font-size: 1.33333rem;
            font-stretch: normal;
            font-style: normal;
            font-synthesis: weight style;
            font-variant: normal;
            font-weight: normal;

            text-rendering: auto;
        }

        .sidebar-r .ui-resizable-handle.ui-resizable-w:after {
            position: absolute;
            bottom: 0;
            left: 0;
        }



    /* Sidebars */
    /***************/

    /*******************************/
    /***** FLEX SCROLL CONTENT *****/

    .form-footer-stick > .modal-content > .modal-body,
    .modal-f-box > .modal-content > .modal-body,
    .page-f-box .sec-pgebdy > .sec-pgecon > .sec-pgecrd > .card-body {
        padding: 0;
    }

    .modal-f-box > .modal-content > .modal-header,
    .page-f-box .sec-pgebdy > .sec-pgecon > .sec-pgecrd > .modal-header {
        border-bottom: none;
    }

    .form-footer-stick > .modal-content > .modal-body,
    .modal-f-box > .modal-content > .modal-body,
    .page-f-box .sec-pgebdy > .sec-pgecon > .sec-pgecrd > .card-body,
    .f-box {
        display: flex;
        flex-flow: column;
        height: 100%;
    }

    .modal-f-box > .modal-content > .modal-body .f-box-head,
    .modal-f-box > .modal-content > .modal-body .f-box-foot,
    .page-f-box .sec-pgebdy > .sec-pgecon > .sec-pgecrd > .card-body .f-box-head,
    .page-f-box .sec-pgebdy > .sec-pgecon > .sec-pgecrd > .card-body .f-box-foot,
    .f-box .f-box-head,
    .f-box .f-box-foot {
        flex: 0 1 auto;
    }

    .form-footer-stick > .modal-content > .modal-body .f-box-body,
    .modal-f-box > .modal-content > .modal-body .f-box-body,
    .page-f-box .sec-pgebdy > .sec-pgecon > .sec-pgecrd > .card-body .f-box-body {
        padding: 1rem 1rem;
    }

    .modal-dialog.form-footer-stick > .modal-content > .modal-body {
        padding-bottom: 3rem;
    }

    @media (max-width: 409.98px) {
        .modal-f-box > .modal-content > .modal-body .f-box-body,
        .page-f-box .sec-pgebdy > .sec-pgecon > .sec-pgecrd > .card-body .f-box-body {
            padding: 1rem 1rem 6rem;
        }
    }

    .form-footer-stick > .modal-content > .modal-body .f-box-body,
    .modal-f-box > .modal-content > .modal-body .f-box-body,
    .page-f-box .sec-pgebdy > .sec-pgecon > .sec-pgecrd > .card-body .f-box-body,
    .f-box .f-box-body {
        flex: 1 1 auto;
        overflow-x: hidden;
        overflow-y: auto;
        scroll-padding: 1rem;
    }

    .container-fluid > .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }

    /***** FLEX SCROLL CONTENT *****/
    /*******************************/

    /************************/
    /***** AMAZON LISTS *****/

    .col-select .table-list-item-ctrls {
        padding-left: 2.5rem;
    }

    .bdy-sde-r.sidebar-r-open .col-select .table-list-item-ctrls {
        padding-left: 0.25rem;
    }

    .col-select-all {
        display: inline-block;
        padding-left: 0.25rem;
    }

    .bdy-sde-r.sidebar-r-open .table-list-col-sticky .col-sticky .col-select-all {
        display: none;
    }

    /* MOBILE SIZE */
    @media screen and (max-width: 767px), screen and (max-height: 520px) {
        .col-select .table-list-item-ctrls {
            padding-left: 0.25rem;
        }

        .table-list-col-sticky .col-sticky .col-select-all {
            display: none;
        }
    }

    /*
    .table-list-item-ctrls > .item-ctrls-default {
        margin: 0.75rem 0;
    }

    .table-list-tight .table-list-item-ctrls > .item-ctrls-default {
        margin: 0.125rem 0; 
    }

    .btn-group > .item-ctrls-dropdown {
        border-left: none;
    }

    .btn-group > .item-ctrls-dropdown.dropdown-toggle {
        padding: 0.75rem 0.125rem;
        border-radius: 0; 
    }*/

    .table-list > tbody > tr > td,
    .table-list > tfoot > tr > td,
    .table-list > tfoot > tr > th,
    .table-list > thead > tr > td,
    .table-list > thead > tr > th {
        height: 4.375rem;
    }

    .table-list-tight > tbody > tr > td {
        height: 1.875rem;
    }
    /*
    .table-list.js-table-row-click > tbody > tr:hover > td .table-list-item-ctrls > .item-ctrls-default .ctrl-ful,
    .table-list.js-table-row-click > tbody > tr:hover > td .btn-group > .item-ctrls-dropdown {
        color: inherit;
    }*/

    .table-list > thead > tr.list-headers > th {
        font-size: 0.875rem;
    }

    .table-list > thead > tr.list-headers > th.sorted {
        font-weight: 700;
    }

    .table-list > tbody > tr > td,
    .table-list > tbody > tr > th,
    .table-list > tfoot > tr > td,
    .table-list > tfoot > tr > th,
    .table-list > thead > tr > td,
    .table-list > thead > tr > th {
        border-color: var(--bs-border-color); /*var(--bs-border-width) var(--bs-border-style);*/
    }

    .table-colrow.table-list > tbody > tr > td {
        border-color: transparent;
    }
    /*
    .table-list.js-table-row-click > tbody > tr:hover + tr.table-colrow-tr > th,
    .table-list.js-table-row-click > tbody > tr:hover > td {
        background: var(--bs-secondary-bg-subtle); 
    }
    */

.table-list .list-headers > th > a {
    color: #2c394b;
}

    .table-list > thead > tr > td:after,
    .table-list > thead > tr > th:after {
        content: "";
        position: absolute;
        background: var(--bs-body-bg);
        height: 100%;
        right: 0;
        top: 0;
        width: 1px;
    }

    a.css_Srt > i:before {
        content: '\f0dc';
    }

    a.css_Srt > i:after {
        content: '\10f0dc';
    }

    .sorted a.css_SrtU > i:before {
        content: '\f0de';
    }

    .sorted a.css_SrtU > i:after {
        content: '\10f0de';
    }

    .sorted a.css_SrtD > i:before {
        content: '\f0dd';
    }

    .sorted a.css_SrtD > i:after {
        content: '\10f0dd';
    }


    /***** AMAZON LISTS *****/
    /************************/

    .btn.sidebar-btn {
        margin-right: 10px;
    }

    .sec-srh-container {
        position: relative;
        height: 100%;
    }

    .sec-srh-container .list-header {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .sec-srh-container .table-list-col-sticky > .list-header {
        min-height: var(--mnu-hed-h);
        padding-top: 0.3125rem;
        padding-bottom: 0.3125rem;
        margin-top: 10px;
    }
    
    @media screen and (max-width: 767px), screen and (max-height: 520px) {
        .sec-srh-container .table-list-col-sticky > .list-header {
            margin-top: 0;
        }
    }
    .sidebar-srh-tab-spacer {
        padding-left: 2.5rem;
    }

    .sidebar-r-tab-spacer {
        padding-right: 2.5rem;
    }

    .sec-srh-filters {
        z-index: 1005;
        position: fixed;
        top: 0;
        left: 0;
        width: var(--sde-flt-w);
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        margin-left: calc(-1 * var(--sde-flt-w));
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        transition-duration: 0.5s !important;
        transition-timing-function: ease-in-out !important;
        transition-property: margin-left; /*,opacity;*/
    }

    .sec-srh-filters-inner {
        max-width: calc(var(--sde-flt-w) - 1.5rem); /* 275px;*/
        margin-left: 0.75rem;
    }

    .sec-srh-filters-open .sec-srh-filters {
        margin-left: 0;
    }

    .sidebar-over-d-block,
    .sidebar-over-visible {
        display: none;
    }

    .sec-srh-filters .sidebar-over-d-block,
    .sec-srh-filters .sidebar-over-visible {
        display: block;
        visibility: visible;
    }


    .sidebar-r {
        max-width: 100%;
    }

    .sec-srh-results-head .searchbar-header {
        min-height: 3rem;
        margin: 0;
        padding-left: 0;
        transition-duration: 0.5s !important;
        transition-timing-function: ease-in-out !important;
        transition-property: padding-left; /*,opacity;*/
    }

    .sec-srh-results-head .searchbar-header {
        padding-left: var(--sde-tab-w);
    }

        .page-lg .sec-srh-v3 .sec-srh-results-head,
        .page-lg .sec-srh-v3 .sec-srh-results-inner {
            max-width: 48rem;
        }

        .sec-srh-results.container-fluid > .f-box-body > .sec-srh-results-inner > .container-fluid {
            padding-left: 0;
            padding-right: 0;
        }

        @media screen and (min-width: 992px) {
            .bdy-sde-srh .sec-srh-container .sec-srh-results-head .searchbar-header {
                padding-left: var(--sde-tab-w);
            }

            .bdy-sde-srh.sec-srh-filters-open .sec-srh-container .sec-srh-results-head .searchbar-header {
                padding-left: 0;
            }

            .bdy-sde-srh.sec-srh-filters-open.sidebar-r-open .sidebar-handle-srh .sidebar-btn {
                width: 5px;
            }
        }

        @media screen and (max-width: 767px) {

            .sec-srh-results-inner.container-fluid {
                padding-left: 0;
                padding-right: 0;
            }

            .bdy-sde-srh .sec-srh-results-inner.container-fluid {
                padding-left: 5px;
            }

            .bdy-sde-r .sec-srh-results-inner.container-fluid {
                padding-right: 5px;
            }
        }

        .sec-srh-results.container-fluid /* <- possible not used */ {
            padding-left: 5px;
            padding-right: 5px;
        }

        .sec-pro-container {
            position: relative;
            height: 100%;
        }

        .sec-pro {
            display: flex;
            flex-direction: column;
        }

        .sec-srh-container .table-list-col-sticky > .list-header {
            padding-left: 3rem;
            transition-duration: 0.5s !important;
            transition-timing-function: ease-in-out !important;
            transition-property: padding-left; /*,opacity;*/
        }

        @media screen and (min-width: 768px) {

            .sec-srh-container .table-list-col-sticky > .list-header {
                padding-left: var(--sde-tab-w);
            }

            .sec-pro-mid {
                display: flex;
                flex: 1;
            }

            .sec-pro-bdy {
                flex: 1;
            }

            .sec-pro-sde {
                flex: 0 0 16rem;
            }

            .sec-pro-sde-inner {
                max-width: 15rem;
                padding: 10px 0 10px 10px;
                margin-right: -10px;
            }



            .sec-srh-results {
                padding-left: 0;
                height: 100%;
                min-width: 600px;
            }

            .sec-srh-container {
                margin-right: 0;
            }

            .sidebar-r-open .page-df .sec-srh-container,
            .sidebar-r-open .page-lg .sec-srh-container {
                margin-right: 890px;
            }

            .sec-srh-results-inner {
                margin-left: 0;
                background: var(--bs-body-bg);
                position: relative;
                z-index: 1;

            }

            .bdy-mnu-adm.bdy-sde-mnu.sidebar-mnu-min .sec-footer,
            .bdy-mnu-adm.bdy-sde-mnu.sidebar-mnu-min .css_PgeCon {
                margin-left: var(--sde-mnu-m);
            }

            .bdy-mnu-adm.bdy-sde-mnu.sidebar-mnu-min .mnu-nav {
                margin-left: var(--sde-mnu-m);
            }

            .bdy-mnu-adm.bdy-sde-mnu.sidebar-mnu-min > .sidebar-handle-srh {
                left: var(--sde-mnu-m);
            }

            .bdy-mnu-adm.bdy-sde-mnu.sidebar-mnu-min .sec-footer .mw-ex,
            .bdy-mnu-adm.bdy-sde-mnu.sidebar-mnu-min .navbar.mnu-nav .mw-ex {
                max-width: calc(1580px - var(--sde-mnu-m));
            }

            .bdy-sde-act.sidebar-act-open > .sidebar-handle-r {
                right: calc(var(--sde-act-w) + 5px);
            }

            .bdy-sde-act.sidebar-act-open.sidebar-r-open > .sidebar-r {
                right: var(--sde-act-w);
            }

            .bdy-mnu-adm.bdy-sde-mnu.sidebar-mnu-open > .sidebar-r,
            .bdy-sde-act.sidebar-act-open > .sidebar-r {
                max-width: calc(100% - var(--sde-act-w));
            }

        }

        @media screen and (min-width: 768px) and (min-height: 521px) {

            .d-dsk-none {
                display: none;
            }

            .sec-srh-filters {
                z-index: 997; /* 997 = under footer */
                position: absolute;
                top: 0;
            }

            .container-fluid > .sec-srh-container .sec-srh-filters {
                left: -15px;
            }

        }

        @media screen and (min-width: 1200px) {

            .bdy-mnu-adm.bdy-sde-mnu.sidebar-mnu-open .sec-footer,
            .bdy-mnu-adm.bdy-sde-mnu.sidebar-mnu-open .css_PgeCon {
                margin-left: var(--sde-act-w);
            }

            .bdy-mnu-adm.bdy-sde-mnu.sidebar-mnu-open .mnu-nav {
                margin-left: var(--sde-act-w);
            }

            .bdy-mnu-adm.bdy-sde-mnu.sidebar-mnu-open > .sidebar-handle-srh {
                left: var(--sde-act-w);
            }

            .bdy-sde-mnu .sec-footer .mw-ex,
            .bdy-sde-mnu .navbar.mnu-nav .mw-ex {
                transition-duration: 0.5s !important;
                transition-timing-function: ease-in-out !important;
                transition-property: max-width, padding-left;
            }

            .bdy-mnu-adm.bdy-sde-mnu.sidebar-mnu-open .sec-footer .mw-ex,
            .bdy-mnu-adm.bdy-sde-mnu.sidebar-mnu-open .navbar.mnu-nav .mw-ex {
                max-width: calc(1580px - var(--sde-act-w));
            }

            .bdy-mnu-adm.bdy-sde-mnu.sidebar-mnu-open > .sidebar-r {
                max-width: calc(100% - var(--sde-act-w));
            }

            .bdy-mnu-adm.bdy-sde-mnu.sidebar-mnu-open.bdy-sde-act.sidebar-act-open > .sidebar-r {
                max-width: calc(100% - var(--sde-act-w) - var(--sde-act-w));
            }

            .bdy-sde-act.sidebar-act-min.bdy-mnu-adm.bdy-sde-mnu.sidebar-mnu-open > .sidebar-r,
            .bdy-sde-srh.bdy-sde-mnu.sidebar-mnu-open > .sidebar-r {
                max-width: calc(100% - var(--sde-mnu-m) - var(--sde-act-w));
            }

            .bdy-sde-srh.bdy-mnu-adm.bdy-sde-mnu.sidebar-mnu-open.bdy-sde-act.sidebar-act-min > .sidebar-r {
                max-width: calc(100% - var(--sde-mnu-m) - var(--sde-act-w));
            }

            .bdy-sde-srh.bdy-mnu-adm.bdy-sde-mnu.sidebar-mnu-open.bdy-sde-act.sidebar-act-open > .sidebar-r {
                max-width: calc(100% - var(--sde-mnu-m) - var(--sde-act-w));
            }
        }

        @media screen and (min-width: 1200px) {
            .bdy-sde-act.sidebar-act-open .sec-footer,
            .bdy-sde-act.sidebar-act-open .css_PgeCon {
                margin-right: var(--sde-act-w);
            }

            .bdy-sde-act.sidebar-act-open .mnu-nav {
                margin-right: var(--sde-act-w);
            }
        }

        @media screen and (min-width: 768px) and (max-width: 1399px) {

            .bdy-sde-act.sidebar-act-open.bdy-mnu-adm.bdy-sde-mnu.sidebar-mnu-open .sec-footer,
            .bdy-sde-act.sidebar-act-open.bdy-mnu-adm.bdy-sde-mnu.sidebar-mnu-open .css_PgeCon {
                margin-right: 0;
            }

            .bdy-sde-act.sidebar-act-open.bdy-mnu-adm.bdy-sde-mnu.sidebar-mnu-open .mnu-nav {
                margin-right: 0;
            }
        }

        @media screen and (min-width: 768px) and (max-width: 991px) {

            .bdy-sde-srh .pge-srh .sec-srh-results .lstpge-container:not(.lstpge-header-pb) .list-scroll .list-header {
                padding-left: 30px;
            }
        }

        @media screen and (min-width: 768px) {
            .bdy-sde-r .pge-srh .sec-srh-results .lstpge-container:not(.lstpge-header-pb) .list-scroll .list-header {
                padding-right: 30px;
            }
        }

        @media screen and (min-width: 992px) {
            .bdy-sde-srh .pge-srh .sec-srh-results .lstpge-container:not(.lstpge-header-pb) .list-scroll .list-header,
            .sec-srh-results,
            .sec-srh-container {
                transition-duration: 0.5s !important;
                transition-timing-function: ease-in-out !important;
            }

            .bdy-sde-srh .pge-srh .sec-srh-results .lstpge-container:not(.lstpge-header-pb) .list-scroll .list-header,
            .sec-srh-results {
                transition-property: padding-left;
            }

            .sec-srh-container {
                transition-property: margin-left,margin-right;
            }

            .bdy-sde-srh .pge-srh .sec-srh-results .lstpge-container:not(.lstpge-header-pb) .list-scroll .list-header {
                padding-left: 30px;
            }

            .bdy-sde-srh.sec-srh-filters-open .pge-srh .sec-srh-results .lstpge-container:not(.lstpge-header-pb) .list-scroll .list-header {
                padding-left: 0;
            }

            .bdy-sde-srh .sec-srh-results {
                padding-left: 0;
            }

            .bdy-sde-srh.sec-srh-filters-open .sec-srh-container .table-list-col-sticky > .list-header {
                padding-left: 0;
            }

            .bdy-sde-srh.sec-srh-filters-open .sec-srh-results {
                padding-left: var(--sde-flt-w);
            }

            .bdy-sde-srh .sec-footer {
                padding-left: 0;
            }

            .bdy-sde-srh.sidebar-r-open .sec-srh-results {
                padding-left: 0;
            }

                .bdy-sde-srh.sidebar-r-open .sec-srh-results .sec-srh-results-head .searchbar-header {
                    padding-left: var(--sde-tab-w);
                }

            .bdy-sde-srh.sidebar-r-open .sec-srh-container .table-list-col-sticky > .list-header {
                padding-left: 2.5rem;
            }

            .sec-srh-filters .sidebar-over-visible {
                /*opacity: 0.5;*/
                visibility: hidden;
            }

            .sec-srh-filters .sidebar-over-d-block {
                display: none;
            }

            .bdy-sde-srh.sidebar-r-open .sec-srh-filters .sidebar-over-visible {
                visibility: visible;
            }

            .bdy-sde-srh.sidebar-r-open .sec-srh-filters .sidebar-over-d-block {
                display: block;
            }

            .sidebar-r-open .sec-srh-filters {
                margin-left: calc(-1 * var(--sde-flt-w));
                z-index: 2;
            }
        }

        @media screen and (min-width: 992px) and (max-width: 1199px) {
            .bdy-sde-srh.sidebar-act-open .sec-srh-results,
            .bdy-sde-srh.sidebar-act-open.sidebar-r-open .sec-srh-results {
                padding-left: 0;
            }
        }

        .fot-exp-show-inline {
            display: none;
        }

        .bdy-mnu-adm.bdy-sde-mnu.sidebar-mnu-open,
        .bdy-sde-act.sidebar-act-open {
            -ms-overflow-style: scrollbar;
        }


        .sidebar-mnu .sidebar-content,
        .sidebar-act .sidebar-content {
            position: relative;
            max-width: var(--sde-act-w);
        }

        .sidebar-mnu .sidebar-content-inner {
            scrollbar-gutter: stable;
        }

        .sidebar-act .scroll-y-inner {
            margin-right: -17px;
            width: var(--sde-act-w);
        }

        .sidebar-mnu .sidebar-btn-close,
        .sidebar-act .sidebar-btn-close {
            padding: 9px;
            position: absolute;
            left: 3rem;
        }

        .sidebar.sidebar-mnu .sidebar-head {
            background: #222;
            color: #fff;
        }

        .sidebar.sidebar-act .sidebar-head {
            background: var(--bs-warning);
        }

        .sidebar-mnu,
        .sidebar-act {
            transition-property: left, right, padding-top;
        }

        .sidebar-mnu {
            z-index: 1002;
        }

        .bdy-mnu-adm .sidebar-mnu {
            background: #222;
            right: auto !important;
            left: calc(-1 * var(--sde-act-w));
            width: var(--sde-act-w);
            padding-top: 0;
            display: flex;
            flex-direction: column;
        }

        .bdy-mnu-adm .sidebar.sidebar-mnu .sidebar-head {
            position: relative;
        }

        .bdy-mnu-adm .sidebar.sidebar-mnu .sidebar-content {
            height: calc(100% - var(--mnu-hed-h));
        }


        .bdy-mnu-adm .sidebar-mnu:before {
            content: "";
            z-index: 1;
            position: absolute;
            background: #222;
            width: 1px;
            top: 0;
            bottom: 0;
            right: 0;
        }

        .sidebar-act {
            background: var(--bs-body-bg);
            left: auto !important;
            right: calc(-1 * var(--sde-act-w));
            width: var(--sde-act-w);
            z-index: 1002;
            padding-top: 0;
        }

        @media screen and (max-width: 767px) {
            body.bdy-mnu-adm.sidebar-mnu-open,
            body.sidebar-act-open {
                overflow: hidden;
            }
        }

        .bdy-mnu-adm.sidebar-mnu-open > .sidebar-mnu {
            left: 0;
        }

        .bdy-mnu-adm.sidebar-mnu-open > .sidebar-mnu,
        .bdy-mnu-adm.sidebar-mnu-min > .sidebar-mnu {
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        }

        .sidebar-act-open > .sidebar-act {
            right: 0;
        }

        .sidebar-act-open > .sidebar-act,
        .sidebar-act-min > .sidebar-act {
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        }

            .bdy-mnu-adm.sidebar-mnu-open > .sidebar-mnu .sidebar-open-inline-block,
            .sidebar-act-open > .sidebar-act .sidebar-open-inline-block {
                display: inline-block;
            }

            .bdy-mnu-adm.sidebar-mnu-open > .sidebar-mnu .sidebar-open-hide,
            .sidebar-act-open > .sidebar-act .sidebar-open-hide {
                display: none;
            }

        .bdy-mnu-adm .sidebar-mnu .sidebar-content,
        .sidebar-act .sidebar-content {
            padding-bottom: 0;
        }

        .bdy-mnu-adm .sidebar-mnu .sidebar-content-inner,
        .sidebar-act .sidebar-content-inner {
            background: var(--bs-body-bg);
        }

            .bdy-mnu-adm .sidebar-mnu .sidebar-content-inner .container-fluid,
            .sidebar-act .sidebar-content-inner .container-fluid {
                max-width: 230px;
                margin-left: 0;
            }

        .bdy-mnu-adm .sidebar.sidebar-mnu nav ul li a,
        .sidebar.sidebar-act nav ul li a {
            padding-left: 11px;
        }

        .sidebar-btn-nav-mnu,
        .sidebar-btn-nav-act {
            display: none;
            position: absolute;
            left: auto;
            right: 2.5rem;
            top: 5px;
            height: 32px;
            line-height: 32px;
            width: 35px;
            text-align: center;
            border-radius: 4px;
            background: var(--bs-warning);
        }

        .sidebar-btn-nav-mnu {
            right: auto;
            left: 2.5rem;
        }

        @media screen and (min-width: 768px) {
            .bdy-mnu-adm.sidebar-mnu-min > .sidebar-mnu {
                left: calc(var(--sde-mnu-m) - var(--sde-act-w));
            }

            .bdy-mnu-adm.sidebar-mnu-min.sidebar-mnu-open > .sidebar-mnu {
                left: 0;
            }
        }

        .sidebar-act-open > .sidebar-act .sidebar-open-d-none {
            display: none;
        }

        /* MOBILE SIZE */
        @media screen and (max-width: 767px) {
            .bdy-sde-mnu .sidebar-btn-nav-mnu,
            .bdy-sde-act .sidebar-btn-nav-act {
                display: block;
            }
        }

        .navbar-mnu,
        .navbar-act {
            display: none;
            position: absolute;
            top: 0;
            right: 0;
        }

        .navbar-mnu {
            left: 0;
            right: auto;
        }

        .navbar-br,
        .bdy-sde-mnu .navbar-mnu,
        .bdy-sde-act .navbar-act {
            display: block;
            width: 2.5rem;
            opacity: 1;
            text-align: center;
            z-index: 2;
        }

        .bdy-mnu-adm.bdy-sde-mnu.sidebar-mnu-open .navbar-mnu,
        .bdy-sde-act.sidebar-act-open .navbar-act {
            opacity: 0;
        }

        footer .navbar-br {
            bottom: 0.25rem;
            top: auto;
            right: 1rem;
            z-index: 2;
            transition-duration: 0.5s !important;
            transition-timing-function: ease-in-out !important;
            transition-property: opacity, right;
        }

        .bdy-sde-r footer .navbar-br {
            right: 3.5rem;
        }

        footer .navbar-act {
            bottom: 0;
            top: auto;
        }

        .bdy-sde-r .navbar-act {
            right: 2.5rem;
        }

        .bdy-sde-r footer .navbar-act {
            right: 2.5rem;
        }

        @media screen and (min-width: 768px) {

            .navbar-act {
                transition-duration: 0.5s !important;
                transition-timing-function: ease-in-out !important;
                transition-property: opacity, right;
            }

            .bdy-mnu-adm.bdy-sde-mnu.sidebar-mnu-open .navbar-mnu,
            .bdy-mnu-adm.bdy-sde-mnu.sidebar-mnu-min .navbar-mnu,
            .bdy-sde-act.sidebar-act-open .navbar-act,
            .bdy-sde-act.sidebar-act-min .navbar-act {
                opacity: 0;
                z-index: -1;
            }

            .bdy-sde-srh .navbar-mnu {
                left: 0;
            }
        }

        .bdy-sde-act .nav-fot-main {
            transition-duration: 0.5s !important;
            transition-timing-function: ease-in-out !important;
            transition-property: margin-right;
        }

        .nav-fot-main {
            margin-right: 3rem;
            max-height: var(--fot-fix-h);
            padding-top: 0.25rem;
            padding-bottom: 0.25rem;
        }

        .bdy-sde-r .nav-fot-main {
            margin-right: 6rem;
        }

        @media screen and (max-width: 767px) { /* MOBILE SIZE */


            .sidebar-mnu {
                z-index: 1037;
                padding-bottom: 0;
                left: calc(-1 * var(--sde-act-w));
                box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
            }

            .bdy-mnu-adm.bdy-sde-mnu.sidebar-mnu-open .mnu-nav,
            .bdy-mnu-adm.bdy-sde-mnu.sidebar-mnu-open .sec-footer,
            .bdy-mnu-adm.bdy-sde-mnu .css_PgeCon,
            .bdy-mnu-adm.bdy-sde-mnu.sidebar-mnu-open .css_PgeCon {
                margin-right: 0;
            }

            .sidebar-act {
                z-index: 1036;
                padding-bottom: 0;
                right: calc(-1 * var(--sde-act-w));
                box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
            }

            /* .bdy-sde-act.b dy-sde-l.s idebar-l-open .css_PgeCon*/

            .bdy-sde-act.sidebar-act-open .mnu-nav,
            .bdy-sde-act.sidebar-act-open .sec-footer,
            .bdy-sde-act .css_PgeCon,
            .bdy-sde-act.sidebar-act-open .css_PgeCon {
                margin-right: 0;
            }

            .sidebar {
                /*z-index: 1035;*/
                z-index: 1040;
                padding-bottom: 0;
                box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
            }

            .sidebar-handle {
                z-index: 1036;
            }

            .sidebar-r {
                z-index: 1037;
                padding-bottom: 0;
                padding-top: 55px;
                /*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);*/
                box-shadow: none;
            }

                .sidebar-r .sidebar-content {
                    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
                }

            .bdy-mnu-adm .sidebar-r {
                padding-top: 85px;
            }

            .sidebar-handle-r {
                z-index: 1038;
            }

            .bdy-sde-r .css_PgeCon,
            .bdy-sde-r.sidebar-r-open .css_PgeCon {
                margin-right: 0;
            }
        }

        @media screen and (max-width: 767px), screen and (max-height: 520px) {
            .sec-srh-filters {
                top: calc(var(--pge-hed-u) + var(--pge-adm-u));
                height: calc(100% - var(--pge-hed-u) - var(--pge-adm-u));
            }
        }

        .sidebar.sidebar-r .sidebar-head {
            min-height: 3rem; /**SIDEBAR H50**/
        }

        .sec-srh-filters-head > .navbar {
            min-height: 3rem; /**SIDEBAR H50**/
        }

        .bdy-fot-fix .sidebar.sidebar-handle.sidebar-handle-srh .sidebar-btn-sub {
            display: none;
        }

        /*@media screen and (max-width: 767px), screen and (max-height: 5 20px) {*/
        @media screen and (max-width: 767px) {
            .sec-srh-filters-open .sidebar.sidebar-handle.sidebar-handle-srh .sidebar-btn-main {
                display: none;
            }
        }

        /*@media screen and (min-width: 768px) and (min-height: 5 21px) {*/
        @media screen and (min-width: 768px) {

            .bdy-mnu-adm .sidebar-mnu {
                padding-top: calc(var(--pge-hed-u) + var(--pge-adm-u));
            }

            .sidebar-act {
                padding-top: var(--pge-hed-u);
            }

            .sidebar.sidebar-handle {
                padding-bottom: 0; /* BS4 ADD */
            }

            .bdy-fot-fix .sidebar.sidebar-handle.sidebar-handle-srh {
                padding-bottom: var(--fot-fix-h);
            }

            .sidebar-full {
                padding-top: 0 !important;
            }

            .sidebar .sidebar-content .sticky-top {
                z-index: 11;
            }

            .navbar.navbar.mnu-hed,
            .navbar.navbar.mnu-nav,
            .sec-footer {
                transition-property: top, margin, visibility;
            }



            .sidebar-r .sidebar-content {
                transition-property: box-shadow;
                box-shadow: -10px 5px 30px -10px rgba(0, 0, 0, 0);
            }

            .sidebar-r-open .sidebar-r .sidebar-content {
                box-shadow: -10px 5px 30px -10px rgba(0, 0, 0, 0.8);
            }

            .sidebar-r .ui-resizable-handle.ui-resizable-w:before {
                margin-left: 3px;
            }

            .sidebar-r .ui-resizable-handle.ui-resizable-w:after {
                margin-left: 3px;
            }

            .sidebar-r .sidebar-content {
                padding-bottom: 0.5rem;
                background: var(--bs-body-bg);
            }

            .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;
            }

            .sidebar-r .sidebar-content,
            .sidebar-r .form-footer-stick .js-form-ctrls-footer {
                border-bottom-left-radius: .5rem !important;
            }
        }

        @media screen and (min-width: 768px) and (min-height: 521px) {

            /*.s idebar-tab, , .s idebar-tab */
            .sidebar-handle-srh.sidebar-handle .sidebar-btn,
            .sec-srh-filters {
                height: calc(100% - .5rem);
                top: 0.5rem;
            }

            .sec-srh-results-head {
                margin-top: .5rem;
            }

            .bdy-sde-srh .sidebar-handle-srh,
            .bdy-mnu-adm.bdy-sde-srh .sidebar-handle-srh {
                padding-top: inherit;
            }
        }

    
        .sec-pgecrd .form-container .js-form-ctrls-footer {
            border-bottom-left-radius: var(--bs-card-inner-border-radius);
            border-bottom-right-radius: var(--bs-card-inner-border-radius);
        }
    

        .lstpge-container.lstpge-min-ctrls .ctrl-limit-main {
            margin-right: 0;
        }

        .lstpge-container.lstpge-min-ctrls .js-ctrl-lstopt {
            display: none;
        }


    /*.modal-f-box.form-footer-stick .js-form-ctrls-footer ,*/
    .modal-dialog.form-footer-stick .js-form-ctrls-footer {
        border-bottom-left-radius: var(--bs-modal-inner-border-radius);
        border-bottom-right-radius: var(--bs-modal-inner-border-radius);
    }
    /*.modal-f-box.form-footer-stick .js-form-ctrls-footer,*/
    .modal-dialog.form-footer-stick .js-form-ctrls-footer,
    .sec-pgecrd .form-container .js-form-ctrls-footer,
    .sidebar-r .form-footer-stick .js-form-ctrls-footer {
        background: var(--bg-sidebar);
    }

        /*.modal-f-box.form-footer-stick .js-form-ctrls-footer .btn-primary.form-changed-highlight,
        .modal-f-box.form-footer-stick .js-form-ctrls-footer .btn-light,*/
        .modal-dialog.form-footer-stick .js-form-ctrls-footer .btn-primary.form-changed-highlight,
        .modal-dialog.form-footer-stick .js-form-ctrls-footer .btn-light,
        .sec-pgecrd .form-container .js-form-ctrls-footer .btn-primary.form-changed-highlight,
        .sec-pgecrd .form-container .js-form-ctrls-footer .btn-light,
        .sidebar-r .form-footer-stick .js-form-ctrls-footer .btn-primary.form-changed-highlight,
        .sidebar-r .form-footer-stick .js-form-ctrls-footer .btn-light,
        .bg-info .btn-primary.form-changed-highlight,
        .bg-info .btn-light {
            --bs-btn-color: #000;
            --bs-btn-bg: rgba(248,249,250,0.5);
            --bs-btn-border-color: transparent;
            --bs-btn-hover-color: #000;
            --bs-btn-hover-bg: rgba(248,249,250,0.75);
            --bs-btn-hover-border-color: transparent;
            --bs-btn-focus-shadow-rgb: 184, 201, 210;
            --bs-btn-active-color: #000;
            --bs-btn-active-bg: rgba(248,249,250,0.75);
            --bs-btn-active-border-color: rgba(248,249,250,1);
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #000;
            --bs-btn-disabled-bg: rgba(248,249,250,0.25);
            --bs-btn-disabled-border-color: rgba(248,249,250,0.25);
        }

        /*.modal-f-box.form-footer-stick .js-form-ctrls-footer .btn-primary.form-changed-highlight,*/
        .modal-dialog.form-footer-stick .js-form-ctrls-footer .btn-primary.form-changed-highlight,
        .sec-pgecrd .form-container .js-form-ctrls-footer .btn-primary.form-changed-highlight,
        .sidebar-r .form-footer-stick form.form-changed .js-form-ctrls-footer .btn-primary.form-changed-highlight,
        form.bg-info.form-changed .btn.form-changed-highlight {
            --bs-btn-color: #000;
            --bs-btn-bg: #cfff32;
            --bs-btn-border-color: #cfff32;
            --bs-btn-hover-color: #000;
            --bs-btn-hover-bg: #afe500;
            --bs-btn-hover-border-color: #afe500;
            --bs-btn-focus-shadow-rgb: 120, 173, 38;
            --bs-btn-active-color: #000;
            --bs-btn-active-bg: #afe500;
            --bs-btn-active-border-color: #afe500;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            /*--bs-btn-disabled-color: #fff;
            --bs-btn-disabled-bg: #609e00;
            --bs-btn-disabled-border-color: #609e00;*/
        }

        form.form-changed .btn.form-changed-highlight {
            --bs-btn-color: #fff;
            --bs-btn-bg: #609e00;
            --bs-btn-border-color: #609e00;
            --bs-btn-hover-color: #fff;
            --bs-btn-hover-bg: #528600;
            --bs-btn-hover-border-color: #4d7e00;
            --bs-btn-focus-shadow-rgb: 120, 173, 38;
            --bs-btn-active-color: #fff;
            --bs-btn-active-bg: #4d7e00;
            --bs-btn-active-border-color: #487700;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        }

        /* Sidebars */
        /***************/

        .sidebar.sidebar-mod-sticky-cover .sidebar-head {
            background: rgba(0,0,0,0.4);
            padding-right: 17px;
            /*scrollbar-gutter: stable;
        overflow-y: auto;*/
        }

        .sidebar.sidebar-mod-sticky-cover .position-sticky.picture-cover-con {
            padding-top: 3rem;
        }

            .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;
        }

        .conpnl-footer-stick .sec-pgecrd > .list-body-fl-scrolls-body-b {
            bottom: 3rem;
        }

        .conpnl-footer-stick .sec-pgecrd .sec-pgecdb {
            margin-bottom: 3rem;
        }

        .sidebar.sidebar-mod-sticky-footer .sidebar-content {
            padding-bottom: 3rem;
        }

        .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: 5.25rem;
        }

        .position-sticky.picture-cover-none {
            margin-top: 0;
            /*height: 100px;*/
            min-height: 5.25rem;
        }

        .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;
            z-index: -1;
        }

        .picture-cover .navbar-brand {
            position: absolute;
            left: 20px;
            top: auto;
            bottom: 15px;
        }

        .sec-pro .sec-lst-pics {
            z-index: 11;
        }

        /* CUSTOM LIST PAGE */
        .lstpge-header-pb .ctrl-limit.ctrl-limit-open .ctrl-limit-main {
            padding-bottom: 8px;
        }

        .lstpge-header-pb .lstpge-pge-ctrl-rsttot {
            float: right;
        }

        .lstpge-header-pb .lst-pge-pge-ctrl-flt {
            max-width: 9rem;
        }

        @media (min-width: 576px) { /* sm */
            .lstpge-header-pb .lst-pge-pge-ctrl-flt {
                max-width: 11rem;
            }
        }

        .lstpge-header-off .list-header {
            display: none;
        }

        .lstpge-ctrls-off .list-header .js-ctrl-limit {
            display: none;
        }
    }