/*@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');*/
@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 {opacity: .3;}
.iconOnlyBtn {font-size: 24px;line-height:1;color: #002e74 !important;}
/*.btn.disabled, .btn:disabled {opacity: .3;}*/
.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    background: url('/images/loader.gif') 50% 50% no-repeat rgb(249 249 249 / 65%);
    background-size: 15%;
}

/*hide default pasword eye icon in edge*/
input::-ms-reveal, input::-ms-clear { display: none;}

::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#F5F5F5;}
::-webkit-scrollbar{width:12px;height:12px;background-color:#F5F5F5;border-radius:1px;}
::-webkit-scrollbar-thumb{background-color:#444746;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:12px;height:12px;background-color:#F5F5F5;border-radius:1px;}
*::-webkit-scrollbar-thumb {background-color: #444746; border-radius: 1px;}
/* Works on Firefox */
* { scrollbar-width: 10px; scrollbar-color: #444746 #F5F5F5;}

::-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:#fafafa !important;}
tr:nth-child(even) td{background-color:#fafafa !important;}
.modal{z-index:9999;}
/*.modal-backdrop.show {z-index:999;}*/
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:#002e74;cursor:pointer;}
a:not([href]):hover{color:#002e74;}
.modal-header h3{letter-spacing:0.05rem;font-size:16px;}
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;}
textarea.form-control {resize:none;}
textarea.form-control, textarea.form-control:focus {height:auto;}
.text-danger.field-validation-error{font-size: 12px;/*position: absolute;*/}
.text-danger.error{font-size: 12px;/*position: absolute;*/}



/* ---------- Nav ---------- */
#wrapper {overflow:auto;}
.logo-box {height: 60px;padding-right: 0 !important;/*width: 200px !important;position: fixed;z-index: 999;top: 0;*/}
.logo-box .logo  {line-height:45px;}
.logo-box img {height: 50px; opacity: .9;line-height:50px;margin-left:-20px;margin-top:5px;}
.navigation-menu > li > a{font-size:14px;color:#000000;font-weight:500;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 #2e323a0d !important;*/height: 60px;border-bottom:1px solid #E7EBEF;}
.mainNavBar .navbar{width:100%;padding:0;}
.mainNavBar .topnav-menu{position:absolute;right:-10px;top:0;}
.mainNavBar .topnav-menu .dropdown-item{color:#333; padding: 8px 12px;}
.mainNavBar .topnav-menu .profile-dropdown{z-index:9999 !important;}
.mainNavBar .topnav-menu .dropdown-header{background-color:#002e74;border-bottom:1px solid #7b7b7b; padding: 8px 12px;}
.mainNavBar .topnav-menu .dropdown-header h6{color:white;background-color:#002e74;padding:6px 0px; overflow: hidden;white-space: nowrap; text-overflow: ellipsis; max-width: 140px;}
.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:#002e74;}
.mainNavBar .logo-box .logo{line-height:normal;}
.mainNavBar .navbar .navbar-collapse{margin-left:5%;}
.mainNavBar .navbar .navbar-collapse .navigation-menu {display:none;}
.navbar-custom.mainNavBar .navigation-menu>li:first-of-type>a {padding-left: 12px;}

/* ---------- Page ---------- */
.page-title-box .page-title{text-transform:capitalize;letter-spacing:0.04rem;font-size:16px;color:#002e74;text-shadow:none;box-shadow:none;line-height:30px;margin-bottom:2px;}
.page-title-box .page-title.tb-ttl{margin-top:15px;background:#273344;color:#fff;width:21%;top:2px;line-height:38px;z-index:2;position:relative;border-top-left-radius:12px;border-top-right-radius:12px;text-align:center;box-shadow:0 -3px 6px 0 #60606042;-webkit-box-shadow:0 -3px 6px 0 #60606042;-moz-box-shadow:0 -3px 6px 0 #60606042;left:1px;font-weight:500;}
.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:#002e74;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:14px;}
.tile_count .card{border-radius:12px;}
#add_client_form_SingleProject textarea{border:2px solid #e8e8e8 !important;}
#add_client_form_Group textarea{border:2px solid #e8e8e8 !important;}
.checkbox label{color:#000;font-size:16px;letter-spacing:0.4px;}
.form-control, .form-control:focus, .multiselect-dropdown {border:none;border-bottom:1px solid #a9a9a9 !important;color:#333;font-size:13px;/*font-family:"Montserrat", sans-serif !important;*/border-radius:0; height: 35px;}
.form-control:focus {border-bottom:1px solid #322aef !important;}

/*--- select2 oprion with search ---*/
.select2UI .select2-container--default .select2-selection--single {border: 0;border-bottom: 1px solid #a9a9a9 !important;color: #333;font-size: 14px;border-radius: 0;padding: .45rem .9rem;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: -8px;}
.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: #243352 !important;color: #fff !important;border-top: 1px solid #4a4a4a;}
.select2-results__option {padding:8px 12px !important;color: #333 !important;}
.select2UI .select2-selection__rendered {pointer-events:none;}
/*--- 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:0;}
.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:normal;font-size:13px;letter-spacing:0.01rem;text-align:center;font-weight:600;line-height:20px;border-bottom:0;}
.table-responsive{border:1px solid #e0d9d9 !important;border-top:0 !important;}
.table th{padding:8px 5px;text-align:center;}
.table td{border-top:1px solid #fafafa;font-size:13px;color:#000;vertical-align:middle;padding:7px 5px 7px 5px;text-align:center;line-height:15px;}
.table tbody td a i{margin:0 4px;font-size:15px;}
.table tbody td a i.fa-square {margin:0 2px;font-size:12px;}
.table tbody td a i.fe-edit{font-size:14px;}
.table tbody td a i.fa-angle-right{font-size:18px;font-weight: 600;margin-top:-1px;}
.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:none;border-radius:8px !important;background-color: #fff;border: 1px solid #e0e0e0;padding: 0px 6px;font-size:13px;border-bottom: 1px solid #e0e0e0 !important;}
.app-search-box .form-control:valid:focus{border:none;box-shadow:none;border-radius:8px !important;background-color: #fff;border: 1px solid #e0e0e0;padding: 0px 6px;    border-bottom: 1px solid #a5a5a5 !important;}
#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%;}
.searchIcoR {position: absolute;right: 2%;top: 11px;font-size: 16px !important;color: #616161; z-index: 99;}
.brdrfull textarea, .brdrfull .form-control{border:2px solid #e8e8e8 !important;}
#accordion .btn-link{font-size:14px;color:#002e74;font-weight:600;}
.table{margin-bottom:0;}

/* ---------- Survey Pages ---------- */
.surveyWrapUI{margin-top:10px;}
label.checkBoxLabel {font-size: 17px;}
.checkBoxLab input:hover, .checkBoxLab label:hover, .checkBoxLab span:hover, .checkBoxLabel:hover  {cursor: pointer;}

/* ---------- Toggle Switch (checkBoxLab checkboxes) ---------- */
/*.checkBoxLab input[type=checkbox]{-webkit-appearance:none;appearance:none;position:relative;display:inline-block;width:42px;height:24px;border-radius:12px;background-color:#b0bec5;cursor:pointer;vertical-align:middle;margin-right:8px;flex-shrink:0;transition:background-color .25s ease;outline:0}
.checkBoxLab input[type=checkbox]::after{content:'';position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;left:3px;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:left .25s ease}
.checkBoxLab input[type=checkbox]:checked{background-color:#002e74}
.checkBoxLab input[type=checkbox]:checked::after{left:21px}
.checkBoxLab input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}
.checkBoxLab label.control-label{vertical-align:middle;cursor:pointer;margin-bottom:0}*/
input[type=checkbox]{-webkit-appearance:none;appearance:none;position:relative;display:inline-block;width:25px;height:15px;border-radius:12px;background-color:#999999;cursor:pointer;vertical-align:middle;margin-right:8px;flex-shrink:0;transition:background-color .25s ease;outline:0}
input[type=checkbox]:hover {background-color:#82a2d2;}
input[type=checkbox]:disabled:hover {background-color:#999;}
input[type=checkbox]::after{content:'';position:absolute;width:10px;height:10px;border-radius:50%;background:#fff;top:2px;left:2px;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:left .25s ease}
input[type=checkbox]:checked{background-color:#002e74}
input[type=checkbox]:checked:disabled:hover{background-color:#002e74}
input[type=checkbox]:checked::after{left:13px}
input[type=checkbox]:disabled{opacity:.9;cursor:not-allowed}
label.control-label{vertical-align:middle;cursor:pointer;margin-bottom:0}
.multiselect-dropdown-list input {height: 15px !important;width: 25px !important;}


.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{color:#333;font-size:22px;font-weight:600;}
.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:18px;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:#002e74;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:#002e74;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:#002e74;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:#002e74;}
.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:410px;margin-top:5px;}
.tabPanelWraps div.table-responsive .table thead th, .tableScrollFix .table thead th{position:sticky;top:-2px;z-index:99;}
.textWraps {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;max-width: 185px;-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;}
.wrapUrl {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;max-width: 270px;-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, .wrapUrl:hover  {white-space: normal;text-overflow: initial;max-height: 8em;}
tr.child-group td .table tr td{background:#f5f5f5 !important;border-top:1px solid #e3e3e3 !important;}
/*.mainWrap {position:relative;display:inline-block;}*/
.copySupURL {/*position:absolute;right:-20px;top:1%;*/color: #002e74; font-weight: 600; border: 1px solid transparent;padding: 1px 0px 1px 3px;cursor:pointer; margin-right: 2px;}
.copySupURL:hover {border: 1px solid #002e74;}

.table-scroll-fixed.reContGrid {max-height:210px;overflow-y:auto;}
.filterInputsH, .filterInputsH:focus {height:15px;width: 45px; padding: 0px 2px; text-align: center; margin: 0 auto;}
.tabPanelWraps .fa-square.active {color:#00a500;}
.tabPanelWraps .fa-square.onHold {color:#0df4ff;}
.tabPanelWraps .fa-square.inActive {color:#ffa707;}
.tabPanelWraps .fa-square.invoiced {color:#b452ff;}
.tabPanelWraps .fa-square.closed {color: red;}
.tabPanelWraps .fa-square.archived {color: #333333;}
.blink_dot {animation: blinker 1s linear infinite;}
.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;}

.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:15px;}
ul.numTabSM li {display: inline-flex;margin-right: 5px;background-color: #fff;box-shadow: 1px 1px 4px #b5b5b5;padding: 5px 14px;border-radius: 5px;cursor: pointer;color: #333;}
/*ul.numTabSM li.bgA:hover {background-color: #f1f1f1;color:#333;}*/
ul.numTabSM li p {font-size:13px;font-weight:600;}
ul.numTabSM li p i {font-size:13px;}
ul.numTabSM li.totalNM {background-color:#8e8e8e;color:#fff;cursor:default;}
ul.numTabSM li.active {background-color:#002e74;color:#fff;}
.numTabSMSearch form.app-search {width:90%;}
.numTabSMSearch form.app-search .app-search-box .form-control {padding:18.5px;}
.ppContent h4 strong {color:#2f339c;}
.ppContent ul {padding-left:30px;}
.ppContent ul li {list-style:disc; color:#333;margin-bottom: 10px;font-size: 14px;}
.ppContent p { color:#333;font-size: 14px;}
.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: #002e74;color: #fff;padding: 2px 2px;text-align: center;min-width: 30px;border-radius: 20px;margin-left: 5px;position: absolute;top: -5px;}

/* .securityChecks .RDTextResponse{ } */
.securityChecks .RDTextResponse select.form-control {height:22px;padding: 0 2px;} 


/*.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;}*/

.multiCountryWrap ul {padding: 0;margin:0;}
.multiCountryWrap ul li {display: inline-block;padding: 0px 4px;margin: 0px 2px;font-size: 14px;background-color: #fff;border: 1px solid #ccc;margin-bottom: 4px;border-radius: 2px;position: relative;color: #46464e;}
.multiCountryWrap ul li i {/*position: absolute;top: -6px;*/color: #f65741;background-color: #fff;cursor: pointer;border-radius: 8px;margin-left:3px;}
.multiCountryWrap.selectedCountry .countrysSelect {max-height: 145px;overflow-y: auto;padding: 10px;}


/* --- Custom Tooltip --- */
.customTooltip {position: relative; display: inline-block;}
.customTooltip .customTooltipTxt {visibility: hidden;width: 100px;background-color: #fff;color: #333; text-align: center;  border-radius: 6px; padding: 10px 0;position: absolute; z-index: 9999; bottom: 140%; left: 50%;margin-left: -50px;opacity: 0; transition: opacity 0.3s;box-shadow:0px 0px 5px #333;}
.customTooltip .customTooltipTxt::after {content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #fff transparent transparent transparent;}
.customTooltip:hover .customTooltipTxt {visibility: visible;opacity: 1;}

/* ---------- Search ---------- */
.clearCrossIcon {position: absolute;top: 6px;right: 6px;font-size: 16px;z-index: 999;background-color: #fff; padding: 2px 5px;border-radius:25px;line-height: 18px;}
.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 li{border-left:none;border-right:none;border-radius:0;}
.searchBox input{padding-right:35px;background-color: #fff !important;}
.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;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;}
.projectStatsIcon{background-color:#00196b;color:#fff;padding:1px 4px 1px 4px;line-height:14px;border-radius:25px;font-weight:500;font-size:11px;margin-right:0px;}
/*.projectStatsIcon.absI {position:absolute;top:9px;}*/
.projectStatsIcon.notes {padding: 1px 0px; font-size: 14px; background-color: transparent;color: #00196b;}


.prNotes {background-color: #eeedff;padding: 10px;box-shadow: 1px 1px 5px #cbcbcb;}
.prNotes .header-title {margin-bottom:5px;}
.prNotes p {margin-bottom:2px;}
#lstserch.list-group.bdrT, .lstserch.list-group.bdrT {position:static;}
.projectStatsIcon.stat_S {background-color:#00a500;color: #fff;}
.projectStatsIcon.stat_F {background-color:#ea0000;color: #fff;}
.projectStatsIcon.stat_P {background-color:#ffa707;color: #fff;}
/* .clientPro .linksTo{} */
#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-tooltip.ui-widget.ui-widget-content{line-break:anywhere;}
.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 {z-index:1006;}
#topnav .has-submenu.active > a{color:#002e74;font-weight:500;}
#topnav .has-submenu.active > a:after{border-bottom:2px solid #002e74;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;}
.navbar-custom .topnav-menu .nav-link.userIconTop {display:inline;}
/* .navbar-custom .topnav-menu .nav-user::after {} */
.userNameTop {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 130px;
    -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;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    position: absolute;
    right: 100%;
    top: 35%;
}
.form-group label{color:#000;font-size:14px;letter-spacing:0;line-height: 14px;}

/*#add_client_form_Group .form-group label{line-height: 18px; position: absolute;}
#add_client_form_Group .form-group .unique {width: 45px !important; position: absolute; right: 20%;}
#add_client_form_Group .form-group .filterInputsH {height: 20px;padding: 0;padding-left: 5px;text-align: center;}*/

.custom-checkbox label{font-size:14px;}
.custom-control-input:checked ~ .custom-control-label::before{border-color:#002e74;background-color:#002e74;}
.custom-control-input2:checked ~ .custom-control-label2::before{border-color:#002e74;background-color:#002e74;}
.account-pages .form-group .btn{min-width:250px;height:40px; background:#002e74 !important;color:#fff !important;font-size:16px;box-shadow:0 3px 5px #0000002b !important;border-radius:2em;}
.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;}
#projectList .nav-tabs .nav-link.active{letter-spacing:0;text-shadow:none;font-size:14px;color:#fff;background:#2b3b53;box-shadow:0 -3px 6px 0 #60606042;-webkit-box-shadow:0 -3px 6px 0 #60606042;-moz-box-shadow:0 -3px 6px 0 #60606042;}
.nav-tabs .nav-item{margin-right:2px;}
#projectList .nav-tabs > li > a{font-size:14px;background:#737e8e;padding:8px 8px;min-width: 50px;}
#projectList .nav-tabs > li > a:hover{background:#444746;}
#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:2px solid #e8e8e8 !important;color:#333 !important;font-size:14px !important;}
.account-pages .form-control{padding-left:40px;border:none;font-size:16px;height:50px;margin-top:5px;border-radius:12px !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;word-break:break-word;}
.pagesize select{padding:7px 6px 7px 0px;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;}
.pagesize select{color:#333;}
.pagesize label{font-size:14px;}
.tblecard{border-radius:12px;}
.content-page{background:#f3f3f3;margin-top:55px;padding-top:10px !important;padding:0;} 
@media (min-width: 1200px) {
    body[data-layout=horizontal] .content-page .container-fluid {
        max-width: 100%;
    }
}

.lefticn{top:30px;left:5px;width:31px;padding:4px;height:40px;}
.lefticnpass{top:10px;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{background-image:url('../images/bgH.jpg'); background-position: center; background-size: cover;background-repeat:no-repeat; }
.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;}
.lefticnpass img{width:18px;}
#navigation .navigation-menu{float:right;}
.lefticn img{width:18px;}
.login-img3-body{padding-bottom:0;}
.supplierProfiles .authKeys {color:#002e74;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;}

/*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 #002e74;}
/*.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 #002e74;}
/*.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: #002e74;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: #002e74;color: #fff;border-radius: 20px;font-size: 16px;padding: 2px 6px;}
div.listree-submenu-heading span {padding: 0px 15px 0px 25px;display: block;margin-top: -20px;}
.qsGrid td {text-transform:capitalize;}
.suplrCPIverify {color: #002e74;margin-right: 10px;float: right;font-size: 13px; font-weight: 600;}

/*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:#4e4c4d;font-size:14px;}
.logSwitch .switch {position: relative;display: inline-block;width: 40px;height: 21px;}
.logSwitch .switch.switToggle{top:-3px;}
.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:#7d7d7d;-webkit-transition: .4s; transition: .4s;margin-top: -1px;}
.logSwitch .slider:before {position: absolute;content: "";height: 17px;width: 17px;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: #002e74;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(26px);-ms-transform: translateX(26px);transform: translateX(26px);}
.switch input:disabled + .slider,
.switch:has(input:disabled) {
    cursor: not-allowed;
}
/* Rounded sliders */
.logSwitch .slider.round {border-radius: 34px;}
.logSwitch .slider.round:before {border-radius: 50%;}
/*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: #002e74;color: #fff;}
.validalgn{margin-left: 120px;}
/* 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: #002e74;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;}


/* ---------- Apex Chart // Dashboard Stats ---------- */
.statsTabs {background-color: #0a7786;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.rdClickBG {background-image: linear-gradient(to left, #a056ed 0%, #59008d 100%) !important;}
.statsTabs.rdfailureBG {background-image: linear-gradient(95deg, #ffc800, #bb9100) !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;}

.apexCharts #tSignchartFailureReason, .apexCharts #RDchartFailureReason {min-height:400px !important;height: 400px !important;}
.apexCharts #tSignchartFailureReason .apexcharts-canvas, .apexCharts #RDchartFailureReason .apexcharts-canvas {min-height:400px !important;height: 400px !important;}
/*.apexCharts .apexcharts-canvas {min-height:350px !important;}*/
.apexCharts #tSignchartFailureReason .apexcharts-legend, .apexCharts #RDchartFailureReason .apexcharts-legend {position:static !important;max-height: 200px !important; overflow-y: auto;}
.chartNameBox {background-color: #002e74;color: #fff;padding: 5px 18px;display: inline-block;text-transform: uppercase;font-size: 13px;margin-left: -10px;}
.dark-theme .apexCharts {box-shadow: 1px 1px 8px #141b2d;color:#c5c5c5;fill: #c5c5c5;}
.dark-theme .statsTabs {box-shadow: 1px 1px 8px #141b2d;}
.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:1px;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:#002e74;    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:0px;top:35px;width:15px;cursor:pointer;}
.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {z-index:999 !important;}
select.form-control[multiple], select.form-control[size]{height:calc(1.5em + .9rem + 2px);}
.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";}*/
table .fe-edit{font-size:16px;}
.cursor-pointer{cursor:pointer;}
.modal-open .modal{overflow-y:hidden;}
.modal-header{padding:0.5rem 1rem;border-radius: 0;}
.modal-title{color:#fff;}
.modal-header .close{color:#fff;opacity:1;}
.field-validation-valid{font-size:12px;}
#textsearchText{padding:.45rem 2rem 0.45rem 0.9rem;}
/*#searchcleartext{top:11px;position:absolute;right:12px;}*/
.form-control[readonly]{background-color:transparent;}
.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:#002e74;}
.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:14px;padding:10px 5px;}
/*.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;}*/
.mapPrWrap {max-height:400px;overflow-y:auto;}
.mapPrWrap p {margin-bottom:5px;}
#btnAddAge, #btnUpdateAge, #btnAddAgee {min-width:90px;}
.disabledCss {pointer-events: none;cursor: default;opacity: 0.8;}
#groupBody,#groupBodyClick {max-height:480px;overflow-y:auto;}
#groupBody .tableScrollFix {max-height:200px;overflow-y:auto;}





/*@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:-1px;z-index:999;}
/*.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:0;}
.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:55px;}
.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:120px;}
.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:220px;}
.table-scroll-fixed.supplierWay tbody td:nth-child(2), .table-scroll-fixed.supplierWay thead th:nth-child(2){position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky;left:50px;}
.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:1001 !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:98 !important;min-height: 36px;}
/*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:50px;}
.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:120px;}
.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:220px;}

.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:#f7f7f7;}

tr.priority-row:nth-child(odd) td,
tr.priority-row:nth-child(even) td {background-color:#e1eeff !important;}
.table-scroll-fixed .table-striped tbody tr td { /*background-color:rgba(0,0,0,.05);background-color:#f7f7f7;*/
}
.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:#002e74;*/}
/*.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:#f7f7f7;*/}
.thnkTxts {font-size:20px;margin-bottom:40px;}
/*.supNavigate {max-height:520px;overflow-y:auto;padding-right:10px;}*/
.supNavigate ul li {margin-bottom:20px;}
.supNavigate ul li h4 {margin-bottom:10px;margin-top:1px;}
.supNavigate ul li .form-control { border-bottom: 1px solid #ced4da !important;/*border: 1px solid #ced4da;*/}
.card-body-inn {padding:15px;box-shadow:4px 3px 15px #ededed;border-radius:8px;}
.multiLinkHgt {min-height:600px;}
.supCopyIcon .copySupURL {width:5%;float:left;}
.supCopyIcon .mainWrap {width:90%;line-height: 16px;display: inline-block;}


/* ---------- 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 #002e74;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 #002e74;border-radius: 0;background: #fff;    }
.surveyPagechecks [type="radio"]:checked + label:after, .surveyPagechecks [type="radio"]:not(:checked) + label:after {content: '';width: 12px;height: 12px;background: #002e74;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: #002e74;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);}

/*.tabContentScroll .tabContentScrollin.minH {min-height:calc(100vh - 230px);}*/
/*.tabContentScroll .tabContentScrollin {max-height:calc(100vh - 230px);overflow: hidden;overflow-y:auto;padding-right: 15px;}*/
.urlTextInput{max-height:270px;overflow: hidden;overflow-y:auto; }
.urlTextInput .form-control {border-bottom: 1px solid #DBDBD8 !important;}
.chosetemp .select2-selection.select2-selection--single {min-width:200px;}
.zipCodeModal {max-height:400px;overflow-y:auto;}

/* ---------- Captcha page UI ---------- */
.captchaWrap {background-color: #fff;/*padding: 30px;*/border-radius: 5px;box-shadow: 0px 0px 10px #c2c2c2;margin-bottom: 30px;}
.captchaWrap .captchaIN {}
.captchaWrap .captchaIN .captchaQs { font-size: 16px;line-height:20px;}
.captchaWrap .captchaIN .captchaImgBox { margin-top: 10px;}
.captchaWrap .captchaIN .captchaImgBox .captchaIMG {max-height: 150px;max-width: 100%;}
.captchaWrap .captchaIN .captchaNumBox {color: #555555;font-weight: 600;font-size: 16px;margin-top: 10px;}
.captchaWrap .captchaIN .captchaNumBox .bluryTxt {filter: blur(1px);}
.captchaWrap .captchaAnsWrap {text-align:center;margin-top:10px;}
.captchaWrap .captchaAnsWrap .btn {margin-top:15px;margin-bottom:0;} 
.captchaWrap .captchaAnsWrap .ansBox {border:1px solid #d4cbcb !important;} 
.captchaWrap .btn.btn-bg-color {font-size: 13px;font-weight: 400;min-width: 75px;padding: 5px 15px;letter-spacing: .5px;} 
.captchaWrap .btn.btn-bg-color.gry {background-color:#7a7b7c !important;} 

/* ---------- New Dashboard-Page 17-02-2025 ---------- */
.statsCardBox {margin-bottom:20px;}
.statsCardBox .card.valBox { background-color: #fff;cursor:pointer;padding:12px 12px;}
.statsCardBox .card {border-radius:10px; border: 1px solid #E7EBEF;box-shadow:none;margin-bottom: 20px; /*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: #fff; margin-top: 8px; line-height: 14px;background-color: #344054;padding: 12px 0;border-radius: 8px 8px 0 0;}
.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;} 
/*.srvDBGraph.srvDBGraphD {height:300px;}*/ 
.statsCardBox {}
.statsCardBox .crLeft {float:left;text-align: center;}
.statsCardBox .crLeft .crImg {}
.statsCardBox .crLeft .crImg img {height:40px;margin-top: 2px;}
.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: 22px;font-weight: 600;color: #545454;margin-top: 0px;margin-right:0px;line-height:22px;}
.statsCardBox {}

.topPrSrvy .topPrSrvyGrid {max-height:265px; overflow-y:auto; border: none !important;}
.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: #002e74;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 {min-height: 255px !important;height:255px;}
#rdchartDaily .apexcharts-toolbar, #tsignchartDaily .apexcharts-toolbar {display:none;}
#surveyConvert {min-height: 145px !important;height:145px;}
.chartWrapTxt {text-align:center;margin-top:30px;}
.chartWrapTxt .chartTxtLine {margin-bottom:10px;color:#344054;font-weight:500;font-size:12px;}
.chartWrapTxt .chartTxtNo {margin-bottom:0px;color:#545454;font-weight:600;font-size: 24px;line-height: 24px;}
.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;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;}

#close-sidebar,#show-sidebar,.page-wrapper .page-content,.page-wrapper .sidebar-wrapper,.sidebar-wrapper .sidebar-brand>a,.sidebar-wrapper .sidebar-dropdown>a:after,.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before,.sidebar-wrapper .sidebar-menu ul li a,.sidebar-wrapper .sidebar-search .input-group-text,.sidebar-wrapper .sidebar-search input.search-menu,.sidebar-wrapper ul li a i{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}


/*----------------page-wrapper----------------*/
/*.page-wrapper{height:100vh}*/
.page-wrapper .theme{width:40px;height:40px;display:inline-block;border-radius:4px;margin:2px}
.page-wrapper .theme.chiller-theme{background:#1e2229}


/*----------------toggeled sidebar----------------*/
.page-wrapper.toggled .sidebar-wrapper{left:0;top:60px;padding-top: 0px;}
@media screen and (min-width:768px){
.page-wrapper.toggled .page-content{padding-left:170px;margin-top:0px;}
}


/*----------------show sidebar button----------------*/
#show-sidebar, #show-sidebar:focus, #show-sidebar:active {background-color: #fff;border:1px solid #f1f1f1;color: #344054;position: fixed;left: 0px;top: 60px;padding: 2px 8px 0px;border-radius: 4px;/* width: 35px; */transition-delay: 0s;z-index: 995;font-size: 20px;}
.page-wrapper.toggled #show-sidebar{left:-40px}
.page-wrapper.chiller-theme.toggled #close-sidebar {background-color: #fff;border:1px solid #f1f1f1;color: #31353d;  position:fixed; left:0px; top:60px; border-radius:0 4px 4px 0;padding:2px 8px 0px; /*width:35px;*/transition-delay:0s;z-index:995;font-size:18px;}
.page-wrapper.chiller-theme.toggled #close-sidebar:hover{background-color: #f3f3f3;border-color: #c7c7fd;color:#31353d}
.page-wrapper.toggled #show-sidebar {}
.page-wrapper #close-sidebar {display:none;}
.page-wrapper.toggled #close-sidebar {display:inline-block;}


/*----------------sidebar-wrapper----------------*/ 

.chiller-theme .sidebar-wrapper{width:45px;height:100%;max-height:100%;position:fixed;top:60px;left:-300px;z-index:1005}
.chiller-theme.toggled .sidebar-wrapper {width:170px;}
.sidebar-wrapper ul{list-style-type:none;padding:0;margin:0}
.sidebar-wrapper a{text-decoration:none}


/*----------------sidebar-content----------------*/
.sidebar-content{max-height:calc(100% - 0px);height:calc(100% - 0px);position:relative}
.sidebar-content.desktop{overflow-y:hidden}


/*--------------------sidebar-brand----------------------*/
.sidebar-wrapper .sidebar-brand{padding:10px 20px;display:flex;align-items:center}
.sidebar-wrapper .sidebar-brand>a{text-transform:uppercase;font-weight:700;flex-grow:1}
.sidebar-wrapper .sidebar-brand #close-sidebar{cursor:pointer;font-size:20px}


/*--------------------sidebar-header----------------------*/
.sidebar-wrapper .sidebar-header{padding:20px;overflow:hidden}
.sidebar-wrapper .sidebar-header .user-pic{float:left;width:60px;padding:2px;border-radius:12px;margin-right:15px;overflow:hidden}
.sidebar-wrapper .sidebar-header .user-pic img{object-fit:cover;height:100%;width:100%}
.sidebar-wrapper .sidebar-header .user-info{float:left}
.sidebar-wrapper .sidebar-header .user-info>span{display:block}
.sidebar-wrapper .sidebar-header .user-info .user-role{font-size:12px}
.sidebar-wrapper .sidebar-header .user-info .user-status{font-size:11px;margin-top:4px}
.sidebar-wrapper .sidebar-header .user-info .user-status i{font-size:8px;margin-right:4px;color:#5cb85c}


/*----------------------sidebar-menu-------------------------*/
.sidebar-wrapper .sidebar-menu{padding-bottom:10px}
.sidebar-wrapper .sidebar-menu .header-menu span{font-weight:700;font-size:14px;padding:15px 20px 5px 20px;display:inline-block}
.sidebar-wrapper .sidebar-menu ul li a{display:inline-block;width:100%;text-decoration:none;position:relative;padding:6px 10px 6px 10px}
.sidebar-wrapper .sidebar-menu ul li a.userIconTop {width:auto;}
.sidebar-wrapper .sidebar-menu ul li a i{margin-right:1px;font-size:12px;width:25px;height:25px;line-height:25px;text-align:center;border-radius:4px}
.sidebar-wrapper .sidebar-menu ul li a:hover>i::before{display:inline-block;animation:swing ease-in-out .5s 1 alternate}
.sidebar-wrapper .sidebar-menu .sidebar-dropdown>a:after{font-family:"Font Awesome 5 Free";font-weight:900;content:"\f105";font-style:normal;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;background:0 0;position:absolute;right:15px;top:8px}
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul{padding:1px 0;}
.page-wrapper.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul{max-height: 170px; overflow-y: auto;}
.page-wrapper.chiller-theme.toggled .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul{max-height: none; overflow-y: auto;}
.chiller-theme.toggled .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li{padding-left:8px;font-size:13px}
.chiller-theme.toggled .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li ul li {padding-left:2px;}
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before{content:"\f111";font-family:"Font Awesome 5 Free";font-weight:400;font-style:normal;display:inline-block;text-align:center;text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-right:10px;font-size:8px;display:none;}
.sidebar-wrapper .sidebar-menu ul li a span.badge,.sidebar-wrapper .sidebar-menu ul li a span.label{float:right;margin-top:8px;margin-left:5px}
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .badge,.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .label{float:right;margin-top:0}
.sidebar-wrapper .sidebar-menu .sidebar-submenu{display:none}
.sidebar-wrapper .sidebar-menu .sidebar-dropdown.active>a:after{transform:rotate(90deg);right:17px}
.sidebar-wrapper .sidebar-menu {}
.sidebar-wrapper .sidebar-menu nav.navbar {padding:0;width:100%;}
.sidebar-wrapper .sidebar-menu ul.prNav {width:100%;}
.chiller-theme .sidebar-wrapper .sidebar-menu { height: calc(100% - 100px);position:relative;overflow-y:auto;margin-top:95px;overflow: visible;} 
.chiller-theme.toggled .sidebar-wrapper .sidebar-menu { height: calc(100% - 100px);position:relative;overflow-y:auto;margin-top:95px;}
.sidebar-wrapper .sidebar-menu .sideMenuBox { height: calc(100% - 0px);position:relative;padding-bottom:60px;}
.sidebar-wrapper .sidebar-menu ul.topnav-menu {position:fixed;bottom:5px;width:195px;padding-left: 15px;background-color:#fff;}
.sidebar-wrapper .sidebar-menu ul.topnav-menu .nav-user img {height: 30px; width: 30px;}
.sidebar-wrapper .sidebar-menu ul.topnav-menu .userNameTop {color: #344054;}
.sidebar-wrapper .sidebar-menu ul.topnav-menu .dropdown-header.noti-title {color: #002e74;font-weight: 500;font-size: 14px;padding:0 10px;}
.sidebar-wrapper .sidebar-menu ul.topnav-menu { }
.chiller-theme .sidebar-wrapper .sidebar-menu {} 
.chiller-theme.toggled .sidebar-wrapper .sidebar-menu .sidebar-submenu {position: static;margin-top: 0px; width: auto;border: none;padding-left: 0px;} 
.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-submenu {position: absolute;margin-top: -30px;left: 41px;width: 150px;border: 1px solid #f3f3f3;padding-left: 5px;border-radius:4px;overflow:inherit !important;} 
.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-submenu .sidebar-submenu {margin-top: -5px; left: 15px;top:100%;} 
.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-submenu li {padding-left: 5px;} 


/*--------------------------page-content-----------------------------*/
.page-wrapper .page-content{display:inline-block;width:100%;padding-left:40px;padding-top:1px}
/*.page-wrapper .page-content>div{padding:20px 40px}*/
.page-wrapper .page-content{overflow-x:hidden}
.tDD{transform: translateY(-2px);}
.tDD1{transform: translateY(-1px);}
.tDD2{transform: translateY(2px);}

/*-----------------------------chiller-theme-------------------------------------------------*/
.chiller-theme .sidebar-wrapper{background:#fff;border-right: 1px solid #e7ebef;}
.chiller-theme .sidebar-wrapper .sidebar-header,.chiller-theme .sidebar-wrapper .sidebar-menu,.chiller-theme .sidebar-wrapper .sidebar-search{}
.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text,.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu{border-color:transparent;box-shadow:none}
.chiller-theme .sidebar-footer>a,.chiller-theme .sidebar-wrapper .sidebar-brand>a,.chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-role,.chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-status,.chiller-theme .sidebar-wrapper .sidebar-menu ul li a,.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text,.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu{color:#494a4a;/*color: #778DA2;*/ font-weight:500; font-size: 14px;}
.chiller-theme .sidebar-footer>a:hover i,.chiller-theme .sidebar-wrapper .sidebar-brand>a:hover,.chiller-theme .sidebar-wrapper .sidebar-header .user-info,.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active>a,.chiller-theme .sidebar-wrapper .sidebar-menu ul li:hover>a{color:#002e74;font-weight: 600;}
.chiller-theme .sidebar-wrapper .sidebar-dropdown .sidebar-submenu li a:hover:before,.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active a i,.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu:focus+span,.chiller-theme .sidebar-wrapper ul li:hover a i{color:#344054;text-shadow:0 0 10px rgba(22,199,255,.5)}
.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown div,.chiller-theme .sidebar-wrapper .sidebar-menu ul li a i,.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text,.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu{background:#fbfcff;font-size: 14px;margin-right: 5px;}
.chiller-theme .sidebar-wrapper .sidebar-menu ul li a i {height:15px;width:15px;}
.chiller-theme .sidebar-wrapper .sidebar-menu .header-menu span{color:#6c7b88}
.chiller-theme.toggled .sidebar-wrapper .sidebar-menu ul li a {text-align:left;}
.chiller-theme .sidebar-wrapper .sidebar-menu ul li a {/*text-align:right;*//*padding-right:40px;*/} 
.chiller-theme.toggled .sidebar-wrapper .sidebar-menu ul li a span {display:inline-block;} 
.chiller-theme .sidebar-wrapper .sidebar-menu ul li a span {display:none;} 
.chiller-theme.toggled .sidebar-wrapper .sidebar-menu ul li ul li a {font-size:13px;padding: 6px 2px 6px 2px;} 
.chiller-theme .sidebar-wrapper .sidebar-menu ul li ul li a {font-size:13px;padding:2px;padding-right:8px;} 
.chiller-theme.toggled .sidebar-wrapper .sidebar-menu ul li ul li a span {display:inline-block;} 
.chiller-theme .sidebar-wrapper .sidebar-menu ul li ul li a span {display:inline-block;} 
.chiller-theme.toggled .sidebar-wrapper .sidebar-menu ul li.active .selected {font-weight: 600;} 
.chiller-theme.toggled .sidebar-wrapper .sidebar-menu ul ul ul li.active .selected {color:#002e74;font-weight: 600;} 

.chiller-theme.toggled .sidebar-wrapper {}
.chiller-theme .sidebar-wrapper {/*left: -100px;*/ left:0;}
.chiller-theme.toggled .sidebar-wrapper .sidebar-menu .sidebar-dropdown>a:after {display:inline-block;}
.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown>a:after {/*display:none;*/right: 8px;top: 9px;font-size: 15px;}
.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-dropdown>a:after {top: 0px;}
.chiller-theme.toggled .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-dropdown>a:after {top: 4px;}
.chiller-theme .sidebar-wrapper-toggled.sidenav-toggled-open .app-content {margin-left: 235px;} 

.chiller-theme.toggled {}
.chiller-theme.toggled {}
.chiller-theme {}

/* Compact icon rail sidebar */
.page-wrapper .page-content {
    padding-left: 62px;
}

.page-wrapper.toggled .page-content {
    padding-left: 160px;
}

.chiller-theme .sidebar-wrapper {
    left: 0;
    width: 62px;
    background: #fff;
    border-right: 1px solid #e7ebef;
    box-shadow: 8px 0 18px rgba(44, 62, 80, .05);
}

.chiller-theme.toggled .sidebar-wrapper {
    width: 160px;
    height: auto;
    max-height: calc(100vh - 65px);
    overflow-y: auto;
}

.toggleIcons {
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#show-sidebar,
#show-sidebar:focus,
#show-sidebar:active,
.page-wrapper.chiller-theme.toggled #close-sidebar {
    position: static;
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #344054;
    font-size: 18px;
}

.page-wrapper.toggled #show-sidebar {
    display: none;
}

.page-wrapper #close-sidebar {
    display: none;
}

.page-wrapper.toggled #close-sidebar {
    display: inline-flex;
}

.chiller-theme .sidebar-wrapper .sidebar-menu,
.chiller-theme.toggled .sidebar-wrapper .sidebar-menu {
    height: calc(100% - 54px);
    margin-top: 0;
    overflow: visible;
}

.sidebar-wrapper .sidebar-menu .sideMenuBox {
    height: 100%;
    padding-bottom: 16px;
}

.sidebar-wrapper .sidebar-menu nav.navbar,
.sidebar-wrapper .sidebar-menu #navbarWraps {
    display: block !important;
    width: 100%;
}

.sidebar-wrapper .sidebar-menu ul.prNav {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    width: 100%;
}

.sidebar-wrapper .sidebar-menu ul.prNav > li {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
}
.page-wrapper.chiller-theme.toggled .sidebar-wrapper .sidebar-menu ul.prNav > li {
    display: block;
}

.sidebar-wrapper .sidebar-menu ul.prNav > li > a {
    width: 35px;
    height: 35px;
    padding: 0;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.chiller-theme.toggled .sidebar-wrapper .sidebar-menu ul.prNav {
    align-items: stretch;
    gap: 2px;
    padding: 0 8px;
}

.chiller-theme.toggled .sidebar-wrapper .sidebar-menu ul.prNav > li > a {
    width: 100%;
    justify-content: flex-start;
    gap: 4px;
    padding: 0 4px;
}

.chiller-theme .sidebar-wrapper .sidebar-menu ul li a i {
    background: transparent;
}
.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown div {
    background: #fff;
}

.sidebar-wrapper .sidebar-menu ul li a i,
.chiller-theme .sidebar-wrapper .sidebar-menu ul li a i {
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin: 0;
    color: #333;
    font-size: 15px;
    border-radius: 0;
}

.chiller-theme .sidebar-wrapper .sidebar-menu ul li a span {
    display: none;
}

.chiller-theme.toggled .sidebar-wrapper .sidebar-menu ul li a span {
    display: inline-block;
}

.chiller-theme .sidebar-wrapper .sidebar-menu ul.prNav > li.active > a,
.chiller-theme .sidebar-wrapper .sidebar-menu ul.prNav > li > a.selected,
.chiller-theme .sidebar-wrapper .sidebar-menu ul.prNav > li > a:has(.selected),
.chiller-theme .sidebar-wrapper .sidebar-menu ul.prNav > li > a:hover {
    background: #002e74;
    color: #fff;
    box-shadow: 0 10px 18px rgba(36, 61, 154, .22);
}

.chiller-theme .sidebar-wrapper .sidebar-menu ul.prNav > li.active > a i,
.chiller-theme .sidebar-wrapper .sidebar-menu ul.prNav > li > a.selected i,
.chiller-theme .sidebar-wrapper .sidebar-menu ul.prNav > li > a:has(.selected) i,
.chiller-theme .sidebar-wrapper .sidebar-menu ul.prNav > li > a:hover i {
    color: #fff;
    text-shadow: none;
}

.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown > a:after {
    display: none;
}

.chiller-theme.toggled .sidebar-wrapper .sidebar-menu .sidebar-dropdown > a:after {
    display: inline-block;
    right: 10px;
    top: 8px;
}

.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-submenu {
    left: 61px;
    top: 0;
    margin-top: 0;
    width: 170px;
    padding: 6px;
    border: 1px solid #e7ebef;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 14px 30px rgba(16, 24, 40, .12);
}

.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-submenu li {
    padding-left: 0;
}

.chiller-theme .sidebar-wrapper .sidebar-menu ul li ul li a {
    padding: 6px 8px;
    border-radius: 6px;
    color: #344054;
}

.chiller-theme .sidebar-wrapper .sidebar-menu ul li ul li a:hover,
.chiller-theme .sidebar-wrapper .sidebar-menu ul li ul li a.selected {
    background: #f2f5fb;
    color: #002e74;
}

/* Small sidebar flyout active item matches expanded sidebar active color */
.chiller-theme:not(.toggled) .sidebar-wrapper .sidebar-menu ul li ul li a.selected {
    background: #002e74;
    color: #fff;
}

/* Show submenu flyout on hover in small (collapsed) sidebar */
.chiller-theme:not(.toggled) .sidebar-wrapper .sidebar-menu ul.prNav > li.sidebar-dropdown:hover > .sidebar-submenu {
    display: block !important;
}

.chiller-theme:not(.toggled) .sidebar-wrapper .sidebar-menu ul.prNav > li.sidebar-dropdown:hover > a {
    background: #002e74;
    color: #fff;
    box-shadow: 0 10px 18px rgba(36, 61, 154, .22);
}

.chiller-theme:not(.toggled) .sidebar-wrapper .sidebar-menu ul.prNav > li.sidebar-dropdown:hover > a i {
    color: #fff;
    text-shadow: none;
}

.chiller-theme.toggled .sidebar-wrapper .sidebar-menu .sidebar-submenu {
    position: static;
    width: auto;
    padding: 0 0 0 8px;
    border: 0;
    box-shadow: none;
}

.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;} 

.notification-popup{position:absolute;top:45px;right:35px;width:310px;max-height:400px;overflow-y:auto;background:#e9f5ff;border:1px solid #ccc;box-shadow:0 4px 8px rgba(0,0,0,.1);list-style:none;padding:0;margin:0;display:block;z-index:999;border-radius:6px}
.notification-popup li{padding:10px;border-bottom:1px solid #dfdada;cursor:pointer}
.notification-popup li strong{font-size:12px}
.notification-popup li span{cursor:pointer;font-size:12px;font-weight:500;color:#333}
.notification-popup li.unread{background-color:#fff;font-weight:700}
.notification-popup li:hover{background-color:#fff}
.notification-popup::-webkit-scrollbar{width:4px}
.notification-popup::-webkit-scrollbar-horizontal{height:4px}
.notification-popup::-webkit-scrollbar-track{background:#f1f1f1}
.notification-popup::-webkit-scrollbar-thumb{background-color:#888;border-radius:6px;border:2px solid transparent}
.notification-popup::-webkit-scrollbar-thumb:hover{background:#555}
.bell-container{position:relative;}
.bell-container .bell-box {margin-right:140px;margin-top:20px}
.bell-container .bell-box .fa.fa-bell{font-size:20px}
.bell-container .bell-box .badge{border-radius:50%;padding:3px 5px;position:absolute;top:-11px;left:5px;font-size:10px;background-color:red}
.notifyWrap {position:relative;bottom:30px;right:20px;z-index:995;}
.notifyWrap {}
.notifyWrap ul {}
.notifyWrap ul li {list-style:none;}
.notifyWrap ul li .msgHd {font-size:13px;font-weight:500;color:#002e74;margin:0; margin-bottom:2px;}
.notifyWrap ul li .msgPara {font-size:12px;font-weight:400;color:#333;margin-bottom:0;}
.notifyWrap ul li .card {margin-bottom:5px;background-color: #daeeff;}
.notifyWrap ul li .card-body {padding: 10px;}


.bell-container .notification-header .badge {position:static;background-color:red;border-radius:25px;}
.notification-panel{width:360px;border:1px solid #ddd;border-radius:10px;box-shadow:0 0 15px rgba(0,0,0,.1);background-color:#fff;padding:0;top: 35px; right: calc(100% - 40px);}
.bell-container::after {content: '';position: absolute;bottom: -20px;left: -4px;width: 0;height: 0;border-left: 15px solid #ffffff00;border-right: 15px solid #ffffff00;border-top: 15px solid #ffffff00;border-bottom: 20px solid #ececec;}
.bell-container.afterHide::after {display:none;}
.notification-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1px;padding:12px 15px;/*border-bottom: 1px solid #e5e5e5;*/}
.notification-header .badge{font-size:12px}
.notification-header .btn, .notification-header .btn:hover {font-size:11px;padding: 3px 10px;background-color:#fff; color: #333;border-color: #ccc;}
.notification-item{display:flex;align-items:flex-start;padding:10px 15px;border-radius:8px;transition:background .3s;border-bottom: 1px solid #efefef;}
.notification-item:hover{background-color:#f8f9fa}
.notification-icon{min-width:36px;height:36px;background-color:#E6EEFA;color: #5D6679;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:10px; font-size: 15px;}
.notification-content{flex-grow:1;color:#383E49; line-height: 16px;}
.notification-content strong{font-weight:500;}
.notification-time{font-size:12px;color:#999}
.notification-close{cursor:pointer;color:#999;font-size: 18px;}
.notification-close:hover{color:#000}

.notification-stack{position:fixed;width:300px;margin:auto;right: 25px; bottom: 35px;}
.notification-stack .notification-card,.notification-stack .notification-layer{background:#E6EEFA;border-radius:4px;box-shadow:0px 0px 5px #d7d7d7; padding:12px 15px;}          
.notification-stack .notification-layer:first-child{transform:translate(12px,6px);z-index:1}
.notification-stack .notification-layer:nth-child(2){transform:translate(6px,3px);z-index:2}
.notification-stack .notification-card{display:flex;align-items:center;z-index:3}
.notification-stack .notification-card::after{content:'';position:absolute;bottom:-20px;right:2px;width:0;height:0;border-left:4px solid transparent;border-right:20px solid transparent;border-top:20px solid #e3ecfb}
.notification-stack .notification-iconB{background-color:#fff;color:#5D6679;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;margin-right:15px;box-shadow:0 1px 3px rgba(0,0,0,.1);font-size:15px;}
.notification-stack .notification-content{flex:1}
.notification-stack .notification-content strong{font-size:13px;color:#383E49;font-weight:400}
.notification-stack .notification-time{font-size:12px;color:#383E49;font-weight:500}
.notification-stack .notification-content small{font-size:11px;color:#858D9D}
.notifyWrap .notification-stack:nth-child(1) {z-index:3;}
.notifyWrap .notification-stack:nth-child(2) {bottom: 43px;right: 35px;z-index: 2;}
.notifyWrap .notification-stack:nth-child(3) {bottom: 50px;right: 42px;z-index: 1;}


.modal-body tr:nth-child(odd).bg-green {background-color: #b7e3c9 !important;}
.modal-body tr:nth-child(odd).bg-red {background-color: #f7cfcf !important;}
.modal-body tr:nth-child(even).bg-green {background-color: #b7e3c9 !important;	}
.modal-body tr:nth-child(even).bg-red {background-color: #f7cfcf !important;} 
.modal-body tr:nth-child(odd).bg-green td {background-color: #b7e3c9 !important;}
.modal-body tr:nth-child(odd).bg-red td {background-color: #f7cfcf !important;}
.modal-body tr:nth-child(even).bg-green td {background-color: #b7e3c9 !important;	}
.modal-body tr:nth-child(even).bg-red td {background-color: #f7cfcf !important;} 	
.completedProjectsCount {color: #00c100;}
.totalProjectsCount {color: #c10000;}

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

.tableScrollFix .table thead tr {

    background-color: #444746!important;
}

.troggleBTN{

}

.createProjectModal {}
.createProjectModal.modal.show .modal-dialog {top:0;}
.rcntPrGrid {
    overflow-y: auto;
    max-height: 220px;
    margin-top: 0px;
}
.projLinkGrid td, .projLinkGrid th {white-space:nowrap !important;}
.projLinkGrid th {border:1px solid #5a5a5a;}
/*.tokenbtnDiv.nwRow {top:30px;}*/
/*.tokenbtnDiv.nwRow .btn {padding:4px; font-size:11px;}*/
.linksTo.nwlink {position:static;}
.tableGridLine tr td, .tableGridLine tr th { white-space: nowrap !important;}
.tableGridLine .btn {padding:6px 7px;}
.boxshd{box-shadow:0 1px 3px 0 #2021241f!important;}

/*New DB Page UI*/
.highcharts-credits {display:none;}
.newDBPg tr td, .newDBPg tr th { white-space: nowrap !important;}
.newDBPg .card{border:none;border-radius:8px;box-shadow:0 0 15px rgba(0,0,0,.05);background-color:#fff;margin:0; margin-bottom:20px; padding: 14px 12px;/*height:100%*/}
.newDBPg .statsCardBox .card.valBox{background-color:#fff;margin-bottom:15px;height:auto;box-shadow:0 0 5px #dddddd;}
.newDBPg .card-header{background-color:#fff;/*border-bottom:1px solid #f0f0f0;*/padding:10px 10px;border-radius:8px 8px 0 0!important}
.newDBPg .card-title{font-size:15px;font-weight:700;color:#333;margin-bottom:0}
.newDBPg .custom-dropdown-btn{background-color:#dd2c00;color:#fff;border:none;border-radius:4px;padding:8px 15px;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:space-between;min-width:130px}
.newDBPg .custom-dropdown-btn:active,.custom-dropdown-btn:focus,.custom-dropdown-btn:hover,.show>.custom-dropdown-btn.dropdown-toggle{background-color:#b71c1c!important;color:#fff!important;box-shadow:none!important}
.newDBPg .custom-dropdown-btn::after{color:#fff;margin-left:10px}
.newDBPg .custom-dropdown-menu{border:1px solid #e3e3e3;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);padding:8px 0;margin-top:8px;min-width:100%}
.newDBPg .custom-dropdown-menu .dropdown-item{color:#666;font-size:14px;padding:8px 15px;font-weight:400}
.newDBPg .custom-dropdown-menu .dropdown-item:hover{background-color:#fff8e1;color:#dd2c00}
.newDBPg .btn-add-project{background-color:#002e74;color:#fff;font-size:13px;font-weight:600;border-radius:4px;padding:7px 15px;border:none;display:flex;align-items:center}
.newDBPg1 .btn-add-project{background-color:#002e74;color:#fff;font-size:13px;font-weight:600;border-radius:4px;padding:7px 15px;border:none;}
.newDBPg .btn-add-project:hover{background-color:#002e74;color:#fff;text-decoration:none}
.newDBPg .btn-outline-custom{border:1px solid #e3e3e3;color:#333;background:#fff;font-size:13px;border-radius:4px;padding:6px 15px}
.newDBPg .table thead th{border-top:none;border-bottom:1px solid #f0f0f0;font-size:13px;font-weight:700;color:#212529;background-color:#f9f9f9;text-align:left;padding:10px 10px}
.newDBPg .table td{/*border-top:1px solid #f5f5f5;*/padding:10px 10px;color:#333;font-size:14px;font-weight:500;text-align:left}
.newDBPg tr:nth-child(even) td {background-color: #fafafa !important;}
.newDBPg .badge-custom{padding:5px 10px;border-radius:4px;border:1px solid transparent;min-width:75px}
.newDBPg .badge-high{background-color:#ffebee;color:#d32f2f;border-color:#ffcdd2}
.newDBPg .badge-medium{background-color:#fff8e1;color:#ff8f00;border-color:#ffecb3}
.newDBPg .highcharts-figure{min-width:100%;margin:0}
.newDBPg #containerProjectStage{height:350px}
.newDBPg .modal.fade:not(.show) .modal-dialog.modal-dialog-slideout, .newDBPg1 .modal.fade:not(.show) .modal-dialog.modal-dialog-slideout{transform:translate(100%,0)}
.newDBPg .modal.fade.show .modal-dialog.modal-dialog-slideout, .newDBPg1 .modal.fade.show .modal-dialog.modal-dialog-slideout{transform:translate(0,0);display:flex;align-items:stretch;height:100%}
.newDBPg .modal-dialog-slideout{min-height:100%;margin:0 0 0 auto;background:#fff;max-width:750px;width:100%}
.newDBPg .modal.fade .modal-dialog.modal-dialog-slideout{transition:transform .3s ease-out}
.newDBPg .modal-content{border:none;border-radius:0;height:100%;display:flex;flex-direction:column}
.newDBPg .modal-body{overflow-y:auto;padding:15px}
.newDBPg .modal-body .form-group label,.newDBPg1 .modal-body .form-group label {margin-bottom:1px;}
.newDBPg .form-group label{font-size:13px;font-weight:600;color:#333;margin-bottom:8px}
.newDBPg .text-danger{color:#dd2c00!important}
.newDBPg .bootstrap-select .dropdown-toggle{background-color:#fff;border:1px solid #e3e3e3;color:#495057;padding:10px 15px}
.newDBPg .bootstrap-select .dropdown-toggle:focus{outline:0!important;border-color:#dd2c00!important;box-shadow:none!important;background-color:#fff}
.newDBPg .form-control-custom{height:48px;border:1px solid #e3e3e3;border-radius:4px;font-size:14px;padding:10px 15px}
.newDBPg .tag-container{border-bottom:1px solid #a9a9a9;border-radius:4px;min-height:40px;padding:2px 10px;display:flex;align-items:center}
.newDBPg .user-tag{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:2px 6px;font-size:13px;color:#555;display:flex;align-items:center}
.newDBPg .user-tag img{width:20px;height:20px;border-radius:50%;margin-right:6px}
.newDBPg .user-tag .close-btn{margin-left:8px;cursor:pointer;color:#aaa;font-weight:700}
.newDBPg .avtlogo{height:30px}
.newDBPg .form-control.customDWN{border-bottom:none}
.newDBPg .grpTxt {margin-top:0;}
.newDBPg1 .modal.fade.show .modal-dialog.modal-dialog-slideout{transform:translate(0,0);display:flex;align-items:stretch;height:100%}
.newDBPg1 .modal-dialog-slideout{min-height:100%;margin:0 0 0 auto;background:#fff;max-width:750px;width:100%}
.newDBPg1 .modal.fade .modal-dialog.modal-dialog-slideout{transition:transform .3s ease-out}
.newDBPg1 .modal-content{border:none;border-radius:0;height:100%;display:flex;flex-direction:column}
.newDBPg1 .modal-body{overflow-y:auto;padding:25px}
.newDBPg1 .form-group label{font-size:13px;font-weight:600;color:#333;margin-bottom:8px}

.newDtlsPg .header-info-col{padding:0 20px;border-right:1px solid #dee2e6}
.newDtlsPg .header-info-col:first-child{padding-left:0}
.newDtlsPg .header-info-col:last-child{border-right:none}
.newDtlsPg .header-info-col .info-label{font-size:10px;font-weight:600;color:#8a94a6;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:2px}
.newDtlsPg .header-info-col .info-value{font-size:14px;font-weight:700;color:#1e293b}
.newDtlsPg .header-info-col .info-value .textWraps.hPrname { max-width: 330px;}
.newDtlsPg .header-info-col .info-value .textWraps.hPrname:hover {white-space: nowrap;text-overflow: ellipsis;}
.newDtlsPg .status-pill{display:flex;align-items:center;border:1px solid #dee2e6;border-radius:8px;padding:5px 10px;background:#fff;margin-right:10px}
.newDtlsPg .status-dot-active{width:9px;height:9px;border-radius:50%;background-color:#28a745;margin-right:6px;flex-shrink:0}
.newDtlsPg .status-pill select{border:none!important;outline:0!important;background:0 0;font-size:14px;font-weight:600;color:#1e293b;padding:0;cursor:pointer}
.newDtlsPg .card-section-header{display:flex;align-items:center;margin-bottom:14px;font-weight:700;color:#333;text-transform:uppercase;}
.newDtlsPg .card-section-icon{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;margin-right:9px;font-size:13px}
.newDtlsPg .card-section-icon.blue-icon{background:#e8f1fd;color:#2b6cb0}
.newDtlsPg .card-section-icon.green-icon{background:#e6f4ea;color:#27803a}
.newDtlsPg .commercials-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.newDtlsPg .commercial-item{background:#f7f9fc;border-radius:8px;padding:10px 14px;position:relative}
.newDtlsPg .commercial-item .editCom {cursor:pointer;position:absolute;right:5px;color: #333;font-size: 12px;}
.newDtlsPg .commercial-label{font-size:11px;color:#333;display:block;margin-bottom:3px}
.newDtlsPg .commercial-value{font-size:16px;font-weight:700;color:#1e293b;line-height:1.1}
.newDtlsPg .commercial-unit{font-size:12px;font-weight:500;color:#8a94a6;margin-left:2px}
.newDtlsPg .pipeline-title{display:flex;align-items:center;font-size:14px;font-weight:700;color:#1e293b;margin-bottom:10px}
.newDtlsPg .pipeline-title i{color:#5a6a7e;margin-right:7px}


/*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:15px}
.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:#e3e9f4;color:#002e74;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:#002e74;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:#4c4c4c;font-weight:500;padding:6px 13px;border-bottom:3px solid transparent;cursor:pointer; text-transform: capitalize;font-size:15px;background-color:#f3f3f3;}
.newDtlsPg .tab-pane .custom-tabs .nav-link {font-size:14px !important;}
.newDtlsPg .tab-pane .tab-pane .custom-tabs .nav-link {font-size:13px !important;}
.newDtlsPg .custom-tabs .nav-link.active{color:#333;border-bottom:1px solid #90a6c8;background: #d5e1f8;}
.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:#3f474e;font-size:13px}
.newDtlsPg .text-value{font-weight:500;font-size:14px;color:#333;}
.newDtlsPg .projectInfLeft .text-value{font-size:13px;display: flex;justify-content: flex-end; align-items: center;}
.newDtlsPg .text-value .textWraps {max-width:135px;line-height:14px;}
.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:#002e74;color:#fff;font-size:13px;font-weight:600;border-radius:4px;padding:8px 15px;border:none;display:flex;align-items:center}
.newDtlsPg .btn-add-project:hover{background-color:#002e74;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:20px}
.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;}
.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:#002e74!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;}

.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);}


/*select {
    appearance: none; 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    background-image: url(../images/arrow-white.svg);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 18px;
    cursor: pointer;
}*/
.projectFlagSEl,.projectFlagSEl:focus{background-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;}
.projectFlagSEl:focus option{background-color:#fff;color:#333}
.projectFlagSEl.active-p{background-color:rgb(0, 128, 0);color:#fff}
.projectFlagSEl.inactive-p{background-color:rgb(255, 167, 7);color:#fff}
.projectFlagSEl.onhold-p{background-color:rgb(13, 244, 255);color:#fff}
.projectFlagSEl.closed-p{background-color:rgb(255, 0, 0);color:#fff}
.projectFlagSEl.invoiced-p{background-color:rgb(180, 82, 255);color:#fff}


/* ===== Redesigned page header ===== */
.pd-page-head{display:flex;align-items:center;gap:14px}
.pd-page-head .page-title-left{float:none!important;margin:0!important}
.pd-page-head .backBtns{background:#002e74!important;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;padding:1px 6px;font-size:16px}
.pd-page-title{font-size:20px;font-weight:700;color:#1f2d3d;margin:0}
.pd-page-head .topProjectcode{float:none!important;margin:0 0 0 auto!important;font-size:13px;color:#6b7280}

/* ===== Redesigned tab strip ===== */
#projectList.projectListDtl .nav-tabs.pd-tabs{margin-top:0;margin-bottom:12px;border:0;display:flex;flex-wrap:wrap;gap:10px;background:#fff;padding:12px;border-radius:12px;box-shadow:0 1px 3px rgba(16,24,40,.08)}
#projectList.projectListDtl .pd-tabs .nav-item{margin:0}
#projectList.projectListDtl .pd-tabs .nav-link{display:flex;align-items:center;gap:8px;border:1px solid #f0f6ff;border-radius:8px;padding:8px 12px;margin-bottom:0;color:#475467;font-weight:600;font-size:13px;line-height:1.15;background:#f0f6ff;cursor:pointer;transition:all .15s ease;min-height:60px;line-height:18px}
#projectList.projectListDtl .pd-tabs .nav-link i{font-size:20px}
#projectList.projectListDtl .pd-tabs .nav-link:hover{border-color:#78a0de;color:#002e74; background: #e0ecff;}
#projectList.projectListDtl .pd-tabs .nav-link.active{background:#002e74!important;border-color:#002e74!important;color:#fff!important}
#projectList.projectListDtl .card-body{padding:15px;}
#projectList.projectListDtl .linksTo{position:absolute;top:0;right:5px;z-index: 9;}
#projectList.projectListDtl #ProjectMapping .linksTo, #projectList.projectListDtl #PreScreen1 .linksTo {position:static;}
    
/* ----- Summary card ----- */
.pd-summary{background:#fff;border:1px solid #e6e8ec;border-radius:14px;padding:20px;margin-bottom:12px}
.pd-summary-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.pd-summary-id{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.pd-code-badge{background:#ebf3ff;color:#002e74;font-weight:700;border-radius:6px;padding:4px 12px;font-size:13px}
.pd-status{display:inline-flex;align-items:center;gap:6px;color:#475467;font-size:13px;font-weight:600}
.pd-status .fa-square{font-size:11px}
.pd-proj-name{font-size:22px;font-weight:700;color:#1f2d3d;margin:14px 0 10px}
.pd-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px;color:#1b1b1b;font-size:13px}
.pd-meta .pd-badge{border:1px solid #d0d5dd;border-radius:6px;padding:2px 10px;font-weight:600;font-size:12px;background:#ebf3ff;color:#002e74}
.pd-meta .pd-dot{width:4px;height:4px;border-radius:50%;background:#cbd2dc;display:inline-block}
.pd-actions.linksTo{display:flex;align-items:center;gap:1px;flex-wrap:wrap;margin:0;padding:0;list-style:none;position:static;}
.pd-actions li{list-style:none}

/* ----- KPI strip ----- */
.pd-kpi-strip{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))!important;background:#fff;border:1px solid #e6e8ec;border-radius:10px;overflow:hidden;margin-top:15px;width:100%!important}
.pd-kpi{padding:10px 10px;border-left:1px solid #eef0f3!important;}
.pd-kpi:first-child{border-left:0}
.pd-kpi-label{color:#002e74;font-weight:600;font-size:13px}
.pd-kpi-value{font-size:24px;font-weight:700;color:#1f2d3d;margin:0;min-height:40px;display:flex;align-items:center}
.pd-kpi-value small{font-size:12px;color:#8a93a5;font-weight:600}
.pd-kpi-sub{color:#2e2e2e;font-size:12px}
.pd-kpi-strip .pd-kpi:nth-child(3n+1){border-left:0}

@media (max-width: 1200px) {
    .pd-kpi-strip {grid-template-columns: repeat(3, 1fr);}
    .pd-kpi-strip .pd-kpi:nth-child(3n+1) {border-left: 0;}
}

@media (max-width: 600px) {
    .pd-kpi-strip {grid-template-columns: repeat(2, 1fr);}
}


/* ===================== Project Detail redesign ===================== */
.projectListPG .pd-redesign{--pd-accent:#002e74}
.projectListPG .pd-card{background:#fff;border:1px solid #e6e8ec;border-radius:14px;overflow:hidden;margin-bottom:18px}
.projectListPG .pd-card-head{background:#dbdbdb;padding:8px 15px;font-weight:700;color:#1f2d3d;font-size:15px;display:flex;align-items:center;/* justify-content:space-between */}
.projectListPG .pd-card-body{padding:18px}
.projectListPG .pd-help{color:#8a93a5;font-size:13px;margin:-4px 0 16px}

/* ----- Project information grid ----- */
.projectListPG .pd-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 28px}
.projectListPG .pd-info-item {border-bottom:1px solid #eaeaea;}
.projectListPG .pd-info-item .pd-label{color:#2e2e2e;font-size:13px;margin-bottom:4px}
.projectListPG .pd-info-item .pd-value{color:#1f2d3d;font-size:13px;font-weight:500;word-break:break-word;min-height:20px;margin-bottom:2px;}
.projectListPG .pd-info-item.full{grid-column:1/-1}

@media (max-width:992px){
.projectListPG .pd-info-grid{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:600px){
.projectListPG .pd-info-grid{grid-template-columns:1fr}
}

/* ----- Filter toggle cards ----- */
.projectListPG .pd-fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}

@media (max-width:992px){
.projectListPG .pd-fgrid{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:600px){
.projectListPG .pd-fgrid{grid-template-columns:1fr}
}

.projectListPG .pd-fcard{display:flex;align-items:center;gap:12px;border:1px solid #e2e2e2;border-radius:12px;padding:14px;background:#fafafa}
.projectListPG .pd-fcard:has(input:checked){border-color:#bcd1f5;background:#f6f9ff}
.projectListPG .pd-fcard-icon{font-size: 18px;width:38px;height:38px;border-radius:9px;background:#fff; display:flex; align-items:center; justify-content:center;color:#475467;flex:0 0 auto; border: 1px solid #d7d8da;}
.projectListPG .pd-fcard:has(input:checked) .pd-fcard-icon{background:#fff;color:#002e74; border: 1px solid #d7d8da;}
.projectListPG .pd-fcard-body{flex:1 1 auto;min-width:0}
.projectListPG .pd-fcard-title{font-weight:700;color:#1f2d3d;font-size:14px}
.projectListPG .pd-fcard-sub{color:#717171;font-size:12px;margin-top:2px}
.projectListPG .pd-fcard-sub .control-label1{margin:0;font-size:12px;font-weight:600;color:#475467}

/* ----- Toggle switch (read-only, reflects checkbox state) ----- */
.projectListPG .pd-switch{position:relative;display:inline-block;width:32px;height:19px;flex:0 0 auto;margin:0}
.projectListPG .pd-switch input{opacity:0;width:0;height:0;position:absolute}
.projectListPG .pd-slider{position:absolute;inset:0;background:#c2c2c2;border-radius:24px;transition:.2s;cursor:no-drop;}
.projectListPG .pd-slider:before{content:"";position:absolute;height:12px;width:12px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 1px 2px rgba(0,0,0,.25)}
.projectListPG .pd-switch input:checked+.pd-slider{background:#002e74}
.projectListPG .pd-switch input:checked+.pd-slider:before{transform:translateX(14px)}

/* ----- Redirect / postback link rows ----- */
.projectListPG .pd-link-row{display:grid;grid-template-columns:180px 1fr;gap:5px;padding:8px 0;border-bottom:1px dashed #eaeaea;}
.projectListPG .pd-link-row:last-child{border-bottom:0}
.projectListPG .pd-link-label{color:#475467;font-weight:600;font-size:13px}
.projectListPG .pd-link-val{font-size:13px;color:#1f2d3d;word-break:break-all}
.projectListPG .pd-link-val .copySupURL{cursor:pointer;color:#002e74;margin-right:8px}

@media (max-width:600px){
.projectListPG .pd-link-row{grid-template-columns:1fr}
}

/* ----- Supplier mapped toggle ----- */
.projectListPG .pd-supplier-toggle{display:inline-flex;align-items:center;gap:8px;color:#002e74;font-weight:600;cursor:pointer}


/* ----- Manager Mapping Page ----- */
.managerMapWrap { margin-bottom: 70px; } 
.managerMapWrap .mm-card { background: #fff; border: 1px solid #e5e7eb; border-radius: 12px; display: flex; flex-direction: column; height: 100%; }
.managerMapWrap .mm-card-client { border-top: 3px solid #002e74; }
.managerMapWrap .mm-card-supplier { border-top: 3px solid #0d9488; } 
.managerMapWrap .mm-card-header { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px 12px; border-bottom: 1px solid #f3f4f6; }
.managerMapWrap .mm-card-header-left { display: flex; align-items: center; gap: 10px; }
.managerMapWrap .mm-card-icon { width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 15px; flex-shrink: 0; }          
.managerMapWrap .mm-card-icon-client { background: #eff6ff; color: #002e74; }
.managerMapWrap .mm-card-icon-supplier { background: #f0fdfa; color: #0d9488; }
.managerMapWrap .mm-card-title { font-size: 14px; font-weight: 700; color: #111827; line-height: 1.3; }
.managerMapWrap .mm-card-subtitle { font-size: 11px; color: #9ca3af; margin-top: 1px; }
.managerMapWrap .mm-count-badge { width: 26px; height: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; color: #fff; flex-shrink: 0; }
.managerMapWrap .mm-count-badge-client { background: #002e74; }
.managerMapWrap .mm-count-badge-supplier { background: #0d9488; } 
.managerMapWrap .mm-card-select { padding: 12px 16px; border-bottom: 1px solid #f3f4f6; }
.managerMapWrap .mm-card-select .multiselect-dropdown { border: 1px solid #e5e7eb !important; border-radius: 8px !important; background: #f9fafb; font-size: 13px; height: 36px; padding: 4px 10px; width: 100% !important; } 
.managerMapWrap .mm-card-tags { padding: 12px 16px; flex: 1; min-height: 70px; max-height: 170px; overflow-y: auto; display: flex; flex-wrap: wrap; gap: 6px; align-content: flex-start; } 
.managerMapWrap .mm-tag { display: inline-flex; align-items: center; gap: 5px; border-radius: 20px; padding: 4px 10px 4px 4px; font-size: 12px; font-weight: 500; line-height: 1; }
.managerMapWrap .mm-tag-client { background: #ebf3ff; color: #000; }
.managerMapWrap .mm-tag-supplier { background: #e9f3f3; color: #333; }
.managerMapWrap .mm-tag-code { background: rgb(202 223 255); border-radius: 12px; padding: 2px 7px; font-weight: 700; font-size: 11px; }
.managerMapWrap .mm-tag-code.sup { background: rgb(201 228 228); }
.managerMapWrap .mm-tag-remove { cursor: pointer; opacity: .75; font-size: 14px; line-height: 1; margin-left: 2px; }
.managerMapWrap .mm-tag-remove:hover { opacity: 1; } 
.managerMapWrap .mm-card-footer { display: flex; justify-content: space-between; align-items: center; padding: 10px 16px; border-top: 1px solid #f3f4f6;background-color: #f9fafb;border-radius: 0 0 15px 15px; }
.managerMapWrap .mm-footer-link { font-size: 13px; color: #333; cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; gap: 3px; }
.managerMapWrap .mm-footer-link:hover { color: #111827; } 
.managerMapWrap .mm-bottom-bar { display: flex; align-items: center; gap: 10px; }
.managerMapWrap .mm-bottom-bar .mm-summary { flex: 1; font-size: 13px; color: #374151; }
.managerMapWrap .mm-bottom-bar .mm-summary strong { font-weight: 700; color: #111827; }

/* ----- Reconciliation / IdentifierTracker Page ----- */
.rcnPage .rcn-page-header { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.rcnPage .rcn-page-icon { width: 42px; height: 42px; border-radius: 10px; background: #eff6ff; color: #002e74; display: flex; align-items: center; justify-content: center; font-size: 20px; flex-shrink: 0; }
.rcnPage .rcn-page-title { font-size: 20px; font-weight: 700; color: #111827; line-height: 1.2; margin: 0; }
.rcnPage .rcn-page-subtitle { font-size: 12px; color: #a7a7a7; font-weight: 500; margin-top: 2px; } 
.rcnPage .rcn-search-card { background: #fff; border: 1px solid #e5e7eb; border-radius: 12px; padding: 16px 20px; margin-bottom: 14px; }
.rcnPage .rcn-search-header { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; }
.rcnPage .rcn-search-label { font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #374151; }
.rcnPage .rcn-entered-badge { background: #002e74; color: #fff; font-size: 11px; font-weight: 600; border-radius: 20px; padding: 2px 10px; display: none; }
.rcnPage .rcn-textarea { border: 1px solid #d1d5db !important; border-radius: 8px !important; font-size: 13px; font-family: monospace; color: #374151; resize: vertical; min-height: 110px; }
.rcnPage .rcn-textarea:focus { border-color: #002e74 !important; box-shadow: 0 0 0 3px rgba(0,46,116,.08) !important; } 
.rcnPage .rcn-btn-panel { display: flex; flex-direction: column; gap: 8px; justify-content: center; height: 100%; }
.rcnPage .rcn-btn-row { display: flex; gap: 8px; }
.rcnPage .rcn-btn-row .btn { flex: 1;font-size:13px; padding: 6px 5px;}  
.rcnPage .rcn-table-card { background: #fff; border: 1px solid #e5e7eb; border-radius: 12px; padding: 16px 20px; }
 
.rcnPage .rcn-filter-bar { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-bottom: 14px; }
.rcnPage .rcn-pagesize-wrap { display: flex; align-items: center; gap: 6px; font-size: 13px; color: #374151; font-weight: 500; }
.rcnPage .rcn-pagesize-wrap select { border: 1px solid #d1d5db; border-radius: 6px; font-size: 13px; padding: 3px 8px; color: #374151; }
.rcn-toggle-lbl { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: #374151; cursor: pointer; margin: 0; }
.rcn-toggle-lbl input[type="checkbox"] { -webkit-appearance: none; appearance: none; width: 34px; height: 18px; background: #d1d5db; border-radius: 20px; position: relative; cursor: pointer; transition: background .2s; flex-shrink: 0; }
.rcn-toggle-lbl input[type="checkbox"]:checked { background: #002e74; }
.rcn-toggle-lbl input[type="checkbox"]::after { content: ''; position: absolute; width: 14px; height: 14px; background: #fff; border-radius: 50%; top: 2px; left: 2px; transition: left .2s; box-shadow: 0 1px 3px rgba(0,0,0,.2); }
.rcn-toggle-lbl input[type="checkbox"]:checked::after { left: 18px; } 
.rcnPage .rcn-legend { display: flex; align-items: center; gap: 10px; }
.rcnPage .rcn-legend-item { display: flex; align-items: center; gap: 5px;font-weight: 500; font-size: 13px; color: #374151; }
.rcnPage .rcn-legend-dot { width: 18px; height: 18px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; color: #fff; }
.rcnPage .rcn-legend-C { background: #002e74; }
.rcnPage .rcn-legend-R { background: #dc2626; } 
.rcnPage .rcn-tbl-search-wrap { position: relative; min-width: 180px; }
.rcnPage .rcn-tbl-search-ico { position: absolute; left: 9px; top: 50%; transform: translateY(-50%); color: #9ca3af; font-size: 12px; pointer-events: none; }
.rcnPage .rcn-tbl-search { border: 1px solid #e5e7eb; border-radius: 8px; padding: 6px 10px 6px 28px; font-size: 13px; width: 100%; color: #374151; }
.rcnPage .rcn-tbl-search:focus { border-color: #002e74; outline: none; box-shadow: none; } 
.rcnPage .rcn-status { width: 20px; height: 20px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; color: #fff; }
.rcnPage .rcn-status-C { background: #002e74; }
.rcnPage .rcn-status-T { background: #428bff; }
.rcnPage .rcn-status-R { background: #dc2626; }
.rcnPage .rcn-status-A { background: #059669; } 
.rcn-row-toggle { -webkit-appearance: none; appearance: none; width: 32px; height: 17px; background: #d1d5db; border-radius: 20px; position: relative; cursor: pointer; transition: background .2s; flex-shrink: 0; }
.rcn-row-toggle:checked { background: #002e74; }
.rcn-row-toggle::after { content: ''; position: absolute; width: 13px; height: 13px; background: #fff; border-radius: 50%; top: 2px; left: 2px; transition: left .2s; box-shadow: 0 1px 2px rgba(0,0,0,.2); }
.rcn-row-toggle:checked::after { left: 17px; }
.rcn-row-toggle:disabled { opacity: .45; cursor: not-allowed; }
.rcnPage .rcn-no-records { text-align: center; padding: 24px; color: #9ca3af; font-size: 14px; }
.rcnPage .rcn-sno { font-weight: 600; }











 
/* .projectInfLeft.col-lg-3 { min-width: 22%;}
 .projectInfRight.col-lg-9 { max-width: 76%;}*/

/*Responsive css */
@media(min-width:768px) {
 .tokenbtn{position:absolute;bottom:14px;}
 .tokenbtnDiv{position:absolute;top:23px;}
 .tokenbtnDiv.searchIdentifiersBtn{top:inherit;bottom:0;}
 .tokenbtnDiv.searchIdentifiersBtn .btn {margin-right:15px;}
 .linksTo{position:absolute;top:-65px;right:-15px;}
 
/* .chiller-theme .projectInfLeft.col-lg-3 { min-width: 20%; max-width: 20%;padding-right:2px;}
 .chiller-theme .projectInfRight.col-lg-9 { max-width: 80%;}*/
 .chiller-theme .projectInfLeft.tglL { min-width: 20%; max-width: 23%;padding-right:2px;}
 .chiller-theme .projectInfRight.tglR {  min-width: 76%; max-width: 77%;}
 .chiller-theme .projectInfLeft.tglL1 { min-width: 20%; max-width: 23%;padding-right:2px;}
 .chiller-theme .projectInfRight.tglR1 { min-width: 76%; max-width: 77%;}
}
@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;}
}
.tableUIborder .table {
    border: 1px solid #e4e4e4;
}

    .tableUIborder .table td {
        border-top: 1px solid #e4e4e4;
    }



/* ---------- 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){
 .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){
 .logo-box, body[data-layout=horizontal] .logo-box{padding-right:5px;display:flex;align-items:center;}
 .bell-container {display:none;}
 .mainNavBar .navbar{width:100%;}
 .mainNavBar .navbar .navbar-toggler{margin-right:35%;color:#fff;border-color:#002e74;background-color:#002e74;}
 .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;margin-left: 0px;}
 .grpTxt.crlTest {position: static;}
 .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;}
 .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:0;}
 .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;}
 .linksTo li.d-flex{display:inline-block !important;background-color:#002e74;color:white;text-align:center;border-radius: 4px;}
 .linksTo li.d-flex span{color:#ffffff !important;display:inline-block;padding:2px 1px;}
 .linksTo li.d-flex select.form-control{color:#ffffff;background-color:#002e74;border:none !important;/*padding:4px 10px;*/height:auto;font-size: 12px;}
 .pagesize{color:#002e74;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;}
 ul.numTabSM li.totalNM {background-color: #4a4a4a;}
 ul.numTabSM {margin-left: 0;margin-bottom: 10px;}
 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;}
  .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;}
 .mobRelI {position:relative !important;top:0!important;left:0!important;}
 .detail-list {word-break:break-all;}
 .swal-modal {width:92%;}
 #ListQuestion .ui-sortable td a i.fa-arrows-alt {display:none;}
.mob-mt-2 {margin-top:20px;}
.col-12, .col-sm-12, col-md-12, .col-md-2, .col-md-6, .col-sm-2, .col-sm-6 {padding-right: 12px !important;padding-left: 12px !important;}
#rdchartDaily, #tsignchartDaily {min-height: 380px !important;}
.apexCharts #tSignchartFailureReason, .apexCharts #RDchartFailureReason, #CategoryReject {min-height:420px !important;}
.apexCharts #tSignchartFailureReason .apexcharts-legend, .apexCharts #RDchartFailureReason .apexcharts-legend {position:absolute !important;}
.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-dropdown>a:after {top:0;}
.tokenbtn.slst {margin-right:0;}
.supRbtn .btn-bg-color {min-width:auto; margin-bottom:5px;padding:6px 12px;}
#email .linksTo.nwlink {display: block !important;} 
#email .linksTo.nwlink li {display: inline-block;margin-bottom:5px;} 
}
/* ##Device = Most of the Smartphones Mobiles (Portrait), ##Screen = B/w 320px to 479px */
@media (min-width:320px) and (max-width:480px){
 .logo-box, body[data-layout=horizontal] .logo-box{padding-right:5px;display:flex;align-items:center;}
 .bell-container {display:none;}
 .mainNavBar .navbar{width:100%;}
 .mainNavBar .navbar .navbar-toggler{margin-right:11%; margin-top: 2px;color:#fff;border-color:#002e74;background-color:#002e74;}
 .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;margin-left: 0px;}
 .grpTxt.crlTest {position: static;}
 .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;}
 .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:0;}
 .table thead th, .table td {min-width:130px !important;}
 .table .textWraps {max-width:125px !important;}
 .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;}
 .linksTo li.d-flex{display:inline-block !important;background-color:#002e74;color:white;text-align:center;border-radius: 4px;}
 .linksTo li.d-flex span{color:#ffffff !important;display:inline-block;padding:2px 1px;}
 .linksTo li.d-flex select.form-control{color:#ffffff;background-color:#002e74;border:none !important;/*padding:4px 10px;*/height:auto;font-size: 12px;}
 .pagesize{color:#002e74;margin-bottom:10px;}
 #projectList .card-body{padding:10px 12px;}
 #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;}
 ul.numTabSM li.totalNM {background-color: #4a4a4a;}
 ul.numTabSM {margin-left: 0;margin-bottom: 10px;}
 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;}
  .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;}
 .mobRelI {position:relative !important;top:0!important;left:0!important;}
 .detail-list {word-break:break-all;}
 .swal-modal {width:92%;}
 #ListQuestion .ui-sortable td a i.fa-arrows-alt {display:none;}
 .searchIdentifiersBtn {margin-top:0px;}
 .searchIdentifiersBtn.tokenbtnDiv a {display:inline-block;}
 .card-body {padding:1rem;}
 .statsTabs { padding: 5px 6px 5px 2px; font-size: 10px !important;}
 .statsTabs span {font-size:18px;}
 .statIcon {height: 24px;top:45%;}
 .table-scroll-fixed tbody td:nth-child(2){padding-left:20px!important;}
 .userNameTop {display:none;}
/*.chiller-theme.toggled .sidebar-wrapper {width: 40px;}*/
.chiller-theme .sidebar-wrapper {width: auto;}
.toggleIcons {display:none;}
.page-wrapper .page-content {padding-left:0;}
.chartWrapTxt {margin-top:0;}
.card {margin-left:0;}
.chiller-theme .sidebar-wrapper .sidebar-menu {margin-top:60px;}

.mob-mt-2 {margin-top:20px;}
.col-12, .col-sm-12, col-md-12, .col-md-2, .col-md-6, .col-sm-2, .col-sm-6 {padding-right: 12px !important;padding-left: 12px !important;}
#rdchartDaily, #tsignchartDaily {min-height: 380px !important;}
.apexCharts #tSignchartFailureReason, .apexCharts #RDchartFailureReason, #CategoryReject {min-height:420px !important;}
.apexCharts #tSignchartFailureReason .apexcharts-legend, .apexCharts #RDchartFailureReason .apexcharts-legend {position:absolute !important;}
.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-dropdown>a:after {top:0;}
.tokenbtn.slst {margin-right:0;}
.supRbtn .btn-bg-color {min-width:auto; margin-bottom:5px;padding:6px 12px;}
.prStatSelect select.form-control {padding:5px 22px !important;}
#surveyConvert {min-height: 0 !important;height: auto;}
#email .linksTo.nwlink {display: block !important;} 
#email .linksTo.nwlink li {display: inline-block;margin-bottom:5px;} 




}

@media (max-width:480px) {
 .chiller-theme .sidebar-wrapper {width: 54px;}
 .toggleIcons {display:flex;height:48px;}
 .page-wrapper .page-content {padding-left:54px;}
 .chiller-theme .sidebar-wrapper .sidebar-menu {margin-top:0;height:calc(100% - 48px);}
 .sidebar-wrapper .sidebar-menu ul.prNav {gap:6px;}
 .sidebar-wrapper .sidebar-menu ul.prNav > li > a {width:38px;height:38px;border-radius:9px;}
 .sidebar-wrapper .sidebar-menu ul li a i, .chiller-theme .sidebar-wrapper .sidebar-menu ul li a i {font-size:16px;width:20px;height:20px;line-height:20px;}
}