:root{
    --ct-leftbar-width: 280px;
    --ct-leftbar-width-md: 190px;
    --ct-leftbar-width-sm: 48px;
    --ct-menu-item-padding-x: 5px;
    --ct-menu-item-padding-y: 7.5px;
    --ct-menu-item-icon-size: 1.1rem;
    --ct-menu-item-font-size: 0.95rem;
    --ct-topbar-height: 56px;
    --ct-logo-lg-height: 31px;
    --ct-logo-sm-height: 31px;
    --ct-footer-height: 20px;
    --ct-tab-height: 30px;
    --ct-body-bg:#ffffff;
    --ct-btn-close-color:#4e4e4e;
    --ct-tab-border-color:#dce2e9;
    --ct-primary: #3688fc;
    --ct-searchbar-bg:#87a3ff;
    --sat: env(safe-area-inset-top);
    --sab: env(safe-area-inset-bottom);
    --sar: env(safe-area-inset-right);
    --sal: env(safe-area-inset-left);
}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: var(--ct-body-font-family)!important;
}

html{
    font-size: clamp(0.87rem, 0.5rem + 0.5vw, 0.9rem);
}
body {
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    padding-top: var(--sat);
    padding-bottom: var(--sab, 0);
    padding-left: var(--sal, 0);
    padding-right: var(--sar, 0);
    box-sizing: border-box;
    overflow: hidden;
}

html, body{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    --ct-gutter-x: 1.5rem;
    --ct-gutter-y: 0;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
 }

/* ----------- side-nav ------------- */

 .side-nav .side-nav-link{
    padding: var(--ct-menu-item-padding-y) calc(var(--ct-menu-item-padding-x) * 0.4);    
 }
.side-nav .side-nav-link i {
    width: 40px;
    font-size: var(--ct-menu-item-icon-size);
    margin-bottom: 2px;
 }

.side-nav .menu-arrow {
    right: calc(var(--ct-menu-item-padding-x) * 0.5);
}

.side-nav .side-nav-link span:first-of-type {
    display: inline-block;
    overflow: hidden;
    width: 185px;
    white-space: wrap;
    text-overflow: clip;
    word-wrap: break-word;
}

.side-nav > .side-nav-item > .side-nav-link.active{
    color: var(--ct-body-bg);
}

.side-nav > .side-nav-item > .side-nav-link:hover,
.side-nav > .side-nav-item > .side-nav-link:focus,
.side-nav > .side-nav-item > .side-nav-link:active {
    color: var(--ct-body-bg)!important;
    text-decoration: none;
}

html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-item:hover .side-nav-link span:not(.badge) {
    margin-left: calc(var(--ct-menu-item-padding-x) * 0);
}

html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-item:not(:hover) > .side-nav-link,
html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-item .side-nav-link {
    color: var(--ct-menu-item-color);
    background: var(--ct-body-bg);
}

html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-item:hover > .side-nav-link {
    color: var(--ct-menu-condensed-link-bg);
    background: var(--ct-body-bg);
}

html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav > .side-nav-item:hover > a:first-of-type {
    background-color: var(--ct-menu-condensed-link-bg);
    color: var(--ct-body-bg);
}

html[data-bs-theme=dark] .logo.logo-light, html[data-menu-color=brand] .logo.logo-light, html[data-menu-color=dark] .logo.logo-light{
    display: inline-block;
}

/* #eng1-1,
#eng1-2{
    font-size: calc(var(--ct-menu-item-font-size) * 1.02);
}
#eng1 .side-nav-second-level li a,
#eng1 .side-nav-second-level li .side-nav-link,
#eng1 .side-nav-second-level .side-nav-item a,
#eng1 .side-nav-second-level .side-nav-item .side-nav-link{
    font-size: calc(var(--ct-menu-item-font-size) * 1);
} */

