body { margin: 0; padding: 0; color: #202020; overscroll-behavior: none; font-family: "Onest", sans-serif !important; }

.right-sidebar { left:215px !important; right:auto; border-right:0.5px solid #003681 !important; }
.with-right-panel { left:430px !important; }
.middle-panel-full.with-right-panel { left:215px !important; }
.right-sidebar.middle-panel-full-display { left:0 !important; }

.bg-purple { background:#003681 !important; }
.border-purple { border-color: #003681 !important; }
.text-purple { color: #003681 !important; }
.dashboard-tile { border: 0.5px solid #003681 !important; }

#progress-holder { z-index:1000; display:none; position:fixed; left:auto; right: 20px; top:85px; max-width:400px; border-radius:10px;overflow:hidden }

table, aside, header, .willchange { will-change: transform; }
table .bg-purple { background:#056dff !important; }
table .border-purple { border-color: #056dff !important; }
table .text-purple { color: #056dff !important; }

.active.btn-warning { background:#003681 !important; color:#ffffff !important; border-color: #003681 !important; }
.text-warning { color:#fd9800 !important; }

.fa.fa-info-circle { display:none; }
.height-textbox-container {  }

.left-sidebar { background: rgb(0, 54, 129) !important; height:100% !important; top:0 !important; border-right: 0px !important; overflow:hidden; }
.right-sidebar { background: #e4f0ff !important; border-left: none !important; overflow:hidden; }
.sidebar-menu-with-bg li a { background:transparent !important; color:#ffffff !important; padding-top:8px !important; }
.sidebar-menu-with-bg li a:hover { background:#ffffff !important; color:#212121 !important; }
.header { left: 215px !important; background:#e4f0ff !important; border-bottom:0.5px solid #003681 !important; z-index: 90000; }
.sidebar-header { background:#056dff !important; border-bottom: none !important; }
.sidebar-header .text-dark { color:#ffffff !important; }
.sidebar-header .text-secondary { color:#ffffff !important; }
.middle-panel { 
    box-shadow: none !important; overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none; 
}
.middlepanel::-webkit-scrollbar { display: none; }
.header-full { left:0 !important; width:100% !important }
.lazy { background:#cccccc; }
.sidebar-icon-image { max-width:20px; max-height:20px; margin-right:10px; float:left; display:inline-block; padding:3px; background:#c8c8c8; border-radius:4px; }

.menu-group-1-menu { border:0.5px solid #9ebde7 !important; }

.sidebar-menu-left.active { background:#e4f0ff !important; color: #212121 !important; border-right: 0px !important; }
.menu-group-1-menu.active { background:#003681 !important; border-color:#003681 !important; color: #ffffff !important; }
.menu-group-2-menu.active { background:#003681 !important; border-color:#003681 !important; color: #ffffff !important; }
.menu-group-3-menu.active { background:#003681 !important; border-color:#003681 !important; color: #ffffff !important; }

table.no-bg tbody tr:nth-child(odd) td { background: none !important; border-right: none !important; }

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice { 
    background: #003681 !important; 
    color: #fff !important; 
    border: none !important; 
    font-size:12px !important;
    border-radius:1rem !important; 
    position: relative;
    margin-right: 15px !important;
}
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove { 
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/.75rem auto no-repeat !important; 
    position: absolute;
    background-color: #0077ad !important;
    top: 0;
    bottom: auto;
    right: 0;
    height: 15px !important;
    width: 15px !important;
    border-radius: 30px;
    background-size: 7px !important;
    background-position: center center !important;
    transform: translate(12px, 5px);
    border: 0.5px solid rgba(255,255,255,0.5) !important;
}
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__display { padding-right: 6px; }
.select2-container--bootstrap-5 .select2-selection--multiple { padding:.75rem .75rem !important; }
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered { max-height:200px !important; overflow:auto !important; }

.swiper { display: none; }
.swiper-pagination-message { position: absolute !important; right: 8px !important; width: auto !important; left: auto !important; bottom: 20px !important; }
.swiper-pagination-bullet { border: 0.5px solid #ffffff; }

@media (max-width: 1200px) {
    
    .left-sidebar { z-index:1000; margin-top:0 !important; display: block; width:215px !important; top:60px !important; }
    .right-sidebar { display: none; }
    .left-sidebar::before { content: ''; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.5); }
    .left-sidebar.left-sidebar-hidden::before { display:none; }
    .header, .middle-panel, .middle-panel-full.with-right-panel { width:100% !important; left:0 !important; position: fixed; }
    .right-sidebar { display:none !important; }
    .middle-panel { padding-bottom: 60px; }
}

@media (max-width: 767.98px) {
    
    #progress-holder { z-index:1000; display:none; position:fixed; left:50%; top:50%; right:auto; width:80%; max-width:400px; transform:translate(-50%,-50%); border-radius:10px;overflow:hidden }
    
    .middle-panel-top .container-fluid.p-3.p-md-5 { padding-top:50px !important; }
    .close-layer-message { font-size: 10px; }
    .iframe-layer-mid { width:100vw; }
    .iframe-layer-mid-2 { width:100vw; }
    
    .additional-option-tabs { 
        display: flex; 
        overflow-x: auto; 
        white-space: nowrap; 
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .additional-option-tabs::-webkit-scrollbar { 
        display: none;
    }
    .additional-option-tabs a { 
        flex: 0 0 auto; 
        float: left !important; 
        width: auto !important; 
        white-space: nowrap !important; 
        margin-right: 10px; 
        border: 0.5px solid #003681 !important; 
    }
    .additional-option-tabs a:first-of-type { 
        margin-left: 15px; 
    }
    .additional-option-tabs-holder { 
        max-width: 100% !important; 
        position: fixed; 
        bottom: 0; 
        background: #e3f0ff; 
        left: 0; 
        padding: 0; 
        border-top: 0.5px solid #003681 !important; 
        z-index: 100;
    }
}

.pretty .state label:after, .pretty .state label:before { margin-top:-0.6px; }
.accordion-item { margin-bottom: 10px; border: 1px solid #003681 !important; border-radius:0; }

.opacity-25 { opacity:0.25; }





.border { border: 1px solid #ced4da !important; }
.form-floating>.form-control, .form-floating>.form-select { border-radius: 10px !important; }

.border-form-element { border: 1px solid #ced4da; border-radius: 10px !important; background: #ffffff; position: relative; }
.floating-custom-select2 { top: 22px; }
.floating-custom-select2 .select2-container--bootstrap-5 .select2-selection { background-color: transparent !important; border: 0px solid !important; }
.floating-custom-select2 .select2-container--bootstrap-5.select2-container--focus .select2-selection { border: 0px !important; box-shadow: none !important; }
.floating-custom-select2 .select2-container--bootstrap-5 .select2-selection--single { background-position: right .75rem top !important; padding-top: 2px; }
.active-label { font-size: 14px; opacity: .6; top: -10px !important; left: -2px !important; }
.floating-custom-select2 .select2-container--open .select2-dropdown { left: 0 !important; border-radius: 10px !important; padding-top: 10px !important; padding-bottom: 10px !important; border-top: 1px solid #4d6605 !important; border-bottom: 1px solid #4d6605 !important; border-left: 1px solid #4d6605 !important; border-right: 1px solid #4d6605 !important; }
.floating-custom-select2 .select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field { border: 1px solid #4d6605 !important; }
.form-floating>label { opacity:0.4; }

.place-iframe-in-center { position:fixed; left:50%; top:50%; width:90vw; height:90vh; transform:translate(-50%,-50%); border-radius:20px; overflow:hidden; }
.iframe-on-layer { backdrop-filter: blur(5px); }

.loader {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
}