.hamburger-box{ cursor:pointer; width:26px; height:26px; text-indent:-99999px; background-repeat:no-repeat; background-position:center center; background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="rgba(255,255,255)"><path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/></svg>'); margin-top:-5px; position:absolute; left:70px; top:18px;}
.hamburger-close-box{ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="rgba(255,255,255)"><path d="M 39.486328 6.9785156 A 1.50015 1.50015 0 0 0 38.439453 7.4394531 L 24 21.878906 L 9.5605469 7.4394531 A 1.50015 1.50015 0 0 0 8.484375 6.984375 A 1.50015 1.50015 0 0 0 7.4394531 9.5605469 L 21.878906 24 L 7.4394531 38.439453 A 1.50015 1.50015 0 1 0 9.5605469 40.560547 L 24 26.121094 L 38.439453 40.560547 A 1.50015 1.50015 0 1 0 40.560547 38.439453 L 26.121094 24 L 40.560547 9.5605469 A 1.50015 1.50015 0 0 0 39.486328 6.9785156 z"/></svg>'); background-size:22px;}
.hamburger-box lable{ display:none;}
.hamburger-box img{ width:35px;}

.page-content-header-box .logo-box{ width:70px; border-radius:0!important;}
.page-content-header-box .logo-box img{ max-width:45px;}

.dashboard-profile-content-box{ z-index:992}
.page-content-header-box .profile-name-box .dropdown-menu .content-box .img-box img{ max-width: 100%; width: 35px; height: auto; box-shadow: none;}
.page-content-header-box .profile-name-box .dropdown-menu .content-box p img{ width: 12px;}
.box-shadow-eg{ box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;}

.page-content-header-box{ margin-bottom: 0;}
.page-content-header-box .hicon{ cursor: pointer;}
.page-content-header-box .hicon:hover{ opacity: 0.7;}
.page-content-header-box .search-box .btn-box{ z-index:999;}
.page-content-header-box .search-box .hsearch-icon{ background-image: url('../../../images/search-icon3.svg');}
.page-content-header-box .search-box .close-icon{ background-image: url('../../../images/close-icon.svg'); background-size: 24px;}

.page-content-header-box .search-box .form-box{top: 65px; right: 38px;}
.page-content-header-box .search-box .std-search-box{ right: 0px;}
.page-content-header-box .search-box .btn-box .btn.active{ background-color: #20264b; border-color: #20264b;}
.page-content-header-box .search-box .form-box{ background-color: #20264b!important; border-color: #20264b!important;}

.page-content-header-box .search-box .form-box .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){ width:auto; padding: .300rem 2.25rem .300rem .75rem;}
.page-content-header-box .search-box .form-box .bootstrap-select.form-select .btn-light{ font-size:12px;}
.page-content-header-box .search-box .form-box .bootstrap-select.form-select .dropdown-menu{ font-size:12px; color: #333;}
.page-content-header-box .search-box .form-box .bootstrap-select.form-select ul.dropdown-menu{ margin-left:auto !important}
.page-content-header-box .search-box .form-box .bs-searchbox .form-control{ font-size:12px; color: #333; border-radius: .2rem !important; border-color:#9499b5;}
.page-content-header-box .search-box .form-box .bootstrap-select{ width: 100% !important; background-color:#fff;}
.page-content-header-box .search-box .form-box .text-scale{ transform: scale(.85) translateY(.5rem) translateX(.40rem);}
.page-content-header-box .search-box .form-box .form-control-scale{ padding-top:.575rem; padding-bottom:.575rem;}

.page-content-header-box .search-box .form-box .dropdown-item{ color:#333;}
.page-content-header-box .search-box .form-box .dropdown-item.active, 
.page-content-header-box .search-box .form-box .dropdown-item:active{ background-color: #e9ecef; color:#333;}

.nav-sidebar-box{ z-index: 999; top: 50px; padding-top: 5px; margin-left:10px;}

.main-navigation-box .navigation-box.box-shadow, 
.main-navigation-box .sub-navigation-box.box-shadow{ box-shadow: 0 1px 3px 0 rgba(49,57,112,0.5);}
.main-navigation-box .navigation-box .content-box a:hover, .main-navigation-box .navigation-box .content-box a:focus{ color:#313970;}
.main-navigation-box .navigation-box .content-box a:hover .img-box, .main-navigation-box .navigation-box .content-box a:focus .img-box{ border-color:#313970!important;}
.main-navigation-box .navigation-box .content-box img{ width: 100%;}

.main-navigation-box .navigation-box, .main-navigation-box .sub-navigation-box, .dashboard-profile-content-box{ height:510px;}

.main-navigation-box .sub-navigation-box .mmenu-box .content-box, .main-navigation-box .sub-navigation-box .msmenu-box .content-box{ height:400px;}

.main-navigation-box .sub-navigation-box .mmenu-box p{ position:absolute; top: 5px; border-top-left-radius: 30px !important;  border-bottom-left-radius: 30px !important; padding:0!important;}
.main-navigation-box .sub-navigation-box .mmenu-box p a{ display: block; padding:.25rem; padding-left:50px; padding-right:10px; border-top-left-radius: 30px !important; border-bottom-left-radius: 30px !important; border-top-right-radius: 10px !important; border-bottom-right-radius: 10px !important;}
/*hover and active option 1*/
.main-navigation-box .sub-navigation-box .mmenu-box .mmenu-option-box p a:focus{ color:#313970}
.main-navigation-box .sub-navigation-box .mmenu-box .mmenu-option-box:hover .img-box, .main-navigation-box .sub-navigation-box .mmenu-box .mmenu-option-box.active .img-box{ box-shadow: 0 0 0px 3px rgb(255, 255, 255);}
.main-navigation-box .sub-navigation-box .mmenu-box .mmenu-option-box:hover p a, .main-navigation-box .sub-navigation-box .mmenu-box .mmenu-option-box.active p a{ background-color:#313970 !important; color:#fff !important;}
.main-navigation-box .sub-navigation-box .msmenu-box .header-box .msnav-icon-box{ border-color: #313970 !important; background-color: transparent;}

.main-navigation-box .sub-navigation-box .msmenu-box .body-box ul li a.prlink{ position:relative; padding-right:20px;}
.main-navigation-box .sub-navigation-box .msmenu-box .body-box ul li a.prlink:after{ content:''; background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="rgba(104,93,70,1)" class="bi bi-dash-circle" viewBox="0 0 16 16"><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/><path d="M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z"/></svg>'); background-repeat:no-repeat; background-position:right center; width: 16px; height: 16px; position: absolute; top: 0; right: 0;}
.main-navigation-box .sub-navigation-box .msmenu-box .body-box ul li a.prlink.collapsed:after{ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="rgba(104,93,70,1)" class="bi bi-plus-circle" viewBox="0 0 16 16"><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/><path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z"/></svg>');}

.main-navigation-box .sub-navigation-box .msmenu-box .body-box ul li a.prlink:hover:after{ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="rgba(242,145,9,1)" class="bi bi-dash-circle" viewBox="0 0 16 16"><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/><path d="M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z"/></svg>');}
.main-navigation-box .sub-navigation-box .msmenu-box .body-box ul li a.prlink.collapsed:hover:after{ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="rgba(242,145,9,1)" class="bi bi-plus-circle" viewBox="0 0 16 16"><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/><path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z"/></svg>');}

.content-box-smenu{ display:none;}


.db-notification-box .btn-box{ z-index:99; top:50%; bottom: 50%;}
.db-notification-box .btn-options-box .btn{ height:65px;}
.dashboard-profile-content-box .header-box .img-box img{ max-width: 100%; width: 75px; height: 75px;}


.bg3-dark-blue{ background-color:#0D2258!important;}
.pagecont-header-box{}
.page-content-header-txt-box{ overflow: hidden; padding-left: 5rem !important; padding-right:5rem !important;}
.page-content-header-txt-box .icons-box{ top:0; right:0;}
.page-content-header-txt-box .close-icon{ width: 26px; height: 30px; background-color: #D12B2F; opacity: 0.5; margin-top: 0; border-radius: 0 0 .2rem .2rem;}
.page-content-header-txt-box .close-icon:hover{ opacity: 0.9;}
.page-content-header-txt-box .close-icon img{ width: 24px; height: 24px; margin-top: -2px; vertical-align: middle;}

.gradient-light-blue-box{
background: #A1ACDA;
background: -webkit-radial-gradient(circle farthest-corner at center center, #A1ACDA 0%, #FFFFFF 100%);
background: -moz-radial-gradient(circle farthest-corner at center center, #A1ACDA 0%, #FFFFFF 100%);
background: radial-gradient(circle farthest-corner at center center, #A1ACDA 0%, #FFFFFF 100%);}

.page-content-main-box .page-content-left-box,
.page-content-main-box .page-content-right-box{ transition: all 0.1s ease;}
.page-content-main-box .hpage-content-left-box{ width:0; overflow:hidden;}
.page-content-main-box .hpage-content-right-box{ padding-left:0!important;}


.footer{ position:fixed; left:0; right:0; bottom:0;}



@media (min-width: 1400px) {
.page-content-header-box .profile-name-box .dropdown-menu .content-box p img{ width: 16px; top: 4px;}
.page-content-header-box .hicon img{ max-width: 20px; width: 20px;}
.page-content-header-box .search-box .hicon{ width: 20px; height: 20px; background-size: 18px; top: 4px;}
.page-content-header-box .search-box .close-icon{ background-size: 32px;}
.page-content-header-box .search-box .btn-box img{ width:20px;}

.page-content-header-box .search-box .form-box .bootstrap-select.form-select .btn-light{ font-size:16px;}
.page-content-header-box .search-box .form-box .bootstrap-select.form-select .dropdown-menu{ font-size:16px;}

.nav-sidebar-box{ width: 55px;}
.nav-sidebar .img-box img{ max-width: 40px; max-height: 40px;}

.main-navigation-box{ margin-top: 5rem;}


.db-notification-box .btn-options-box .option-box-success p{ left: -10px; top:-25px;}
.db-notification-box .btn-options-box .option-box-info p{ left:-13px;}
.db-notification-box .btn-options-box .option-box-warning p{ left:-47px;}
.db-notification-box .btn-options-box .option-box-alert p{ left:-18px;}
.db-notification-box .btn-options-box .option-box-approval p{ left: -15px; bottom:-25px;}


.page-content-header-txt-box .close-icon{ width: 30px; height: 35px;}
.page-content-header-txt-box .close-icon img{ max-width: 100%; width: 30px; height: 30px; margin-top: 2px;}

}

@media (max-width: 991.98px) {
.main-navigation-box .navigation-box, .main-navigation-box .sub-navigation-box{ height:100%; overflow-y:auto !important;}

.footer{ position:relative;}
}

@media (min-width: 768px) {
.hamburger-box{ display:none!important;}
}

@media (max-width: 767.98px) {
.main-navigation-box .navigation-box .header-box h5{ font-size:16px;}
}

@media (max-width: 575.98px) {
.main-navigation-box .navigation-box .header-box h5{ font-size:14px; font-weight: 400;}
.main-navigation-box .sub-navigation-box .msmenu-box .body-box > ul{ padding-left:5px;}
.main-navigation-box .sub-navigation-box .msmenu-box .body-box ul li a.prlink{ display:block;}

/*.page-content-header-txt-box{ padding-left:1rem!important;}*/
}