.side-nav-second-level li a,
.side-nav-second-level li .side-nav-link,
.side-nav-second-level .side-nav-item a,
.side-nav-second-level .side-nav-item .side-nav-link,
.side-nav-third-level li a,
.side-nav-third-level li .side-nav-link,
.side-nav-third-level .side-nav-item a,
.side-nav-third-level .side-nav-item .side-nav-link {
    color: #6c757d;
    padding: calc(var(--ct-menu-item-padding-y) * 0.6) calc(var(--ct-menu-item-padding-x) * 1.5);
    padding-left: 57px;
}

.side-nav-second-level {
    background: #eff1f7;
    margin-top: calc(var(--ct-menu-item-padding-y) * 0);
    color: var(--ct-primary)!important;
    padding-left: 0;
}

.side-nav-item .side-nav-third-level li a {
    margin-left:-1px;
    font-size: 0.9375rem;
    overflow: hidden;
    white-space: wrap;
    text-overflow: clip;
    word-wrap: break-word;
    word-break: break-all;
 }

 .side-nav-second-level li a:hover, 
 .side-nav-second-level li a:focus, 
 .side-nav-second-level li a:active,
.side-nav-second-level li .side-nav-link:hover,
.side-nav-second-level li .side-nav-link:focus,
.side-nav-second-level li .side-nav-link:active,
.side-nav-second-level .side-nav-item a:hover,
.side-nav-second-level .side-nav-item a:focus,
.side-nav-second-level .side-nav-item a:active,
.side-nav-second-level .side-nav-item .side-nav-link:hover,
.side-nav-second-level .side-nav-item .side-nav-link:focus,
.side-nav-second-level .side-nav-item .side-nav-link:active,
.side-nav-third-level li a:hover,
.side-nav-third-level li a:focus,
.side-nav-third-level li a:active,
.side-nav-third-level li .side-nav-link:hover,
.side-nav-third-level li .side-nav-link:focus,
.side-nav-third-level li .side-nav-link:active,
.side-nav-third-level .side-nav-item a:hover,
.side-nav-third-level .side-nav-item a:focus,
.side-nav-third-level .side-nav-item a:active,
.side-nav-third-level .side-nav-item .side-nav-link:hover,
.side-nav-third-level .side-nav-item .side-nav-link:focus,
.side-nav-third-level .side-nav-item .side-nav-link:active,
.side-nav-forth-level li a:hover,
.side-nav-forth-level li a:focus,
.side-nav-forth-level li a:active,
.side-nav-forth-level li .side-nav-link:hover,
.side-nav-forth-level li .side-nav-link:focus,
.side-nav-forth-level li .side-nav-link:active,
.side-nav-forth-level .side-nav-item a:hover,
.side-nav-forth-level .side-nav-item a:focus,
.side-nav-forth-level .side-nav-item a:active,
.side-nav-forth-level .side-nav-item .side-nav-link:hover,
.side-nav-forth-level .side-nav-item .side-nav-link:focus,
.side-nav-forth-level .side-nav-item .side-nav-link:active {
  color: var(--ct-primary)!important;
}

.side-nav-third-level {
    padding-left: 0;
}

.side-nav-third-level > .side-nav-item{
    padding-left: 16px;
    background: #fafbfe;
}

.side-nav .side-nav-link span{
    line-height: 20px!important;
}

.side-nav-second-level li .side-nav-link.active,
.side-nav-third-level li .side-nav-link.active,
.side-nav-forth-level li .side-nav-link.active{
    color: var(--ct-primary)!important;
    font-weight: 600;
}

.side-nav-second-level li .side-nav-link.active::before,
.side-nav-forth-level li .side-nav-link.active::before,
.side-nav-third-level li .side-nav-link.active::before{
    display: block;
    position: absolute;
    left: 47px;
    top: 50%;
    transform: translateY(-70%);
    content: '';
    width: 0px;
    height: 0px;
    border-left: 5px solid var(--ct-primary);
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
}

.side-nav .menuitem-active .menuitem-active .active{
    font-weight: 600!important;
}


.change-menu {
    display: flex;
    width: 100%; 
    padding: 2px 12px 6px 12px; 
    margin: 0 auto
}

