@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;0,900;1,300&display=swap');

/* ---------- Default CSS ---------- */
body{background:#fff;font-family:'Roboto', sans-serif !important;font-style:normal;/*font-family:"futura-light";*/ /*color:#403e3e;*/ padding-bottom: 0;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-family:'Roboto', sans-serif !important;}
.pull-right{float:right;}
input[type=checkbox], input[type=radio]{margin-right:5px;}
/*.card {box-shadow: 0 3px 6px 0 rgba(32, 33, 36, .28);-webkit-box-shadow: 0 3px 6px 0 rgba(32, 33, 36, .28);-moz-box-shadow: 0 3px 6px 0 rgba(32, 33, 36, .28);}*/
footer.footer {display:none;}
.btn.disabled, .btn:disabled {background-color: #c7c7c7; cursor: no-drop;opacity:1;}
.dark-theme .btn.disabled, .dark-theme .btn:disabled {background-color: #727272 !important;}
.main-header-message .darkMode, .main-header-message .lightMode{display:none;}
.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    background: url('/assets/img/loader.svg') 50% 50% no-repeat rgb(249 249 249 / 75%);
    background-size: 4% !important;

}
.form-control:disabled, .form-control[readonly] {background-color: #e5e5e5 !important;opacity: 1;color: #666;/*border: 1px solid #98b3ff !important;*/}
.dark-theme .form-control:disabled, .dark-theme .form-control[readonly] {background-color: #5c5c5c !important;border-color: #5c5c5c !important;}
/*hide default pasword eye icon in edge*/
input::-ms-reveal, input::-ms-clear { display: none;}
.form-control.hasDatepicker:disabled, .form-control.hasDatepicker[readonly] {background-color: transparent !important;}
.dark-theme .form-control.hasDatepicker:disabled, .dark-theme .form-control.hasDatepicker[readonly] {background-color: #232e48 !important;border-color:#333d52 !important;}
/*ScrollBar*/
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}
::-webkit-scrollbar{width:16px;height:17px;background-color:#F5F5F5;border-radius:1px;}
::-webkit-scrollbar-thumb{background-color:#9a9a9b !important;border-radius:1px;}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar-track {box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background: #F5F5F5;}
*::-webkit-scrollbar {width:16px;height:17px;background-color:#F5F5F5;border-radius:1px;}
*::-webkit-scrollbar-thumb {background-color: #9a9a9b; border-radius: 1px;}
/* Works on Firefox */
* { scrollbar-width: 12px; scrollbar-color: #9a9a9b #F5F5F5;}

/* Scrollbar Buttons */
::-webkit-scrollbar-button:single-button {background-color: #f1f1f1;display: block;border-style: solid;height: 13px;width: 16px;cursor: pointer;}
/* Up */
::-webkit-scrollbar-button:single-button:vertical:decrement {border-width: 0 8px 8px 8px;
    border-color: transparent transparent #555555 transparent;
}
::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
    border-color: transparent transparent #777777 transparent;
}
/* Down */
::-webkit-scrollbar-button:single-button:vertical:increment {
    border-width: 8px 8px 0 8px;
    border-color: #555555 transparent transparent transparent;
}
::-webkit-scrollbar-button:vertical:single-button:increment:hover {
    border-color: #777777 transparent transparent transparent;
}
/* Left */
::-webkit-scrollbar-button:single-button:horizontal:decrement {
    border-width: 8px 8px 8px 0;
    border-color: transparent #555555 transparent transparent;
}
::-webkit-scrollbar-button:single-button:horizontal:decrement:hover {
    border-color: transparent #777777 transparent transparent;
}
/* Right */
::-webkit-scrollbar-button:single-button:horizontal:increment {
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent #555555;
}
::-webkit-scrollbar-button:horizontal:single-button:increment:hover {
    border-color: transparent transparent transparent #777777;
}


::-webkit-input-placeholder{/* Edge */color:#616161 !important;}
:-ms-input-placeholder{/* Internet Explorer */color:#616161 !important;}
::placeholder{color:#616161 !important;}
tr:nth-child(odd){background-color:#fff !important;}
tr:nth-child(odd) td{background-color:#fff !important;}
tr:nth-child(even){background-color:#eef0f4 !important;}
tr:nth-child(even) td{background-color:#fbfbfb !important;}
.modal{z-index:9999;}
label{color:#333;}
.list-group-item{color:#333;}
.page-title-box .breadcrumb{display:none;}
.suppliertab{font-size:15px;}
.splrDB{padding:8px 20px;margin-top:-10px;}
a{cursor:pointer;}
a:not([href]){color:#000000;cursor:pointer;}
a:not([href]):hover{color:#2c2c2c;}
.modal-header h3{letter-spacing:0.05rem;font-size:20px;margin: 0;}
ul{list-style:none;padding:0;}
label{margin-bottom:0;}
.field-validation-error,label.error{font-size:12px !important;color:#f7531f !important;}
.padTop{padding:5px 0;font-size:12.5px;color:#403e3e;}
.avatar-lg{height:3.5rem;width:3.5rem;}
.tile_count p{font-size:12px;}
hr{border-top:1px solid #ced4da9c;}
.table {margin:0;}
/* ---------- Nav ---------- */
.logo-box {height: 60px;}
.logo-box img {height: 48px;}
.navigation-menu > li > a{font-size:14px;color:#000000;font-weight:600;padding: 10px 14px;}
.navigation-menu > li .submenu li a{font-size:14px;color:#000000;}
.navbar-custom.mainNavBar{background-color:#ffffff !important;box-shadow:1px 2px 5px #e2e2e2 !important;height: 60px;}
.mainNavBar .navbar{width:100%;padding:0;}
.mainNavBar .topnav-menu{position:absolute;right:-10px;top:0;}
.mainNavBar .topnav-menu .dropdown-item{color:#333;}
.mainNavBar .topnav-menu .dropdown-header{background-color:#2c2c2c;border-bottom:1px solid #7b7b7b;}
.mainNavBar .topnav-menu .dropdown-header h6{color:white;background-color:#2c2c2c;padding:6px 0px;}
.mainNavBar .topnav-menu .dropdown-header span{display:block;margin-top:4px;}
.mainNavBar .topnav-menu .dropdown-item:focus, .mainNavBar .topnav-menu .dropdown-item:hover{color:#ffffff;text-decoration:none;background-color:#2c2c2c;}
.mainNavBar .logo-box .logo{line-height:57px;}
.mainNavBar .navbar .navbar-collapse{margin-left:5%;}
.navbar-custom.mainNavBar .navigation-menu>li:first-of-type>a {padding-left: 12px;}
.main-header .dropdown-menu:after {border-bottom: 9px solid #fff;}
.main-header .dropdown-menu .bg-primary {background-color: #2c2c2c !important;/*background-image: linear-gradient(90deg,#005a66,#0f6d79,#19818e,#2c2c2c);*/}
.main-header .main-header-profile .main-img-user {background-color: #fff;padding: 5px;}
.main-header .dropdown-menu:after {border-bottom: 9px solid #2c2c2c;}
.main-profile-menu .dropdown-item { color: #000;}
.dark-theme .main-profile-menu .dropdown-item { color: #c5c5c5;}
.main-profile-menu .dropdown-item:hover, .main-profile-menu .dropdown-item:focus { color: #363535;}
.main-profile-menu .profile-user img {height:25px;width:25px;border-radius:0;}
.main-header .header-icon-svgs {width: 20px;height: 20px;}
.main-profile-menu .dropdown-item:last-child {margin-bottom:0;}
.main-header a.profile-user i { color:#272746;font-size:20px;}
.userNameTop {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;max-width: 130px;font-size: 14px;font-weight: 500;color: #000; /*position: absolute;right: 100%;top: 35%;*/margin-right:5px;margin-top:2px;}
.dark-theme .userNameTop {color:#c5c5c5;}

/* ---------- Page ---------- */
.page-title-box .page-title{text-transform:capitalize;letter-spacing:0.04rem;font-size:18px;color:#333;text-shadow:none;box-shadow:none;line-height:25px;font-weight: 500; padding-left: 10px;}
.page-title-box .page-title.tb-ttl{margin-top:0px;color:#333;/*background:#2c2c2c;width:20%;line-height:48px;box-shadow:0 -3px 6px 0 #60606042;-webkit-box-shadow:0 -3px 6px 0 #60606042;-moz-box-shadow:0 -3px 6px 0 #60606042;*/top:2px;z-index:2;position:relative;border-top-left-radius:12px;border-top-right-radius:12px;text-align:left;left:1px;font-weight:500;padding-left:10px;}
.page-title-box .page-title-right{/*line-height:6px;*/ margin-top:10px;}
.accordionProjectsWraps{margin-bottom:15px;}
.accordionProjectsWraps .card{box-shadow:none;margin-bottom:5px;}
.accordionProjectsWraps.accordion>.card:not(:first-of-type){border-radius:0;}
.accordionProjectsWraps .card-header{padding:0;}
.accordionProjectsWraps .card-header button{background-color:#fff;color:#2c2c2c;padding:10px 10px;font-size:16px;font-weight:600;}
.accordionProjectsWraps .card-header button .accordIcon i{transition:all linear 0.2s;transform:rotate(45deg);font-size:13px;}
.accordionProjectsWraps .card-header button.collapsed .accordIcon i{transform:rotate(0deg);transition:all linear 0.2s;}
.topProjectcode{font-size:16px;font-weight:600;color:#333;}
#add_client_form_SingleProject .form-control{border-top:0;border-left:0;border-right:0;border-bottom:2px solid #dedede;color:#333;font-size:12px;}
.tile_count .card{border-radius:12px;}
#add_client_form_SingleProject textarea{/*border:2px solid #e8e8e8 !important;*/}
#add_client_form_Group textarea{border:1px solid #e8e8e8 !important;}
.checkbox label{color:#000;font-size:16px;letter-spacing:0.4px;}
.form-control, .form-control:focus{border-top:0;border-left:0;border-right:0;border:1px solid #dbdbdb !important;color:#333;font-size:12px;font-family:"Montserrat", sans-serif !important;border-radius:5px;padding: 5px;height:35px;}
.form-control:focus {border-bottom:1px solid #333 !important;}
textarea.form-control:focus {height:auto;}
/*--- select2 oprion with search ---*/
.select2UI .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single {border: 0;border: 1px solid #dbdbdb !important;color: #333;font-size: 13px;border-radius: 5px;padding: 4px;height: 35px;} 
.cloneBrdrmarkSelect2.select2UI .select2-container--default .select2-selection--single {border-bottom: 1px solid #f7531f !important;}
.select2UI .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 35px;margin-top: -5px;color: #333;display: inline-block;}
.dark-theme .select2UI .select2-container--default .select2-selection--single .select2-selection__rendered {color: #c5c5c5;}
.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option[aria-selected=true]:hover {background-color: #2c2c2c !important;color: #fff !important;border-top: 1px solid #2c2c2c;font-size:13px;}
.select2-results__option {padding:8px 12px !important;color: #333 !important;font-size: 13px;}
.select2UI .select2-selection__rendered {pointer-events:none;}
.select2UI .select2-container--default .select2-selection--single:focus {border-bottom: 1px solid #333 !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow {top:5px !important;right:5px !important;height: 26px;}
.select2-container--default .select2-selection--single .select2-selection__arrow b {border-color: #98a7ae transparent transparent transparent !important;border-width: 6px 6px 0 6px !important;}
.select2-container--open .select2-selection--single .select2-selection__arrow b {border-color: transparent transparent #98a6ad transparent !important;border-width: 0 6px 6px 6px !important;}
.select2-container--open .select2-dropdown--above {z-index:999;}
.select2-dropdown.select2-dropdown--below, .select2-dropdown.select2-dropdown--above {z-index:987;}
.textEll {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;max-width:180px;}
/*table tr td .textEll {display:block;}*/
.textEll:hover { white-space: normal;}
/*--- select2 oprion with search end---*/
.card-body .ui-selectmenu-button.ui-button, .card-body .ui-selectmenu-button.ui-button:focus, .card-body .ui-state-active, .card-body .ui-widget-content .ui-state-active, .card-body .ui-widget-header .ui-state-active, .card-body a.ui-button:active, .card-body .ui-button:active, .card-body .ui-button.ui-state-active:hover, .card-body .ui-state-hover, .card-body .ui-widget-content .ui-state-hover, .card-body .ui-widget-header .ui-state-hover, .card-body .ui-state-focus, .card-body .ui-widget-content .ui-state-focus, .card-body .ui-widget-header .ui-state-focus, .card-body .ui-button:hover, .card-body .ui-button:focus {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #a9a9a9 !important;
    background: #fff;
    color: #333;
    font-size: 14px;
    font-family: "Montserrat", sans-serif !important;
    border-radius: 5px;
    border: 1px solid #c3c3c3 !important;
}
.dark-theme .card-body .ui-selectmenu-button.ui-button, .dark-theme .card-body .ui-selectmenu-button.ui-button:focus, .dark-theme .card-body .ui-state-active, .dark-theme .card-body .ui-widget-content .ui-state-active, .dark-theme .card-body .ui-widget-header .ui-state-active, .dark-theme .card-body a.ui-button:active, .dark-theme .card-body .ui-button:active, .dark-theme .card-body .ui-button.ui-state-active:hover, .dark-theme .card-body .ui-state-hover, .dark-theme .card-body .ui-widget-content .ui-state-hover, .dark-theme .card-body .ui-widget-header .ui-state-hover, .dark-theme .card-body .ui-state-focus, .dark-theme .card-body .ui-widget-content .ui-state-focus, .dark-theme .card-body .ui-widget-header .ui-state-focus, .dark-theme .card-body .ui-button:hover, .dark-theme .card-body .ui-button:focus {
    border-bottom: 1px solid #a9a9a9 !important;
    background: #232e48 !important;
    color: #c5c5c5 !important;
    border: 1px solid #333d52 !important;
}
.ui-selectmenu-icon.ui-icon {margin-top: 3px;margin-right: -10px;}
.testclass{padding-left:0;list-style:none;}
.ui-tooltip.ui-corner-all.ui-widget-shadow.ui-widget.ui-widget-content {display:none;}

/*** Custom Tooltip Styles ***/
.crossTooltip [data-tooltip] {position: relative;z-index: 2;cursor: pointer;}
.crossTooltip [data-tooltip]:before,
.crossTooltip [data-tooltip]:after {  visibility: hidden;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);  opacity: 0;  pointer-events: none;}
.crossTooltip [data-tooltip]:before {  position: absolute;  top: -10px;  right: 120%;  padding: 7px;  width: auto;  -webkit-border-radius: 3px;  -moz-border-radius: 3px;  border-radius: 3px;  background-color: #fff;  color: #333;  content: attr(data-tooltip);  text-align: center;  font-size: 12px;  line-height: 1.2;  box-shadow:1px 1px 5px #676767;  z-index:999;}
.crossTooltip [data-tooltip]:after1 {  position: absolute;  bottom: 150%;  left: 50%;  margin-left: -5px;  width: 0;  border-top: 5px solid #000;  border-top: 5px solid hsla(0, 0%, 20%, 0.9);  border-right: 5px solid transparent;  border-left: 5px solid transparent;  content: " ";  font-size: 0;  line-height: 0;  z-index:999;}
.crossTooltip [data-tooltip]:hover:before,
.crossTooltip [data-tooltip]:hover:after {  visibility: visible;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);  opacity: 1;}

/* Table CSS */ 
.table thead th{vertical-align:top;white-space:nowrap;font-size:13px;letter-spacing:0.01rem;text-align:center;font-weight:600;line-height:18px;border-bottom: 1px solid #dde2ef;}
/*.table-responsive{border:1px solid #e0d9d9 !important;border-top:0 !important;}*/
.table th{padding:8px 5px !important;text-align:center;}
.table td{border-top:1px solid #dadada;font-size:13px;/*color:#000;*/vertical-align:middle;padding:9px 5px 7px 8px;text-align:center;line-height:14px;}
.table tbody td a i{margin:0 4px;font-size:14px;} 
.table tbody td a i.fa-square {margin:0 2px;font-size:12px;margin-left: -16px;}
.table tbody td a i.fa-angle-right{font-size:20px;}
/*.table td table td{border:none;}*/
.table td table td td{border:none;border-top:1px solid #dadada;}
.table-striped tbody tr:nth-of-type(odd){background-color:#ffffff;}
.app-search-box .form-control{border:none;box-shadow:0 0 3px #a7a7a7;border-radius:5px !important;padding:5px 15px;}
.app-search-box .form-control:valid:focus{border:none;box-shadow:0 0 3px #ccc !important;border-radius:5px !important;padding:5px 15px;}
#ListQuestion .app-search, .appSearchFull .app-search {display:inline-block;width:100%;}
#ListQuestion .app-search .app-search-box .input-group .form-control:focus, .appSearchFull .app-search .app-search-box .input-group .form-control:focus {display:inline-block;width:100%;box-shadow: none !important;}
.searchIcoR {position: absolute;right: 2%;top: 11px;font-size: 16px !important;color: #616161; z-index: 99;}
.brdrfull textarea, .brdrfull .form-control{border:1px solid #c3c3c3 !important;height: auto;}
#accordion .btn-link{font-size:14px;color:#000;font-weight:600;}
#accordion .btn-link:hover, #accordion .btn-link:focus {color:#333;}
.responsive-table-plugin1 .table {margin-bottom:2px !important;/*border: 1px solid #e4e4e4;*/}
.responsive-table-plugin1 .table td table:nth-child(1) {margin-bottom:-1px !important;}
.responsive-table-plugin1 .table td table:nth-child(2) {margin-bottom:-1px !important;}

/* ---------- Survey Pages ---------- */

.surveyWrapUI{margin-top:50px;}
label.checkBoxLabel {font-size: 17px;}
.checkBoxLab input:hover, .checkBoxLab label:hover, .checkBoxLab span:hover, .checkBoxLabel:hover  {cursor: pointer;}
.surveyTableUI table th, .surveyTableUI table td{text-align:left !important;border:none;font-size:18px;color:#333;padding:8px 2px;}
.surveyTableUI table th:first-child{width:100px;max-width:200px;}
.surveyTableUI table td:first-child{width:auto;}
.surveyTableUI table tbody{max-height:320px;overflow-y:auto;display:block;margin-top:10px;margin-bottom:5px;}
.surveyTableUI table tbody input[type=text]{border:1px solid #a9a9a9 !important}
.surveyTableUI table input[type=checkbox], .surveyTableUI table input[type=radio]{margin-right:8px;}
.surveyTableUI tr:nth-child(even), .surveyTableUI tr:nth-child(even) td{background-color:#fff !important;}
.testSurveyWrap{color:#333;}
.testSurveyWrap .testSurveyQs{font-weight: 600;background: #dbdbdb;padding: 5px 10px;color: #000;font-size: 26px;white-space: normal;line-height: 28px;margin-bottom: 10px;}
.testSurveyWrap .form-check-label{margin-bottom:15px;font-size:16px;color:#000;font-weight:500;}
.testSurveyWrap .form-check-label span{font-weight:600;}
.thanksContentWrap{text-align:center;}
/* ---------- Project Tab panels and contents ---------- */
.forget{position:absolute;top:0;right:0;}
.nav-user::after{content:'';position:absolute;bottom:0;right:12px;width:6px;height:6px;top:40px;border-radius:100%;bottom:3px;display:block !important;}
.page-item.active .page-link{z-index:3;}
.rightArw i{transform:rotate(1deg);}
.rightArw[aria-expanded="true"] i{transform:rotate(45deg);}
#showsupplierMappings{padding:7px 20px;}
.tile_count .card-body{padding:1.5rem 0.9rem;}
#Projectslist .tile_count .card-body{margin:5px 0;padding:0;cursor:pointer;border-right:1px solid #d4caca;transform:scale(1);transition:all linear .1s;}
#Projectslist .tile_count .card-body.active, #Projectslist .tile_count .card-body.active:hover{padding:5px 0;margin:0 5px;border-right:1px solid #d4caca;background-color:#2c2c2c;color:#fff;border-radius:8px;transform:scale(1.15);transition:all linear .1s;margin-top:2px;}
#Projectslist .tile_count .card-body:hover{padding:5px 0;margin:0 7px;border-right:1px solid #d4caca;background-color:#3d3a84;color:#fff;border-radius:8px;transform:scale(1.1);transition:all linear .1s;margin-top:1px;}
#Projectslist .tile_count .card-body .cardImgWrap, #Projectslist .tile_count .card-body:hover .cardImgWrap, #Projectslist .tile_count .card-body.active .cardImgWrap{padding:0;margin-bottom:5px;margin-top:10px;}
#Projectslist .tile_count .card-body:hover .media-body h2, #Projectslist .tile_count .card-body:hover p, #Projectslist .tile_count .card-body.active .media-body h2, #Projectslist .tile_count .card-body.active p{color:#fff;}
#Projectslist .tile_count .card-body .imgWh, #Projectslist .tile_count .card-body.active .imgWh{display:none;}
#Projectslist .tile_count .card-body:hover .imgGr, #Projectslist .tile_count .card-body.active .imgGr{display:none;}
#Projectslist .tile_count .card-body:hover .imgWh, #Projectslist .tile_count .card-body.active .imgWh{display:block;}
#Projectslist .tile_count .card-body.border-none{border-right:none;}
.withBrdr.tabPanelWraps .tile_count .card-body{border-right:1px solid #d4caca;}
.tabPanelWraps .tile_count .card-body.border-none{border-right:none;}
.tabPanelWraps .tile_count .card-body p{font-size:14px;color:#2c2c2c;font-weight:600;}
.tabPanelWraps .tile_count .card-body p i{font-size:12px;}
.tabPanelWraps .tile_count .card-body{margin:5px 0;padding:0;cursor:pointer;/*border-right:1px solid #d4caca;*/ transform:scale(1);transition:all linear .1s;}
.tabPanelWraps .tile_count .card-body.active, .tabPanelWraps .tile_count .card-body.active:hover{padding:5px 0;margin:0 5px;/*border-right:1px solid #d4caca;*/ background-color:#2c2c2c;color:#fff;border-radius:8px;transform:scale(1.1);transition:all linear .1s;margin-top:0;}
.tabPanelWraps .tile_count .card-body:hover{padding:5px 0;margin:0 4px;/*border-right:1px solid #d4caca;*/ background-color:#3d3a84;color:#fff;border-radius:8px;transform:scale(1.1);transition:all linear .1s;margin-top:0;}
.tabPanelWraps .tile_count .card-body .cardImgWrap, .tabPanelWraps .tile_count .card-body1 .cardImgWrap, .tabPanelWraps .tile_count .card-body:hover .cardImgWrap, .tabPanelWraps .tile_count .card-body.active .cardImgWrap{padding:0;margin-bottom:5px;margin-top:10px;}
.tabPanelWraps .tile_count .card-body:hover .media-body h2, .tabPanelWraps .tile_count .card-body:hover p, .tabPanelWraps .tile_count .card-body.active .media-body h2, .tabPanelWraps .tile_count .card-body.active p{color:#fff;}
.tabPanelWraps .tile_count .card-body img, .tabPanelWraps .tile_count .card-body1 img, .tabPanelWraps .tile_count .card-body .avatar-lg, .tabPanelWraps .tile_count .card-body1 .avatar-lg{height:30px;width:30px;}
.tabPanelWraps .tile_count .card-body h2, .tabPanelWraps .tile_count .card-body1 h2{font-size:26px;margin-bottom:2px;color:#2c2c2c;}
.tabPanelWraps .tile_count .card-body .imgWh, .tabPanelWraps .tile_count .card-body.active .imgWh{display:none;}
.tabPanelWraps .tile_count .card-body:hover .imgGr, .tabPanelWraps .tile_count .card-body.active .imgGr{display:none;}
.tabPanelWraps .tile_count .card-body:hover .imgWh, .tabPanelWraps .tile_count .card-body.active .imgWh{display:block;}
.tabPanelWraps .tile_count .card-body1.totalBoxWrap, .tabPanelWraps .tile_count .card-body1.totalBoxWrap:hover{padding:5px 0;margin:0 8px;margin-right:2px;background-color:#b5b5b5;color:#fff;border-radius:8px;transform:scale(1.02);transition:all linear .1s;margin-top:1px;cursor:inherit;}
.tabPanelWraps .tile_count .card-body1 h2 {font-size: 24px;margin-bottom: 0px;}
.tabPanelWraps .tile_count .card-body1 p {line-height:22px;}
.tabPanelWraps .tile_count .card-body1.totalBoxWrap.inPads, .tabPanelWraps .tile_count .card-body1.totalBoxWrap.inPads:hover{padding:5px 0 12px;margin-right:-2px;}
.tabPanelWraps .tile_count .card-body1.totalBoxWrap .media-body h2, .tabPanelWraps .tile_count .card-body1.totalBoxWrap:hover .media-body h2, .tabPanelWraps .tile_count .card-body1.totalBoxWrap.active .media-body h2{color:#fff;}
.tabPanelWraps .tile_count .card-body1.totalBoxWrap p, .tabPanelWraps .tile_count .card-body1.totalBoxWrap:hover p, .tabPanelWraps .tile_count .card-body1.totalBoxWrap.active p{color:#fff;font-size:14px;font-weight:600;}
.tabPanelWraps div.table-responsive, .tableScrollFix{overflow-y:auto;max-height:430px;border: 1px solid #eaeaea;}
.tableScrollFix.mappingGrid {max-height: 560px;overflow-y: auto;}
.tableScrollFix.rowFivefix {overflow-y:auto;max-height:250px;}
.fixFrmRow {max-height:220px;overflow-y:auto;}
.dark-theme .tabPanelWraps div.table-responsive, .dark-theme .tableScrollFix{border: 1px solid #323b50;}
.tabPanelWraps div.table-responsive .table thead th, .tableScrollFix .table thead th{position:sticky;top:-2px;}
.textWraps {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; max-width: 165px; /*-webkit-transition: all 2s ease 1s, max-height 1s ease 0s, white-space 2s ease 1s; transition: all 2s ease 1s, max-height 1s ease 0s, white-space 2s ease 1s; */ max-height: 1.85em; line-height: 18px;}
.textWrapsCountry{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;max-width:150px;line-height: 18px;}
.textWraps:hover, .textWrapsCountry:hover, .projectListNW .project-name:hover {white-space: normal;text-overflow: initial;max-height: 8em;}

tr.child-group td .table tr td{background:#e9e9e9 !important;border-top:1px solid #e7e7e7 !important;}
.dark-theme tr.child-group td .table tr td {background: #1f2940 !important;border-top: 1px solid #373c4a !important;}

.table-scroll-fixed.reContGrid {max-height:210px;overflow-y:auto;}
.filterInputsH, .filterInputsH:focus {height:20px;margin-left: 10px; max-width: 35px;}
.labelMrg label {margin-top:2px;}
.tabPanelWraps .fa-square.active {color:#00a500!important;}
.tabPanelWraps .fa-square.onHold {color:#0df4ff!important;}
.tabPanelWraps .fa-square.inActive {color:#ffa707!important;}
.tabPanelWraps .fa-square.reconcile {color:#adadad!important;}
.tabPanelWraps .fa-square.invoiced {color:#b452ff!important;}
.tabPanelWraps .fa-square.closed {color: red!important;}
.tabPanelWraps .fa-square.tracker {color: grey!important;}
.blink_dot {animation: blinker 1s linear infinite!important;}
.tabPanelWraps .fa-square.archived {color: black!important;}
.lineFormR .form-group .control-label {min-width: 100px;margin-top: 18px;} 
@keyframes blinker { 20% {opacity: 0.5;} 50% {opacity: 1;} 80% {opacity: 0.8;} }
.activatnkey input {width: 100%;font-size: 15px;font-weight: 600;background: #ffffffbd;color: #1b1c6f;border: #1b1c6f;padding: 8px 12px;margin-bottom: 12px;border-radius: 7px;box-shadow: 0px 1px 7px #bdbaba;}
.activatnkey button {background: #ffffffbd;color: #1b1c6f;font-size: 16px;max-height: 36px;padding: 5px 10px;border-radius: 7px;border: 0px;box-shadow: 0px 1px 7px #808080;margin-left:5px;float: right;}
.activatnkey label {font-size:16px;color:#000;font-weight:600;margin-bottom:10px;}
.PrScreensTTLs label strong {min-width:100px;display:inline-block;}
/*.mainWrap {position:relative;display:inline-block;}*/
.copySupURL {/*position:absolute;right:-20px;top:1%;*/color: #363535; font-weight: 600; border: 1px solid transparent;padding: 1px 0px 1px 3px;cursor:pointer; margin-right: 4px;}
.copySupURL:hover {border: 1px solid #363535;}
.dark-theme .copySupURL {color: #a78722;}
.dark-theme .copySupURL:hover {border: 1px solid #a78722;}

.tabPanelWraps .card {margin-bottom:1px;}
.tabPanelWraps .card-body {padding:12px 12px 10px;}
.tabarowbg {background: #eef;padding-top: 15px;margin: 0;border-radius: 5px;}
ul.numTabSM {margin-left:4px;margin-top: 15px;}
ul.numTabSM li {display: inline-flex;margin-right: 5px;background-color: #fff;box-shadow: 1px 1px 4px #b5b5b5;padding: 5px 10px;border-radius: 5px;cursor: pointer;color: #333;}
ul.numTabSM li.bgA:hover {background-color: #363535;color:#fff;}
ul.numTabSM li p {font-size:14px;font-weight:500;}
ul.numTabSM li p i {font-size:14px;}
ul.numTabSM li.totalNM {background-color:#363535;color:#fff;cursor:default;}
ul.numTabSM li.active, ul.numTabSM li.active:hover {background-color:#ed4d3b;color:#fff; /*background-image:linear-gradient(90deg,#2c2c2c,#1f8592,#3c95a0,#60a7b1);*/}
.numTabSMSearch form.app-search {width:90%;}
.numTabSMSearch form.app-search .app-search-box .form-control {padding:5px 15px;}
.ppContent h4 strong {font-weight:500;}
.ppContent ul {padding-left:30px;}
.ppContent ul li {list-style:disc;margin-bottom: 10px;font-size: 14px;}
.ppContent p { color:#333;font-size: 14px;}
.tDD{transform: translateY(-2px);}
.securityChecks .d-flex.align-items-center .d-flex.align-items-center {
    min-width: 75%;
}

.securityChecks .form-group {
    margin-bottom: 15px;
}

.rangeSecurity .rangeSecurityInput {
    width: 200px;
}

.rangeSecurity .OutputNum {
    background-color: #333;
    color: #fff;
    padding: 2px 2px;
    text-align: center;
    min-width: 30px;
    border-radius: 20px;
    margin-left: 5px;
    position: absolute;
    top: -5px;
}
.securityChecks input[type='checkbox'], .securityChecks input[type='checkbox']:checked {margin-top:-2px;}



.saerchBtnH {background: none;border: none;margin-top: 7px;color: #9a9a9b;font-size: 18px;}
.saerchBtnH:focus{border:none;outline:none;}
/*.seachBoxWrap{background-color: #fff;border-radius: 10px;position: absolute;z-index: 9999;top: 5px;padding: 20px 12px 10px;margin: 0 0 0 12px;
    box-shadow: 1px 1px 5px #686363;display:block;}*/
.seachBoxWrap{background-color: #f9f9f9;position: static;z-index: 99; border-radius: 2px;padding: 6px 10px 5px;margin: 0 1px;margin-top: 0px;display:block;}
.seachBoxWrap .form-group {margin-bottom: 5px;}
.seachBoxWrap .form-group .form-control {height:28px;font-size: 13px;}
.seachBoxWrap .btn {min-width:60px; margin: 0px; margin-top:4px; padding: 4px 10px;}
.seachBoxWrap .btn.btnAd {min-width:130px;}
.seachBoxWrap .select2-container--default .select2-selection--single  {height: 28px;font-size: 13px;}
.seachBoxWrap .select2UI .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 20px;margin-top: 0px;    font-size: 13px;}
.seachBoxWrap .select2-container--default .select2-selection--single .select2-selection__arrow  {height: 19px;}
.seachBoxWrap .ui-datepicker-trigger {top:6px; min-width: 15px; max-width:15px !important; height: 15px;}
.seachBoxWrap .form-control.hasDatepicker:disabled, .seachBoxWrap .form-control.hasDatepicker[readonly]  {background-color: #ffffff !important;}
.seachBoxWrap .clearCrossIcon  {top: 5px;padding: 0px 3px;font-size:13px;}


/*.tableTHfix table thead {display: table;width: calc(100% - 0px);}
.tableTHfix table tbody {display: block;max-height: 365px;overflow-y: auto;}
.tableTHfix table thead tr {display: table;width: 100%;box-sizing: border-box;}*/


/* ---------- Search ---------- */
.clearCrossIcon {position: absolute;top: 5px;right: 6px;font-size: 16px;z-index: 999; padding: 2px 5px;background-color: #fff;}
.searchbox .list-group {max-height: 265px;margin-bottom: 10px;overflow-y: auto;-webkit-overflow-scrolling: touch;border: 1px solid #ccc;border-top: none;margin-top: -1px;position: absolute;width: 100%;z-index: 9999;}
.searchbox .list-group.prScrn {width:95%;}
.searchbox .list-group li{border-left:none;border-right:none;border-radius:0;}
.searchbox input{padding-right:35px;}
.searchIdentifiers, .searchIdentifiers:focus {font-size:14px;min-height:115px;overflow:auto;border: 1px solid #ccc;}
.searchIdentifiersBtn {margin-top:32px;}
#lstserch.list-group, .lstserch.list-group{max-height:265px;margin-bottom:10px;overflow-y:auto;-webkit-overflow-scrolling:touch;border:1px solid #ccc;border-top:none;border-bottom:none; margin-top:-1px;position:absolute;width:100%;z-index:9999;}
#lstserch.list-group li, .lstserch.list-group li {border-left:none;border-right:none;border-radius:0;padding: 8px 15px; border: 1px solid #cccccc;}
.projectStatsIcon{background-color:#363535;color:#fff;padding:3px 6px 3px 6px;line-height:14px;border-radius:25px;font-weight:500;font-size:11px;}
.projectStatsIcon.abs{background-color:#2c2c2c;color:#fff;padding:3px 6px 3px 6px;line-height:14px;border-radius:25px;font-weight:500;font-size:12px;/*position: absolute; top: 7.5px;*/width: 24px;height: 24px;border-radius: 7px;border: 1px solid #dfe2ec;background: #fff;color: #000000;line-height: 13px;}
#lstserch.list-group.bdrT, .lstserch.list-group.bdrT {position:static;}
.projectStatsIcon.notes {background-color:transparent;color:#f00;font-size:15px;padding: 3px 0px 3px 6px;}
.noteModalTxt {line-break:anywhere;max-height:145px;overflow-y:auto;}
.dark-theme .projectStatsIcon.notes {background-color:transparent;color:#c5c5c5;}
.projectStatsIcon.stat_S {background-color:#00a500;color: #fff;}
.projectStatsIcon.stat_F {background-color:#ea0000;color: #fff;}
.projectStatsIcon.stat_P {background-color:#ffa707;color: #fff;}
.table tbody td a.childProjectCode {}
/*.clientPro .linksTo{top:-100px;}*/
#menuDiv .btn{letter-spacing:0.05rem;}
.mytree li{list-style-type:none;padding:3px 0;}
.ui-selectmenu-button.ui-button{display:block;}
.ui-widget.ui-widget-content{max-height:278px}
.ui-selectmenu-button.ui-button{width:100% !important;background:#ffffff;line-height:23px;}
#navigation .navigation-menu > li:first-of-type > a{padding-left:15px;}
#topnav .has-submenu.active > a{color:#2c2c2c;font-weight:600;}
#topnav .has-submenu.active > a:after{border-bottom:2px solid #2c2c2c;content:'';position:absolute; left:0; right:0; width:50%; bottom:0; margin:0 auto;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{border-bottom:none;font-weight:500;}
.navbar-custom .topnav-menu .nav-link {line-height: 60px;}
.form-group label{color:#221f20;font-size:13px;letter-spacing:0;}
.custom-checkbox label{font-size:14px;}
.custom-control-input:checked ~ .custom-control-label::before{border-color:#2c2c2c;background-color:#2c2c2c;}
.account-pages .form-group .btn{min-width:250px;height:40px; background:#363535 !important;color:#fff !important;font-size:16px;box-shadow:0 3px 5px #0000002b !important;border-radius:2em;}
.account-pages .form-group .btn:hover {box-shadow:0px 8px 15px #b9b9b9 !important;}
.loginFormWrap {background-color: #ffffffb5;padding: 30px;border-radius: 12px; color: #000;padding-bottom:5px;}
.loginFormWrap {padding:50px 20px;border-radius: 12px; color: #fff;margin-top: 2%;background-color: #fff; box-shadow: 1px 1px 15px #8585856b;}
.loginFormWrap .form-group label {color: #000;}
.loginFormWrap .input-group-addon .fe-eye, .loginFormWrap .input-group-addon .fe-eye-off {color: #000;font-weight:600;}
.loginFormWrap .logo-dark img {height:60px;}
.loginFormWrap .wlTxts {color:#284d79;font-weight:600;}
.loginFormWrap .prTxts {margin-bottom: 20px;}
.loginFormWrap {background-image: url(../images/doodle-bg.png); background-repeat: no-repeat; background-position: top center;}
.loginFormWrap .btn.sbBtn {width: 100%;border-radius: 5px;margin: 0;margin-top: 15px;}

.account-pages .loginFormWrap .form-control {height:40px;font-size: 14px;border: 1px solid #89b1e1 !important;box-shadow: 0 3px 5px #ededed !important;}
.account-pages .loginFormWrap .lefticn {height:30px;}
.account-pages .loginFormWrap .lefticnpass {height:30px;}
.account-pages .loginFormWrap .input-group-addon.pw-icon {padding:5px;top: 13px;right: 8px;font-size: 16px;}
.brdr-rdus{border-radius:12px;border-top-left-radius:12px;}
#projectList .nav-tabs{margin-top:20px;top:0;z-index:2;position:relative;border-top-left-radius:12px;border-top-right-radius:12px;text-align:center;left:3px;border: none;}
#projectList .nav-tabs .nav-link.active{letter-spacing:0;text-shadow:none;font-size:14px;color:#fff;background:#ed4d3b;box-shadow:0 -3px 6px 0 #60606042;-webkit-box-shadow:0 -3px 6px 0 #60606042;-moz-box-shadow:0 -3px 6px 0 #60606042;border: none;/*background-image:linear-gradient(90deg,#2c2c2c,#1f8592,#3c95a0,#60a7b1)*/border-radius: 5px;}
.nav-tabs .nav-item{margin-right:2px;}
#projectList .nav-tabs > li > a{font-size:14px;background:#363535;padding:8px 7px;color:#fff;border:none;}
#projectList .nav-tabs > li > a:hover{color: #fff;background-color: #ed4d3b;border-color: #ed4d3b;/*background-image:linear-gradient(269deg,#2c2c2c,#39909b,#3a929d,#60a7b1);*/}
#questionViewModelBody div.table-responsive, #ProjectMappingModal div.table-responsive{overflow-y:auto;max-height:240px;}
#questionViewModelBody div.table-responsive .table thead th, #ProjectMappingModal div.table-responsive .table thead th{position:sticky;top:0;}
/*#ddlshowOptiontemVisible{max-height:200px;overflow-y:auto;}*/
#ddlshowOptiontemVisible div.table-responsive{overflow-y:auto;max-height:240px;}
#ddlshowOptiontemVisible div.table-responsive .table thead th{position:sticky;top:0;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{background-color:#fff !important;background-image:none !important;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{border-top:0 !important;border-left:0 !important;border-right:0 !important;border-bottom:0px solid #e8e8e8 !important;color:#000 !important;font-size:14px !important; background: #e5e6e7;}
.account-pages .form-control{padding-left:40px;border:none;font-size:16px;height:45px;margin-top:5px;border-radius:6px !important;color:#333;box-shadow:0 3px 5px #0000002b;}
 .account-pages .form-control:focus{background:#fff;box-shadow:0 3px 5px #0000002b !important;}
.input-group > .form-control:not(:last-child){padding-right:40px;}
.fontBold{font-weight:700;font-size:13px;color:#403e3e;letter-spacing:0;}
.detail-list{font-size:13px;color:#403e3e;}
.pagesize select{padding:3px 5px 4px 1px;font-size:.8125rem;font-weight:400;line-height:1.5;color:#6c757d;background-color:#fff;border:1px solid #ced4da;border-radius:.2rem;}
 .pagesize select:focus{color:#6c757d;background-color:#fff;border-color:#b1bbc4;outline:0;}
.input-group-addon{z-index:22;display:flex;padding:12px;top:12px;right:0;align-items:center;display:-webkit-flex;position:absolute;-webkit-align-items:center;/*background:#EDEDED;border-right:1px solid #ced4da;border-top:1px solid #ced4da;border-bottom:1px solid #ced4da;padding:8px;*/}
#projectList .linksTo .pr-1{font-size:14px;}
.pagesize{color:#333;}
.dark-theme .pagesize{color:#c5c5c5 !important;}
 .pagesize select{color:#333;}
 .pagesize label{font-size:13px;}
.tblecard{border-radius:12px;}
.content-page{background:#fdfdfd;margin-top:55px;padding-top:10px !important;}
.lefticn{top:28px;left:5px;width:31px;padding:4px;height:40px;}
.lefticnpass{top:8px;left:5px;width:31px;padding:4px;height:40px;}
.loginpg{background-image:url('../images/loginbg.png'),url('../images/dotbg.png'),url('../images/dotbg.png');background-repeat:no-repeat,no-repeat;background-position:right bottom -50px, left top 20%, right -70px top 45%;background-size:contain, 140px, 140px;}
.loginpg_lessdot{background-image:url('../images/loginbg-dot.png'),url('../images/dotbg.png'),url('../images/dotbg.png');background-repeat:no-repeat,no-repeat;background-position:right bottom -50px, left top 20%, right -70px top 45%;background-size:contain, 140px, 140px;}
.loginpg_single {background-image: url(../images/bgHH.jpg); background-repeat: no-repeat,no-repeat; background-position: top center;  background-size: cover;/*background-image:none; background-color: #002a30;*/background-color:#0d7685;}
.lefticnpass img{width:28px;}
#navigation .navigation-menu{float:right;}
.lefticn img{width:21px;}
.login-img3-body{padding-bottom:0;}
.supplierProfiles .authKeys {color:#2c2c2c;margin-top: 20px;}
.supplierProfiles .authKeys strong {border-radius: 7px;box-shadow: 0px 1px 7px #a7a7a7; padding: 10px 12px;}
.supplierProfiles button.btn-bg-color {padding: 10px 10px;min-width: auto;border-radius: 10px;margin: auto;margin-left: 10px;}
#ListQuestion .pagesize {margin-top:15px;}
.suplrCPIverify {color: #1b1d1d;margin-right: 10px;float: right;font-size: 12px; font-weight: 600;}
.dark-theme .suplrCPIverify {color: #cc9c00;}
.loginWrapS {background-color: #ffffff00;border-radius: 15px;height: 70vh;}
.logoLeftTop {position: absolute;left: 30px;top: 30px;}
.tabFreezeUI#projectList {margin-bottom:120px !important;}
.main-body.sidebar-mini .tabFreezeUI#projectList .tabLists {position: fixed;top: 44px;left: 205px;background-color: #fff;padding-top: 2px;padding-bottom:2px; width: calc(100% - 225px);box-shadow: 0px 0px 5px #ccc;border-radius:10px;z-index:999;}
.main-body.sidebar-mini.sidenav-toggled .tabFreezeUI#projectList .tabLists {left: 70px; width: calc(100% - 85px);}
.tabFreezeUI#projectList .card {margin-top:5px;margin-bottom:1px;padding-bottom:45px;}
.page-title-box.fixPrCode {position: fixed;top: 55px;right: 30px;z-index:901; }
.tabFreezeUI {}


/*TreeView*/
.treeviewAccord {font-weight: 600;font-size: 14px;color: #403e3e; letter-spacing: 0;}
.treeviewAccord ul.listree {padding-left: 15px;max-height: 340px; overflow-y: auto;}
.treeviewAccord ul.listree-submenu-items { border-left: 1px dashed transparent;padding-left: 35px;}
.treeviewAccord ul.listree li {line-height: 20px; border-left: 1px solid #2c2c2c;}
.dark-theme .treeviewAccord ul.listree li {border-left: 1px solid #c5c5c5;}
.treeviewAccord ul.listree-submenu-items input[type='checkbox'] { margin-top:7px;}
.treeviewAccord ul.listree-submenu-items input[type='checkbox']:checked::before { top:-7px;}
.treeviewAccord ul.listree-submenu-items input[type=checkbox], .treeviewAccord ul.listree-submenu-items input[type=radio] {margin-right:2px;}
.treeVin span {display:flex;position:relative;}
.treeVin span .form-control {height: 20px; width: 50px;margin-left: 8px; margin-top: 4px;padding: 0 5px;position: absolute;left: 80px;}
/*.treeviewAccord ul.listree li ul li ul li {border-left: none;line-height: 28px;margin-top: 8px;}*/
.treeviewAccord ul.listree li ul li {border-left: none;line-height: 28px;margin-top: 8px;}
.treeviewAccord ul.listree li:before {content: "";display: inline-block;width: 12px;height: 0;position: relative;left: 9px;top: 16px;border-top: 1px solid #2c2c2c;}
.dark-theme .treeviewAccord ul.listree li:before {border-top: 1px solid #c5c5c5;}
/*.treeviewAccord ul.listree li ul li ul li:before {content:"";display:none;}*/
.treeviewAccord ul.listree li ul li:before {content:"";display:none;}
.treeviewAccord div.listree-submenu-heading.expanded:before {margin-right: 12px !important;margin-left: -12px;background-color: #2c2c2c;color: #fff;border-radius: 20px;font-size: 18px;padding: 0px 8px 2px 8px;}
div.listree-submenu-heading.collapsed:before {margin-right: 12px !important;margin-left: -12px;background-color: #2c2c2c;color: #fff;border-radius: 20px;font-size: 16px;padding: 2px 6px;}
.dark-theme div.listree-submenu-heading.collapsed:before {background-color: #c5c5c5;color: #333;}
div.listree-submenu-heading span {padding: 0px 15px 0px 25px;display: block;margin-top: -20px;color: #2c2c2c;}
.dark-theme div.listree-submenu-heading span {color: #c5c5c5;}
.qsGrid td {text-transform:capitalize;}

/*Accordion treeView*/
.accordTreeview h3.header {min-height: 30px; display: inline-flex}
.accordTreeview .headerColumn1 {margin: 0;line-height: initial;}
.accordTreeview .headerColumn2 {width: auto;margin: -3px 10px 0px 0;position: static;}
.accordTreeview .headerColumn2 img {height: 22px;}
.accordTreeview .expandedContent {padding-left:30px;}

/* Log Switch */
.logSwitch {text-align:right;margin-top: 8px;}
.logSwitch.tblGrid {text-align:inherit;}
.logSwitch .txts {color:#333;font-size:14px;}
.logSwitch .switch {position: relative;display: inline-block;width: 28px;height: 14px;}
.logSwitch.tblGrid .switch {width: 40px;height: 10px;}
.logSwitch .switch input {opacity: 0;width: 0;height: 0;}
.logSwitch .slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color:#9d9d9d;-webkit-transition: .4s; transition: .4s;margin-top: -1px;}
.logSwitch .slider:before {position: absolute;content: "";height: 10px;width: 10px;left: -5px;bottom: 3px;background-color: white;-webkit-transition: .4s;transition: .4s;}
.logSwitch.tblGrid .slider:before {height: 12px;width: 12px;left: 1px;bottom: 2px;}
.logSwitch input:checked + .slider {background-color: #ed4d3b;margin-top: -1px;}
.logSwitch input:focus + .slider {box-shadow: 0 0 1px #2196F3;}
.logSwitch input + .slider:before {left: 2px;}
.logSwitch input:checked + .slider:before {left: -5px;}
.logSwitch input:checked + .slider:before {-webkit-transform: translateX(20px);-ms-transform: translateX(20px);transform: translateX(20px);}
/* Rounded sliders */
.logSwitch .slider.round {border-radius: 34px;}
.logSwitch .slider.round:before {border-radius: 50%;}
.logSwitch .slider:hover {background-color: #f3beb8;}


/*clone project btn mark*/
.cloneBrdrmark {border-bottom:1px solid #f7531f !important;}
.prescrnCHQ {margin-top:15px;margin}
.prescrnCHQ label {font-weight:600;}
.prescrnCHQ input[type=checkbox] {margin-right:2px;}

.tempErr {position:absolute;left:33%;font-size:12px;margin-top:4px;}
.preScreenImp .list-group {max-height: 225px;margin-bottom: 10px;overflow-y: auto;-webkit-overflow-scrolling: touch;border: 1px solid #ccc;border-top: none;margin-top: -1px;position: absolute;width: 100%;z-index: 9999;cursor: pointer;}
.preScreenImp .list-group li {border-left:none;border-right:none;border-radius:0;color:#000;padding:6px 12px;}
.preScreenImp .list-group li:hover {background-color: #333;color: #fff;}
tr.priority-row:nth-child(odd) td, tr.priority-row:nth-child(even) td {background-color: #eeeeff !important;background-color: #eeeeff !important; color: #fff;}
tr.priority-row:nth-child(odd) tr.child-group td, tr.priority-row:nth-child(even) tr.child-group td {color: #000;}
/*tr.priority-row:nth-child(odd) td a, tr.priority-row:nth-child(even) td a, tr.priority-row:nth-child(odd) td a:hover, tr.priority-row:nth-child(even) td a:hover {color: #fff;}*/
/*tr.priority-row:nth-child(odd) tr.child-group td a, tr.priority-row:nth-child(even) tr.child-group td a, tr.priority-row:nth-child(odd) tr.child-group td a:hover, tr.priority-row:nth-child(even) tr.child-group td a:hover {color: #000;}*/


.table-scroll-fixed .table-striped tbody tr td { /*background-color:rgba(0,0,0,.05);background-color:#f7f7f7;*/}

/* High Charts / Pie chrats */
.summaryCharts #container1, .summaryCharts #container2, .summaryCharts #container3, .summaryCharts #container4 {height: 300px;}
.summaryCharts .highcharts-figure, .summaryCharts .highcharts-data-table table {min-width: 310px; max-width: 100%;margin: 0 auto;}
.summaryCharts .highcharts-figure {max-width: 100% !important;}
.summaryCharts .highcharts-data-table table {font-family: "Montserrat", sans-serif;border-collapse: collapse;border: 1px solid #EBEBEB;margin: 0 auto;text-align: center;width: 100%;max-width: 500px;}
.summaryCharts .highcharts-data-table caption {padding: 1em 0;font-size: 1.2em;color: #555;}
.summaryCharts .highcharts-data-table th {font-weight: 600;padding: 0.5em;}
.summaryCharts .highcharts-data-table td, .summaryCharts .highcharts-data-table th, .summaryCharts .highcharts-data-table caption {padding: 0.5em;}
.summaryCharts .highcharts-data-table thead tr, .summaryCharts .highcharts-data-table tr:nth-child(even) {background: #f8f8f8;}
.summaryCharts .highcharts-data-table tr:hover {background: #f1f7ff;}
.chartTitles {border: 1px solid #e2e2e2;border-bottom:none;background-color:#fff; color: #2c2c2c;padding: 8px 15px;font-size: 14px;font-weight: 600;margin-top: 2px;margin-bottom: -1px;display: inline-block;min-width: 140px;text-align: center;border-top-left-radius: 4px;
    border-top-right-radius: 4px;}
.summaryCharts {border: 1px solid #e2e2e2;}
.summaryCharts .highcharts-credits, .summaryCharts .highcharts-title {display: none;}
.summaryCharts .highcharts-figure svg, .summaryCharts .highcharts-figure .highcharts-container {font-family:inherit !important}
.linkDisabled {
    cursor: not-allowed;
    pointer-events: none;
    color: grey;
}
.ageBtnCust .btn.btn-primary.btn_bg_color {min-width:90px;}
.multiCountryWrap.selectedCountry {}
.multiCountryWrap.selectedCountry ul li {display: inline-block;padding: 2px 5px;box-shadow: 0px 0px 2px #ababab;   margin-right: 7px;margin-bottom:7px;}
.multiCountryWrap.selectedCountry ul li a i {margin-left:2px;}
.dark-theme .multiCountryWrap.selectedCountry ul li {background-color: transparent;color:#c5c5c5; border: 1px solid #323a4a;}


/* ---------- Apex Chart // Dashboard Stats ---------- */
.statsTabs {background-color: #363535;box-shadow: 1px 1px 4px #b5b5b5;padding: 5px 8px;border-radius: 5px;color: #fff !important;text-align: right;margin-bottom: 12px;font-size: 11px !important;margin: 0 -3px;margin-top: 0;margin-bottom: 20px;text-transform: uppercase;position: relative;font-weight: 600;}
/*.statsTabs.clickBG {background-image: linear-gradient(to left, #f09d57, #f76a2d) !important;}
.statsTabs.completeBG {background-image: linear-gradient(to left, #3abd92 0%, #029666 100%) !important;}
.statsTabs.tsignClickBG {background-image: linear-gradient(to left, #0db2de 0%, #005bea 100%) !important;}
.statsTabs.failureBG {background-image: linear-gradient(45deg, #f93a5a, #f7778c) !important;}*/
.statsTabs span {font-size: 21px;display: block;line-height: 25px;font-weight: 500;}
.statIcon {height: 28px;position: absolute;left: 5%;top: 32%;}
.apexCharts {box-shadow: 1px 1px 8px #ccc;margin-top: 5px;padding: 5px 15px;border-radius: 8px;padding-bottom:0;    margin-bottom: 20px;}
.apexCharts .apexcharts-legend-marker {border-radius:8px !important;}
.apexCharts .apexcharts-legend-text {font-weight:600 !important;font-size:13px !important;}
.apexCharts .apexcharts-toolbar {display:none !important;}
.chartNameBox {background-color: #363535;color: #fff;padding: 5px 18px;display: inline-block;text-transform: uppercase;font-size: 13px;margin-left: -10px;}
.dark-theme .chartNameBox {background-color: #060f26;}
.dark-theme .apexCharts {box-shadow: 1px 1px 8px #141b2d;color:#c5c5c5;fill: #c5c5c5;}
.dark-theme .statsTabs {box-shadow: 1px 1px 8px #141b2d;background-color: #060f26;color: #c5c5c5 !important;}
.dark-theme .apexCharts .apexcharts-text {color:#c5c5c5 !important;fill: #c5c5c5;}
.dark-theme .apexCharts .apexcharts-legend-text {color:#c5c5c5 !important;}



/* ---------- swal contents ---------- */
.swal-icon:first-child {margin-top: 20px;}
.swal-text:first-child{margin-top:20px;color:#000;}
.swal-modal{width:auto;padding:5px;}
.swal-overlay .swal-modal .swal-icon.swal-icon--success{display:none;}
.swal-overlay .swal-modal .swal-text{padding-top:15px;color:#000;font-size:20px;transition:none;font-weight:500;transform:translateZ(5px);max-width:none;}
.swal-footer{text-align:center;background:#ffffff;margin-top:5px;}
.swal-button, .swal-button:not([disabled]):hover, .swal-button:active{letter-spacing:0.09rem;background-color:#363535; font-weight: 500;font-size: 12px;padding: 5px 16px;border-radius: 3px;min-width: 60px;}
.swal-title:not(:last-child){margin-bottom:0;padding-bottom:5px;}
.swal-title:first-child{margin-top:10px;}
.swal-title{color:#333;}
.swal-modal .swal-footer .swal-button-container:first-child .swal-button {box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgb(0 96 153 / 42%) !important;}
.swal-modal .swal-footer:hover .swal-button-container:first-child .swal-button {box-shadow: none !important;}
.swal-modal .swal-footer:hover .swal-button-container:first-child .swal-button:hover {box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgb(0 96 153 / 42%) !important;}
.dark-theme .swal-modal .swal-footer .swal-button-container:first-child .swal-button {box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(43,114,165,.29) !important;}
.swal-modal .swal-footer .swal-button-container .swal-button:hover {box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgb(0 96 153 / 42%) !important;}
.dark-theme .swal-modal .swal-footer .swal-button-container .swal-button:hover {box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(43,114,165,.29) !important;}
.dark-theme .swal-modal .swal-footer:hover .swal-button-container:first-child .swal-button {box-shadow: none !important;}
.dark-theme .swal-modal .swal-footer:hover .swal-button-container:first-child .swal-button:hover {box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(43,114,165,.29) !important;}
.swal-button, .swal-button:not([disabled]):hover, .swal-button:active, .swal-button:focus {box-shadow: none;}
.linksTo{display:flex;}
 .linksTo li{margin-right:7px;}
.start-date{position:relative;}
.card-body .media-body h2{color:#f65741;font-size:1.25rem;}
.card-body p{color:#333;font-size:14px;}
.ui-datepicker-trigger{position:absolute;right:5px;top:30px;min-width:15px;max-width:15px !important;height:16px; cursor:pointer;}
.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {z-index:9999 !important;}
select.form-control[multiple], select.form-control[size]{/*height:calc(1.5em + .9rem + 2px);*/height:35px;}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a, .ui-state-default.ui-state-active {background-color: #2c2c2c; color: #fff !important;}
.ui-datepicker .ui-datepicker-header {display:block !important;}
.dark-theme .ui-datepicker .ui-datepicker-calendar td a:hover {
    background-color: #a78722;
    color: #fff;
}
.fa-angle-right{font-size:20px;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.toggle.active .fa.fa-angle-right{transform:rotate(45deg) !important;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}
/*a.suppliertab:before{font-family:FontAwesome;content:"\f068";padding-left:5px;}
  a.suppliertab.collapsed:before{content:"\f067";}*/
.mapPrWrap {max-height:400px;overflow-y:auto;}
.mapPrWrap p {margin-bottom:5px;}
table .fe-edit{font-size:16px;}
.cursor-pointer{cursor:pointer;}
.modal-open .modal{overflow-y:hidden;}
.modal-header{padding:8px 15px;}
.modal-title{color:#fff;}
.modal-header .close{color:#fff;opacity:1;padding:5px; margin: 0; font-size: 20px;outline: none;}
#StartViewModal .customLink, #StartViewModal .customLink:hover {color:#fff;}
.field-validation-valid {font-size: 12px; color: #f7531f !important;}
#textsearchText{padding:.45rem 2rem 0.45rem 0.9rem;}
#searchcleartext{top:26px;position:absolute;right:25px;z-index:9;}
.form-control[readonly]{background-color:#fff;color:#333;}
.nav-user img{height:38px;width:38px;}
.notification-list {display:none;}
.notification-list a img{border-right:2px solid #a5a5a5;padding-right:28px;}
.notification-list a i{border-right:2px solid #a5a5a5;padding-right:25px;color:#a5a5a5;font-size:25px;margin-top:25px;}
.notification-list .noti-icon-badge{right:40px;background-color:#2c2c2c;}
.tokenbtn.btnTopfix{bottom:inherit;top:0;}
.decCustWidth{max-width:12.5%;}
.rdrctStTbl table tr td, .rdrctStTbl table tr th {text-align:left; border-top: 1px solid #d0d0d0; font-size:13px;padding:10px 5px;}
.prReportbox ul.list-group {max-height: 300px;overflow-y: auto;position: absolute;z-index: 9999;width: 100%;}
.prReportbox ul.list-group li {padding: 8px 12px;margin: 0px;border-bottom: 1px solid #ebebeb;cursor: pointer;}
.dark-theme .prReportbox ul.list-group li {border-bottom: 1px solid #131926;background: #141b2d;color: #c5c5c5;}
.prReportbox ul.list-group li:hover {background-color:#2c2c2c;color:#fff;}
.dark-theme .prReportbox ul.list-group li:hover {background-color:#a78722;color:#fff;}

.supCopyIcon .copySupURL {width:4%;float:left;}
.supCopyIcon .mainWrap {width:90%;line-height: 16px;display: inline-block;word-break: break-all;}

/*.rdrctStTbl tr:nth-child(even) {background-color: #fff !important;}
.rdrctStTbl tr:nth-child(even) td {background-color: #fff !important;}
.rdrctStTbl tr.qlfy td {background-color:#d9ffdc !important;}
.rdrctStTbl tr.d_qlfy td {background-color:#ffdcdc !important;}*/

/*@font-face{font-family:'futura-light';src:url('../fonts/futuralt.ttf') format('truetype');}
@font-face{font-family:'futura-medium';src:url('../fonts/futura-md.otf') format('opentype');}*/

/* ---------- Table coloumn Fix ---------- */
.S_table_scroll, .tscroll, .table-scroll{position:relative;width:100%;z-index:1;margin:auto;overflow:auto;-webkit-overflow-scrolling:touch;}
.S_table_scroll table, .table-scroll table{border-collapse:separate;border-spacing:0;}
.S_table_scroll th, .S_table_scroll td, .table-scroll th, .table-scroll td{vertical-align:top;}
.table-scroll-fixed{overflow-y:auto;max-height:420px;}
.S_table_scroll thead th, .table-scroll thead th, .table-scroll-fixed thead th{position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky;top:0;z-index:984;}
/*.tscroll tfoot, .tscroll tfoot th, .tscrolll tfoot td{position:-webkit-sticky;position:sticky;bottom:0;background:#666;color:#fff;z-index:4;}*/
.table-scroll-fixed tbody td:nth-child(1), .table-scroll-fixed thead th:nth-child(1){position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky;left:0px;}
.table-scroll-fixed tbody td:nth-child(2), .table-scroll-fixed thead th:nth-child(2){position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky;left:40px;}
.table-scroll-fixed tbody td:nth-child(3), .table-scroll-fixed thead th:nth-child(3){position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky;left:150px;}
.table-scroll-fixed tbody td:nth-child(4), .table-scroll-fixed thead th:nth-child(4){position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky;left:270px;}
.table-scroll-fixed.supplierWay tbody td:nth-child(3), .table-scroll-fixed.supplierWay thead th:nth-child(3){position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky;left:160px;}
.table-scroll-fixed.supplierWay tbody td:nth-child(4), .table-scroll-fixed.supplierWay thead th:nth-child(4){position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky;left:280px;}
.table-scroll-fixed thead th:nth-child(1), .table-scroll-fixed thead th:nth-child(2), .table-scroll-fixed thead th:nth-child(3), .table-scroll-fixed thead th:nth-child(4){z-index:985 !important;}
.table-scroll-fixed tbody td:nth-child(1), .table-scroll-fixed tbody td:nth-child(2), .table-scroll-fixed tbody td:nth-child(3), .table-scroll-fixed tbody td:nth-child(4){z-index:99 !important;min-height: 37px;}
/*child group*/
.table-scroll-fixed tbody tr.child-group td .table tr td:nth-child(1),.table-scroll-fixed tbody tr.child-group td .table tr td:nth-child(2), .table-scroll-fixed tbody tr.child-group td .table tr td:nth-child(3),.table-scroll-fixed tbody tr.child-group td .table tr td:nth-child(4) { /*background: #f5f5f5 !important;*/z-index:9999 !important;}
.table-scroll-fixed tbody tr.child-group td .table tr td:nth-child(1) {position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky;left:0;}
.table-scroll-fixed tbody tr.child-group td .table tr td:nth-child(2) {position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky;left:40px;}
.table-scroll-fixed tbody tr.child-group td .table tr td:nth-child(3) {position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky;left:150px;}
.table-scroll-fixed tbody tr.child-group td .table tr td:nth-child(4) {position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky;left:270px;}

.S_table_scroll thead th:nth-child(1), .S_table_scroll tbody td:nth-child(1){position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky;left:0;}
.S_table_scroll thead th:nth-child(2), .S_table_scroll tbody td:nth-child(2){position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky;left:80px;}
.S_table_scroll thead th:nth-child(3), .S_table_scroll tbody td:nth-child(3){position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky;left:215px;}
.table-scroll-fixed .table-striped tbody tr:nth-of-type(odd){background-color:#fff;}
.table-scroll-fixed .table-striped tbody tr td { /*background-color:rgba(0,0,0,.05);background-color:#f7f7f7;border: none; border-top: 1px solid #dde2ef;*/
}
.S_table_scroll tbody th:nth-child(1), .S_table_scroll tbody th:nth-child(2), .S_table_scroll tbody th:nth-child(3),.table-scroll-fixed tbody th:nth-child(1), .table-scroll-fixed tbody th:nth-child(2), .table-scroll-fixed tbody th:nth-child(3), .table-scroll-fixed tbody th:nth-child(4){/*background:#0a7786;*/}
/*.S_table_scroll tbody td:nth-child(1), .S_table_scroll tbody td:nth-child(2), .S_table_scroll tbody td:nth-child(3),*/
.table-scroll-fixed tbody td:nth-child(1), .table-scroll-fixed tbody td:nth-child(2), .table-scroll-fixed tbody td:nth-child(3), .table-scroll-fixed tbody td:nth-child(4){background:#fff;}
.thnkTxts {font-size:20px;margin-bottom:40px;}
.ttlLinks {color:#333 !important;padding:1px 8px; background-color: #eef6ff; border: 1px solid #d1e6ff; border-radius:5px;font-weight: 500 !important;font-size: 12px;}
.ttlLinks:hover { background-color: #d1e6ff;}
.ttlLinks.actvs {background-color: #d9f3db;border-color: #b4e7b8;}
.ttlLinks.actvs:hover { background-color: #b4e7b8;}
.dark-theme .ttlLinks {color:#c5c5c5 !important; background: #061029; font-weight:500;}
.dark-theme .ttlLinks:hover { background: #a78722;}
#groupBody {max-height: 500px;overflow-y: auto;}
.dark-theme .lightRec, .darkRec {display:none;}
.dark-theme .darkRec {display:block;}
#CountryListWrap {max-height: 150px;overflow-y: auto;}
#CountryListWrap ul {margin-bottom:0; border:1px solid #e7e5e5;}
#CountryListWrap ul li {padding-bottom:4px;margin-bottom:0px; padding:5px 8px;color:#000;}
.dark-theme #CountryListWrap ul li { border-bottom:1px solid #545454;color:#d9d9d9;}
.card-body1 ul li:nth-child(even) {background-color: transparent;}
.securityChecks.rangeSecurity ul li:nth-child(even) {background-color:transparent !important;}
.dark-theme #CountryListWrap ul {margin-bottom:0;border:1px solid #1f2940;}
.dark-theme .card-body1 ul li:nth-child(even){background-color: #1f2940;}
/*---------- Custom select Options ----------*/
/*.custom-select {position: relative;font-family: Arial;}
.custom-select select {display: none;}
.select-selected {background-color: #fff;}
.select-selected:after {position: absolute;content: "";top: 14px;right: 10px;width: 0;height: 0;border: 6px solid #333;border-color: #333 transparent transparent transparent;}
.select-selected.select-arrow-active:after {border-color: transparent transparent #333 transparent;top: 7px;}
.select-items div,.select-selected {color: #000;padding: 8px 16px;border: 1px solid transparent;border-color: transparent transparent #fff transparent;cursor: pointer;user-select: none;}
.select-items {position: absolute;background-color: #fff;top: 100%;left: 0;right: 0;z-index: 99;color:#000;}
.select-hide {display: none;}
.select-items div:hover, .same-as-selected {background-color: #0a7786;color:#fff;}*/
/* ---------- survey page question check & radio ---------- */
.surveyPagechecks [type="radio"]:checked, .surveyPagechecks [type="radio"]:not(:checked),
.surveyPagechecks [type="checkbox"]:checked, .surveyPagechecks [type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.surveyPagechecks [type="radio"]:checked + label, .surveyPagechecks [type="radio"]:not(:checked) + label,
.surveyPagechecks [type="checkbox"]:checked + label, .surveyPagechecks [type="checkbox"]:not(:checked) + label {position: relative;padding-left: 28px;cursor: pointer;line-height: 20px;display: inline-block;/*color: #666;*/ font-size: 20px;}
.surveyPagechecks [type="radio"]:checked + label:before, .surveyPagechecks [type="radio"]:not(:checked) + label:before {content: '';position: absolute;left: 0;top: 0;width: 20px;height: 20px;border: 1px solid #363535;border-radius: 100%; background: #fff;}
.surveyPagechecks [type="checkbox"]:checked + label:before, .surveyPagechecks [type="checkbox"]:not(:checked) + label:before {content: '';position: absolute;left: 0;top: 0;width: 20px;height: 20px;border: 1px solid #363535;border-radius: 0;background: #fff;    }
.surveyPagechecks [type="radio"]:checked + label:after, .surveyPagechecks [type="radio"]:not(:checked) + label:after {content: '';width: 12px;height: 12px;background: #363535;position: absolute;top: 4px;left: 4px;border-radius: 100%;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
.surveyPagechecks [type="checkbox"]:checked + label:after, .surveyPagechecks [type="checkbox"]:not(:checked) + label:after {content: '';width: 12px;height: 12px;background: #363535;position: absolute;top: 4px;left: 4px;border-radius: 0;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
.surveyPagechecks [type="radio"]:not(:checked) + label:after,
.surveyPagechecks [type="checkbox"]:not(:checked) + label:after {opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
.surveyPagechecks [type="radio"]:checked + label:after,
.surveyPagechecks [type="checkbox"]:checked + label:after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}

label.exLinkUrl, label.linkUrltest, .linkUrltest {color: #666;font-size: 12px;}
label.exLinkUrl {padding-left: 100px;}
.dark-theme label.exLinkUrl, .dark-theme .linkUrltest, .dark-theme label.linkUrltest {color: #c5c5c5;}
.multiselect-dropdown span.placeholder {color: #333;font-size: 14px;text-transform: capitalize;margin-top: 1px;margin-bottom: 0px;}
.multiselect-dropdown-list-wrapper .multiselect-dropdown-search, .multiselect-dropdown-list-wrapper .multiselect-dropdown-search:focus {font-size: 14px;color: #333;text-transform:capitalize;}
.dark-theme .multiselect-dropdown span.placeholder {color: #c5c5c5;}
.dark-theme .multiselect-dropdown-list-wrapper .multiselect-dropdown-search, .dark-theme .multiselect-dropdown-list-wrapper .multiselect-dropdown-search:focus {color: #c5c5c5;}
.countrygrid {max-height:255px;overflow-y:auto; margin-bottom:10px;}
.countrygrid.listGrid {max-height:145px;overflow-y:auto; margin-bottom:10px;}
.countrygrid.listGrid.editCountryMode {max-height:255px;overflow-y:auto; margin-bottom:15px;}
.countrygrid.listGrid .countryviewList {margin-bottom:10px;display: flex;}
.countrygrid .countryList {margin-bottom:10px;}
.urlLinkLine {display:flex;}
.countrygrid.listGrid .countryviewList label:first-child, .urlLinkLine label:first-child {min-width:150px;}
.urlLinkLine.linksTxt label:first-child {min-width:45px;}
.urlLinkLine.linksTxt input {margin-left:10px;margin-top: -6px;}
.linkUrltest.slinkURL {padding-left:60px;}
.countrygrid.listGrid .countryviewList label:nth-child(2),  .urlLinkLine label:nth-child(2)  {padding-left:20px;}
.tabContentScroll .tabContentScrollin.minH {/*min-height:400px;*/}
.tabContentScroll .tabContentScrollin {/*max-height:400px;overflow: hidden;overflow-y:auto;*/padding-right: 1px;}
/*.bodyScrll{max-height: 470px;overflow: hidden;overflow-y: auto;}*/
.dark-theme ul.list-group.lstserch.bdrT {border: 1px solid #29344c;}
.dark-theme ul.list-group.lstserch.bdrT li {color:#c5c5c5;}
.dark-theme ul.list-group.lstserch.bdrT li:hover {background-color: #141b2d;}
.side-menu .slide .side-menu__item i {margin-right:5px;color: #313949;font-size: 13px;}
.side-menu .slide .side-menu__item .dbicon {height:13px;margin-right:8px;}
.side-menu .slide .side-menu__item.active .dbicon {background-color: #fff; border-radius: 0px;padding:1px;}
.dark-theme .side-menu .slide .side-menu__item .dbicon {height:15px;background-color: #d5d5d5;border-radius: 10px;padding: 1px;}
.dark-theme .side-menu .slide .side-menu__item i {color: #003268;}
/*Responsive css */
@media(min-width:768px) {
    .tokenbtn{position:absolute;bottom:0;}
 .tokenbtnDiv{position:absolute;top:23px;}
 
 .tokenbtnDiv.searchIdentifiersBtn{top:inherit;bottom:20px;}
 .tokenbtnDiv.searchIdentifiersBtn .btn {margin-right:5px;font-weight:500;}
 .linksTo{position:absolute;top:-60px;right:-15px;z-index:999;}
 .tokenbtnDiv.prSc .btn, .tokenbtnDiv.prSc .sp-container button {padding:7px 10px;font-size: 13px;font-weight:500;}
    .sidenav-toggled .side-menu {
        margin-top: 40px;
    }

}
@media (min-width:1200px){
 .STCntr .thanks-img{width:330px;}
}
@media (max-width:767.98px){
 .tokenbtnDiv a{margin-bottom:10px;display:block;}
 body [data-layout=horizontal] .logo-box{padding-right:0;}
}

/*Theme reset offwhite*/
body {background: #f7f7f7;}
.app-sidebar,.main-sidebar-header {background: #fff;border-bottom: 1px solid #d4d4d4;}
.main-header {background: #fff; border-bottom: 1px solid #d4d4d4;}
.main-header .nav .nav-item .dropdown-menu {min-width: 100px;}
/*.main-content {margin-left:130px;}*/
.table thead th {background-color: #363535; text-transform: inherit; /*background-image:linear-gradient(180deg,#04889b,#078193,#036f7e,#038da1);*/ color: #fff;}
.table thead tr {background-color: #363535 !important;}
.table thead th label {color:#fff;}
.prScrnQsrch {box-shadow: 0 0 3px #f1f1f1;/*border-radius: 18px !important;*/}
.card {background:#fff !important}
.main-sidebar-header { padding: 8px 5px;}
.multiCountryWrap.selectedCountry .countrysSelect {max-height: 105px;overflow-y: auto; padding: 10px;}
#loaderAuto {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: block;
    opacity: 0.7;
    background-color: #fff;
    background-position: center center;
    z-index: 9999;
    text-align: center;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../images/loader11.gif);
    background-size: 100px;
}

@media(min-width:768px) {
    .main-sidebar-header {display:none;} 
    .app-sidebar,.main-sidebar-header {width: 190px; top: 64px;z-index:990;} 
    .main-header {padding-left: 0px;} 
    .app.sidenav-toggled .main-header {padding-left: 0px;} 
    .main-content {margin-left: 190px;}
    .side-menu .slide .side-menu__item {padding: 12px 8px 12px 8px; border-bottom: 1px solid #f7f7f7;font-size:13px;}
    .slide-menu {padding-left: 5px;}
    .side-menu .slide .side-menu__item.active {background-color: #0f0f0f;border-top-right-radius: 2px;border-bottom-right-radius: 2px;}
    .slide-item {padding: 8px 12px 8px 8px; border-bottom: 1px solid #f7f7f7;font-size: 12px;}
    .app-sidebar .main-sidemenu {overflow:hidden; overflow-y:auto; margin-top: 2px;}
    .app-sidebar .main-sidemenu .side-menu li:last-child {margin-bottom:35px;}
    .app-sidebar .main-sidemenu .side-menu ul li:last-child {margin-bottom:0px;}
    .app.sidenav-toggled .app-sidebar {width: 50px;}
    .app.sidenav-toggled .app-content {margin-left: 50px;}
    .app.sidenav-toggled.sidenav-toggled-open .select2-container.select2-container--default.select2-container--open .select2-dropdown--below {left: calc(150px + 35px)}
    .app.sidenav-toggled.sidenav-toggled-open .app-content {margin-left: 235px;}
     .app.sidenav-toggled .app-sidebar {width: 50px;}
    .app.sidenav-toggled .app-content {margin-left: 50px;}

    
/* .main-body.sidebar-mini .projectInfLeft.col-lg-3 { min-width: 29%;padding-right:2px;}
 .main-body.sidebar-mini .projectInfRight.col-lg-9 { max-width: 71%;}*/

 .main-body.sidenavTT .projectInfLeft.tglL { min-width: 20%; max-width: 23%;padding-right:2px;}
 .main-body.sidenavTT .projectInfRight.tglR {  min-width: 76%; max-width: 77%;}
 .main-body.sidenavTT .projectInfLeft.tglL1 { min-width: 20%; max-width: 23%;padding-right:2px;}
 .main-body.sidenavTT .projectInfRight.tglR1 { min-width: 76%; max-width: 77%;}

    .responsive-logo {display: inline;}
    .responsive-logo .logoMN {height: 30px;}
    .app-sidebar__toggle {display:inline;position: absolute;left: 0px;top: 65px;}
    .app-sidebar__toggle .open-toggle  {}
    /*.app-sidebar__toggle .close-toggle { position: absolute;left: -5px;top: 45px;}*/
    .app-sidebar__toggle .open-toggle, .app-sidebar__toggle .close-toggle i {background-color:#fff;}
    .dark-theme .app-sidebar__toggle .open-toggle, .dark-theme .app-sidebar__toggle .close-toggle i {background-color:transparent;}
    .header-icon {display:block;font-size: 20px; color: #333;} 
    .dark-theme .header-icon { color: #c5c5c5;} 
     

    .responsive-logo {display: inline;}
    .responsive-logo .logoMN {height: 30px;}
    .app-sidebar__toggle {display:inline;position: absolute;left: 0px;top: 65px;}
    .app-sidebar__toggle .open-toggle  {}
    /*.app-sidebar__toggle .close-toggle { position: absolute;left: -5px;top: 45px;}*/
    .app-sidebar__toggle .open-toggle, .app-sidebar__toggle .close-toggle i {background-color:#fff;}
    .dark-theme .app-sidebar__toggle .open-toggle, .dark-theme .app-sidebar__toggle .close-toggle i {background-color:transparent;}
    .header-icon {display:block;font-size: 20px; color: #333;} 
    .dark-theme .header-icon { color: #c5c5c5;} 

}


/* ---------- Reset Theme ---------- */
.app-sidebar .main-sidemenu::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#F5F5F5;}
.app-sidebar .main-sidemenu::-webkit-scrollbar{width:8px;height:8px;background-color:#F5F5F5;border-radius:4px;}
.app-sidebar .main-sidemenu::-webkit-scrollbar-thumb{background-color:#b0b0b0 !important;border-radius:4px;}
.tab-content {overflow: inherit;}
.slide .slide-item {margin-left: 16px;}
.slide.is-expanded a {color: #333;}
.side-menu__label, .side-menu .side-menu__icon {color: #333; fill: #616161;font-size:13px;}
.trackerPrjct {position:absolute;background-color:#dbdbdb; border:1px solid #dbdbdb; border-radius:4px; z-index:999999; top:1px; left:52px;display:none;}
.trackerPrjct:before {content: "";position: absolute;top: 9px;left: -6px;border-bottom: 7px solid transparent; border-right: 7px solid #c9c9c9; border-top: 7px solid transparent;}
.trackerPrjct a {display:block;color:#061C72;cursor: pointer; padding: 1px 4px; line-height: 13px;}
.trackerPrjct a.brdrBtm {border-bottom:1px solid #cbcaca !important;}
.trackerPrjct a:hover {background-color:#e9e9e9;}
.trackerPrjct a label {font-size:12px;color:#061C72;cursor: pointer;}
/*.slide.is-expanded .side-menu__item {background-color: #0a7786;}*/
li.is-expanded .slide-item.active:hover {color: #2c2c2c  !important;}
.app-sidebar .slide.active .side-menu__icon {fill: #000 !important;}
.app-sidebar .slide.is-expanded .side-menu__icon {fill: #000 !important;}
.slide.is-expanded .side-menu__label, .slide.is-expanded .side-menu__icon, .slide.is-expanded .angle {color: #000 !important;font-weight: 600;}
.slide-item.active {color: #363535 !important;font-weight: 600;}
.slide-item:hover, .slide-item:focus {color: #000 !important;font-weight: 600;}
.slide:hover .side-menu__label, .slide:hover .angle, .slide:hover .side-menu__icon {color: #333 !important;fill: #333 !important;font-weight: 600;}
/*.slide:hover .side-menu__item.active .side-menu__label, .slide:hover .side-menu__item.active .angle, .slide:hover .side-menu__item.active .side-menu__icon {color: #fff !important;fill: #fff !important;}*/
.slide.is-expanded:hover .side-menu__item .side-menu__label, .slide.is-expanded:hover .side-menu__item .angle, .slide.is-expanded:hover .side-menu__item .side-menu__icon {color: #333 !important;fill: #333 !important;}
.side-menu__item.active .side-menu__icon {fill: #fff !important;font-weight: 600;}
.side-menu__item.active .side-menu__label {color: #fff !important;font-weight: 600;}
.side-menu__item.active .side-menu__label, .slide.is-expanded:hover .side-menu__item.active .side-menu__label,.slide.is-expanded .side-menu__item.active i, .slide.is-expanded:hover .side-menu__item.active i {color: #000 !important;font-weight: 600;}
.dark-theme .side-menu__item.active .side-menu__icon {fill: #fff !important;font-weight: 600;}
.slide.is-expanded:hover .side-menu__item .side-menu__label, .slide.is-expanded:hover .side-menu__item .angle, .slide.is-expanded:hover .side-menu__item .side-menu__icon {color: #333 !important; fill: #333 !important;}
.app-sidebar .slide-menu a:before {font-size: 14px;top: 7px;left:inherit;right:2px;}
.app-sidebar .slide-menu a.active:before {color: #363535;transform: rotate(45deg);}
.app-sidebar .slide .side-menu__item.active::before {background: #333;}
/*.dark-theme .slide.is-expanded .side-menu__item {background-color: #a78722;}*/
.dark-theme .app-sidebar .slide.active .side-menu__icon, .dark-theme .app-sidebar .slide.is-expanded .side-menu__icon {fill: #e2ac00 !important; color: #e2ac00 !important;}
.dark-theme .slide.is-expanded .side-menu__label, .dark-theme .slide.is-expanded .side-menu__icon, .dark-theme .slide.is-expanded .angle {color: #fff !important;font-weight: 600;}
.dark-theme .slide.is-expanded:hover .side-menu__item .side-menu__label, .dark-theme .slide.is-expanded:hover .side-menu__item .angle, .dark-theme .slide.is-expanded:hover .side-menu__item .side-menu__icon {color: #fff !important;fill: #e2ac00 !important;}
.dark-theme .slide-item.active, .dark-theme .slide-item:hover, .dark-theme .slide-item:focus {color: #fff !important;font-weight: 600;}
.dark-theme .slide:hover .side-menu__label, .dark-theme .slide:hover .angle, .dark-theme .slide:hover .side-menu__icon {color: #fff !important;fill: #fff !important;}
.dark-theme .app-sidebar .slide-menu a:before {font-size: 14px;top: 7px;}
.dark-theme .app-sidebar .slide-menu a.active:before {color: #fff;}
.dark-theme .slide-item:hover:before {color: #fff !important;}
.dark-theme .slide-item:hover, .dark-theme .slide-item:focus {color: #dcdcdc !important;}
.dark-theme .side-menu__item.active .side-menu__icon { fill: #efb616;}
li.is-expanded .slide-item.active:hover {color: #363535  !important;}
.dark-theme li.is-expanded .slide-item.active:hover {color: #fff  !important;}
.pagination {float: right;}
.pagination > li > a, .pagination > li > span {position: relative;float: left;margin-top: 10px;padding: 4px 8px;font-size:12px; margin-left: -1px;line-height: 1.42857143;color: #000;text-decoration: none;background-color: #fff;border: 1px solid #ddd; font-weight: 500;}
.pagination > li.active > a {background-color:#ed4d3b;color:#fff}
.pagination a.active {z-index: 2 !important; color: #fff !important; background-color: #ed4d3b !important; border-color: #ed4d3b !important;cursor: not-allowed !important; pointer-events: none !important;}
.dark-theme .pagination a.active {background-color: #a78722 !important; border-color: #a78722 !important;}
.pagination a.disabled {cursor: not-allowed !important;color: grey !important;pointer-events: none !important;}
.dark-theme .pagination > li > a, .dark-theme .pagination > li > span {color: #bec1c9;background-color: #141b2d;border: 1px solid #141b2d;}
.tabPanelWraps .app-search {padding:0; margin: 0;}
.tabPanelWraps .app-search-box {width:100%;}
.tabPanelWraps .app-search-box .form-control, #ListQuestion .app-search-box .form-control, .app-search .app-search-box .form-control  {height:35px;}
.main-header {z-index: 1002 !important;box-shadow: 5px 7px 7px -5px #efefef !important;}
.dark-theme .main-header {box-shadow:none !important;}
.dark-theme ul.numTabSM li {box-shadow:none;background-color: #1f2940; color: #c5c5c5;}
.dark-theme ul.numTabSM li:hover {color: #fff; background: #856f28;}
.dark-theme ul.numTabSM li.totalNM {background-color: #fff; color: #000;}
.dark-theme ul.numTabSM li.active {background-color: #a78722; color: #fff;}
.dataTables_paginate .page-item.active .page-link, .pagination .page-link:hover {background-color: #a78722 !important;border: none !important;}
.page-title-box {margin-bottom:5px; margin-top:8px;}
.page-title-box .page-title {margin-bottom:5px; margin-top:15px;}
.dark-theme .page-title-box .page-title {color:#bec1c9;}
.main-footer {position: fixed;bottom: 0;width: 81%;z-index: 999;display:none;}
.dark-theme .form-group label {color: #bec1c9;}
.dark-theme .form-control {border:1px solid rgb(226 232 245 / 10%) !important;}
.dark-theme .form-control:focus {border-bottom:1px solid #a78722 !important; color: #bec1c9;}
.main-body, .main-dashboard {margin-bottom:15px;min-height:calc(100vh - 20px)}
.main-body .page, .main-dashboard .page {min-height:calc(100vh - 20px)}

.dark-theme tr:nth-child(odd){background-color:transparent !important;}
.dark-theme tr:nth-child(odd) td{background-color:transparent !important;}
.dark-theme tr:nth-child(even){background-color:transparent !important;}
.dark-theme tr:nth-child(even) td{background-color:transparent !important;}
.dark-theme .table-scroll-fixed .table-striped tbody tr:nth-of-type(odd) {background-color:transparent;}
.dark-theme .table-scroll-fixed tbody td:nth-child(1), .dark-theme .table-scroll-fixed tbody td:nth-child(2), .dark-theme .table-scroll-fixed tbody td:nth-child(3), .dark-theme .table-scroll-fixed tbody td:nth-child(4) {background: #1f2940;}
.dark-theme .projectStatsIcon {background-color:#bec1c9;color:#000;}
table table {border:none;}
.table th, .table td {border:none;}
.table td .table td {border:none;/*border-top:1px solid #dde2ef;*/}
.dark-theme .table td .table td {border:none;background-color: #1f2940 !important;border-bottom: 1px solid #2a354e !important;}
.dark-theme .table-striped tbody tr:nth-of-type(2n+1) {background-color: #1f2940;}
.dark-theme ul.numTabSM li.active {background-color: #a78722;color: #f7f7f7;/* background-image: linear-gradient(90deg,#a78722,#03525c,#21646c,#317881);*/}
.dark-theme .page-title-box .page-title.tb-ttl {background: transparent; box-shadow: none;}
.dark-theme .btn-bg-color, .dark-theme .btn-primary {background: #a78722 !important;box-shadow: none; color: #fff !important;}
.dark-theme .btn-bg-color:hover, .dark-theme .btn-primary:hover,  .dark-theme .btn-primary:focus,  .dark-theme .btn-primary:active {background: #a78722 !important;box-shadow: none;color:#000;}
.dark-theme .bgpurple {background: #a78722;color: #fff;}
.dark-theme #projectList .nav-tabs .nav-link.active {background-color: #a78722;color: #f7f7f7;border-color: #a78722;border-bottom: 1px solid #a78722; /*background-image: linear-gradient(
90deg,#a78722,#03525c,#21646c,#317881);*/}
.dark-theme #projectList .nav-tabs > li > a {background-color: #91645d;color: #fff;border-color: #91645d;}
.dark-theme #projectList .nav-tabs > li > a:hover {background-color: #a78722;color: #fff;border-color: #a78722;border-bottom:1px solid #a78722;/*background-image:linear-gradient(
295deg,#3f7d85,#2c6d75,#36757d,#4d8991);*/}
.dark-theme .form-control { color: #c5c5c5 !important;}
.dark-theme #accordion .btn-link {color: #a78722;}
.dark-theme #accordion .btn-link:hover, .dark-theme #accordion .btn-link:focus {color: #d4a100;}
.dark-theme .h1, .dark-theme .h2, .dark-theme .h3, .dark-theme .h4, .dark-theme .h5, .dark-theme .h6, .dark-theme h1, .dark-theme h2, .dark-theme h3, .dark-theme h4, .dark-theme h5, .dark-theme h6  { color: #c5c5c5;}
.dark-theme .modal-header h3 {color:#fff !important;}
.dark-theme .topProjectcode, .dark-theme .fontBold, .dark-theme .detail-list, .dark-theme label { color: #c5c5c5;}
.dark-theme .select2-container--default .select2-search--dropdown {background-color: #1f2940;}
.dark-theme .select2-results__option {color: #c5c5c5 !important;border-top: 1px solid #1f2940;}
.dark-theme .select2-container--default .select2-results__option[aria-selected=true], .dark-theme .select2-container--default .select2-results__option--highlighted[aria-selected], .dark-theme .select2-container--default .select2-results__option[aria-selected=true]:hover {background-color: #10172a !important;color: #c5c5c5 !important; border-top: 1px solid #10172a;}
.dark-theme #lstserch.list-group li, .dark-theme .lstserch.list-group li {color: #c5c5c5;border-color: #141b2d;}
.dark-theme #lstserch.list-group, .lstserch.list-group { border: 1px solid #1f2940;}
.dark-theme .brdrfull textarea, .dark-theme .brdrfull .form-control {border: 1px solid #333d52 !important;}
.dark-theme .card-body p {color: #c5c5c5;}
.dark-theme .pagesize select {background-color: #141b2d; border: 1px solid #141b2d;color: #c5c5c5;}
/*#global-loader {background:url('/images/loader.gif') 50% 50% no-repeat rgb(249 249 249 / 75%);}
.dark-theme #global-loader {background:url('/images/loader.gif') 50% 50% no-repeat rgb(249 249 249 / 75%);}*/
.modal-backdrop.show {opacity:0.2;}
.dark-theme .numTabSMSearch form.app-search .app-search-box .form-control {box-shadow:none !important;}
.inputDark {border: 1px solid #ccc;}
.dark-theme .form-control, .dark-theme .inputDark {color: #fff;background-color: #232e48;border: 1px solid rgba(226, 232, 245, 0.1);box-shadow: none;}
.dark-theme .side-menu .slide .side-menu__item {color:#fff;font-weight:600;border-bottom: 1px solid #333c51;}
.dark-theme .slide.is-expanded a {border-bottom: 1px solid #333c51;}
.dark-theme input[type=checkbox]:focus, .dark-theme input[type=radio]:focus {box-shadow: 0px 0px 2px #ffffff;}
.dark-theme .select2UI .select2-container--default .select2-selection--single { border: 1px solid #333d52 !important;background-color: #232e48;}
.dark-theme .select2UI .select2-container--default .select2-selection--single:focus {border-bottom: 1px solid #a78722 !important;}
.dark-theme #add_client_form_SingleProject textarea {border:none !important;}
.dark-theme .bg-primary {background-color: #141b2d !important;}
.dark-theme .main-header .dropdown-menu .bg-primary {background-color: #141b2d !important;}
.dark-theme .main-header .dropdown-menu:after { border-bottom: 9px solid #c5c5c5;}
.dark-theme .main-header a.profile-user i { color:#c5c5c5;font-size:20px;}
.dark-theme .main-profile-menu .dropdown-item:hover, .dark-theme .main-profile-menu .dropdown-item:focus { color: #c5c5c5;}
.dark-theme .logSwitch .txts {color: #c5c5c5;}


/*.dark-theme .responsive-table-plugin1 .table { border: 1px solid #333d51;}
.dark-theme .table-scroll-fixed .table-striped tbody tr td {border-top: 1px solid #333d51;}*/
#global-loader {background: #ffffff9e;}
.dark-theme #global-loader {background: #1a233aa6;}
.dark-theme .swal-modal, .dark-theme .swal-footer {background-color: #232e48;}
.dark-theme .swal-overlay .swal-modal .swal-text {color:#c5c5c5;}
.dark-theme .swal-button, .dark-theme .swal-button:not([disabled]):hover, .dark-theme .swal-button:active, .dark-theme .swal-button:focus {background-color: #a78722;outline:none;border:none;box-shadow: none;}
.dark-theme input:-webkit-autofill, .dark-theme textarea:-webkit-autofill, .dark-theme select:-webkit-autofill {background-color: #232e48 !important; border: 1px solid rgba(226, 232, 245, 0.1);}
.dark-theme .cke_top, .dark-theme .cke_wysiwyg_frame, .dark-theme .cke_wysiwyg_div {background: #bbbbbd !important; background-color: #bbbbbd !important;}
.dark-theme body, .dark-theme .cke_bottom {color: #c5c5c5; background-color: #1f2940;}
.dark-theme #cke_preScreenMessage iframe body {color: #c5c5c5; background-color: #1f2940;}
.tableUIborder .table {border: 1px solid #e4e4e4;}
.dark-theme .tableUIborder .table {border: 1px solid rgba(227, 231, 237, 0.1);}
.tableUIborder .table td {border-top: 1px solid #e4e4e4;}
.dark-theme .tableUIborder .table td {border-top: 1px solid rgba(227, 231, 237, 0.1);}
.dark-theme #add_client_form_Group textarea { border: 1px solid #333d52 !important;}
.dark-theme .input-group-addon .fe-eye, .dark-theme .input-group-addon .fe-eye-off {color: #909090;}
.statsO {font-size:14px;}
.dark-theme .statsO {color:#fff !important;font-size:14px;}
.dark-theme .main-header .main-profile-menu .profile-user { /*background-color: #fff;*/border-radius: 2px;}
.dark-theme .multiselect-dropdown, .dark-theme .multiselect-dropdown-list-wrapper {background-color:#232e48;border-color:#333d52;}
.dark-theme .multiselect-dropdown-list div:hover {background-color: #19233e;}
.dark-theme .multiselect-dropdown span.optext {background-color: #333d52;color: #c5c5c5;}
.main-content .container, .main-content .container-fluid { padding-left: 15px; padding-right: 15px;}
.statusText{min-width:20px;display: inline-block;}
.statusDesc{padding-left:4px;}


#back-to-top {
    background-color: #0c6798;
    display: none !important;
}
.dark-theme #back-to-top {background-color: #a78722;}

/*Custom checkboxes*/
.checkboxTheme, .checkbox-inline {display: inline-flex; align-items: center; cursor: pointer; position: relative;}
/*.checkbox-inline span {color: #34495E; padding: 0.5rem 0.25rem;}*/
input[type='checkbox'] {height: 15px; width: 25px; min-width: 25px; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; border: 0; border-radius: 999px; outline: none; transition: background-color 0.2s ease, box-shadow 0.2s ease; background-color: #9d9d9d; cursor: pointer; margin: 0px 6px 0 0; position: relative; vertical-align: middle;}
input[type='checkbox']:hover {background-color: #f3beb8;}
/*input[type='checkbox']:hover::before {background-color: #e47163;}*/
input[type='checkbox']::before {content: ''; display: block; width: 10px; height: 10px; border-radius: 50%; background-color: #fff; position: absolute; left: 2px; top: 2px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.28); transition: transform 0.2s ease;}
input[type='checkbox']:checked {background-color: #ed4d3b;}
input[type='checkbox']:checked::before {transform: translateX(11px);}
input[type='checkbox']:active {box-shadow: 0 0 0 3px rgba(237, 77, 59, 0.2);}
input[type='checkbox']:disabled,input[type='checkbox']:disabled:hover {opacity: 0.55; cursor: no-drop;}
.dark-theme input[type='checkbox'] {background-color: #6c7480;}
.dark-theme input[type='checkbox']:checked {background-color: #ed4d3b;}
.dark-theme input[type='checkbox']:active {box-shadow: 0 0 0 3px rgba(237, 77, 59, 0.24);}

.numMT  {margin-top:14px;} 
.filterSearchDB .numTabSMSearch form.app-search .app-search-box .form-control {width:100px;padding:5px 8px;}
.filterSearchDB .btn-bg-color {min-width:auto;margin: 0;}
.filterSearchDB .numTabSMSearch form.app-search {width: 95%;}
.filterSearchDB input:checked + .slider {}
.filterSearchDB {}


/* ---- Leads / Bids css ---- */
.bidsBoxWrap .select2-container--default .select2-selection--single {border:1px solid #c3c3c3;}
.bidsBoxWrap {}
.bidUploadBox {text-align:center;border: 1px dashed #999;padding: 25px 0;cursor:pointer; background-color: #fefbfa;}
.bidUploadBox .uIcon {font-size:40px;line-height: 40px; margin-bottom: 0;}
.bidUploadBox .drTxt {font-size:16px;line-height: 20px;font-weight:500;color:#333; margin-bottom: 5px;}
.bidUploadBox .drTxt span {color:#0A387C;}
.colorBid {color:#0A387C;}
.bidUploadBox .docTxt {font-size:14px;line-height: 20px;color:#B0B0B0;margin-bottom: 0;}
.dtlBoxBid {background-color:#F1F1F1;border-radius: 15px;padding: 12px 8px;margin-top: 5px;margin-left: 5px;margin-right: 0px;}
.bidsBoxWrap .padTop {padding:2px 0;}
.myFiles {display:none;}
.bidsBoxWrap .bidGraphBox {}
.bidsBoxWrap .bidGraphBox {padding: 12px 8px;margin-top: 5px;margin-left: 5px;}
#container-speed {max-height:140px;margin-top:-10px;}
#container-speed .highcharts-axis-labels.highcharts-yaxis-labels, #container-speed .highcharts-tick {display:none;}

.leadAccordion {width:100%;}
.leadAccordion .card-header .title {font-size: 17px;color: #000;}
.leadAccordion .card-header .accicon {float: right;font-size: 20px;margin-top: 0px;}
.leadAccordion .card-header {cursor: pointer;border-bottom: 1px solid #ccc;padding:5px 10px 0px;background-color:#efefefc7;    border-radius: 0 !important;}
.leadAccordion .card {border: none;}
.leadAccordion .card-body {border-top: 1px solid #e9e9e9;padding: 1px 1px;}
.leadAccordion .card-header:not(.collapsed) .rotate-icon {transform: rotate(90deg);}
.attachedFileBox {}
.attachedFileBox table tr:nth-child(even), .attachedFileBox table tr:nth-child(even) td {background-color:transparent !important;}
.attachedFileBox .table {margin-top:5px;}
.attachedFileBox .attachiconBid {height: 22px;margin-top: -3px;}
.attachedFileBox .table td {padding:8px 5px;}
.attachedFileBox .fileNameBid {font-size: 14px;color: #333; font-weight: 500;}
.attachedFileBox .fileDateBid {color:#818181;}
.attachedFileBox .fileDwnBid {color:#333;}
.attachedFileBox .fileDwnBid img {height: 15px;}
.leadAccordion.historyAccordion .attachedFileBox .attachiconBid {height: 25px;margin-top:0;box-shadow: 0px 0px 3px #7e7e7e; border-radius: 30px;}
.leadAccordion.historyAccordion .attachedFileBox .table td {padding:5px 5px; background-color: #f9f9f9 !important;border-bottom: 1px solid #d9d9d9;}
.leadAccordion.historyAccordion.listFilters .card-header .accicon {float:none; color: #0A387C; margin-right: 3px;}
.leadAccordion.historyAccordion.listFilters .card-header .accicon .rotate-icon {font-size:14px;}
.leadAccordion.historyAccordion.listFilters .card-header, .leadAccordion.historyAccordion.listFilters .card-body {background-color:transparent;border:none;} 
.leadAccordion.historyAccordion.listFilters .card-header .title {font-size: 14px;}


.createProjectModal.modal {padding-right:0 !important;}
.createProjectModal.modal.fade:not(.show) .modal-dialog.modal-dialog-slideout{transform:translate(100%,0)}
.createProjectModal.modal.fade.show .modal-dialog.modal-dialog-slideout{transform:translate(0,0);display:flex;align-items:stretch;height:100%;top:0;}
.createProjectModal .modal-dialog-slideout{min-height:100%;margin:0 0 0 auto;background:#fff;max-width:750px;width:100%}
.createProjectModal.modal.fade .modal-dialog.modal-dialog-slideout{transition:transform .3s ease-out}
.createProjectModal .modal-content{border:none;border-radius:0;height:100%;display:flex;flex-direction:column}
.createProjectModal .modal-content .modal-header{border-radius:0;}
.createProjectModal .modal-body{overflow-y:auto;padding:25px}
.createProjectModal .modal.show .modal-dialog {top:0;}


/*New details page*/
.newDtlsPg tr td, .newDtlsPg tr th { white-space: nowrap !important;}
.newDtlsPg .project-header-card{border:none;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.newDtlsPg .project-logo{width:60px;height:60px;object-fit:contain;border-radius:50%}
.newDtlsPg .pipeline-container{display:flex;margin-bottom:20px}
.newDtlsPg .pipeline-step{flex:1;border-radius:6px;padding:8px 10px;text-align:center;font-weight:600;position:relative;margin-right:5px;display:flex;align-items:center;justify-content:center;background-color:#f3e1df;color:#2c2c2c;border:1px solid #e3e9f4}
.newDtlsPg .pipeline-step.start{clip-path:polygon(0% 0%,90% 0%,100% 50%,90% 100%,0% 100%)}
.newDtlsPg .pipeline-step.middle{clip-path:polygon(0% 0%,90% 0%,100% 50%,90% 100%,0% 100%,10% 50%)}
.newDtlsPg .pipeline-step.end{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%,10% 50%)}
.newDtlsPg .pipeline-step.active{background-color:#ed4d3b;color:#fff}
.newDtlsPg .content-card{border:none;border-radius:8px;border:1px solid #dfdfdf;background:#fff;margin-bottom:20px}
.newDtlsPg .card-header-custom{background:#fff;border-bottom:1px solid #eee;padding:15px 20px}
.newDtlsPg .custom-tabs .nav-link{border:none;color:#6c757d;font-weight:500;padding:6px 12px;border-bottom:3px solid transparent;cursor:pointer}
.newDtlsPg .custom-tabs .nav-link.active{color:#333;border-bottom:1px solid #ed4d3b;background-color:#fff5f4;}
.newDtlsPg .settings-nav-pills{margin-bottom:20px;}
.newDtlsPg .settings-nav-pills .nav-link{background-color:#adb5bd;color:#fff;border-radius:4px;padding:8px 25px;margin-right:10px;font-weight:500;font-size:.95rem}
.newDtlsPg .settings-nav-pills .nav-link.active{background-color:#036;color:#fff}
.newDtlsPg .sub-settings-pills .nav-link{border:1px solid #dee2e6;margin-right:10px;color:#6c757d;border-radius:4px;padding:5px 15px;font-size:.9rem;background-color:#fff}
.newDtlsPg .sub-settings-pills .nav-link.active{background-color:#036;color:#fff;border-color:#036}
.newDtlsPg .custom-range-slider{width:100%;height:10px}
.newDtlsPg .avatar-group img{width:30px;height:30px;border-radius:50%;border:2px solid #fff;margin-left:-10px}
.newDtlsPg .avatar-group img:first-child{margin-left:0}
.newDtlsPg .user-avatar{width:40px;height:40px;border-radius:4px;object-fit:cover}
.newDtlsPg .text-label{color:#6c757d;font-size:.9rem}
.newDtlsPg .text-value{font-weight:500;font-size:.9rem;color:#333}
.newDtlsPg .text-value .textWraps {max-width:135px;line-height:15px;}
.newDtlsPg .text-value .textWraps:hover {white-space: nowrap;text-overflow: ellipsis;}
.newDtlsPg .badge-soft-danger{background-color:#ffe5e5;color:#e63c3c}
.newDtlsPg .badge-soft-success{background-color:#e0f6e0;color:#2bb828}
.newDtlsPg .call-item{border:1px solid #eee;border-radius:6px;padding:15px;margin-bottom:15px}
.newDtlsPg .btn-add-project {background-color: #ed4d3b;color: #fff;font-size: 13px;font-weight: 600;border-radius: 4px;padding: 8px 15px;border: none;
    display: flex;align-items: center;justify-content: center;min-width:72px;}
.newDtlsPg .btn-add-project:hover{background-color:#ed4d3b;color:#fff;text-decoration:none}
.newDtlsPg .modal.fade:not(.show) .modal-dialog.modal-dialog-slideout{transform:translate(100%,0)}
.newDtlsPg .modal.fade.show .modal-dialog.modal-dialog-slideout{transform:translate(0,0);display:flex;align-items:stretch;height:100%}
.newDtlsPg .modal-dialog-slideout{min-height:100%;margin:0 0 0 auto;background:#fff;max-width:600px;width:100%}
.newDtlsPg .modal.fade .modal-dialog.modal-dialog-slideout{transition:transform .3s ease-out}
.newDtlsPg .modal-content{border:none;border-radius:0;height:100%;display:flex;flex-direction:column}
.newDtlsPg .modal-body{overflow-y:auto;padding:25px}
.newDtlsPg .impPres .modal-body{overflow:visible}
.newDtlsPg .custom-checkbox .custom-control-label,.custom-radio .custom-control-label{line-height:19px}
.newDtlsPg .projLinkGrid th {border: none;}
.newDtlsPg .swal-modal {min-width:250px;}
.newDtlsPg .linksTo.nwlink {position: static;}
.newDtlsPg .iconOnlyBtn {font-size: 24px;line-height: 1;color: #2c2c2c !important;}
.dashboard-filter-group .custom-dashboard-sel{border:1px solid #dce1e6!important;border-radius:6px!important;font-size:14px!important;height:38px!important;padding:.5rem .75rem!important;color:#495057!important;background-color:#fff!important;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.dashboard-filter-group .custom-dashboard-sel:focus{border-color:#ed4d3b!important;outline:0;box-shadow:0 0 0 .2rem rgba(0,46,116,.25)!important}
.dashboard-filter-group .select2.select2-container {width:350px !important;}
.dashboard-filter-group .select2-container--default .select2-selection--single{border:1px solid #dce1e6!important;border-radius:6px!important;}
.dashboard-filter-group .select2-container--default .select2-selection--single .select2-selection__arrow{top:5px;}
.dashboard-filter-group .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:36px!important;padding-left:1px!important;color:#495057!important}
.dashboard-filter-group .custom-dashboard-sel:focus {box-shadow: none !important;outline: none !important;border-color: #dce1e6 !important;}
.nwChildGrid {max-height:400px;overflow-y:auto;}
.nwChildGrid table thead th {position: sticky;top:0;}
.newDtlsPg .field-validation-error, .newDtlsPg label.error {position:absolute;}
.newDtlsPg .text-danger {color: #f7531f !important;}
.newDtlsPg .text-danger.error {font-size:12px !important;}
.select2UI.chosetemp .select2-container--default .select2-selection--single .select2-selection__rendered {line-height:25px;margin-top:0;}
.newDtlsPg .newSupUrls .field-validation-error, .newDtlsPg .newSupUrls label.error {position: absolute;top: 55px;padding-left: 115px;}


.projectFlagSEl,.projectFlagSEl:focus{color:rgb(0, 128, 0);color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url(../images/arrow-white.svg);background-repeat:no-repeat;background-position:right 5px center;background-size:16px;cursor:pointer;border-radius:6px;padding-right:24px;border:none !important;font-size: 14px; padding: 6px 20px 6px 10px;}
.projectFlagSEl:focus option{background-color:#fff;color:#333}
.prStatSelect .flagIcon.active-p{color:rgb(0, 128, 0);}
.prStatSelect .flagIcon.inactive-p{color:rgb(255, 167, 7);}
.prStatSelect .flagIcon.onhold-p{color:rgb(13, 244, 255);}
.prStatSelect .flagIcon.closed-p{color:rgb(255, 0, 0);}
.prStatSelect .flagIcon.invoiced-p{color:rgb(180, 82, 255);}
.prStatSelect .flagIcon.reconcile-p {color: rgb(173, 173, 173) ;}
.prStatSelect .flagIcon.archive-p {color: rgb(0, 0, 0);}





/*  .checkbox-inline {
        display: inline-flex;
        cursor: pointer;
        position: relative;
    }*/

    /*.checkbox-inline span {
        color: #34495E;
        padding: 0.5rem 0.25rem;
    }*/

    /*.checkbox-inline input {
        height: 18px;
        width: 18px;
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
        appearance: none;
        border: 1px solid #a78722;
        border-radius: 2px;
        outline: none;
        transition-duration: 0.3s;
        background-color: #a78722;
        cursor: pointer;
      }

    .checkbox-inline input:checked {
        border: 1px solid #a78722;
        background-color: #a78722;
    }

    .checkbox-inline input:checked::before {
        content: '\2713';
        display: block;
        text-align: center;
        color: #c5c5c5;
        position: absolute;
        left: 3px;
        top: -2px;
        font-weight:600;
        font-size:16px;
    }

    .checkbox-inline input:active {
        border: 2px solid #34495E;
    }*/
    
/* ---------- New Dashboard-Page 18-03-2025 ---------- */
.statsCardBox {}
.statsCardBox .card.valBox { background-color: #f7f7f761;cursor:pointer;padding:14px 15px;}
.statsCardBox .card {border-radius:10px; border: 1px solid #E7EBEF;box-shadow:none;margin-bottom: 28px; overflow: hidden; /*box-shadow:2px 2px 0px #ccc;*/}
.statsCardBox .textBWrap {display:inline-block;width:100%;} 
.statsCardBox .textBWrap .hdTxt {float:left;font-size:11px;font-weight:500;color: #778DA2; margin-top: 5px; line-height: 18px;}
.statsCardBox .textBWrap .hdTxt .mnHd {font-size:14px; font-weight:600;color: #344054;line-height:20px;}
.statsCardBox .textBWrap .hdIcon {float:right;/* box-shadow: 0px 2px 4px #d0d0d0;*/padding: 10px 12px;font-size: 18px;line-height: 18px;border-radius: 5px;}
.statsCardBox .textBWrap .hdIcon i {height:18px;width:18px;text-align:center;}
.statsCardBox .countN {font-size:29px;font-weight:700;margin-bottom: 0; margin-top: 1px;}
.statsCardBox .growths {font-size:12px;color:#33d5c2;letter-spacing: 0;font-weight: 700; margin-bottom: 0 !important;}
.statsCardBox .growths.down {color:#d60000;}
.statsCardBox .highcharts-contextbutton {display:none !important;}
.grpTxt {text-align:left;font-size:14px;font-weight:700;color: #344054; margin-top: 8px; line-height: 14px;}
.grpTxt .grpTxt2 {font-weight:300;}
.grpTxt.crlTest {position:absolute;}
/*.memberBox.card {box-shadow:2px 2px 0px #009E9E;}*/
.memberBox .textBWrap .hdIcon {color:#97C61F;background-color:#97C61F26;}
/*.ideaBox.card {box-shadow:2px 2px 0px #A85A00;}*/
.ideaBox .textBWrap .hdIcon {color:#F6CD62;background-color:#F6CD6233;}
/*.srvBox.card {box-shadow:2px 2px 0px #076151;}*/
.srvBox .textBWrap .hdIcon {color:#017dc0;background-color:#017dc033;}
/*.pollBox.card {box-shadow:2px 2px 0px #5E5E5E;}*/
.pollBox .textBWrap .hdIcon {color:#F37740;background-color:#F3774033;}
.statsCardBox .textBWrap .hdIcon {font-size:20px;} 
.srvDBGraph {height:250px;} 
.statsCardBox {}
.statsCardBox .crLeft {float:left;text-align: center;}
.statsCardBox .crLeft .crImg {}
.statsCardBox .crLeft .crImg img {height:50px; margin-top: 5px;}
.statsCardBox .crLeft .crTxt {font-size: 16px;font-weight: 500;color: #344054;line-height: 20px; margin-top: 10px;}
.statsCardBox .crRgt {float:right;}
.statsCardBox .crRgt .numTxt {font-size: 32px;font-weight: 600;color: #545454;margin-top: 0px;margin-right:0px;line-height:40px;}
.statsCardBox {} 

.topPrSrvy .topPrSrvyGrid, .pollStats .pollStatsGrid {min-height:265px;max-height:265px; overflow-y:auto; border: none !important;}
.topPrSrvy .topPrSrvyGrid tr:nth-child(even).topPrSrvy, .topPrSrvyGrid tr:nth-child(even) td {background-color:#fff !important;}
.topPrSrvy .topPrSrvyGrid th {color: #363535;background-color: #ffffff;text-align:left;padding:10px 8px 8px;}
/*.topPrSrvy .topPrSrvyGrid td {padding:0 !important;}*/
.topPrSrvy .topPrSrvyGrid .topPrA {display:block;}
.topPrSrvy a.avatar {color: #fff;display: inline-flex;align-items: center;justify-content: center;font-size: 1rem;border-radius: .75rem;height: 48px;width: 48px;transition: all .2s ease-in-out;}
.topPrSrvy .avatar.avatar-sm {height: 40px;width:40px; border-radius: 5px;margin-right:15px;}
.topPrSrvy .avatar-xs {width: 24px !important;height: 24px !important;font-size: .75rem;}
.topPrSrvy .avatar-group .avatar {position: relative;z-index: 2;}
.topPrSrvy a.avatar.avatar-xs.rounded-circle img {width: 24px !important;height: 24px !important;font-size: .75rem;border-radius: 50%;border: 2px solid #ffffff;box-shadow: 0px 0px 3px #bfbcbc;}
.topPrSrvy .avatar-group .avatar+.avatar {margin-left: -1rem;}
.topPrSrvy .leftHD {color:#000;font-weight: 300;text-align:left;margin-top:0px; font-size: 13px;}
.topPrSrvy .leftPara.textEll {text-align:left; overflow: hidden;white-space: nowrap; text-overflow: ellipsis;display: inline-block; max-width: 200px;color:#778DA2;font-size: 12px;font-weight: 400;}
/*.topPrSrvy .leftPara.textEll:hover {white-space: inherit;}*/
.topPrSrvy .table tr { border-bottom: 1px solid #E7EBEF!important;}
.topPrSrvy .table tr:last-child { border-bottom: none !important;}
.topPrSrvy .table td { border: none !important;text-align:left; padding:10px 8px 8px;}
.topPrSrvy .table td strong { font-weight:300 !important;}
.topPrSrvy .morePrImg {width: 24px !important;height: 24px !important;border-radius: 50%;border: 2px solid #ffffff;box-shadow: 0px 0px 3px #bfbcbc;background-color: #00000095;color: #fff;position: absolute;top: 0px;font-size: 10px;vertical-align: middle;padding-top: 3px; text-align: center;}
.topPrSrvy.card {border-radius: 10px;border: 1px solid #E7EBEF;box-shadow: none;margin-bottom: 17px;}
#mapCharts {min-height: 210px !important;height:210px;}
#rdchartDaily, #tsignchartDaily, #TsignchartDaily, #TsMonthly {min-height: 255px !important;height:255px;}
.RdMonthly {min-height: 240px !important;height:240px;}
#rdchartDaily .apexcharts-toolbar, #tsignchartDaily .apexcharts-toolbar, #TsignchartDaily .apexcharts-toolbar {display:none;}
#surveyConvert {min-height: 175px !important;height:175px;}
.chartWrapTxt {text-align:center;margin-top:-23px;}
.chartWrapTxt .chartTxtLine {margin-bottom:10px;color:#344054;font-weight:500;font-size:14px;}
.chartWrapTxt .chartTxtNo {margin-bottom:0px;color:#545454;font-weight:600;font-size: 32px;line-height: 30px;}
.searchBoxR {display: flex;align-items: center;justify-content: flex-end;}
.searchBoxR .search-container {background-color: #fff;border: 1px solid #e0e0e0;border-radius: 8px;padding: 0px 6px;/*box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);*/ position:relative;min-width:100%;margin-bottom: 8px; }
.searchBoxR .search-input {background-color: transparent;border: none;outline: none;flex: 1;padding: 6px;font-size: 14px;color: #6c757d;width:100%;}
.searchBoxR .search-input::placeholder {color: #778DA2;}
.searchBoxR .search-icon {color: #778DA2;font-size: 16px;margin-right: 10px;cursor: pointer;position:absolute;right:0;top:8px;}
.searchBoxR .icon-button {display: flex;justify-content: center;align-items: center;width: 40px;height: 40px;margin-left: 8px;background-color: #C2CCD626;border: 1px solid #e0e0e0;border-radius: 8px;cursor: pointer;position: relative;}
.searchBoxR .icon-button:hover {box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);}
.searchBoxR .icon {font-size: 16px;color: #778DA2;}
.searchBoxR .notification-dot {position: absolute;top: -5px;right: -5px;width: 12px;height: 12px;background-color: #2ecc71;border-radius: 50%;border: 2px solid #fff;}

.prStatSelect {position:relative;}
.prStatSelect select.form-control,.prStatSelect select.form-control:focus {border: 1px solid #e0e0e0 !important;box-shadow: none;border-radius: 8px;padding: 5px 10px;padding-left: 18px;min-width: 110px;font-size:13px;}
.prStatSelect .flagIcon {position:absolute;left:8px;top:11px;} 

.tabPanelWraps div.table-responsive .table thead {position: sticky;top: -2px;z-index: 980;}

.app-sidebar .slide-menu a:before {font-size: 14px;top: 7px;left:inherit;right:2px;} 
.app-sidebar .slide-menu li a:before {display:none;}
.app-sidebar .slide-menu li.slide a:before {display:inline;}
.app-sidebar .slide-menu li.slide ul.slide-menu li a:before {display:none;}
.slide.is-expanded .slide-menu.open .slide.is-expanded a:before {-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.app-sidebar .slide-menu a.active:before {color: #333;transform: rotate(45deg);}
.app-sidebar .slide .side-menu__item.active::before {background: #333;}
.sidenav-toggled .slide { position: relative; }
.sidenav-toggled .slide:hover .slide-menu { background-color:#fff; left:50px; top:auto !important; bottom:0; margin-top:0; padding-left:0; border-radius:8px; border:1px solid #e2e2e2; box-shadow:0 -4px 16px rgba(27,32,52,.12); }
.sidenav-toggled .slide:hover .slide-menu .slide-item { margin-left:0; color:#333; font-weight:500; }
.sidenav-toggled .app-sidebar .main-sidemenu { overflow:visible; }
.app.sidenav-toggled .app-sidebar { overflow: visible !important; }
/* Force hover flyout visible even when jQuery slideUp() set display:none */
.sidenav-toggled .slide:hover > .slide-menu { display:block !important; visibility:visible !important; opacity:1 !important; z-index:9999 !important; }



/* ════════════ KonceptPlus — New Dashboard redesign ════════════ */
.highcharts-exporting-group {display:none !important;}
#dashboardId{ --green:#2dbe8a; --indigo:#5b6fd6; --amber:#f59e0b; --violet:#8b5cf6; --teal:#0ea5a0; --slate:#64748b; --coral:#f15b4c; --text:#1b2034; --text2:#3d4461; --muted:#5c5c5c; --border:#e8eaf1; } 

/* ── Stat cards ── */
#dashboardId .dash-cards{ display:grid; grid-template-columns:repeat(6,1fr); gap:14px; margin:14px 0 18px; }
#dashboardId .dash-stat{ background:#fff; border:1px solid var(--border); border-radius:14px; padding:14px 16px; display:flex; align-items:center; gap:14px; cursor:pointer; transition:.15s; box-shadow:0 2px 8px rgba(27,32,52,.04);justify-content:space-between; }
#dashboardId .dash-stat:hover{ box-shadow:0 6px 20px rgba(27,32,52,.09); transform:translateY(-1px); }
#dashboardId .ds-label{ font-size:13px; font-weight:500; color:#6b7280; text-transform:none; letter-spacing:0; }
#dashboardId .ds-num{ font-size:24px; font-weight:800; color:var(--text); line-height:1.1; margin:2px 0 0; }
#dashboardId .ds-icon{ width:46px; height:46px; border-radius:12px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
#dashboardId .ds-icon img{ width:32px; height:32px; }
#dashboardId .dsActive    .ds-icon{ background:#d1fae5; }
#dashboardId .dsInActive  .ds-icon{ background:#ffedd5; }
#dashboardId .dsClosed    .ds-icon{ background:#ffe8df; }
#dashboardId .dsInvoiced  .ds-icon{ background:#ede9fe; }
#dashboardId .dsOnHold    .ds-icon{ background:#eaeaea; }
#dashboardId .dsReconcile .ds-icon{ background:#d1fae5; }
#dashboardId .dsArchive   .ds-icon{ background:#d1fae5; }

/* ── Panels ── */
#dashboardId .dash-panel{ background:#fff; border:1px solid var(--border); border-radius:14px; padding:16px 18px; box-shadow:0 4px 14px rgba(27,32,52,.04); height:100%; margin-bottom:0; }
/* equal-height left/right panels per row */
#dashboardId .dash-row{ display:flex; flex-wrap:wrap; }
#dashboardId .dash-row > [class*="col-"]{ margin-bottom:16px; display:flex; }
#dashboardId .dash-row > [class*="col-"] > .dash-panel{ width:100%; }
#dashboardId .panel-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:10px; margin-bottom:14px; }
#dashboardId .panel-title{ font-size:15px; font-weight:500; color:#221f20; }
#dashboardId .panel-sub{ font-size:12px; color:var(--muted); margin-top:2px; }
#dashboardId .panel-pill{ font-size:11px; font-weight:700; color:#1e9e72; background:#e6f8f1; padding:3px 11px; border-radius:99px; white-space:nowrap; }

/* ── Recent surveys table ── */
#dashboardId .dash-table{ width:100%; border-collapse:collapse; font-size:13px; }
#dashboardId .dash-table thead th{ background:#ececec; color:#333; font-size:11px; font-weight:700; letter-spacing:.04em; padding:8px 12px; text-align:left; border-bottom:1px solid var(--border); }
#dashboardId .dash-table tbody td{ padding:8px 12px; border-bottom:1px solid #f0f1f6; color:var(--text2); vertical-align:middle; }
#dashboardId .dash-table tbody tr:last-child td{ border-bottom:none; }
#dashboardId .dash-table tbody tr:hover td{ background:#fafbff; } 
#dashboardId .pill-green{ display:inline-flex; min-width:26px; justify-content:center; background:#e6f8f1; color:#1e9e72; font-weight:700; font-size:12px; padding:2px 9px; border-radius:99px; }
#dashboardId .ellip{ max-width:220px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#dashboardId .ctry-mini{ font-size:14px; margin-right:5px; }

/* ── Conversions ── */
#dashboardId .conv-wrap{ text-align:center; position:relative; padding-top:4px; }
#dashboardId #surveyConvert{ max-width:230px; margin:0 auto; }
#dashboardId .conv-label{ font-size:12px; color:var(--muted); font-weight:600; margin-top:-4px; }
#dashboardId .conv-stats{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:5px; border-top:1px solid var(--border); padding-top:5px; text-align:center; }
#dashboardId .cs-num{ font-size:20px; font-weight:800; color:#221f20; text-decoration:none; }
#dashboardId .cs-lbl{ font-size:12px; font-weight:500; letter-spacing:0; color:#333; text-transform:capitalize; margin-top:1px; }

/* ── Chart container heights ── */
#dashboardId #containerMonthly, #dashboardId #TsMonthly, #dashboardId .srvDBGraph, #dashboardId .TsMonthly{ min-height:300px; }
#dashboardId #TsignchartDaily{ min-height:260px; }
#dashboardId .highcharts-figure{ margin:0; }

@media (max-width:1100px){ #dashboardId .dash-cards{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ #dashboardId .dash-cards{ grid-template-columns:1fr; } #dashboardId .conv-stats{ grid-template-columns:1fr 1fr; } }


/* ════════ KonceptPlus — Project Listing redesign ════════ */

/* ── Toolbar buttons ── */
.projectListNW .btn-export, .projectListNW .btn-columns{
  background:#fff; color:#3d4461; border-radius:9px; border:1px solid #dfe2ec;
  padding:7px 13px; font-weight:600; font-size:13.5px; display:inline-flex; align-items:center; gap:7px;
}
.projectListNW .btn-export:hover, .projectListNW .btn-columns:hover{ background:#f5f6fb; border-color:#cfd5e8; color:#3d4461; }
.projectListNW .btn-add-project1{
  background:#f15b4c; color:#fff; border-radius:9px; padding:8px 14px; font-weight:700; font-size:13.5px;
  border:none; display:inline-flex; align-items:center; gap:7px; box-shadow:0 4px 12px rgba(241,91,76,.28);
}
.projectListNW .btn-add-project1:hover{ background:#e0483a; color:#fff; }

/* ── Stat cards ── */
.projectListNW .stats-cards-row{ width:100%; display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:15px; box-sizing:border-box; }
.projectListNW .stats-card{ background:#ffffff; border:1px solid #eee; border-radius:14px; padding:15px 16px; display:flex; gap:13px; align-items:center; box-shadow:none; transition:.15s; min-width:0; }
.projectListNW .stats-card:hover{ box-shadow:0 8px 22px rgba(27,32,52,.06); transform:translateY(-1px); }
.projectListNW .stats-card .stat-icon{ width:42px; height:42px; border-radius:11px; font-size:18px; }
.projectListNW .stats-card h3{ margin:0; font-size:30px; color:#000; font-weight:800; letter-spacing:0; line-height:1; }
.projectListNW .stats-card .muted{ color:#333; font-size:14px; font-weight:400; margin-bottom:8px; }
.projectListNW .stats-card .delta{ font-size:13px; font-weight:500; }
.projectListNW .stat-icon{ display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.projectListNW .stat-icon.blue{ background:#eceffb; color:#5b6fd6; }
.projectListNW .stat-icon.green{ background:#e6f8f1; color:#2dbe8a; }
.projectListNW .stat-icon.red{ background:#fdeceb; color:#f15b4c; }
.projectListNW .stat-icon.orange{ background:#fff4e8; color:#f59e0b; }
.projectListNW .stat-icon.violet{ background:#f3eeff; color:#8b5cf6; }
.projectListNW .stat-icon.teal{ background:#e6f7f6; color:#0ea5a0; }

/* ── Status dropdown ── */
.projectListNW .status-dd{ position:relative; }
.projectListNW .status-pill{ display:inline-flex; align-items:center; gap:8px; height:28px; padding:0 10px; border-radius:6px; background:#fff; color:#000; font-weight:700; font-size:13px; border:1px solid #c6efdd; cursor:pointer; }
.projectListNW .status-pill .cdot{ width:8px; height:8px; border-radius:50%; background:#2dbe8a; }
.projectListNW .status-pill .car{ font-size:9px; opacity:.7; }
.projectListNW .status-menu{ position:absolute; top:42px; left:0; background:#fff; border:1px solid #e8eaf1; border-radius:11px;
  box-shadow:0 12px 30px rgba(27,32,52,.13); padding:6px; z-index:60; min-width:180px; }
.projectListNW .status-menu button{ display:flex; width:100%; align-items:center; gap:9px; padding:8px 10px; border:none; background:none;
  border-radius:8px; font-size:13px; font-weight:600; color:#3d4461; text-align:left; cursor:pointer; }
.projectListNW .status-menu button:hover{ background:#f5f6fb; }
.projectListNW .status-menu button.on{ background:#f1f3fd; color:#5b6fd6; }
.projectListNW .status-menu .sd{ width:8px; height:8px; border-radius:50%; }
.projectListNW .status-menu .mc{ margin-left:auto; font-size:11px; font-weight:700; color:#aab0c0; }

/* ── Scope tabs ── */
.projectListNW .pl-tabs{ background:transparent; border-radius:0; padding:0; display:flex; flex-wrap:wrap; gap:4px; align-items:center; }
.projectListNW .pl-tab{ padding:0 13px; height:34px; font-size:13.5px; font-weight:600; color:#333; border-radius:8px; border:1px solid #d9d9d9;background:#fff; display:inline-flex; align-items:center; gap:7px; transition:.15s; cursor:pointer; outline:none;  } 
.projectListNW .pl-tab:focus{ outline:none; } 
.projectListNW .pl-tab.plTabActive:hover { background:#b7ead8; color:#1b2034;border:1px solid #b7ead8; }
.projectListNW .pl-tab.plTabActive.active {background:#b7ead8; color:#1b2034;border:1px solid #2dbe8a; }
.projectListNW .pl-tab.plTabInActive:hover { background:#efdab4; color:#1b2034;border:1px solid #efdab4; }
.projectListNW .pl-tab.plTabInActive.active {background:#efdab4; color:#1b2034;border:1px solid #f59e0b; }
.projectListNW .pl-tab.plTabClosed:hover { background:#f2adad; color:#1b2034;border:1px solid #f2adad; }
.projectListNW .pl-tab.plTabClosed.active {background:#f2adad; color:#1b2034;border:1px solid #d14000; }
.projectListNW .pl-tab.plTabInvoiced:hover { background:#d8caf9; color:#1b2034;border:1px solid #d8caf9; }
.projectListNW .pl-tab.plTabInvoiced.active {background:#d8caf9; color:#1b2034;border:1px solid #8b5cf6; }
.projectListNW .pl-tab.plTabReconcile:hover { background:#bde6ff; color:#1b2034;border:1px solid #bde6ff; }
.projectListNW .pl-tab.plTabReconcile.active {background:#bde6ff; color:#1b2034;border:1px solid #0ea5a0; }
.projectListNW .pl-tab.plTabArchive:hover { background:#d5d5d5; color:#1b2034;border:1px solid #d5d5d5; }
.projectListNW .pl-tab.plTabArchive.active {background:#d5d5d5; color:#1b2034;border:1px solid #959595; }
.projectListNW .pl-tab.plTabonHold:hover { background:#cfcfcf; color:#1b2034;border:1px solid #cfcfcf; }
.projectListNW .pl-tab.plTabonHold.active {background:#cfcfcf; color:#1b2034;border:1px solid #646464; }

.projectListNW .tab-count{ color:#000; font-size:12px; font-weight:700;background: #ffededa6 !important;min-width: auto;padding: 0px 5px;border-radius: 4px; } 
.projectListNW .tb-divider{ width:1px; height:22px; background:#dfe2ec; margin:0 6px; }

/* ── Search + filters ── */
.projectListNW #SearchText, .projectListNW #SearchTextTop{ border-radius:9px !important; border:1px solid #dfe2ec !important; font-size:13px; }
.projectListNW #SearchText:focus, .projectListNW #SearchTextTop:focus{ border-color:#c4cbe6 !important; box-shadow:0 0 0 3px rgba(91,111,214,.1); }
.projectListNW .btn-filters{ background:#fff; color:#3d4461; border:1px solid #dfe2ec; border-radius:9px; height:36px;
  padding:0 14px; font-weight:600; font-size:13px; display:inline-flex; align-items:center; gap:7px; }
.projectListNW .btn-filters:hover{ background:#f5f6fb; }

/* ── Table card ── */
.projectListNW .pl-table-scroll{ overflow-x:auto; overflow-y:auto; max-height:calc(100vh - 240px); }
.projectListNW .pl-table{ width:100%; border-collapse:collapse; font-size:13px; }
.projectListNW .pl-table th, .projectListNW .pl-table td{ white-space:nowrap; }

/* dark header */
.projectListNW .pl-table thead{ position:sticky; top:0; z-index:10; }
.projectListNW .pl-table thead tr{ background:#262d40 !important; }
.projectListNW .pl-table thead th{padding:10px 12px; font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:0;color:#cfcfcf; border-bottom:none; background:#262d40 !important; white-space:nowrap;}
/*.projectListNW .pl-table thead th.sortable{ cursor:pointer; user-select:none; }
.projectListNW .pl-table thead th.sortable:hover{ color:#fff; }*/
.projectListNW .pl-table thead th .th-inner{ display:flex; align-items:center; gap:6px; }
.projectListNW .pl-table thead th.num-cell .th-inner{ justify-content:center; }
.projectListNW .hdr-cbx, .projectListNW .row-cbx{ accent-color:#fff; width:15px; height:15px; cursor:pointer; vertical-align:middle; }
.projectListNW .row-cbx{ accent-color:#5b6fd6; }
.projectListNW .row-sno{ font-weight:700; color:#8a90a2; font-variant-numeric:tabular-nums; margin:0 6px 0 2px; }

/* body rows (inner bootstrap tables) */
.projectListNW .pl-table .table{ margin:0; background:transparent; }
.projectListNW .pl-table .table>tbody>tr>td{ background:#fff; border:none; border-bottom:1px solid #f0f1f6; padding:6px 12px; color:#3d4461; vertical-align:middle; }
.projectListNW .pl-table .child-group .table>tbody>tr>td{ border-bottom:1px solid #fff;}
.projectListNW .pl-table .table>tbody>tr.odds:hover>td{ background:#fafbff; }
/* flagged / priority rows */
.projectListNW .pl-table tr.priority-row .odds>td, .projectListNW .pl-table tr.priority-row td>table>tbody>tr.odds>td{ background:#eeeeff !important; }
.projectListNW .pl-table tr.priority-row .odds>td:first-child{ box-shadow:inset 3px 0 0 #f15b4c; }
.projectListNW .pl-table tr.priority-row .odds:hover>td{ background:#eeeeff !important; }

/* ── Code badge → red-forward text ── */
/* .code-badge.active{ color:#f15b4c; background:transparent; }
.code-badge.inactive{ color:#f59e0b; background:transparent; }
.code-badge.onhold{ color:#0d9de8; background:transparent; }
.code-badge.closed{ color:#ef4444; background:transparent; }
.code-badge.invoiced{ color:#8b5cf6; background:transparent; }
.code-badge.reconcile{ color:#7b8090; background:transparent; }
.code-badge.archived{ color:#6b7280; background:transparent; } */
/* .childProjectCode .code-badge{ color:#5b6fd6; } */

/* ── Avatars ── */
.projectListNW .avatar{ width:21px; height:21px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; font-size:10px; font-weight:700; color:#fff; flex-shrink:0; text-transform:uppercase; display:none;}
.projectListNW .avatar-sm{ background:#5b6fd6; }
.projectListNW .avatar-c{ background:#2dbe8a; }
.projectListNW .avatar-name{ font-size:13px; color:#3d4461; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:130px; }

/* ── Project name + flag dot ── */
.projectListNW .project-name{ font-weight:700; color:#1b2034; font-size:13px; white-space:nowrap; overflow:hidden;
  text-overflow:ellipsis; max-width:150px; display:inline-block; vertical-align:middle; }
.projectListNW .pl-table tr.priority-row .project-name::before{ content:""; display:inline-block; width:7px; height:7px; border-radius:50%;
  background:#f15b4c; margin-right:7px; vertical-align:middle; }

/* ── Stat icons (R/E/S/T/notes) ── */
.projectListNW .projectStatsIcon{ display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; padding:0 3px;  border-radius:6px; font-size:11px; font-weight:700; margin-right:3px; }
/* .projectStatsIcon.abs{ background:#eef0fb; color:#5b6fd6; } */
.projectListNW .projectStatsIcon.notes{ background: #ffffff;color: #000;cursor: pointer;width: 20px;height: 20px;border-radius: 6px;border: 1px solid #dfe2ec;padding: 0;font-size: 13px; }

/* ── Expand toggle ── */
.projectListNW .toggle.rightArw{ display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; border-radius:6px; border:1px solid #dfe2ec; background:#fff; color:#000; cursor:pointer; transition:.15s; text-decoration:none; }
.projectListNW .toggle.rightArw i {font-size:18px; line-height: 19px;}
/* .toggle.rightArw:hover{ background:#5b6fd6; border-color:#5b6fd6; color:#fff; } */
/*.projectListNW .toggle.rightArw i{ transition:transform .22s; font-size:12px; }*/
.projectListNW .expand-btn{ width:20px; height:20px; border-radius:6px; background:#fff; border:1px solid #dfe2ec;
  display:inline-flex; align-items:center; justify-content:center; cursor:pointer; color:#8a90a2; font-size:12px; transition:.2s; flex-shrink:0; }
/* .expand-btn:hover{ background:#5b6fd6; border-color:#5b6fd6; color:#fff; } */

/* tracker popup */
.projectListNW .trackerLink{ color:#8a90a2; margin-left:4px; }
.projectListNW .trackerPrjct{ display:none; position:absolute; background:#fff; border:1px solid #e8eaf1; border-radius:10px;
  box-shadow:0 8px 24px rgba(27,32,52,.12); z-index:200; min-width:130px; overflow:hidden; }
.projectListNW .trackerPrjct.show, .projectListNW .trackerPrjct[style*="block"]{ display:block; }
.projectListNW .trackerPrjct a{ display:block; padding:9px 14px; font-size:13px; color:#3d4461; text-decoration:none; }
.projectListNW .trackerPrjct a:hover{ background:#f4f6fa; color:#5b6fd6; }
.projectListNW .trackerPrjct .brdrBtm{ border-bottom:1px solid #e8eaf1; }

/* ── Country ── */
.projectListNW .textWrapsCountry{ font-size:13px; color:#3d4461; margin-left:5px; }

/* ── Num cell ── */
.projectListNW .num-cell{ text-align:center; font-variant-numeric:tabular-nums; font-size:13px; font-weight:600; color:#3d4461; }
.projectListNW .num-cell a{ color:#5b6fd6; text-decoration:none; font-weight:700; }
.projectListNW .num-cell a:hover{ text-decoration:underline; }

/* ── Quota bar ── */
.projectListNW .quota-graph-wrap{ display:flex; flex-direction:row; align-items:center; gap:9px; justify-content:start; min-width:90px; }
.projectListNW .quota-bar-container{ width:60px; height:6px; background:#eceef4; border-radius:99px; overflow:hidden; flex-shrink:0; }
.projectListNW .quota-bar-fill{ height:100%; border-radius:99px; transition:width .3s ease; min-width:2px; }
.projectListNW .quota-label{ font-size:12px; color:#8a90a2; font-weight:600; white-space:nowrap; font-variant-numeric:tabular-nums; }

/* ── Child rows ── */
.projectListNW .child-group .accordian-body{ background:#f8f9fd; box-shadow:inset 3px 0 0 #5b6fd6; }
.projectListNW .child-table-inner{ width:100%; border-collapse:collapse; }
.projectListNW .childProjectCode{ font-weight:700; text-decoration:none; }

/* ── Pagination ── */ 
.projectListNW #Projectlist .border-top .btn{ border-radius:8px !important; min-width:34px; height:34px; font-weight:600; font-size:13px;
  border:1px solid #dfe2ec; background:#fff; color:#3d4461; display:inline-flex; align-items:center; justify-content:center; padding:0 10px; }
.projectListNW #Projectlist .border-top .btn:hover{ background:#f5f6fb; }
.projectListNW #Projectlist .border-top .btn-primary{ background:#5b6fd6; border-color:#5b6fd6; color:#fff; }
.projectListNW #Projectlist .border-top .btn.disabled{ opacity:.4; cursor:not-allowed; }

/* ════════ Drawer / Overlay (quick view) ════════ */
.projectListNW .project-detail-overlay{ position:fixed; inset:0; background:rgba(20,24,38,.34); opacity:0; visibility:hidden; transition:.28s; z-index:9998; backdrop-filter:blur(1px); }
.projectListNW .project-detail-overlay.show-overlay{ opacity:1; visibility:visible; }
.projectListNW .project-detail-drawer{ position:fixed; top:0; right:-460px; width:460px; height:100vh; background:#fff; z-index:9999;
  transition:right .32s cubic-bezier(.4,0,.2,1); box-shadow:-10px 0 40px rgba(20,24,38,.16); display:flex; flex-direction:column; overflow-y:auto; }
.projectListNW .project-detail-drawer.open{ right:0; }
.projectListNW .drawer-code{ background:#fdeceb; color:#f15b4c; padding:4px 10px; border-radius:8px; font-size:12px; font-weight:700; display:inline-block; margin-bottom:10px; }
.projectListNW .drawer-title{ margin:0; font-size:21px; font-weight:800; color:#1b2034; }
.projectListNW .status-dot{ width:8px; height:8px; border-radius:50%; background:#2dbe8a; display:inline-block; }
.projectListNW .drawer-close{ width:34px; height:34px; border:none; background:#f3f4f9; border-radius:10px; cursor:pointer; color:#8a90a2; }
.projectListNW .drawer-close:hover{ background:#eceef6; color:#1b2034; }
.projectListNW .drawer-grid{ padding:22px; display:grid; grid-template-columns:1fr 1fr; gap:22px; border-bottom:1px solid #e8eaf1; }
.projectListNW .drawer-metrics{ padding:22px; display:grid; grid-template-columns:1fr 1fr 1fr; gap:12px; }
.projectListNW .metric-card{ border:1px solid #e8eaf1; border-radius:12px; padding:14px; text-align:center; }
.projectListNW .metric-card span{ font-size:10.5px; color:#aab0c0; font-weight:700; display:block; margin-bottom:7px; text-transform:uppercase; letter-spacing:.04em; }
.projectListNW .metric-card h4{ margin:0; font-size:22px; font-weight:800; color:#1b2034; }
.projectListNW .metric-card h4.green{ color:#2dbe8a; } .projectListNW .metric-card h4.orange{ color:#f59e0b; } .projectListNW .metric-card h4.blue{ color:#5b6fd6; }

/* ── Slide-out modal (Add Project) ── */
/*.projectListNW .modal-dialog-slideout{ position:fixed; right:0; top:0; height:100%; margin:0; width:460px; max-width:100%; transform:translateX(100%); transition:transform .3s ease-in-out; }*/
/*.projectListNW .modal.fade.show .modal-dialog-slideout{ transform:translateX(0); }*/
/*.projectListNW .modal-dialog-slideout .modal-content{ height:100vh; border-radius:0; border:none; box-shadow:-10px 0 40px rgba(20,24,38,.12); overflow-y:auto; }*/
/*.projectListNW .createProjectModal .modal-header{ padding:20px 22px; border-bottom:1px solid #e8eaf1; }*/
/* .createProjectModal .modal-title{ font-size:19px; font-weight:800; color:#1b2034; } */
/*.projectListNW .createProjectModal .form-control{ border-radius:9px; border:1px solid #dfe2ec; font-size:13.5px; }
.projectListNW .createProjectModal .form-control:focus{ border-color:#c4cbe6; box-shadow:0 0 0 3px rgba(91,111,214,.1); }
.projectListNW .createProjectModal label{ font-size:12.5px; font-weight:600; color:#3d4461; }*/
.projectListNW .btn-bg-color{ background:#ed4d3b; color:#fff; border:none; border-radius:9px; font-weight:700; padding:8px 16px; }
.projectListNW .btn-bg-color.prbtntop{ background:#ffe9e9; color:#333; border:none; border-radius:9px; font-weight:700; padding:8px 16px;box-shadow:none; }
.projectListNW .btn-bg-color:hover{ background:#e0483a; color:#fff; } 
.projectListNW .advSearch .btn-bg-color{min-width:auto;padding:6px 10px;border-radius: 4px;} 


/* ── Misc ── */
.projectListNW .mlc-link{ color:#5b6fd6; cursor:pointer; text-decoration:underline; font-size:12px; }
.projectListNW .rec-icon{ height:14px; vertical-align:middle; }
.projectListNW .disabled-link{ pointer-events:none; opacity:.5; cursor:not-allowed; }
.projectListNW .select2-dropdown{ z-index:9999 !important; }
.projectListNW .copy-url-btn{ cursor:pointer; color:#b0b7c9; margin-right:6px; font-size:13px; }
.projectListNW .copy-url-btn:hover{ color:#5b6fd6; }
.projectListNW .code-link{ display:inline-flex; align-items:center; gap:6px; text-decoration:none; }
.projectListNW .field-validation-error{ position:absolute; font-size:11px; }
.projectListNW #priority{ transform:translateY(2px); }

@media (max-width:1200px){ .projectListNW .stats-cards-row{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:768px){ .projectListNW .stats-cards-row{ grid-template-columns:repeat(2,1fr); } .projectListNW .project-detail-drawer{ width:100vw; right:-100vw; } }


/* ════════ KonceptPlus — Project Detail and tabs  redesign  ════════ */
/* breadcrumb header */
.dtlsTop .kp-top{ display:flex; align-items:center; gap:12px; padding:0px 0px 10px; }
.dtlsTop .kp-back{ padding:0px 10px; border-radius:5px;background:#141b2d;color:#fff !important;font-size:15px; }
.dtlsTop .kp-back:hover{ background:#141b2d; }
.dtlsTop .kp-top h2{ margin:0;font-size:19px;font-weight:700; }
.dtlsTop .kp-crumb{ font-size:12px;color:#6b7585;margin-top:2px; }
.dtlsTop .kp-crumb b{ color:#1f2733;font-weight:600; }

/* hero card */
.dtlsTop .kp-hero{ background:#fff;border:1px solid #e6e9ef;border-radius:14px;padding:10px 15px 0;box-shadow:0 4px 16px rgba(20,30,45,.04);margin-bottom:5px;overflow:hidden; }
.dtlsTop .kp-hero-top{ display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap; }
.dtlsTop .kp-codeline{ display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px; }
.dtlsTop .kp-code{ font-size:12px;font-weight:700;letter-spacing:.02em;color:#1f82d6;background:#eef6fd;border:1px solid #d4e8fa;padding:3px 10px;border-radius:7px; }
.dtlsTop .kp-catpill{ font-size:12px;font-weight:600;color:#6b7585;background:#f1f3f6;padding:3px 10px;border-radius:7px; }
.dtlsTop .kp-title{ font-size:20px;font-weight:800;letter-spacing:-.01em;margin:0 0 6px; }
.dtlsTop .kp-meta{ display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:#6b7585;font-weight:500; }
.dtlsTop .kp-meta .dot{ width:4px;height:4px;border-radius:50%;background:#c7ccd4; }
.dtlsTop .kp-meta .detail-list{ font-weight:600;color:#1f2733; }

/* hero actions — restyle app buttons without breaking controller classes */
.dtlsTop .kp-actions{ display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end; }
.dtlsTop .kp-actions select#projectFlag{ height:36px;min-width:120px;border-radius:8px!important;border:1px solid #e6e9ef!important;background:#fff;font-size:13px;font-weight:600;color:#1f2733;padding:0 10px; }
/*.dtlsTop .kp-actions .btn{ height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:8px;font-size:13.5px;font-weight:600;padding:0 12px;border:1px solid #e6e9ef;background:#1f82d6;color:#1f2733;margin:0!important;box-shadow:none; } 
.dtlsTop .kp-actions #UpdateStatusflag{ background:#1f82d6!important;border-color:#1f82d6!important;color:#fff!important;min-width:78px; }
.dtlsTop .kp-actions #UpdateStatusflag:hover{ background:#1565b8!important; }
.dtlsTop .kp-actions a.btn{ width:38px;padding:0;color:#1f82d6; }
.dtlsTop .kp-actions a.btn i{ font-size:14px; }*/

/* KPI strip */
.dtlsTop .kp-kpis{ display:grid;grid-template-columns:repeat(6,1fr);gap:0;border-top:1px solid #eef1f5;margin:10px -10px 0; }
.dtlsTop .kp-kpi{ padding:8px 15px;border-right:1px solid #eef1f5; }
.dtlsTop .kp-kpi:last-child{ border-right:none; }
.dtlsTop .kpi-l{ font-size:13px;font-weight:500;color:#1f82d6;margin-bottom:7px; }
.dtlsTop .kpi-v{ font-size:24px;font-weight:800;color:#1f2733;line-height:1;display:flex;align-items:baseline;gap:3px; }
.dtlsTop .kpi-v small{ font-size:12px;font-weight:700;color:#97a0ad; }
.dtlsTop .kpi-v .detail-list{ font-weight:800;font-size: 18px;min-height:18px;}
.dtlsTop .kpi-v .detail-list.dateLast{ font-size: 16px; }
.dtlsTop .kpi-s{ font-size:13px;color:#5a5a5a;margin-top:6px; }

.code-badge{ font-size:12px; font-weight:700; padding:2px 4px; border-radius:3px; letter-spacing:.01em; white-space:nowrap;ont-feature-settings:"tnum";background: #c8e2ff4d; border: 1px solid #dee7f1; color: #333; }

.projectList{color:#1f2733; }
.projectList *{ box-sizing:border-box; }
.projectList .detail-list{ color:#1f2733; font-weight:600; }

/* section panels */
.projectList .kp-card{ background:#fff;border:1px solid #e6e9ef;border-radius:14px;box-shadow:0 4px 16px rgba(20,30,45,.04);margin-bottom:16px;overflow:hidden; }
.projectList .kp-card-head{ background:#dfdfdf;padding:13px 20px;display:flex;align-items:center;justify-content:space-between; }
.projectList .kp-card-head h5{ margin:0;font-size:14px;font-weight:700;color:#333; }
.projectList .kp-card-head .sub{ font-size:12px;font-weight:500;color:#333;margin-left:10px; }
.projectList .kp-card-head .edit{ color:#1f82d6;font-size:14px;cursor:pointer; }
.projectList .kp-card-body{ padding:12px 15px; }
.projectList .kp-hint{ font-size:12.5px;color:#6b7585;margin:0 0 16px; }
/* info grid */
.projectList .kp-info{ display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 20px; }
.projectList .kp-field{ padding:8px 0;border-bottom:1px solid #eef1f5; }
.projectList .kp-field .k{ font-size:12px;color:#6b7585;margin-bottom:4px; }
.projectList .kp-field .v{ font-size:14px;font-weight:600;color:#1f2733;word-break:break-word; }
.projectList .kp-field.full{ grid-column:1 / -1; }
@@media (max-width:820px){
.projectList .kp-info{ grid-template-columns:1fr; }
.projectList .kp-kpis{ grid-template-columns:repeat(2,1fr); }
}
/* notes */
.projectList .kp-note{ font-size:13.5px;color:#1f2733;min-height:18px; }
/* filter toggle cards */
.projectList .kp-filters{ display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px; }
.projectList .kp-filter{ display:flex;align-items:center;gap:13px;border:1.5px solid #e6e9ef;border-radius:11px;padding:12px 15px; margin:0; cursor:default; transition:.15s;background:#fff; }
.projectList .kp-filter:has(input:checked){ border-color:#f9b6ae;background:#fff9f8; }
.projectList .kp-fi{ width:40px;height:40px;border-radius:10px;background:#f1f3f6;color:#6b7585;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0; }
.projectList .kp-filter:has(input:checked) .kp-fi{  background:#fff;color:#ed4d3b;border: 1px solid #dadada; }
.projectList .kp-ft{ flex:1;min-width:0; }
.projectList .kp-ft strong{ display:block;font-size:13.5px;font-weight:700;color:#1f2733; }
.projectList .kp-ft small{ font-size:12px;color:#6b7585; }
.projectList .kp-ft .control-label1{ font-size:12px;color:#000;font-weight:500;margin:0; }
.projectList .kp-sw{ position:relative;flex-shrink:0;display:inline-flex;align-items:center; }
.projectList .kp-sw input{ position:absolute;opacity:0;width:0;height:0;margin:0; }
.projectList .kp-sl{ width:25px;height:15px;border-radius:99px;background:#cfd5dd;display:block;position:relative;transition:.2s; }
.projectList .kp-sl::after{ content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.25); }
.projectList .kp-sw input:checked + .kp-sl{ background:#ed4d3b; }
.projectList .kp-sw input:checked + .kp-sl::after{ transform:translateX(11px); }
@@media (max-width:820px){
.projectList .kp-filters{ grid-template-columns:1fr; }
}
/* links grid */
.projectList .kp-links{ display:grid;grid-template-columns:1fr 1fr;gap:18px 40px; }
.projectList .kp-links .row.padTop{ margin:0;display:block; }
.projectList .kp-linkitem{  }
.projectList .kp-linkitem .lbl{ font-size:12px;color:#6b7585;margin-bottom:5px; }
.projectList .kp-linkitem .detail-list{ font-size:12.5px;color:#1f82d6;font-weight:500;word-break:break-all; }
.projectList .copySupURL{ color:#ed4d3b;cursor:pointer;margin-right:6px;border-radius:2px; }
.projectList .copySupURL:hover{ border-color:#ed4d3b; }

/* ===== Sidebar expanded UX ===== */
/* Close (X) button — hidden by default, visible only when sidebar is fully expanded */
.sidebar-close-btn {
    display: none;
    text-decoration: none;
}
.app.sidebar-mini:not(.sidenav-toggled) .sidebar-close-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px 0;
    color: #555;
    font-size: 18px;
    width: 100%;
}
.app.sidebar-mini:not(.sidenav-toggled) .sidebar-close-btn:hover {
    color: #000;
}

/* Hide logos when sidebar is fully expanded (show only the close button) */
.app.sidebar-mini:not(.sidenav-toggled) .main-sidebar-header .desktop-logo,
.app.sidebar-mini:not(.sidenav-toggled) .main-sidebar-header .mobile-logo {
    display: none;
}

/* Right chevron rotates 90° (pointing down) when submenu is open */
.slide.is-expanded .angle {
    -webkit-transform: rotate(90deg) !important;
    transform: rotate(90deg) !important;
}

/* Sidebar item clean styling */
.app.sidebar-mini:not(.sidenav-toggled) .side-menu .slide .side-menu__item {
    padding: 11px 16px;
    font-size: 13px;
    font-weight: 500;
    border-bottom: 1px solid #f2f2f2;
    display: flex;
    align-items: center;
}
.app.sidebar-mini:not(.sidenav-toggled) .side-menu .slide .side-menu__item .angle {
    margin-left: auto;
    font-size: 11px;
    color: #aaa;
}
/* link sections — 2-col stacked layout (layout only, colors unchanged) */
.projectList .kp-linkbody{ display:grid; grid-template-columns:1fr 1fr; column-gap:48px; row-gap:0; }
.projectList .kp-linkbody .row.padTop{ display:block; margin:0; padding:10px 0; border-bottom:1px solid #eef1f5; }
.projectList .kp-linkbody .row.padTop > div{ width:100%; max-width:100%; flex:0 0 100%; padding:0; }
.projectList .kp-linkbody .col-md-2{ margin-bottom:7px; }
.projectList .kp-linkbody .pull-right{ display:none; }
.projectList .kp-linkbody .fontBold{ font-weight:600; }
.projectList .kp-linkbody .detail-list{ word-break:break-all; }
@@media (max-width:820px){ .projectList .kp-linkbody{ grid-template-columns:1fr; } }
/* tables (supplier/country/cycle) light restyle */
.projectList .header-title strong{ font-size:14px;font-weight:700; }
.projectList .suppliertab.mappedTxt{ display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:#1f2733; }
.projectList .toggleMoreBtnMP{ color:#1f82d6; }
.projectList .SupplierTable thead th{ background:#f4f6f9;color:#6b7585;font-size:11px;text-transform:uppercase;letter-spacing:.03em;font-weight:700; }
.projectList .SupplierTable td, .projectList .SupplierTable th{ font-size:12.5px; }
.projectList .SupplierTable tbody td:first-child, .projectList .SupplierTable tbody td:nth-child(2){ color:#1f82d6;font-weight:600; }

/* ===== Sidebar Expanded — Full Design Override ===== */

/* Hide main-header X toggle when sidebar is expanded (sidebar has its own X) */
.app.sidebar-mini:not(.sidenav-toggled) .open-toggle {
    display: none !important;
}

/* Header: fixed height, centered, border below */
.app.sidebar-mini:not(.sidenav-toggled) .main-sidebar-header {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    padding: 0;
    border-bottom: 1px solid #f0f0f0;
    position: static;
}

/* X close button: fill header, centered */
.app.sidebar-mini:not(.sidenav-toggled) .sidebar-close-btn {
    padding: 0;
    height: 100%;
    color: #555;
    font-size: 16px;
}
.app.sidebar-mini:not(.sidenav-toggled) .sidebar-close-btn:hover {
    color: #111;
}

/* Items: proper padding, neutral color, no radius */
.app.sidebar-mini:not(.sidenav-toggled) .side-menu .slide .side-menu__item {
    padding: 13px 15px;
    color: #3d4451;
    background-color: transparent !important;
    border-radius: 0 !important;
    padding-right:5px;
}

/* Remove left active indicator bar */
.app.sidebar-mini:not(.sidenav-toggled) .app-sidebar .slide .side-menu__item::before {
    display: none !important;
}

/* Neutralize all active/hover/focus blue */
.app.sidebar-mini:not(.sidenav-toggled) .side-menu__item.active,
.app.sidebar-mini:not(.sidenav-toggled) .side-menu__item:hover,
.app.sidebar-mini:not(.sidenav-toggled) .side-menu__item:focus,
.app.sidebar-mini:not(.sidenav-toggled) .side-menu__item.active:hover {
    background-color: transparent !important;
    color: #3d4451 !important;
    border-radius: 0 !important;
}

/* Label: neutral on active/hover */
.app.sidebar-mini:not(.sidenav-toggled) .side-menu__item .side-menu__label,
.app.sidebar-mini:not(.sidenav-toggled) .side-menu__item.active .side-menu__label,
.app.sidebar-mini:not(.sidenav-toggled) .side-menu__item:hover .side-menu__label {
    color: #3d4451 !important;
    font-weight: 500;
    font-size: 13.5px;
}

/* Subtle hover darkening */
.app.sidebar-mini:not(.sidenav-toggled) .side-menu__item:hover .side-menu__label {
    color: #111 !important;
}
.app.sidebar-mini:not(.sidenav-toggled) .side-menu__item:hover .angle {
    color: #888 !important;
}

/* Angle: neutral on active/hover */
.app.sidebar-mini:not(.sidenav-toggled) .side-menu__item.active .angle,
.app.sidebar-mini:not(.sidenav-toggled) .side-menu__item:hover .angle {
    color: #bbb !important;
}

/* Expanded parent: slightly bolder */
.app.sidebar-mini:not(.sidenav-toggled) .slide.is-expanded > .side-menu__item .side-menu__label {
    color: #111 !important;
    font-weight: 600;
}
.app.sidebar-mini:not(.sidenav-toggled) .slide.is-expanded > .side-menu__item .angle {
    color: #888 !important;
}

/* Icon images: consistent small size */
.app.sidebar-mini:not(.sidenav-toggled) .side-menu .slide .side-menu__item .dbicon {
    height: 16px;
    width: 16px;
    object-fit: contain;
    margin-right: 10px;
    flex-shrink: 0;
}

.app.sidebar-mini.sidenav-toggled .side-menu .slide .side-menu__item .dbicon {height: 18px;background-color: #ffffff;border-radius: 2px;padding: 2px;margin:0;}
.app.sidebar-mini.sidenav-toggled .side-menu .slide .side-menu__item {border-radius: 10px;margin: 5px 5px;padding: 10px 8px;}
.app.sidebar-mini.sidenav-toggled .side-menu .slide .side-menu__item:hover { background-color: #0f0f0f;}
.app.sidebar-mini.sidenav-toggled .side-menu .slide .side-menu__item:hover .dbicon {height: 16px;background-color: #ffffff;border-radius: 2px;padding: 2px;margin:0;}
.app.sidebar-mini.sidenav-toggled .side-menu .slide .side-menu__item.active {}
.app.sidebar-mini.sidenav-toggled .slide:hover > .slide-menu {max-height:max-content;} 
.app.sidebar-mini.sidenav-toggled .slide:hover > .slide-menu .slide-menu {left:110px;}
/* Sub-menu container */
.app.sidebar-mini:not(.sidenav-toggled) .slide-menu {
    padding-left: 0 !important;
    background-color: #fafafa;
    border-bottom: 1px solid #f0f0f0;
}

/* Sub-menu items */
.app.sidebar-mini:not(.sidenav-toggled) .slide-menu .slide-item {
    padding: 8px 10px 8px 30px !important;
    font-size: 13px !important;
    color: #5a6271 !important;
    display: block;
    border-bottom: 1px solid #f5f5f5;
    display: flex;
    justify-content: space-between;
}

.app.sidebar-mini:not(.sidenav-toggled) .slide-menu .slide-item .sub-angle {color:#888 !important}
.app.sidebar-mini:not(.sidenav-toggled) .slide-menu.open .slide.is-expanded .slide-item .sub-angle {transform: rotate(90deg) !important;}
.app.sidebar-mini.sidenav-toggled .slide-menu .slide-item .sub-angle {display:none;}
.app.sidebar-mini:not(.sidenav-toggled) .slide-menu .slide-item:hover {
    color: #111 !important;
    background-color: #f0f0f0;
}
.app.sidebar-mini:not(.sidenav-toggled) .slide-menu .slide-item.active {
    color: #3d4451 !important;
    font-weight: 600;
    background-color: transparent !important;
}

/* Remove dot bullets from sub-menu items */
.app.sidebar-mini:not(.sidenav-toggled) .app-sidebar .slide-menu a::before {
    display: none !important;
}











/* ---------- Media ---------- */
/* ##Device = Desktops, ##Screen = 1281px to higher resolution desktops */
@media (min-width:1281px){
 .mainNavBar .navbar .navbar-collapse{margin-left:1%;}
}
/* ##Device = Laptops, Desktops, ##Screen = B/w 1025px to 1280px */
@media (min-width:1025px) and (max-width:1280px){
 .mainNavBar .navbar .navbar-collapse{margin-left:1%;}
}
/* ##Device = Tablets, Ipads (portrait), ##Screen = B/w 768px to 1024px */
@media (min-width:768px) and (max-width:1024px){
 .profile-user {margin-top:8px;}
 .mainNavBar .navbar .navbar-collapse{margin-left:0;}
}
/* ##Device = Tablets, Ipads (landscape), ##Screen = B/w 768px to 1024px */
@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){
 .mainNavBar .navbar .navbar-collapse{margin-left:0;}
}
/* ##Device = Low Resolution Tablets, Mobiles (Landscape), ##Screen = B/w 481px to 767px */
@media (min-width:481px) and (max-width:767px){
 .profile-user {margin-top:8px;}
 .app-sidebar__toggle {display:block;}
 .mainNavBar .navbar .navbar-collapse{margin-left:0;}
}
/* ##Device = Most of the Smartphones Mobiles (Portrait), ##Screen = B/w 320px to 479px */
@media (min-width:320px) and (max-width:480px){
.app-sidebar__toggle {display:block;}
.logo-box, body[data-layout=horizontal] .logo-box{padding-right:5px;}
.mainNavBar .navbar{width:100%;}
.mainNavBar .navbar .navbar-toggler{margin-right:35%;color:#fff;border-color:#0c6798;background-color:#0c6798;}
.mainNavBar .navbar-collapse .navigation-menu{background-color:#fff;border:1px solid #dedbdb;border-top:none;border-radius:0 0 15px 15px;box-shadow:0 5px 5px #a9a9a9;}
.mainNavBar .navbar .navbar-collapse{margin-left:0;}
.logo-box img{height:30px;}
.notification-list a img{padding-right:5px;margin-top:8px;border:none;height:22px;}
.notification-list .noti-icon-badge{right:4px;top:20px;}
.navbar-custom .topnav-menu .nav-link{padding:0 5px !important;}
 #topnav .has-submenu.active > a:after{border:none;}
 #topnav .navigation-menu > li > a{color:#060260;padding:10px 15px;}
 #topnav .has-submenu.active > a, #topnav .dropdown.active > a{background-color:#060260;color:#fff;}
 .nav-user::after{right:5px;}
 #topnav .navigation-menu>li .submenu.show{display:block;width:100%;border-radius:0 0 15px 15px;box-shadow:0 5px 5px #a9a9a9;padding-left:5px;}
 #topnav .navigation-menu>li .submenu li a{color:#000;}
 #topnav .navigation-menu>li .submenu li a:hover{color:#ffffff;}
.main-header .main-header-right .main-header-message a {padding:0;}
.main-header .main-header-right .profile-user {margin-top:1px;}

.sidenav-toggled .slide:hover .slide-menu { margin-top: 0;padding-left: 20px;border-radius: 5px;}
.slide-menu {padding-left:0;}


 .nav-user img{height:32px;width:32px;}
 .page-title-box .page-title.tb-ttl{width:100%;font-size:14px;line-height:40px;}
 .form-group label, .form-control{font-size:12px;}
 .checkbox label{font-size:14px;}
 .tabPanelWraps .card-body{padding:5px;}
 .btn-secondary, .btn-bg-color{min-width:auto;padding:6px 15px;padding:6px 15px;margin:8px 5px;font-size:14px;border:none;}
 #Projectslist .tile_count .card-body, .tabPanelWraps .tile_count .card-body{border:none;margin:2px 2px;transform:scale(1);border-radius:10px;background-color:#d8d8d8;color:#fff;padding:5px 0;}
 #Projectslist .tile_count .card-body:hover, .tabPanelWraps .tile_count .card-body:hover, #Projectslist .tile_count .card-body.active, #Projectslist .tile_count .card-body.active:hover, .tabPanelWraps .tile_count .card-body.active, .tabPanelWraps .tile_count .card-body.active:hover{margin:2px 2px;transform:scale(1);border-radius:10px;}
 .tabPanelWraps .tile_count .card-body1.totalBoxWrap.inPads, .tabPanelWraps .tile_count .card-body1.totalBoxWrap.inPads:hover{margin-right:0;margin:2px 2px;border-radius:10px;background-color:#7d7d7d;}
 #Projectslist .card, .tabPanelWraps .card{box-shadow:none;}
 #projectList .nav-tabs > li{width:48%;}
 .linksTo{box-shadow:1px 0 10px #eaeaea;padding:4px 0;margin-top:5px;/*justify-content:center !important;*/ margin-bottom:8px;}
 .dark-theme .linksTo{box-shadow:1px 0 10px #1b2335;}
 .linksTo li.d-flex{display:inline-block !important;background-color:#0a7786;color:#000;text-align:center;border-radius:3px;}
 .dark-theme .linksTo li.d-flex{background-color:#a78722;color:white;}
 .linksTo li.d-flex span{color:#ffffff !important;display:inline-block;padding:2px 1px;}
 .linksTo li.d-flex select.form-control{color:#000 !important;background-color:#2c2c2c;border:none;padding:4px 10px;height:auto;font-size: 13px;}
 .dark-theme .linksTo li.d-flex select.form-control{color:#fff !important;background-color:#a78722;}
 .pagesize{color:#2c2c2c;margin-bottom:10px;}
 #projectList .card-body{padding:10px 10px;}
 #projectList .card-body ul li .btn{padding:8px 8px;font-size:12px;line-height:12px;}
 .accordionProjectsWraps .card-body, #projectList .accordionProjectsWraps .card-body{padding:5px 1px;}
 .accordionProjectsWraps .card-header button{padding:10px 1px;}
 .decCustWidth{max-width:100%;}
 #projectList .nav-tabs > li > a, #projectList .nav-tabs > li > a.active, #projectList .nav-tabs .nav-link.active{font-size:12px;}
 .tabPanelWraps div.table-responsive, .tableScrollFix{max-height:435px;}
 .table-scroll-fixed tbody td:nth-child(1), .table-scroll-fixed tbody td:nth-child(2), .table-scroll-fixed tbody td:nth-child(3), .table-scroll-fixed tbody td:nth-child(4){position:static;}
 .table-scroll-fixed thead th:nth-child(1), .table-scroll-fixed thead th:nth-child(2), .table-scroll-fixed thead th:nth-child(3), .table-scroll-fixed thead th:nth-child(4){left:inherit;}
 .table-scroll-fixed tbody tr.child-group td .table tr td:nth-child(1),.table-scroll-fixed tbody tr.child-group td .table tr td:nth-child(2),.table-scroll-fixed tbody tr.child-group td .table tr td:nth-child(3),.table-scroll-fixed tbody tr.child-group td .table tr td:nth-child(4) {position:static;}
 /*ul.numTabSM li.totalNM {background-color: #4a4a4a;}*/
 ul.numTabSM {margin-left: 0;margin-bottom: 5px;}
 ul.numTabSM li {display: inline-block;padding: 5px 5px;box-shadow: 1px 1px 4px #3e3e3e;margin-bottom: 10px;width: 31%;text-align: center;}
 .numTabSMSearch {margin-bottom:15px;display: block;padding: 1px 12px;}
 .modal-open .modal {overflow-y: auto;}
 .modal.show .modal-dialog {top: auto; transform:none;}

 .detail-list {word-break:break-all;}
/*ul.pagination li {display:none;}
ul.pagination li:first-child, ul.pagination li:last-child {display:block;}*/
/*ul.pagination li:nth-child(6), ul.pagination li:nth-child(7), ul.pagination li:nth-child(8) {display:none;}*/
 /*ul.pagination li:last-child, ul.pagination li:nth-child(n-1) {display:block;}*/
.pagination > li > a, .pagination > li > span {font-size: 14px; padding: 2px 8px;}
 .dark-theme .pagination > li > a, .dark-theme .pagination > li > span {font-size: 14px; padding: 2px 8px;}
#projectList .nav-tabs > li > a {margin-bottom: 2px;}
.tokenbtnDiv a {margin-left:12px;}
.swal-modal {/*position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);*/ width:95%;}
.swal-overlay .swal-modal .swal-text {font-size:16px;}
.table-scroll-fixed thead th:nth-child(1), .table-scroll-fixed thead th:nth-child(2), .table-scroll-fixed thead th:nth-child(3), .table-scroll-fixed thead th:nth-child(4) { z-index: 99 !important;}
select option {font-size:11px;}
.topProjectcode {display:block !important;font-size: 13px;}
.app-search {display: block;}
.numTabSMSearch form.app-search {width: 100%;}
.main-header .nav-link#bs-example-navbar-collapse-1 {display: none;}
ul.numTabSM li p {font-size: 12px;font-weight: 600;}
ul.numTabSM li {margin-right:3px;padding: 5px 2px;}
ul.numTabSM li p i {font-size: 11px;}
.searchIdentifiersBtn { margin-top: 5px;}
.searchIdentifiersBtn.tokenbtnDiv a { margin-left: 0;display:inline-block;}
.chooseTemlates .text-right {text-align: left !important;}
.statsO { padding: 5px 12px !important;}

 }


/*.app-sidebar .sub-slide.is-expanded .sub-side-menu__item { color: #000; font-weight: 600; }
.app-sidebar .sub-slide.is-expanded .sub-angle {
    color: #000; opacity: 1;
    -webkit-transform: rotate(90deg) !important;
    transform: rotate(90deg) !important;
}*/