@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;font-size:16px;}
.pull-right{float:right;}
input[type=checkbox], input[type=radio]{margin-right:3px;}
/*.card {box-shadow: 0 3px 6px 0 rgba(32, 33, 36, .28);-webkit-box-shadow: 0 3px 6px 0 rgba(32, 33, 36, .28);-moz-box-shadow: 0 3px 6px 0 rgba(32, 33, 36, .28);}*/
footer.footer {display:none;}
.btn.disabled, .btn:disabled {background-color: #999999; cursor: no-drop;opacity:1;}
.dark-theme .btn.disabled, .dark-theme .btn:disabled {background-color: #727272 !important;}
.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    background: url('/assets/img/loader.svg') 50% 50% no-repeat rgb(249 249 249 / 75%);
    background-size: 4% !important;

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

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

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


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

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

/*--- select2 oprion with search end---*/
.card-body .ui-selectmenu-button.ui-button, .card-body .ui-selectmenu-button.ui-button:focus, .card-body .ui-state-active, .card-body .ui-widget-content .ui-state-active, .card-body .ui-widget-header .ui-state-active, .card-body a.ui-button:active, .card-body .ui-button:active, .card-body .ui-button.ui-state-active:hover, .card-body .ui-state-hover, .card-body .ui-widget-content .ui-state-hover, .card-body .ui-widget-header .ui-state-hover, .card-body .ui-state-focus, .card-body .ui-widget-content .ui-state-focus, .card-body .ui-widget-header .ui-state-focus, .card-body .ui-button:hover, .card-body .ui-button:focus {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #a9a9a9 !important;
    background: #fff;
    color: #333;
    font-size: 14px;
    font-family: "Montserrat", sans-serif !important;
    border-radius: 5px;
    border: 1px solid #c3c3c3 !important;
}
.dark-theme .card-body .ui-selectmenu-button.ui-button, .dark-theme .card-body .ui-selectmenu-button.ui-button:focus, .dark-theme .card-body .ui-state-active, .dark-theme .card-body .ui-widget-content .ui-state-active, .dark-theme .card-body .ui-widget-header .ui-state-active, .dark-theme .card-body a.ui-button:active, .dark-theme .card-body .ui-button:active, .dark-theme .card-body .ui-button.ui-state-active:hover, .dark-theme .card-body .ui-state-hover, .dark-theme .card-body .ui-widget-content .ui-state-hover, .dark-theme .card-body .ui-widget-header .ui-state-hover, .dark-theme .card-body .ui-state-focus, .dark-theme .card-body .ui-widget-content .ui-state-focus, .dark-theme .card-body .ui-widget-header .ui-state-focus, .dark-theme .card-body .ui-button:hover, .dark-theme .card-body .ui-button:focus {
    border-bottom: 1px solid #a9a9a9 !important;
    background: #232e48 !important;
    color: #c5c5c5 !important;
    border: 1px solid #333d52 !important;
}
.ui-selectmenu-icon.ui-icon {margin-top: 3px;margin-right: -10px;}
.testclass{padding-left:0;list-style:none;}
.ui-tooltip.ui-corner-all.ui-widget-shadow.ui-widget.ui-widget-content {display:none;}

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

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

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

.table-scroll-fixed.reContGrid {max-height:210px;overflow-y:auto;}
.filterInputsH, .filterInputsH:focus {height:18px;margin-left: 10px; max-width: 35px;}
.labelMrg label {margin-top:2px;}
.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;}p
.tabPanelWraps .fa-square.tracker {color: grey;}
.blink_dot {animation: blinker 1s linear infinite;}
.lineFormR .form-group .control-label {min-width: 100px;margin-top: 10px;} 
@keyframes blinker { 20% {opacity: 0.5;} 50% {opacity: 1;} 80% {opacity: 0.8;} }
.activatnkey input {width: 100%;font-size: 15px;font-weight: 600;background: #ffffffbd;color: #1b1c6f;border: #1b1c6f;padding: 8px 12px;margin-bottom: 12px;border-radius: 7px;box-shadow: 0px 1px 7px #bdbaba;}
.activatnkey button {background: #ffffffbd;color: #1b1c6f;font-size: 16px;max-height: 36px;padding: 5px 10px;border-radius: 7px;border: 0px;box-shadow: 0px 1px 7px #808080;margin-left:5px;float: right;}
.activatnkey label {font-size:16px;color:#000;font-weight:600;margin-bottom:10px;}
.PrScreensTTLs label strong {min-width:100px;display:inline-block;}
/*.mainWrap {position:relative;display:inline-block;}*/
.copySupURL {/*position:absolute;right:-20px;top:1%;*/color: #0A387C; font-weight: 600; border: 1px solid transparent;padding: 1px 0px 1px 3px;cursor:pointer; margin-right: 4px;}
.copySupURL:hover {border: 1px solid #0A387C;}
.dark-theme .copySupURL {color: #ff5744;}
.dark-theme .copySupURL:hover {border: 1px solid #ff5744;}

.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:10px;}
ul.numTabSM li {display: inline-flex;margin-right: 5px;background-color: #fff;box-shadow: 1px 1px 4px #b5b5b5;padding: 5px 12px;border-radius: 5px;cursor: pointer;color: #333;}
ul.numTabSM li.bgA:hover {background-color: #4473b9;color:#fff;}
ul.numTabSM li p {font-size:14px;font-weight:500;}
ul.numTabSM li p i {font-size:14px;}
ul.numTabSM li.totalNM {background-color:#0A387C;color:#fff;cursor:default;}
ul.numTabSM li.active, ul.numTabSM li.active:hover {background-color:#244e8b;color:#fff; /*background-image:linear-gradient(90deg,#2c2c2c,#1f8592,#3c95a0,#60a7b1);*/}
.numTabSMSearch form.app-search {width:90%;}
.numTabSMSearch form.app-search .app-search-box .form-control {padding:5px 15px;}
.ppContent h4 strong {font-weight:500;}
.ppContent ul {padding-left:30px;}
.ppContent ul li {list-style:disc;margin-bottom: 10px;font-size: 14px;}
.ppContent p { color:#333;font-size: 14px;}

.securityChecks .d-flex.align-items-center .d-flex.align-items-center {min-width: 75%;}
.securityChecks .form-group {margin-bottom: 15px;}
.rangeSecurity .rangeSecurityInput {width: 200px;}
.rangeSecurity .OutputNum {background-color: #333;color: #fff;padding: 2px 2px;text-align: center;min-width: 30px;border-radius: 20px;margin-left: 5px;position: absolute;top: -5px;}
.securityChecks input[type='checkbox'], .securityChecks input[type='checkbox']:checked {margin-top:-2px;}

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


/* ---------- Search ---------- */
.clearCrossIcon {position: absolute;top: 5px;right: 6px;font-size: 16px;z-index: 999; padding: 2px 5px;}
.searchbox .list-group {max-height: 265px;margin-bottom: 10px;overflow-y: auto;-webkit-overflow-scrolling: touch;border: 1px solid #ccc;border-top: none;margin-top: -1px;position: absolute;width: 100%;z-index: 9999;}
.searchbox .list-group.prScrn {width:95%;}
.searchbox .list-group li{border-left:none;border-right:none;border-radius:0;}
.searchbox input{padding-right:35px;}
.searchIdentifiers, .searchIdentifiers:focus {font-size:14px;min-height:115px;overflow:auto;border: 1px solid #ccc;}
.searchIdentifiersBtn {margin-top:32px;}
#lstserch.list-group, .lstserch.list-group{max-height:265px;margin-bottom:10px;overflow-y:auto;-webkit-overflow-scrolling:touch;border:1px solid #ccc;border-top:none;border-bottom:none; margin-top:-1px;position:absolute;width:100%;z-index:9999;}
#lstserch.list-group li, .lstserch.list-group li {border-left:none;border-right:none;border-radius:0;padding: 8px 15px; border: 1px solid #cccccc;}
.projectStatsIcon{background-color:#0A387C;color:#fff;padding:3px 6px 3px 6px;line-height:14px;border-radius:25px;font-weight:500;font-size:11px;}
.projectStatsIcon.abs{background-color:#0A387C;color:#fff;padding:3px 6px 3px 6px;line-height:14px;border-radius:25px;font-weight:500;font-size:11px;/*position: absolute; top: 7.5px;*/}
#lstserch.list-group.bdrT, .lstserch.list-group.bdrT {position:static;}
.projectStatsIcon.notes {background-color:transparent;color:#0A387C;font-size:14px;padding: 3px 0px 3px 6px;}
.dark-theme .projectStatsIcon.notes {background-color:transparent;color:#c5c5c5;}
.projectStatsIcon.stat_S {background-color:#00a500;color: #fff;}
.projectStatsIcon.stat_F {background-color:#ea0000;color: #fff;}
.projectStatsIcon.stat_P {background-color:#ffa707;color: #fff;}
/*.clientPro .linksTo{top:-100px;}*/
#menuDiv .btn{letter-spacing:0.05rem;}
.mytree li{list-style-type:none;padding:3px 0;}
.ui-selectmenu-button.ui-button{display:block;}
.ui-widget.ui-widget-content{max-height:278px}
.ui-selectmenu-button.ui-button{width:100% !important;background:#ffffff;line-height:23px;}
#navigation .navigation-menu > li:first-of-type > a{padding-left:15px;}
#topnav .has-submenu.active > a{color:#2c2c2c;font-weight:600;}
#topnav .has-submenu.active > a:after{border-bottom:2px solid #2c2c2c;content:'';position:absolute; left:0; right:0; width:50%; bottom:0; margin:0 auto;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{border-bottom:none;font-weight:500;}
.navbar-custom .topnav-menu .nav-link {line-height: 60px;}
.form-group label{color:#221f20;font-size:13px;letter-spacing:0;}
.custom-checkbox label{font-size:14px;}
.custom-control-input:checked ~ .custom-control-label::before{border-color:#2c2c2c;background-color:#2c2c2c;}
.account-pages .form-group .btn{min-width:250px;height:40px; background:#0A387C !important;color:#fff !important;font-size:16px;box-shadow:0 3px 5px #0000002b !important;border-radius:2em;}
.loginFormWrap {background-color: #ffffffb5;padding: 30px;border-radius: 12px; color: #000;padding-bottom:5px;}
.loginFormWrap {padding:5px 20px;border-radius: 12px; color: #fff;margin-top: 20%;}
.loginFormWrap .form-group label {color: #000;}
.loginFormWrap .input-group-addon .fe-eye, .loginFormWrap .input-group-addon .fe-eye-off {color: #000;font-weight:600;}
.loginFormWrap .logo-dark img {height:80px;}
.account-pages .loginFormWrap .form-control {height:35px;font-size: 14px;}
.account-pages .loginFormWrap .lefticn {height:30px;}
.account-pages .loginFormWrap .lefticnpass {height:30px;}
.account-pages .loginFormWrap .input-group-addon {padding:5px;}
.brdr-rdus{border-radius:12px;border-top-left-radius:12px;}
#projectList .nav-tabs{margin-top:20px;top:0;z-index:2;position:relative;border-top-left-radius:12px;border-top-right-radius:12px;text-align:center;left:3px;border: none;}
#projectList .nav-tabs .nav-link.active{letter-spacing:0;text-shadow:none;font-size:13px;color:#fff;background:#0A387C;box-shadow:0 -3px 6px 0 #60606042;-webkit-box-shadow:0 -3px 6px 0 #60606042;-moz-box-shadow:0 -3px 6px 0 #60606042;border-color: #0A387C;/*background-image:linear-gradient(90deg,#2c2c2c,#1f8592,#3c95a0,#60a7b1)*/;}
.nav-tabs .nav-item{margin-right:2px;}
#projectList .nav-tabs > li > a{font-size:13px;background:#2b5aa1;padding:8px 7px;color:#fff;border-color:#2b5aa1;}
#projectList .nav-tabs > li > a:hover{color: #fff;background-color: #4473b9;border-color: #4473b9;/*background-image:linear-gradient(269deg,#2c2c2c,#39909b,#3a929d,#60a7b1);*/}
#questionViewModelBody div.table-responsive, #ProjectMappingModal div.table-responsive{overflow-y:auto;max-height:240px;}
#questionViewModelBody div.table-responsive .table thead th, #ProjectMappingModal div.table-responsive .table thead th{position:sticky;top:0;}
/*#ddlshowOptiontemVisible{max-height:200px;overflow-y:auto;}*/
#ddlshowOptiontemVisible div.table-responsive{overflow-y:auto;max-height:240px;}
#ddlshowOptiontemVisible div.table-responsive .table thead th{position:sticky;top:0;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{background-color:#fff !important;background-image:none !important;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{border-top:0 !important;border-left:0 !important;border-right:0 !important;border-bottom:0px solid #e8e8e8 !important;color:#000 !important;font-size:14px !important; background: #e5e6e7;}
.account-pages .form-control{padding-left:40px;border:none;font-size:16px;height:45px;margin-top:5px;border-radius:6px !important;color:#333;box-shadow:0 3px 5px #0000002b;}
 .account-pages .form-control:focus{background:#fff;box-shadow:0 3px 5px #0000002b !important;}
.input-group > .form-control:not(:last-child){padding-right:40px;}
.fontBold{font-weight:700;font-size:13px;color:#403e3e;letter-spacing:0;}
.detail-list{font-size:13px;color:#403e3e;}
.pagesize select{padding:3px 5px 4px 1px;font-size:.8125rem;font-weight:400;line-height:1.5;color:#6c757d;background-color:#fff;border:1px solid #ced4da;border-radius:.2rem;}
 .pagesize select:focus{color:#6c757d;background-color:#fff;border-color:#b1bbc4;outline:0;}
.input-group-addon{z-index:22;display:flex;padding:12px;top:12px;right:0;align-items:center;display:-webkit-flex;position:absolute;-webkit-align-items:center;/*background:#EDEDED;border-right:1px solid #ced4da;border-top:1px solid #ced4da;border-bottom:1px solid #ced4da;padding:8px;*/}
#projectList .linksTo .pr-1{font-size:14px;}
.pagesize{color:#333;}
.dark-theme .pagesize{color:#c5c5c5 !important;}
 .pagesize select{color:#333;}
 .pagesize label{font-size:13px;}
.tblecard{border-radius:12px;}
.content-page{background:#fdfdfd;margin-top:55px;padding-top:10px !important;}
.lefticn{top:28px;left:5px;width:31px;padding:4px;height:40px;}
.lefticnpass{top:8px;left:5px;width:31px;padding:4px;height:40px;}
.loginpg{background-image:url('../images/loginbg.png'),url('../images/dotbg.png'),url('../images/dotbg.png');background-repeat:no-repeat,no-repeat;background-position:right bottom -50px, left top 20%, right -70px top 45%;background-size:contain, 140px, 140px;}
.loginpg_lessdot{background-image:url('../images/loginbg-dot.png'),url('../images/dotbg.png'),url('../images/dotbg.png');background-repeat:no-repeat,no-repeat;background-position:right bottom -50px, left top 20%, right -70px top 45%;background-size:contain, 140px, 140px;}
.loginpg_single {background-image: url(../images/bgH.jpg); background-repeat: no-repeat,no-repeat; background-position: top center;  background-size: cover;/*background-image:none; background-color: #002a30;*/background-color:#0d7685;}
.lefticnpass img{width:28px;}
#navigation .navigation-menu{float:right;}
.lefticn img{width:21px;}
.login-img3-body{padding-bottom:0;}
.supplierProfiles .authKeys {color:#2c2c2c;margin-top: 20px;}
.supplierProfiles .authKeys strong {border-radius: 7px;box-shadow: 0px 1px 7px #a7a7a7; padding: 10px 12px;}
.supplierProfiles button.btn-bg-color {padding: 10px 10px;min-width: auto;border-radius: 10px;margin: auto;margin-left: 10px;}
#ListQuestion .pagesize {margin-top:15px;}
.suplrCPIverify {color: #1b1d1d;margin-right: 10px;float: right;font-size: 12px; font-weight: 600;}
.dark-theme .suplrCPIverify {color: #cc9c00;}

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

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

/* Log Switch */
.logSwitch {text-align:right;margin-top: 8px;}
.logSwitch.tblGrid {text-align:inherit;}
.logSwitch .txts {color:#333;font-size:14px;}
.logSwitch .switch {position: relative;display: inline-block;width: 40px;height: 21px;}
.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: #0A387C;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);}
/* 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;}

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


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



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

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

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

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

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

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

label.exLinkUrl, label.linkUrltest, .linkUrltest {color: #666;font-size: 12px;}
label.exLinkUrl {padding-left: 100px;}
.dark-theme label.exLinkUrl, .dark-theme .linkUrltest, .dark-theme label.linkUrltest {color: #c5c5c5;}
.multiselect-dropdown span.placeholder {color: #333;font-size: 13px;text-transform: capitalize;margin-top: 1px;margin-bottom: 0px;}
.multiselect-dropdown-list-wrapper .multiselect-dropdown-search, .multiselect-dropdown-list-wrapper .multiselect-dropdown-search:focus {font-size: 14px;color: #333;text-transform:capitalize;}
.dark-theme .multiselect-dropdown span.placeholder {color: #c5c5c5;}
.dark-theme .multiselect-dropdown-list-wrapper .multiselect-dropdown-search, .dark-theme .multiselect-dropdown-list-wrapper .multiselect-dropdown-search:focus {color: #c5c5c5;}
.countrygrid {max-height:255px;overflow-y:auto; margin-bottom:10px;}
.countrygrid.listGrid {max-height:145px;overflow-y:auto; margin-bottom:0px;}
.countrygrid.listGrid.editCountryMode {max-height:255px;overflow-y:auto; margin-bottom:15px;}
.countrygrid.listGrid .countryviewList {margin-bottom:10px;display: flex;}
.countrygrid .countryList {margin-bottom:10px;}
.urlLinkLine {display:flex;}
.countrygrid.listGrid .countryviewList label:first-child, .urlLinkLine label:first-child {min-width:150px;}
.urlLinkLine.linksTxt label:first-child {min-width:45px;}
.urlLinkLine.linksTxt input {margin-left:10px;margin-top: -6px;}
.linkUrltest.slinkURL {padding-left:60px;}
.countrygrid.listGrid .countryviewList label:nth-child(2),  .urlLinkLine label:nth-child(2)  {padding-left:20px;}
.tabContentScroll .tabContentScrollin.minH {min-height:410px;}
.tabContentScroll .tabContentScrollin {max-height:410px;overflow: hidden;overflow-y:auto;padding-right: 15px;}

/*Responsive css */
@media(min-width:768px) {
 .tokenbtn{position:absolute;bottom:0;}
 .tokenbtnDiv{position:absolute;top:23px;}
 
 .tokenbtnDiv.searchIdentifiersBtn{top:inherit;bottom:0;}
 .tokenbtnDiv.searchIdentifiersBtn .btn {margin-right:5px;font-weight:500;}
 .linksTo{position:absolute;top:-60px;right:-15px;z-index:999;}
 .tokenbtnDiv.prSc .btn, .tokenbtnDiv.prSc .sp-container button {padding:7px 10px;font-size: 13px;font-weight:500;}
}
@media (min-width:1200px){
 .STCntr .thanks-img{width:330px;}
}
@media (max-width:767.98px){
 .tokenbtnDiv a{margin-bottom:10px;display:block;}
 body [data-layout=horizontal] .logo-box{padding-right:0;}
}


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


@media(min-width:768px) {
  .main-header {padding-left: 130px;} 
    .main-content {margin-left: 190px;}
    .main-sidebar-header {display:none;} 
    .app-sidebar,.main-sidebar-header {width: 190px; top: 64px;z-index:990;} 
    .main-header {padding-left: 0px;} 
    .app.sidenav-toggled .main-header {padding-left: 0px;} 
    .side-menu .slide .side-menu__item {padding: 12px 8px 12px 8px;border-bottom: 1px solid #f7f7f7;font-size: 13px;}
    .slide-menu {padding-left: 5px;}
    .slide-item {padding: 8px 12px 8px 8px; border-bottom: 1px solid  #f7f7f7;font-size: 12px;}
.app-sidebar .main-sidemenu {overflow:hidden; overflow-y:auto; margin-top: 40px;}
.app-sidebar .main-sidemenu .side-menu li:last-child {margin-bottom:35px;}
.app-sidebar .main-sidemenu .side-menu ul li:last-child {margin-bottom:0px;}


  .app.sidenav-toggled .app-sidebar {width: 50px;}
    .app.sidenav-toggled .app-content {margin-left: 50px;}
    .app.sidenav-toggled.sidenav-toggled-open .app-content {margin-left: 235px;}
    .app.sidenav-toggled .select2-container.select2-container--default.select2-container--open .select2-dropdown--below {
        left: initial 
    }
    .app.sidenav-toggled.sidenav-toggled-open .select2-container.select2-container--default.select2-container--open .select2-dropdown--below {
        left: calc(150px + 35px)
    }

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

}
.side-menu .slide .side-menu__item .dbicon {
    height: 13px;
    margin-right: 8px;
}
.slide .slide-item {
    margin-left: 16px;
}
.tDD{transform: translateY(2px);}
.tDD1{transform: translateY(-2px);}

/* ---------- Menu icon ---------- */
/*.app-sidebar .slide-menu li a:before {display:none;}
.app-sidebar .slide-menu li.slide a:before {display:inline;}
.app-sidebar .slide-menu li.slide ul.slide-menu li a:before {display:none;}*/
/* ---------- Reset Theme ---------- */
.app-sidebar .main-sidemenu::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#F5F5F5;}
.app-sidebar .main-sidemenu::-webkit-scrollbar{width:8px;height:8px;background-color:#F5F5F5;border-radius:4px;}
.app-sidebar .main-sidemenu::-webkit-scrollbar-thumb{background-color:#b0b0b0 !important;border-radius:4px;}
.tab-content {overflow: inherit;}
.slide.is-expanded a {color: #333;}
.side-menu__label, .side-menu .side-menu__icon {color: #333; fill: #616161;font-size:13px;}
.trackerPrjct {position:absolute;background-color:#dbdbdb; border:1px solid #dbdbdb; border-radius:4px; z-index:999999; top:1px; left:52px;display:none;}
.trackerPrjct:before {content: "";position: absolute;top: 9px;left: -6px;border-bottom: 7px solid transparent; border-right: 7px solid #c9c9c9; border-top: 7px solid transparent;}
.trackerPrjct a {display:block;color:#061C72;cursor: pointer; padding: 1px 4px; line-height: 13px;}
.trackerPrjct a.brdrBtm {border-bottom:1px solid #cbcaca !important;}
.trackerPrjct a:hover {background-color:#e9e9e9;}
.trackerPrjct a label {font-size:12px;color:#061C72;cursor: pointer;}
/*.slide.is-expanded .side-menu__item {background-color: #0a7786;}*/
li.is-expanded .slide-item.active:hover {color: #2c2c2c  !important;}
.app-sidebar .slide.active .side-menu__icon {fill: #000 !important;}
.app-sidebar .slide.is-expanded .side-menu__icon {fill: #000 !important;}
.slide.is-expanded .side-menu__label, .slide.is-expanded .side-menu__icon, .slide.is-expanded .angle {color: #000 !important;font-weight: 600;}
.slide-item.active {color: #0A387C !important;font-weight: 600;}
.slide-item:hover, .slide-item:focus {color: #000 !important;font-weight: 600;}
.slide:hover .side-menu__label, .slide:hover .angle, .slide:hover .side-menu__icon {color: #333 !important;fill: #333 !important;font-weight: 600;}
/*.slide:hover .side-menu__item.active .side-menu__label, .slide:hover .side-menu__item.active .angle, .slide:hover .side-menu__item.active .side-menu__icon {color: #fff !important;fill: #fff !important;}*/
.slide.is-expanded:hover .side-menu__item .side-menu__label, .slide.is-expanded:hover .side-menu__item .angle, .slide.is-expanded:hover .side-menu__item .side-menu__icon {color: #333 !important;fill: #333 !important;}
.side-menu__item.active .side-menu__icon {fill: #000 !important;font-weight: 600;}
.side-menu__item.active .side-menu__label {color: #000 !important;font-weight: 600;}
.dark-theme .side-menu__item.active .side-menu__icon {fill: #fff !important;font-weight: 600;}
.dark-theme .side-menu__item.active .side-menu__label {color: #fff !important;font-weight: 600;}
.slide.is-expanded:hover .side-menu__item .side-menu__label, .slide.is-expanded:hover .side-menu__item .angle, .slide.is-expanded:hover .side-menu__item .side-menu__icon {color: #000 !important; fill: #000 !important;}
.app-sidebar .slide-menu a:before {font-size: 14px;top: 7px;left:inherit;right:2px;}
.app-sidebar .slide-menu a.active:before {color: #0A387C;transform: rotate(45deg);}
.app-sidebar .slide .side-menu__item.active::before {background: #333;}

/* ---------- SubMenu icon ---------- */
.app-sidebar .slide-menu .slide .slide-item:before {transform: rotate(90deg);right:8px;}
.app-sidebar .slide-menu .slide.is-expanded .slide-item:before {transform: rotate(270deg);}
.app-sidebar .slide .side-menu__item.active::before {background: #333;}
.app-sidebar .slide-menu li a:before {display:none;}
.app-sidebar .slide-menu li.slide a:before {display:inline;}
.app-sidebar .slide-menu li.slide ul.slide-menu li a:before {display:none;}



/*.dark-theme .slide.is-expanded .side-menu__item {background-color: #ff5744;}*/
.dark-theme .app-sidebar .slide.active .side-menu__icon, .dark-theme .app-sidebar .slide.is-expanded .side-menu__icon {fill: #e2ac00 !important; color: #e2ac00 !important;}
.dark-theme .slide.is-expanded .side-menu__label, .dark-theme .slide.is-expanded .side-menu__icon, .dark-theme .slide.is-expanded .angle {color: #fff !important;font-weight: 600;}
.dark-theme .slide.is-expanded:hover .side-menu__item .side-menu__label, .dark-theme .slide.is-expanded:hover .side-menu__item .angle, .dark-theme .slide.is-expanded:hover .side-menu__item .side-menu__icon {color: #fff !important;fill: #e2ac00 !important;}
.dark-theme .slide-item.active, .dark-theme .slide-item:hover, .dark-theme .slide-item:focus {color: #0A387C !important;font-weight: 600;}
.dark-theme .slide:hover .side-menu__label, .dark-theme .slide:hover .angle, .dark-theme .slide:hover .side-menu__icon {color: #fff !important;fill: #fff !important;}
.dark-theme .app-sidebar .slide-menu a:before {font-size: 14px;top: 7px;}
.dark-theme .app-sidebar .slide-menu a.active:before {color: #0A387C;}
.dark-theme .slide-item:hover:before {color: #0A387C !important;}
.dark-theme .slide-item:hover, .dark-theme .slide-item:focus {color: #dcdcdc !important;}
.dark-theme .side-menu__item.active .side-menu__icon { fill: #efb616;}
li.is-expanded .slide-item.active:hover {color: #0A387C  !important;}
.pagination {float: right;}
.pagination > li > a, .pagination > li > span {position: relative;float: left;margin-top: 10px;padding: 6px 12px;margin-left: -1px;line-height: 1.42857143;color: #0c6798;text-decoration: none;background-color: #fff;border: 1px solid #ddd;}
.pagination a.active {z-index: 2 !important; color: #fff !important; background-color: #0A387C !important; border-color: #0A387C !important;cursor: not-allowed !important; pointer-events: none !important;}
.dark-theme .pagination a.active {background-color: #ff5744 !important; border-color: #ff5744 !important;}
.pagination a.disabled {cursor: not-allowed !important;color: grey !important;pointer-events: none !important;}
.dark-theme .pagination > li > a, .dark-theme .pagination > li > span {color: #bec1c9;background-color: #141b2d;border: 1px solid #141b2d;}
.tabPanelWraps .app-search {padding:0;}
.tabPanelWraps .app-search-box {width:100%;}
.tabPanelWraps .app-search-box .form-control, #ListQuestion .app-search-box .form-control, .app-search .app-search-box .form-control  {height:35px;}
.main-header {z-index: 1002 !important;box-shadow: 5px 7px 7px -5px #e0e0e0 !important;}
.dark-theme .main-header {box-shadow:none !important;}
.dark-theme ul.numTabSM li {box-shadow:none;background-color: #1f2940; color: #c5c5c5;}
.dark-theme ul.numTabSM li:hover {color: #fff; background: #db6254;}
.dark-theme ul.numTabSM li.totalNM {background-color: #ff5744; color: #fff;}
.dark-theme ul.numTabSM li.active {background-color: #ff5744; color: #fff;}
.dataTables_paginate .page-item.active .page-link, .pagination .page-link:hover {background-color: #ff5744 !important;border: none !important;}
.page-title-box {margin-bottom:5px; margin-top:8px;}
.page-title-box .page-title {margin-bottom:5px; margin-top:8px;}
.dark-theme .page-title-box .page-title {color:#bec1c9;}
.main-footer {position: fixed;bottom: 0;width: 81%;z-index: 999;display:none;}
.dark-theme .form-group label {color: #bec1c9;}
.dark-theme .form-control {border:1px solid rgb(226 232 245 / 10%) !important;}
.dark-theme .form-control:focus {border-bottom:1px solid #ff5744 !important; color: #bec1c9;}
.main-body, .main-dashboard {margin-bottom:50px;}
.dark-theme tr:nth-child(odd){background-color:transparent !important;}
.dark-theme tr:nth-child(odd) td{background-color:transparent !important;}
.dark-theme tr:nth-child(even){background-color:transparent !important;}
.dark-theme tr:nth-child(even) td{background-color:transparent !important;}
.dark-theme .table-scroll-fixed .table-striped tbody tr:nth-of-type(odd) {background-color:transparent;}
.dark-theme .table-scroll-fixed tbody td:nth-child(1), .dark-theme .table-scroll-fixed tbody td:nth-child(2), .dark-theme .table-scroll-fixed tbody td:nth-child(3), .dark-theme .table-scroll-fixed tbody td:nth-child(4) {background: #1f2940;}
.dark-theme .projectStatsIcon {background-color:#bec1c9;color:#000;}
table table {border:none;}
.table th, .table td {border:none;}
.table td .table td {border:none;/*border-top:1px solid #dde2ef;*/}
.dark-theme .table td .table td {border:none;background-color: #1f2940 !important;border-bottom: 1px solid #2a354e !important;}
.dark-theme .table-striped tbody tr:nth-of-type(2n+1) {background-color: #1f2940;}
.dark-theme ul.numTabSM li.active {background-color: #db6254;color: #f7f7f7;/* background-image: linear-gradient(90deg,#ff5744,#03525c,#21646c,#317881);*/}
.dark-theme .page-title-box .page-title.tb-ttl {background: transparent; box-shadow: none;}
.dark-theme .btn-bg-color, .dark-theme .btn-primary {background: #ff5744 !important;box-shadow: none; color: #fff !important;}
.dark-theme .btn-bg-color:hover, .dark-theme .btn-primary:hover,  .dark-theme .btn-primary:focus,  .dark-theme .btn-primary:active {background: #ff5744 !important;box-shadow: none;color:#000;}
.dark-theme .bgpurple {background: #ff5744;color: #fff;}
.dark-theme #projectList .nav-tabs .nav-link.active {background-color: #ff5744;color: #f7f7f7;border-color: #ff5744;border-bottom: 1px solid #ff5744; /*background-image: linear-gradient(
90deg,#ff5744,#03525c,#21646c,#317881);*/}
.dark-theme #projectList .nav-tabs > li > a {background-color: #91645d;color: #fff;border-color: #91645d;}
.dark-theme #projectList .nav-tabs > li > a:hover {background-color: #ff5744;color: #fff;border-color: #ff5744;border-bottom:1px solid #ff5744;/*background-image:linear-gradient(
295deg,#3f7d85,#2c6d75,#36757d,#4d8991);*/}
.dark-theme .form-control { color: #c5c5c5 !important;}
.dark-theme #accordion .btn-link {color: #ff5744;}
.dark-theme #accordion .btn-link:hover, .dark-theme #accordion .btn-link:focus {color: #d4a100;}
.dark-theme .h1, .dark-theme .h2, .dark-theme .h3, .dark-theme .h4, .dark-theme .h5, .dark-theme .h6, .dark-theme h1, .dark-theme h2, .dark-theme h3, .dark-theme h4, .dark-theme h5, .dark-theme h6  { color: #c5c5c5;}
.dark-theme .modal-header h3 {color:#fff !important;}
.dark-theme .topProjectcode, .dark-theme .fontBold, .dark-theme .detail-list, .dark-theme label { color: #c5c5c5;}
.dark-theme .select2-container--default .select2-search--dropdown {background-color: #1f2940;}
.dark-theme .select2-results__option {color: #c5c5c5 !important;border-top: 1px solid #1f2940;}
.dark-theme .select2-container--default .select2-results__option[aria-selected=true], .dark-theme .select2-container--default .select2-results__option--highlighted[aria-selected], .dark-theme .select2-container--default .select2-results__option[aria-selected=true]:hover {background-color: #10172a !important;color: #c5c5c5 !important; border-top: 1px solid #10172a;}
.dark-theme #lstserch.list-group li, .dark-theme .lstserch.list-group li {color: #c5c5c5;border-color: #141b2d;}
.dark-theme #lstserch.list-group, .lstserch.list-group { border: 1px solid #1f2940;}
.dark-theme .brdrfull textarea, .dark-theme .brdrfull .form-control {border: 1px solid #333d52 !important;}
.dark-theme .card-body p {color: #c5c5c5;}
.dark-theme .pagesize select {background-color: #141b2d; border: 1px solid #141b2d;color: #c5c5c5;}
/*#global-loader {background:url('/images/loader.gif') 50% 50% no-repeat rgb(249 249 249 / 75%);}
.dark-theme #global-loader {background:url('/images/loader.gif') 50% 50% no-repeat rgb(249 249 249 / 75%);}*/
.modal-backdrop.show {opacity:0.2;}
.dark-theme .numTabSMSearch form.app-search .app-search-box .form-control {box-shadow:none !important;}
.inputDark {border: 1px solid #ccc;}
.dark-theme .form-control, .dark-theme .inputDark {color: #fff;background-color: #232e48;border: 1px solid rgba(226, 232, 245, 0.1);box-shadow: none;}
.dark-theme .side-menu .slide .side-menu__item {color:#fff;font-weight:600;border-bottom: 1px solid #333c51;}
.dark-theme .slide.is-expanded a {border-bottom: 1px solid #333c51;}
.dark-theme input[type=checkbox]:focus, .dark-theme input[type=radio]:focus {box-shadow: 0px 0px 2px #ffffff;}
.dark-theme .select2UI .select2-container--default .select2-selection--single { border: 1px solid #333d52 !important;background-color: #232e48;}
.dark-theme .select2UI .select2-container--default .select2-selection--single:focus {border-bottom: 1px solid #ff5744 !important;}
.dark-theme #add_client_form_SingleProject textarea {border:none !important;}
.dark-theme .bg-primary {background-color: #141b2d !important;}
.dark-theme .main-header .dropdown-menu .bg-primary {background-color: #141b2d !important;}
.dark-theme .main-header .dropdown-menu:after { border-bottom: 9px solid #c5c5c5;}
.dark-theme .main-header a.profile-user i { color:#c5c5c5;font-size:20px;}
.dark-theme .main-profile-menu .dropdown-item:hover, .dark-theme .main-profile-menu .dropdown-item:focus { color: #c5c5c5;}
.dark-theme .logSwitch .txts {color: #c5c5c5;}


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


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

/*Custom checkboxes*/
.checkboxTheme, .checkbox-inline {display: inline-flex;  cursor: pointer; position: relative;}
/*.checkbox-inline span {color: #34495E; padding: 0.5rem 0.25rem;}*/
input[type='checkbox'] { height: 14px; width: 14px;-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;border: 1px solid #000;border-radius: 2px; outline: none; transition-duration: 0.3s; background-color: #fff; cursor: pointer;margin-top: 2px;position: relative;}
input[type='checkbox']:checked {border: 1px solid #000; background-color: #fff;}
input[type='checkbox']:checked::before {content: '\2713';display: block;text-align: center;color: #000;position: absolute;left: 2px;top: -1px;font-weight: 600;font-size: 11px;}
input[type='checkbox']:active {border: 2px solid #505050;}
input[type='checkbox']:disabled {opacity: 0.6;background-color: #f7f7f7;}
.checkboxTheme input[type='checkbox']:checked::before, .checkbox-inline input[type='checkbox']:checked::before {top: -1px;}
.dark-theme input[type='checkbox'] { border: 1px solid #ff5744; background-color: #ff5744;}
.dark-theme input[type='checkbox']:checked {border: 1px solid #ff5744; background-color: #ff5744;}
.dark-theme input[type='checkbox']:checked::before {color: #d5f0ff;}
.dark-theme input[type='checkbox']:active {border: 2px solid #34495E;}
.dark-theme input[type='checkbox']:disabled {background-color: #ff5744;}


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

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



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

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

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

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

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

    .checkbox-inline input:active {
        border: 2px solid #34495E;
    }*/
    /* ---------- New Dashboard-Page 29-04-2025 ---------- */

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

.topPrSrvy .topPrSrvyGrid, .pollStats .pollStatsGrid {min-height:265px;max-height:265px; overflow-y:auto; border: none !important;}
.topPrSrvy .topPrSrvyGrid tr:nth-child(even).topPrSrvy, .topPrSrvyGrid tr:nth-child(even) td {background-color:#fff !important;}
.topPrSrvy .topPrSrvyGrid th {color: #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, #TsignchartDaily, #TsMonthly {min-height: 255px !important;height:255px;}
.RdMonthly {min-height: 240px !important;height:240px;}
#rdchartDaily .apexcharts-toolbar, #tsignchartDaily .apexcharts-toolbar, #TsignchartDaily .apexcharts-toolbar {display:none;}
#surveyConvert {min-height: 175px !important;height:175px;}
.chartWrapTxt {text-align:center;margin-top:-23px;}
.chartWrapTxt .chartTxtLine {margin-bottom:10px;color:#344054;font-weight:500;font-size:14px;}
.chartWrapTxt .chartTxtNo {margin-bottom:0px;color:#545454;font-weight:600;font-size: 32px;line-height: 30px;}
.searchBoxR {display: flex;align-items: center;justify-content: flex-end;}
.searchBoxR .search-container {background-color: #fff;border: 1px solid #e0e0e0;border-radius: 8px;padding: 0px 6px;/*box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);*/ position:relative;min-width:100%;margin-bottom: 8px; }
.searchBoxR .search-input {background-color: transparent;border: none;outline: none;flex: 1;padding: 6px;font-size: 14px;color: #6c757d;width:100%;}
.searchBoxR .search-input::placeholder {color: #778DA2;}
.searchBoxR .search-icon {color: #778DA2;font-size: 16px;margin-right: 10px;cursor: pointer;position:absolute;right:0;top:8px;}
.searchBoxR .icon-button {display: flex;justify-content: center;align-items: center;width: 40px;height: 40px;margin-left: 8px;background-color: #C2CCD626;border: 1px solid #e0e0e0;border-radius: 8px;cursor: pointer;position: relative;}
.searchBoxR .icon-button:hover {box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);}
.searchBoxR .icon {font-size: 16px;color: #778DA2;}
.searchBoxR .notification-dot {position: absolute;top: -5px;right: -5px;width: 12px;height: 12px;background-color: #2ecc71;border-radius: 50%;border: 2px solid #fff;}


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



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


 .nav-user img{height:32px;width:32px;}
 .page-title-box .page-title.tb-ttl{width:100%;font-size:14px;line-height:40px;}
 .form-group label, .form-control{font-size:12px;}
 .checkbox label{font-size:14px;}
 .tabPanelWraps .card-body{padding:5px;}
 .btn-secondary, .btn-bg-color{min-width:auto;padding:6px 15px;padding:6px 15px;margin:8px 5px;font-size:14px;border:none;}
 #Projectslist .tile_count .card-body, .tabPanelWraps .tile_count .card-body{border:none;margin:2px 2px;transform:scale(1);border-radius:10px;background-color:#d8d8d8;color:#fff;padding:5px 0;}
 #Projectslist .tile_count .card-body:hover, .tabPanelWraps .tile_count .card-body:hover, #Projectslist .tile_count .card-body.active, #Projectslist .tile_count .card-body.active:hover, .tabPanelWraps .tile_count .card-body.active, .tabPanelWraps .tile_count .card-body.active:hover{margin:2px 2px;transform:scale(1);border-radius:10px;}
 .tabPanelWraps .tile_count .card-body1.totalBoxWrap.inPads, .tabPanelWraps .tile_count .card-body1.totalBoxWrap.inPads:hover{margin-right:0;margin:2px 2px;border-radius:10px;background-color:#7d7d7d;}
 #Projectslist .card, .tabPanelWraps .card{box-shadow:none;}
 #projectList .nav-tabs > li{width:48%;}
 .linksTo{box-shadow:1px 0 10px #eaeaea;padding:4px 0;margin-top:5px;/*justify-content:center !important;*/ margin-bottom:8px;}
 .dark-theme .linksTo{box-shadow:1px 0 10px #1b2335;}
 .linksTo li.d-flex{display:inline-block !important;background-color:#0a7786;color:#000;text-align:center;border-radius:3px;}
 .dark-theme .linksTo li.d-flex{background-color:#ff5744;color:white;}
 .linksTo li.d-flex span{color:#ffffff !important;display:inline-block;padding:2px 1px;}
 .linksTo li.d-flex select.form-control{color:#000 !important;background-color:#2c2c2c;border:none;padding:4px 10px;height:auto;font-size: 13px;}
 .dark-theme .linksTo li.d-flex select.form-control{color:#fff !important;background-color:#ff5744;}
 .pagesize{color:#2c2c2c;margin-bottom:10px;}
 #projectList .card-body{padding:10px 10px;}
 #projectList .card-body ul li .btn{padding:8px 8px;font-size:12px;line-height:12px;}
 .accordionProjectsWraps .card-body, #projectList .accordionProjectsWraps .card-body{padding:5px 1px;}
 .accordionProjectsWraps .card-header button{padding:10px 1px;}
 .decCustWidth{max-width:100%;}
 #projectList .nav-tabs > li > a, #projectList .nav-tabs > li > a.active, #projectList .nav-tabs .nav-link.active{font-size:12px;}
 .tabPanelWraps div.table-responsive, .tableScrollFix{max-height:435px;}
 .table-scroll-fixed tbody td:nth-child(1), .table-scroll-fixed tbody td:nth-child(2), .table-scroll-fixed tbody td:nth-child(3), .table-scroll-fixed tbody td:nth-child(4){position:static;}
 .table-scroll-fixed thead th:nth-child(1), .table-scroll-fixed thead th:nth-child(2), .table-scroll-fixed thead th:nth-child(3), .table-scroll-fixed thead th:nth-child(4){left:inherit;}
 .table-scroll-fixed tbody tr.child-group td .table tr td:nth-child(1),.table-scroll-fixed tbody tr.child-group td .table tr td:nth-child(2),.table-scroll-fixed tbody tr.child-group td .table tr td:nth-child(3),.table-scroll-fixed tbody tr.child-group td .table tr td:nth-child(4) {position:static;}
 /*ul.numTabSM li.totalNM {background-color: #4a4a4a;}*/
 ul.numTabSM {margin-left: 0;margin-bottom: 5px;}
 ul.numTabSM li {display: inline-block;padding: 5px 5px;box-shadow: 1px 1px 4px #3e3e3e;margin-bottom: 10px;width: 31%;text-align: center;}
 .numTabSMSearch {margin-bottom:15px;display: block;padding: 1px 12px;}
 .modal-open .modal {overflow-y: auto;}
 .modal.show .modal-dialog {top: auto; transform:none;}
 .detail-list {word-break:break-all;}
/*ul.pagination li {display:none;}
ul.pagination li:first-child, ul.pagination li:last-child {display:block;}*/
/*ul.pagination li:nth-child(6), ul.pagination li:nth-child(7), ul.pagination li:nth-child(8) {display:none;}*/
 /*ul.pagination li:last-child, ul.pagination li:nth-child(n-1) {display:block;}*/
.pagination > li > a, .pagination > li > span {font-size: 14px; padding: 2px 8px;}
 .dark-theme .pagination > li > a, .dark-theme .pagination > li > span {font-size: 14px; padding: 2px 8px;}
#projectList .nav-tabs > li > a {margin-bottom: 2px;}
.tokenbtnDiv a {margin-left:12px;}
.swal-modal {/*position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);*/ width:95%;}
.swal-overlay .swal-modal .swal-text {font-size:16px;}
.table-scroll-fixed thead th:nth-child(1), .table-scroll-fixed thead th:nth-child(2), .table-scroll-fixed thead th:nth-child(3), .table-scroll-fixed thead th:nth-child(4) { z-index: 99 !important;}
select option {font-size:11px;}
.topProjectcode {display:block !important;font-size: 13px;}
.app-search {display: block;}
.numTabSMSearch form.app-search {width: 100%;}
.main-header .nav-link#bs-example-navbar-collapse-1 {display: none;}
ul.numTabSM li p {font-size: 12px;font-weight: 600;}
ul.numTabSM li {margin-right:3px;padding: 5px 2px;}
ul.numTabSM li p i {font-size: 11px;}
.searchIdentifiersBtn { margin-top: 5px;}
.searchIdentifiersBtn.tokenbtnDiv a { margin-left: 0;display:inline-block;}
.chooseTemlates .text-right {text-align: left !important;}
.statsO { padding: 5px 12px !important;}

 }