.change-menu .form-select{
    width: auto;
    padding: .135rem .85rem;
    font-size: .86rem;
    font-weight: 600;
    background-position: right .5rem center;
    border-color: #f7faff;
    color: #445d72;
    background-color: #f7faff;
}

div:where(.swal2-icon) {
    margin: 1.6em auto .6em!important;
}

div:where(.swal2-icon).swal2-question {
    border-color: #cbddec;
    color: #97c3ec;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm{
    background-color: #0270ff;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus{
    box-shadow: 0 0 0 3px #bedaff;
}

.alert-msg {
    height: 200px;
    font-size: 0.85em;
    user-select: text;
    text-align: left;
}
.alert-msg > pre {
    margin-bottom: 0;
    padding: 5px;
    width: fit-content;
}

#menuSearchBar{
    display: flex;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    align-items: center;
    height: 50px;
    background: var(--ct-searchbar-bg);
}

#menuSearchBar > label{
    color: var(--ct-body-bg);
    font-size: 14px!important;
    min-width: 70px!important;
}

.form-label {
    margin-right: 0.5rem;
    min-width: 80px;
    margin-bottom: 0rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.66666667%;
    line-height: 1.2;
    font-size: 0.85rem!important;
    text-align: right;
}


#menuSearchInput{
    width: 100%; 
    height: 26px;
    margin: 0 15px;
}

/* topbar */
html[data-sidenav-size=default]:not([data-layout=topnav]) .topTitle,
html[data-sidenav-size=condensed]:not([data-layout=topnav]) .topTitle,
html[data-sidenav-size=sm-hover]:not([data-layout=topnav]) .topTitle{
    display: block;
}

.navbar-custom:after{
    position: absolute;
    top: 0;
    width: 100%;
    height: 2px;
    background: var(--ct-primary);
    box-sizing: border-box;
    content: '';
 }
.navbar-custom .topbar-menu {
    margin-right: 20px;
}


.topTitle{
    display: none;
    font-size: 1.25rem;
    letter-spacing:0.05rem;
    color: var(--ct-primary);
    font-weight: 600;
    font-family: var(--ct-body-font-family);
    padding-top: 2px;
}

.side-nav .side-nav-title {
    color: var(--ct-body-bg);
} 

/* content page */
/* ========== 기본 페이지 구조 ========== */
#mainwrapper .content-page {
    padding-left: 0;
    padding-right: 0;
}

#SubFrame .row,
#SubFrame .row .col-12 {
    height: auto;
    overflow: visible;
}
.leftside-menu {
    padding-bottom: 50px;
}

/* ========== 푸터 스타일 ========== */
@media (min-width: 1200px) {
    footer {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 20px;
        line-height: 20px;
        box-sizing: border-box;
    }  
    
    
}

@media (max-width: 1200px) {
    .leftside-menu {
        padding-bottom: 50px;
    }
    footer {
        position: fixed!important;
        bottom: 0!important;
        left: 0!important;
        right: 0!important;
        width: 100%;
        background: var(--ct-body-bg);
        line-height: 20px;
    }
}

@media (max-width: 767.98px) {
    .navbar-custom {
        padding: 0;
    }
}


html[data-topbar-color=brand] .logo-topbar .logo-light,
html[data-topbar-color=light] .logo-topbar .logo-light,
html[data-bs-theme=dark] .logo-topbar .logo-light {
    display: block !important;
}


.content-page #tabDiv {
    display: flex;
    position: sticky;
    top: 56px;
    background-color: #f5f6f8!important;
}

#tabDiv .nav_container {
    overflow: hidden;
    /* height: 100%; */
    width: calc(100% - 47px);
    padding: 0.28rem 0 0 1.5rem;
}

#tabDiv .nav_container::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 1.8px solid #bbc5d3;
    z-index:-1;
}

#tabDiv .nav_container .tabs {
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0;
    gap: 1.5px;
    margin: 0;
    min-height: 28px;
    padding-bottom: 0;
    overflow-x: auto;
    white-space: nowrap;
} 

#tabDiv .tabs .tab-link {
    list-style: none;
    padding: 3px 3.8px;
    padding-bottom: 2px;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 2px;
    background-color: #fafbfc;
    border-radius: 0.35rem 0.35rem 0 0;
    border: 1px solid #dfdfdf;
    border-bottom: 0;
}

#tabDiv .tab-link.current {
    background-color: var(--ct-body-bg)!important;
    word-wrap: break-word;
    background-clip: border-box;
    box-shadow: 0px -2px 20px -5px #c5cfda;
    box-sizing: border-box;
    border: 1.8px solid #bbc5d3;
    border-bottom: 0;
    z-index: 2;
    padding-bottom: 2.6px!important;
}

#tabDiv .tab-link .menuName {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    line-height: 20px; 
    font-size: 0.83rem;
    transition: 0.1s font-size ease-in-out;
    cursor: pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

#tabDiv .tab-link.current .menuName{
    font-size: 0.88rem;
    color: var(--ct-primary);
    font-weight: 600;
    line-height: 22px;
}

#tabDiv .tab-link .lockBtn{
    cursor: pointer;
    margin-bottom: -1px;
}

#tabDiv .tab-link.current .lockBtn{
    cursor: pointer;
    /* height: 100%;
    margin-bottom: -1.5px; */
}

#tabDiv .tab-link .lock {
    color: #f13a3a;
}

#tabDiv .tab-link .btn-close {
    font-size: 0.48rem;
    cursor: pointer;
    color: var(--ct-btn-close-color);
}

#tabDiv .tab-link.current .btn-close {
    font-size: 0.54rem;
}

/* ------ tab all close button --------*/
.content-page .tabAllClose {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 14px;
    cursor: pointer;
    padding: 0;
    width: 30px;
    height: 30px!important;
    font-size: 19px;
    box-sizing: border-box;
    color: var(--ct-btn-close-color);
    background-color: #f5f6f8;
    outline: none;
}

button.tabAllClose:active,
button.tabAllClose:focus{
    outline: none!important;
    border: none!important;
    color: #131313;
}

/* content page tab scroll*/
.tabs::-webkit-scrollbar {
    height: 3px; 
    background-color: transparent;
    z-index: 2;
}

.tabs::-webkit-scrollbar-thumb{
    background-color: #c8d9ff;
    border-radius: 50px;  
}


.tabs:hover::-webkit-scrollbar-thumb {
    background-color: #85acff;
}

.tabs::-webkit-scrollbar-thumb:active {
    background-color: #5892ff;
}

/* leftside menu */
.leftside-menu {
    white-space: nowrap;
    -webkit-box-shadow: none;
    box-shadow: none;
}

html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu {
    position: fixed;
}

html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-item:not(:hover) > .side-nav-link, html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-item .side-nav-link{
    background: inherit;
}

/* dropdown menu */
 .leftside-menu .side-nav .dropdown-toggle::after {
    display: none;
}

.leftside-menu .side-nav-drop {
    display: block;
    list-style: none;
    white-space: nowrap;
    color: #485364;
    font-size: var(--ct-menu-item-font-size);
    padding: var(--ct-menu-item-padding-y) var(--ct-menu-item-padding-x);
    box-sizing: border-box;
}

.leftside-menu .side-nav-item .dropdown-menu {
    padding: 0.3rem;
    background-color: #f8fafc;
}
 
.leftside-menu .side-nav-item .subheading {
    margin-bottom: 0.3rem;
    padding: 0.5rem 0 0.7rem 0.8rem;
    border-bottom: 1px solid var(--ct-dropdown-link-color);
    pointer-events: none;
}
#sideDropMenu{
    position: absolute;
}
#sideDropMenu li:hover a{
    background-color: #d7dbe069;
}

#leftside-menu-container{
    height: calc(100% - 91px) !important;
}

html[data-sidenav-size=sm-hover] .wrapper .leftside-menu:not(:hover) #leftside-menu-container{
    height: 100% !important;
}
.leftside-menu .side-nav-item .dropdown-item {
    padding: calc(var(--ct-menu-item-padding-y)* .6) calc(var(--ct-menu-item-padding-x)* 1.5);
    text-indent: 0.5rem;
    font-size: var(--ct-menu-item-font-size);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    color: var(--ct-dropdown-link-color);
    cursor: pointer;
    box-sizing: border-box;
}

.leftside-menu .side-nav-item .dropdown-item svg {
    fill: var(--ct-dropdown-link-color);
}

.dropdown-divider {
    border-top: 1px solid #b6b6b6;;
    margin: 0.2rem 0;
    width: 87%;
  }

.side-nav.dropend {
display: inline-block;
padding-left: 0.6rem;
}

.logo{
    text-align: start;
    padding-left: 0.7rem;
    cursor: default;
    overflow: hidden;
}

/* 좌측 메뉴 스크롤바 */
.simplebar-scrollbar {
    width: 4px;
  }

.simplebar-scrollbar:before {
    position: absolute;
    content: "";
    background: #c3ccd3;
    border-radius: 7px;
    left: 0;
    right: 0;
    opacity: 0.4;
    -webkit-transition: opacity 0.1s ease-out;
    transition: opacity 0.1s ease-out;
}

.simplebar-scrollbar.simplebar-visible:before {
    opacity: 0.8;
    -webkit-transition: opacity 0s ease-out;
    transition: opacity 0s ease-out;
  }

/* topbar의 기본토글 숨기기 */
html[data-sidenav-size=default]:not([data-layout=topnav]) .wrapper .html[data-sidenav-size=default]:not([data-layout=topnav]) .wrapper .button-toggle-menu{
    display: none;
}

html[data-sidenav-size=sm-hover]:not([data-layout=topnav]) .wrapper .leftside-menu:not(:hover) .logo .logo-lg {
    display: none;
}
html[data-sidenav-size=sm-hover] .closeSideMenu{
    display: none;
}

html[data-sidenav-size=default] .openSideMenu,
html[data-sidenav-size=full] .openSideMenu{
    display: none;
}

html[data-sidenav-size=sm-hover] .wrapper .leftside-menu:not(:hover) .change-menu,
html[data-sidenav-size=sm-hover]:not([data-layout=topnav]) .wrapper .leftside-menu:not(:hover) #menuSearchBar{
    display: none;
}

@media (min-width: 576px){
    #menuSearchBar{
        display: flex;
    }
}

@media (max-width: 575px) {
    .leftside-menu {
        padding-bottom: 0;
    }

    .leftside-menu .side-nav{
        padding-bottom: 50px;
    }

    #menuSearchBar{
        display: none;
    }
}


/* 메뉴토글버튼 */
.closeSideMenu,
.openSideMenu {
    font-size: 24px;
    padding-top: 8px;
    width: 60px;
}

.closeSideMenu:active,
.openSideMenu:active,
.closeSideMenu:focus,
.openSideMenu:focus{
    border: none;
    outline: none;
}

.reloadBtn{
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    padding: 0;
    border-radius: 50%;
    width: 23px;
    height: 23px;
    font-size: 13px;
}

.reloadBtn > img{
    width: 13px;
    height: 13px;
}

.reloadBtn:hover,
.reloadBtn:active{
    background: #e8ecf1;
}

.reloadBtn.reloadBtn-md{
    margin-left: 5px;
}

#mobileSearchWrapper {
    display: none;
}

#mobileSearchWrapper.show {
    display: block !important;
}

#search-dropdown {
    position: relative;
    left: 0!important;
    width: 100%;
    max-height: 300px;
    overflow-y: auto;
    background: white;
    z-index: 1000;
    border: none;
    margin-top: 6px;
    box-shadow: none;
}

.dropdown-header{
    padding: 0;
}

.input-group input, .input-group button{
    padding: .3rem .9rem;
}

#menuSearchMo {
    border-radius: 0.25rem!important;
}
#menuSearchMoResult li {
    padding: 0.2rem .9rem;
    cursor: pointer;
    border-radius: 0.25rem;
}

#menuSearchMoResult li:first-child {
    margin-top: 0.5rem !important;
}

#menuSearchMoResult .side-nav-link {
    font-size: 0.89rem;
    color: var(--ct-dropdown-link-color)!important;
}

#menuSearchMoResult li:not(.text-muted):hover {
    color: var(--ct-dropdown-link-hover-color);
    background-color: var(--ct-dropdown-link-hover-bg);
}

#menuSearchMoResult li.text-muted {
    cursor: default;
}

#menuSearchMoResult li.side-nav-title {
    background-color: transparent !important;
    cursor: default !important;
    pointer-events: none !important;
    padding-left: 0 !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    --ct-text-opacity: 1;
    color: #b5bcc2 !important;
    margin-top: 0.35rem;
}

#menuSearchMoResult li.side-nav-title:hover {
    background-color: transparent !important;
}

.input-group:has(input[type="search"], button.uil-search) {
    position: relative;
    display: inline-flex;
    align-items: center;
    height: 29px;
}

.input-group:has(input[type="search"], button.uil-search) input[type="search"] {
    padding-right: 3px;
    height: inherit;
    flex: 1;
    box-sizing: border-box;
}

input::-ms-clear, 
input::-ms-reveal {
    opacity: 0;
    position: absolute;
    right: 7px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    font-size: 16px;
}

input::-webkit-search-decoration, 
input::-webkit-search-cancel-button, 
input::-webkit-search-results-button, 
input::-webkit-search-results-decoration {
    opacity: 0;
    position: absolute;
    right: 7px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    font-size: 16px;
}

.input-group .clearspan {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    width: 30px;
    height: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer!important;
    background-color: transparent;
    border: none;
    outline: none;
    visibility: hidden; 
    pointer-events: none;
    z-index: 9999;
    pointer-events: auto !important;
}

.input-group .clearspan::before,
.input-group .clearspan::after {
    content: "";
    position: absolute;
    width: 11px;
    height: 1.4px;
    background-color: #000;
    border-radius: 2px;
    cursor: pointer;
    border: 1px solid #000;
    z-index: 1002;
}

.input-group .clearspan::before {
    transform: rotate(45deg);
}

.input-group .clearspan::after {
    transform: rotate(-45deg);
}
.content-wrapper {
  position: relative;
  height: 100%;
  padding-bottom: var(--ct-footer-height);
  box-sizing: border-box;
}

#subFrame {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: calc(100vh - var(--ct-topbar-height) - var(--ct-footer-height));  
    border: none;
}

.content-page {
    position: relative;
    margin-left: var(--ct-leftbar-width);
    height: calc(100vh - var(--ct-topbar-height))!important;
}

/* --------notification ---------- */

.notification-list .notify-item .card-body{
    padding: 8px;
}

h5.noti-item-title{
    font-size: 0.885rem!important;
}

#noNotificationMessage {
    font-size: 0.95rem;
  }
  #ClearAll.disabled {
    text-decoration: none !important;
    cursor: not-allowed !important;
  }

/*------ sweetalert custom CSS ------*/

div:where(.swal2-container) h2:where(.swal2-title){
    font-size: 1.05rem;
}

h2.swal2-title {
    display: flex!important;
    justify-content: center;
    align-items: center;
    gap: 2px;
}

div:where(.swal2-container) button:where(.swal2-close):focus {
    outline: none;
    box-shadow: none;
}

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled){
    box-shadow: none;
}

div:where(.swal2-icon) {
    margin: 1.6em auto .6em!important;
}

div:where(.swal2-icon).swal2-question {
    border-color: #cbddec;
    color: #97c3ec;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm{
    background-color: #0270ff;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus{
    box-shadow: 0 0 0 3px #bedaff;
}

div:where(.swal2-container) div:where(.swal2-popup){
    padding-bottom: 0!important;
}

div:where(.swal2-container) div:where(.swal2-actions){
    padding: 0 0 1.25rem 0;
    margin: 1.25em auto 0 !important;
}