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

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

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

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

::-webkit-input-placeholder{/* Edge */color:#616161 !important;}
:-ms-input-placeholder{/* Internet Explorer */color:#616161 !important;}
::placeholder{color:#616161 !important;}
tr:nth-child(odd){background-color:#fff !important;}
tr:nth-child(odd) td{background-color:#fff !important;}
tr:nth-child(even){background-color:#eeeeff !important;}
tr:nth-child(even) td{background-color:#eeeeff !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:#04005f;cursor:pointer;}
a:not([href]):hover{color:#04005f;}
.modal-header h3{letter-spacing:0.05rem;font-size:20px;}
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;}
/* ---------- 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; padding: 8px 12px;}
.mainNavBar .topnav-menu .dropdown-header{background-color:#04005f;border-bottom:1px solid #7b7b7b; padding: 8px 12px;}
.mainNavBar .topnav-menu .dropdown-header h6{color:white;background-color:#04005f;padding:6px 0px; overflow: hidden;white-space: nowrap; text-overflow: ellipsis; max-width: 140px;}
.mainNavBar .topnav-menu .dropdown-header span{display:block;margin-top:4px;}
.mainNavBar .topnav-menu .dropdown-item:focus, .mainNavBar .topnav-menu .dropdown-item:hover{color:#ffffff;text-decoration:none;background-color:#04005f;}
.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;}
/* ---------- Page ---------- */
.page-title-box .page-title{text-transform:capitalize;letter-spacing:0.04rem;font-size:18px;color:#04005f;text-shadow:none;box-shadow:none;line-height:35px;}
.page-title-box .page-title.tb-ttl{margin-top:20px;background:#04005f;color:#fff;width:20%;top:2px;line-height:48px;z-index:2;position:relative;border-top-left-radius:12px;border-top-right-radius:12px;text-align:center;box-shadow:0 -3px 6px 0 #60606042;-webkit-box-shadow:0 -3px 6px 0 #60606042;-moz-box-shadow:0 -3px 6px 0 #60606042;left:1px;font-weight:500;}
.page-title-box .page-title-right{/*line-height:6px;*/ margin-top:10px;}
.accordionProjectsWraps{margin-bottom:15px;}
.accordionProjectsWraps .card{box-shadow:none;margin-bottom:5px;}
.accordionProjectsWraps.accordion>.card:not(:first-of-type){border-radius:0;}
.accordionProjectsWraps .card-header{padding:0;}
.accordionProjectsWraps .card-header button{background-color:#fff;color:#04005f;padding:10px 10px;font-size:16px;font-weight:600;}
.accordionProjectsWraps .card-header button .accordIcon i{transition:all linear 0.2s;transform:rotate(45deg);font-size:13px;}
.accordionProjectsWraps .card-header button.collapsed .accordIcon i{transform:rotate(0deg);transition:all linear 0.2s;}
.topProjectcode{font-size:16px;font-weight:600;color:#333;}
#add_client_form_SingleProject .form-control{border-top:0;border-left:0;border-right:0;border-bottom:2px solid #dedede;color:#333;font-size:14px;}
.tile_count .card{border-radius:12px;}
#add_client_form_SingleProject textarea{border:2px solid #e8e8e8 !important;}
#add_client_form_Group textarea{border:2px solid #e8e8e8 !important;}
.checkbox label{color:#000;font-size:16px;letter-spacing:0.4px;}
.form-control, .form-control:focus, .multiselect-dropdown {border:none;border-bottom:1px solid #a9a9a9 !important;color:#333;font-size:14px;font-family:"Montserrat", sans-serif !important;border-radius:0;}
.form-control:focus {border-bottom:1px solid #322aef !important;}
/*--- select2 oprion with search ---*/
.select2UI .select2-container--default .select2-selection--single {border: 0;border-bottom: 1px solid #a9a9a9 !important;color: #333;font-size: 14px;border-radius: 0;padding: .45rem .9rem;height: 35px;} 
.cloneBrdrmarkSelect2.select2UI .select2-container--default .select2-selection--single {border-bottom: 1px solid #f7531f !important;}
.select2UI .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 35px;margin-top: -8px;}
.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option[aria-selected=true]:hover {background-color: #04005f !important;color: #fff !important;border-top: 1px solid #4a4a4a;}
.select2-results__option {padding:8px 12px !important;color: #333 !important;}
.select2UI .select2-selection__rendered {pointer-events:none;}
/*--- select2 oprion with search end---*/
.card-body .ui-selectmenu-button.ui-button, .card-body .ui-selectmenu-button.ui-button:focus, .card-body .ui-state-active, .card-body .ui-widget-content .ui-state-active, .card-body .ui-widget-header .ui-state-active, .card-body a.ui-button:active, .card-body .ui-button:active, .card-body .ui-button.ui-state-active:hover, .card-body .ui-state-hover, .card-body .ui-widget-content .ui-state-hover, .card-body .ui-widget-header .ui-state-hover, .card-body .ui-state-focus, .card-body .ui-widget-content .ui-state-focus, .card-body .ui-widget-header .ui-state-focus, .card-body .ui-button:hover, .card-body .ui-button:focus{border-top:0;border-left:0;border-right:0;border-bottom:1px solid #a9a9a9 !important;background:#fff;color:#333;font-size:14px;font-family:"Montserrat", sans-serif !important;border-radius:0;}
.testclass{padding-left:0;list-style:none;}
.ui-tooltip.ui-corner-all.ui-widget-shadow.ui-widget.ui-widget-content {display:none;}

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

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

/* ---------- Survey Pages ---------- */
.surveyWrapUI{margin-top:10px;}
label.checkBoxLabel {font-size: 17px;}
.checkBoxLab input:hover, .checkBoxLab label:hover, .checkBoxLab span:hover, .checkBoxLabel:hover  {cursor: pointer;}
.surveyTableUI table th, .surveyTableUI table td{text-align:left !important;border:none;font-size:18px;color:#333;padding:8px 2px;}
.surveyTableUI table th:first-child{width:100px;max-width:200px;}
.surveyTableUI table td:first-child{width:auto;}
.surveyTableUI table tbody{max-height:320px;overflow-y:auto;display:block;margin-top:10px;margin-bottom:5px;}
.surveyTableUI table tbody input[type=text]{border:1px solid #a9a9a9 !important}
.surveyTableUI table input[type=checkbox], .surveyTableUI table input[type=radio]{margin-right:8px;}
.surveyTableUI tr:nth-child(even), .surveyTableUI tr:nth-child(even) td{background-color:#fff !important;}
.testSurveyWrap{color:#333;}
.testSurveyWrap .testSurveyQs{color:#333;font-size:22px;font-weight:600;}
.testSurveyWrap .form-check-label{margin-bottom:15px;font-size:16px;color:#000;font-weight:500;}
.testSurveyWrap .form-check-label span{font-weight:600;}
.thanksContentWrap{text-align:center;}
/* ---------- Project Tab panels and contents ---------- */
.forget{position:absolute;top:0;right:0;}
.nav-user::after{content:'';position:absolute;bottom:0;right:12px;width:6px;height:6px;top:18px;border-radius:100%;bottom:3px;display:block !important;}
.page-item.active .page-link{z-index:3;}
.rightArw i{transform:rotate(1deg);}
.rightArw[aria-expanded="true"] i{transform:rotate(45deg);}
#showsupplierMappings{padding:7px 20px;}
.tile_count .card-body{padding:1.5rem 0.9rem;}
#Projectslist .tile_count .card-body{margin:5px 0;padding:0;cursor:pointer;border-right:1px solid #d4caca;transform:scale(1);transition:all linear .1s;}
#Projectslist .tile_count .card-body.active, #Projectslist .tile_count .card-body.active:hover{padding:5px 0;margin:0 5px;border-right:1px solid #d4caca;background-color:#04005f;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:#04005f;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:#04005f;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:#04005f;}
.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:470px;}
.tabPanelWraps div.table-responsive .table thead th, .tableScrollFix .table thead th{position:sticky;top:-2px;z-index:999;}
.textWraps {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;max-width: 185px;-webkit-transition: all 2s ease 1s, max-height 1s ease 0s, white-space 2s ease 1s;transition: all 2s ease 1s, max-height 1s ease 0s, white-space 2s ease 1s;max-height: 1.85em;line-height: 18px;}
.wrapUrl {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;max-width: 270px;-webkit-transition: all 2s ease 1s, max-height 1s ease 0s, white-space 2s ease 1s;transition: all 2s ease 1s, max-height 1s ease 0s, white-space 2s ease 1s;max-height: 1.85em;line-height: 18px;}
.textWrapsCountry{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;max-width:150px;line-height: 18px;}
.textWraps:hover, .textWrapsCountry:hover, .wrapUrl:hover  {white-space: normal;text-overflow: initial;max-height: 8em;}
tr.child-group td .table tr td{background:#f5f5f5 !important;border-top:1px solid #c3c3c3 !important;}
/*.mainWrap {position:relative;display:inline-block;}*/
.copySupURL {/*position:absolute;right:-20px;top:1%;*/color: #04005f; font-weight: 600; border: 1px solid transparent;padding: 1px 0px 1px 3px;cursor:pointer; margin-right: 2px;}
.copySupURL:hover {border: 1px solid #04005f;}

.table-scroll-fixed.reContGrid {max-height:210px;overflow-y:auto;}
.filterInputsH {height:20px;}
.tabPanelWraps .fa-square.active {color:#00a500;}
.tabPanelWraps .fa-square.onHold {color:#0df4ff;}
.tabPanelWraps .fa-square.inActive {color:#ffa707;}
.tabPanelWraps .fa-square.invoiced {color:#b452ff;}
.tabPanelWraps .fa-square.closed {color: red;}
.tabPanelWraps .fa-square.archived {
    color: #333333;
}
.blink_dot {animation: blinker 1s linear infinite;}
.lineFormR .form-group .control-label {min-width: 100px;margin-top: 18px;} 
@keyframes blinker { 20% {opacity: 0.5;} 50% {opacity: 1;} 80% {opacity: 0.8;} }
.activatnkey input {width: 100%;font-size: 15px;font-weight: 600;background: #ffffffbd;color: #1b1c6f;border: #1b1c6f;padding: 8px 12px;margin-bottom: 12px;border-radius: 7px;box-shadow: 0px 1px 7px #bdbaba;}
.activatnkey button {background: #ffffffbd;color: #1b1c6f;font-size: 16px;max-height: 36px;padding: 5px 10px;border-radius: 7px;border: 0px;box-shadow: 0px 1px 7px #808080;margin-left:5px;float: right;}
.activatnkey label {font-size:16px;color:#000;font-weight:600;margin-bottom:10px;}
.PrScreensTTLs label strong {min-width:100px;display:inline-block;}

.tabPanelWraps .card {margin-bottom:1px;}
.tabPanelWraps .card-body {padding:12px 12px 10px;}
.tabarowbg {background: #eef;padding-top: 15px;margin: 0;border-radius: 5px;}
ul.numTabSM {margin-left:15px;}
ul.numTabSM li {display: inline-flex;margin-right: 5px;background-color: #fff;box-shadow: 1px 1px 4px #b5b5b5;padding: 5px 14px;border-radius: 5px;cursor: pointer;color: #04005f;}
ul.numTabSM li.bgA:hover {background-color: #3d3a84;color:#fff;}
ul.numTabSM li p {font-size:13px;font-weight:600;}
ul.numTabSM li p i {font-size:13px;}
ul.numTabSM li.totalNM {background-color:#8e8e8e;color:#fff;cursor:default;}
ul.numTabSM li.active {background-color:#04005f;color:#fff;}
.numTabSMSearch form.app-search {width:90%;}
.numTabSMSearch form.app-search .app-search-box .form-control {padding:18.5px;}
.ppContent h4 strong {color:#2f339c;}
.ppContent ul {padding-left:30px;}
.ppContent ul li {list-style:disc; color:#333;margin-bottom: 10px;font-size: 14px;}
.ppContent p { color:#333;font-size: 14px;}
.securityChecks .d-flex.align-items-center .d-flex.align-items-center {min-width:75%;}
.securityChecks .form-group{margin-bottom:15px;}
.rangeSecurity .rangeSecurityInput {width:200px;}
.rangeSecurity .OutputNum {background-color: #04005f;color: #fff;padding: 2px 2px;text-align: center;min-width: 30px;border-radius: 20px;margin-left: 5px;position: absolute;top: -5px;}

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

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


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



/* ---------- Search ---------- */
.clearCrossIcon {position: absolute;top: 6px;right: 6px;font-size: 16px;z-index: 999;background-color: #fff; padding: 2px 5px;border-radius:25px;}
.searchbox .list-group {max-height: 265px;margin-bottom: 10px;overflow-y: auto;-webkit-overflow-scrolling: touch;border: 1px solid #ccc;border-top: none;margin-top: -1px;position: absolute;width: 100%;z-index: 9999;}
.searchbox .list-group li{border-left:none;border-right:none;border-radius:0;}
.searchbox input{padding-right:35px;background-color: #fff !important;}
.searchIdentifiers, .searchIdentifiers:focus {font-size:14px;min-height:115px;overflow:auto;border: 1px solid #ccc;}
.searchIdentifiersBtn {margin-top:32px;}
#lstserch.list-group, .lstserch.list-group{max-height:265px;margin-bottom:10px;overflow-y:auto;-webkit-overflow-scrolling:touch;border:1px solid #ccc;border-top:none;margin-top:-1px;position:absolute;width:100%;z-index:9999;}
#lstserch.list-group li, .lstserch.list-group li {border-left:none;border-right:none;border-radius:0;}
.projectStatsIcon{background-color:#04005f;color:#fff;padding:3px 7px 3px 7px;line-height:14px;border-radius:25px;font-weight:500;font-size:11px;margin-right:2px;}
/*.projectStatsIcon.absI {position:absolute;top:9px;}*/
.projectStatsIcon.notes {padding: 2px 4px; font-size: 15px; background-color: transparent;color: #04005f;}
.grpIcons {position:absolute;top:12px;}
.prNotes {background-color: #eeedff;padding: 10px;box-shadow: 1px 1px 5px #cbcbcb;}
.prNotes .header-title {margin-bottom:5px;}
.prNotes p {margin-bottom:2px;}
#lstserch.list-group.bdrT, .lstserch.list-group.bdrT {position:static;}
.projectStatsIcon.stat_S {background-color:#00a500;color: #fff;}
.projectStatsIcon.stat_F {background-color:#ea0000;color: #fff;}
.projectStatsIcon.stat_P {background-color:#ffa707;color: #fff;}
.clientPro .linksTo{}
#menuDiv .btn{letter-spacing:0.05rem;}
.mytree li{list-style-type:none;padding:3px 0;}
.ui-selectmenu-button.ui-button{display:block;}
.ui-widget.ui-widget-content{max-height:278px}
.ui-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:#04005f;font-weight:600;}
#topnav .has-submenu.active > a:after{border-bottom:2px solid #04005f;content:'';position:absolute; left:0; right:0; width:50%; bottom:0; margin:0 auto;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{border-bottom:none;font-weight:500;}
.navbar-custom .topnav-menu .nav-link {line-height: 60px;}
.navbar-custom .topnav-menu .nav-link.userIconTop {display:inline;}
.navbar-custom .topnav-menu .nav-user::after {}
.userNameTop {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 130px;
    -webkit-transition: all 2s ease 1s, max-height 1s ease 0s, white-space 2s ease 1s;
    transition: all 2s ease 1s, max-height 1s ease 0s, white-space 2s ease 1s;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    position: absolute;
    right: 100%;
    top: 35%;
}
.form-group label{color:#000;font-size:14px;letter-spacing:0;line-height: 14px;}

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

.custom-checkbox label{font-size:14px;}
.custom-control-input:checked ~ .custom-control-label::before{border-color:#04005f;background-color:#04005f;}
.account-pages .form-group .btn{min-width:250px;height:40px; background:#04005f !important;color:#fff !important;font-size:16px;box-shadow:0 3px 5px #0000002b !important;border-radius:2em;}
.brdr-rdus{border-radius:12px;border-top-left-radius:12px;}
#projectList .nav-tabs{margin-top:20px;top:0;z-index:2;position:relative;border-top-left-radius:12px;border-top-right-radius:12px;text-align:center;left:3px;}
#projectList .nav-tabs .nav-link.active{letter-spacing:0;text-shadow:none;font-size:15px;color:#fff;background:#04005f;box-shadow:0 -3px 6px 0 #60606042;-webkit-box-shadow:0 -3px 6px 0 #60606042;-moz-box-shadow:0 -3px 6px 0 #60606042;}
.nav-tabs .nav-item{margin-right:2px;}
#projectList .nav-tabs > li > a{font-size:15px;background:#777777;padding:8px 10px;}
#projectList .nav-tabs > li > a:hover{background:#04005f;}
#questionViewModelBody div.table-responsive, #ProjectMappingModal div.table-responsive{overflow-y:auto;max-height:240px;}
#questionViewModelBody div.table-responsive .table thead th, #ProjectMappingModal div.table-responsive .table thead th{position:sticky;top:0;}
/*#ddlshowOptiontemVisible{max-height:200px;overflow-y:auto;}*/
#ddlshowOptiontemVisible div.table-responsive{overflow-y:auto;max-height:240px;}
#ddlshowOptiontemVisible div.table-responsive .table thead th{position:sticky;top:0;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{background-color:#fff !important;background-image:none !important;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{border-top:0 !important;border-left:0 !important;border-right:0 !important;border-bottom:2px solid #e8e8e8 !important;color:#333 !important;font-size:14px !important;}
.account-pages .form-control{padding-left:40px;border:none;font-size:16px;height:50px;margin-top:5px;border-radius:12px !important;color:#333;box-shadow:0 3px 5px #0000002b;}
 .account-pages .form-control:focus{background:#fff;box-shadow:0 3px 5px #0000002b !important;}
.input-group > .form-control:not(:last-child){padding-right:40px;}
.fontBold{font-weight:700;font-size:13px;color:#403e3e;letter-spacing:0;}
.detail-list{font-size:13px;color:#403e3e;}
.pagesize select{padding:7px 6px 7px 0px;font-size:.8125rem;font-weight:400;line-height:1.5;color:#6c757d;background-color:#fff;border:1px solid #ced4da;border-radius:.2rem;}
 .pagesize select:focus{color:#6c757d;background-color:#fff;border-color:#b1bbc4;outline:0;}
.input-group-addon{z-index:22;display:flex;padding:12px;top:12px;right:0;align-items:center;display:-webkit-flex;position:absolute;-webkit-align-items:center;/*background:#EDEDED;border-right:1px solid #ced4da;border-top:1px solid #ced4da;border-bottom:1px solid #ced4da;padding:8px;*/}
#projectList .linksTo .pr-1{font-size:14px;}
.pagesize{color:#333;}
 .pagesize select{color:#333;}
 .pagesize label{font-size:14px;}
.tblecard{border-radius:12px;}
.content-page{background:#fdfdfd;margin-top:55px;padding-top:10px !important;}
.lefticn{top:35px;left:5px;width:31px;padding:4px;height:40px;}
.lefticnpass{top:10px;left:5px;width:31px;padding:4px;height:40px;}
.loginpg{background-image:url('../images/loginbg.png'),url('../images/dotbg.png'),url('../images/dotbg.png');background-repeat:no-repeat,no-repeat;background-position:right bottom -50px, left top 20%, right -70px top 45%;background-size:contain, 140px, 140px;}
.loginpg_lessdot{background-image:url('../images/loginbg-dot.png'),url('../images/dotbg.png'),url('../images/dotbg.png');background-repeat:no-repeat,no-repeat;background-position:right bottom -50px, left top 20%, right -70px top 45%;background-size:contain, 140px, 140px;}
.lefticnpass img{width:18px;}
#navigation .navigation-menu{float:right;}
.lefticn img{width:18px;}
.login-img3-body{padding-bottom:0;}
.supplierProfiles .authKeys {color:#04005f;margin-top: 20px;}
.supplierProfiles .authKeys strong {border-radius: 7px;box-shadow: 0px 1px 7px #a7a7a7; padding: 10px 12px;}
.supplierProfiles button.btn-bg-color {padding: 10px 10px;min-width: auto;border-radius: 10px;margin: auto;margin-left: 10px;}

/*TreeView*/
.treeviewAccord {font-weight: 600;font-size: 14px;color: #403e3e; letter-spacing: 0;}
.treeviewAccord ul.listree {padding-left: 15px;max-height: 340px; overflow-y: auto;}
.treeviewAccord ul.listree-submenu-items { border-left: 1px dashed transparent;padding-left: 35px;}
.treeviewAccord ul.listree li {line-height: 20px; border-left: 1px solid #04005f;}
/*.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 #04005f;}
/*.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: #04005f;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: #04005f;color: #fff;border-radius: 20px;font-size: 16px;padding: 2px 6px;}
div.listree-submenu-heading span {padding: 0px 15px 0px 25px;display: block;margin-top: -20px;}
.qsGrid td {text-transform:capitalize;}
.suplrCPIverify {color: #04005f;margin-right: 10px;float: right;font-size: 13px; font-weight: 600;}

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

/* Log Switch */
.logSwitch {text-align:right;margin-top: 8px;}
.logSwitch.tblGrid {text-align:inherit;}
.logSwitch .txts {color:#04005f;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: #04005f;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: #04005f;padding: 8px 15px;font-size: 14px;font-weight: 600;margin-top: 2px;margin-bottom: -1px;display: inline-block;min-width: 140px;text-align: center;border-top-left-radius: 4px;
    border-top-right-radius: 4px;}
.summaryCharts {border: 1px solid #e2e2e2;}
.summaryCharts .highcharts-credits, .summaryCharts .highcharts-title {display: none;}
.summaryCharts .highcharts-figure svg, .summaryCharts .highcharts-figure .highcharts-container {font-family:inherit !important}
.linkDisabled {
    cursor: not-allowed;
    pointer-events: none;
    color: grey;
}




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


/* ---------- swal contents ---------- */
.swal-icon:first-child {margin-top: 20px;}
.swal-text:first-child{margin-top:20px;color:#000;}
.swal-modal{width: auto; padding: 5px;}
.swal-overlay .swal-modal .swal-icon.swal-icon--success{display:none;}
.swal-overlay .swal-modal .swal-text{padding-top:1px;color:#000;font-size:20px;transition:none;font-weight:500;transform:translateZ(5px);max-width:none;}
.swal-footer{text-align:center;background:#ffffff;margin-top:5px;}
.swal-button, .swal-button:not([disabled]):hover, .swal-button:active{letter-spacing:0.09rem;background-color:#04005f;    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:-2px;top:35px;width:18px;cursor:pointer;}
.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {z-index:999 !important;}
select.form-control[multiple], select.form-control[size]{height:calc(1.5em + .9rem + 2px);}
.fa-angle-right{font-size:20px;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.toggle.active .fa.fa-angle-right{transform:rotate(45deg) !important;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}

/*a.suppliertab:before{font-family:FontAwesome;content:"\f068";padding-left:5px;}
  a.suppliertab.collapsed:before{content:"\f067";}*/
table .fe-edit{font-size:16px;}
.cursor-pointer{cursor:pointer;}
.modal-open .modal{overflow-y:hidden;}
.modal-header{padding:0.5rem 1rem;}
.modal-title{color:#fff;}
.modal-header .close{color:#fff;opacity:1;}
.field-validation-valid{font-size:12px;}
#textsearchText{padding:.45rem 2rem 0.45rem 0.9rem;}
/*#searchcleartext{top:11px;position:absolute;right:12px;}*/
.form-control[readonly]{background-color:transparent;}
.nav-user img{height:38px;width:38px;}
.notification-list {display:none;}
.notification-list a img{border-right:2px solid #a5a5a5;padding-right:28px;}
.notification-list a i{border-right:2px solid #a5a5a5;padding-right:25px;color:#a5a5a5;font-size:25px;margin-top:25px;}
.notification-list .noti-icon-badge{right:40px;background-color:#04005f;}
.tokenbtn.btnTopfix{bottom:inherit;top:0;}
.decCustWidth{max-width:12.5%;}
.rdrctStTbl table tr td, .rdrctStTbl table tr th {text-align:left; border-top: 1px solid #d0d0d0; font-size:14px;padding:10px 5px;}
/*.rdrctStTbl tr:nth-child(even) {background-color: #fff !important;}
.rdrctStTbl tr:nth-child(even) td {background-color: #fff !important;}
.rdrctStTbl tr.qlfy td {background-color:#d9ffdc !important;}
.rdrctStTbl tr.d_qlfy td {background-color:#ffdcdc !important;}*/
.mapPrWrap {max-height:400px;overflow-y:auto;}
.mapPrWrap p {margin-bottom:5px;}
#btnAddAge, #btnUpdateAge, #btnAddAgee {min-width:90px;}
.disabledCss {pointer-events: none;cursor: default;opacity: 0.8;}




/*@font-face{font-family:'futura-light';src:url('../fonts/futuralt.ttf') format('truetype');}
@font-face{font-family:'futura-medium';src:url('../fonts/futura-md.otf') format('opentype');}*/
/* ---------- Table coloumn Fix ---------- */
.S_table_scroll, .tscroll, .table-scroll{position:relative;width:100%;z-index:1;margin:auto;overflow:auto;-webkit-overflow-scrolling:touch;}
.S_table_scroll table, .table-scroll table{border-collapse:separate;border-spacing:0;}
.S_table_scroll th, .S_table_scroll td, .table-scroll th, .table-scroll td{vertical-align:top;}
.table-scroll-fixed{overflow-y:auto;max-height:420px;}
.S_table_scroll thead th, .table-scroll thead th, .table-scroll-fixed thead th{position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky;top:-1px;z-index:999;}
/*.tscroll tfoot, .tscroll tfoot th, .tscrolll tfoot td{position:-webkit-sticky;position:sticky;bottom:0;background:#666;color:#fff;z-index:4;}*/
.table-scroll-fixed tbody td:nth-child(1), .table-scroll-fixed thead th:nth-child(1){position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky;left:0;}
.table-scroll-fixed tbody td:nth-child(2), .table-scroll-fixed thead th:nth-child(2){position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky;left:45px;}
.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:135px;}
.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(2), .table-scroll-fixed.supplierWay thead th:nth-child(2){position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky;left:50px;}
.table-scroll-fixed.supplierWay tbody td:nth-child(3), .table-scroll-fixed.supplierWay thead th:nth-child(3){position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky;left:160px;}
.table-scroll-fixed.supplierWay tbody td:nth-child(4), .table-scroll-fixed.supplierWay thead th:nth-child(4){position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky;left:280px;}
.table-scroll-fixed thead th:nth-child(1), .table-scroll-fixed thead th:nth-child(2), .table-scroll-fixed thead th:nth-child(3), .table-scroll-fixed thead th:nth-child(4){z-index:1001 !important;}
.table-scroll-fixed tbody td:nth-child(1), .table-scroll-fixed tbody td:nth-child(2), .table-scroll-fixed tbody td:nth-child(3), .table-scroll-fixed tbody td:nth-child(4){z-index:99 !important;min-height: 36px;}
/*child group*/
.table-scroll-fixed tbody tr.child-group td .table tr td:nth-child(1),.table-scroll-fixed tbody tr.child-group td .table tr td:nth-child(2), .table-scroll-fixed tbody tr.child-group td .table tr td:nth-child(3),.table-scroll-fixed tbody tr.child-group td .table tr td:nth-child(4) { background: #f5f5f5 !important;z-index:9999 !important;}
.table-scroll-fixed tbody tr.child-group td .table tr td:nth-child(1) {position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky;left:0;}
.table-scroll-fixed tbody tr.child-group td .table tr td:nth-child(2) {position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky;left:45px;}
.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:135px;}
.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:#f7f7f7;}
.table-scroll-fixed .table-striped tbody tr td{/*background-color:rgba(0,0,0,.05);background-color:#f7f7f7;*/}
.S_table_scroll tbody th:nth-child(1), .S_table_scroll tbody th:nth-child(2), .S_table_scroll tbody th:nth-child(3),.table-scroll-fixed tbody th:nth-child(1), .table-scroll-fixed tbody th:nth-child(2), .table-scroll-fixed tbody th:nth-child(3), .table-scroll-fixed tbody th:nth-child(4){/*background:#04005f;*/}
/*.S_table_scroll tbody td:nth-child(1), .S_table_scroll tbody td:nth-child(2), .S_table_scroll tbody td:nth-child(3),*/
.table-scroll-fixed tbody td:nth-child(1), .table-scroll-fixed tbody td:nth-child(2), .table-scroll-fixed tbody td:nth-child(3), .table-scroll-fixed tbody td:nth-child(4){/*background:#f7f7f7;*/}
.thnkTxts {font-size:20px;margin-bottom:40px;}
/*.supNavigate {max-height:520px;overflow-y:auto;padding-right:10px;}*/
.supNavigate ul li {margin-bottom:20px;}
.supNavigate ul li h4 {margin-bottom:10px;margin-top:1px;}
.supNavigate ul li .form-control { border-bottom: 1px solid #ced4da !important;/*border: 1px solid #ced4da;*/}
.card-body-inn {padding:15px 8px;box-shadow:10px 3px 15px #ededed;border-radius:5px;}
.multiLinkHgt {min-height:600px;}
.supCopyIcon .copySupURL {width:5%;float:left;}
.supCopyIcon .mainWrap {width:90%;line-height: 16px;display: inline-block;}


/* ---------- survey page question check & radio ---------- */
.surveyPagechecks [type="radio"]:checked, .surveyPagechecks [type="radio"]:not(:checked),
.surveyPagechecks [type="checkbox"]:checked, .surveyPagechecks [type="checkbox"]:not(:checked) {position: absolute;left: -9999px;}
.surveyPagechecks [type="radio"]:checked + label, .surveyPagechecks [type="radio"]:not(:checked) + label,
.surveyPagechecks [type="checkbox"]:checked + label, .surveyPagechecks [type="checkbox"]:not(:checked) + label {position: relative;padding-left: 28px;cursor: pointer;line-height: 20px;display: inline-block;/*color: #666;*/ font-size: 20px;}
.surveyPagechecks [type="radio"]:checked + label:before, .surveyPagechecks [type="radio"]:not(:checked) + label:before {content: '';position: absolute;left: 0;top: 0;width: 20px;height: 20px;border: 1px solid #04005f;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 #04005f;border-radius: 0;background: #fff;    }
.surveyPagechecks [type="radio"]:checked + label:after, .surveyPagechecks [type="radio"]:not(:checked) + label:after {content: '';width: 12px;height: 12px;background: #04005f;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: #04005f;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);}

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


/*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:15px;}
 .linksTo{position:absolute;top:-65px;right:-15px;}
}
@media (min-width:1200px){
 .STCntr .thanks-img{width:330px;}
}
@media (max-width:767.98px){
 .tokenbtnDiv a{margin-bottom:10px;display:block;}
 body [data-layout=horizontal] .logo-box{padding-right:0;}
}
.tableUIborder .table {
    border: 1px solid #e4e4e4;
}

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

/* ---------- Media ---------- */
/* ##Device = Desktops, ##Screen = 1281px to higher resolution desktops */
@media (min-width:1281px){
 .mainNavBar .navbar .navbar-collapse{margin-left:1%;}
}
/* ##Device = Laptops, Desktops, ##Screen = B/w 1025px to 1280px */
@media (min-width:1025px) and (max-width:1280px){
 .mainNavBar .navbar .navbar-collapse{margin-left:1%;}
}
/* ##Device = Tablets, Ipads (portrait), ##Screen = B/w 768px to 1024px */
@media (min-width:768px) and (max-width:1024px){
 .mainNavBar .navbar .navbar-collapse{margin-left:0;}
}
/* ##Device = Tablets, Ipads (landscape), ##Screen = B/w 768px to 1024px */
@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){
 .mainNavBar .navbar .navbar-collapse{margin-left:0;}
}
/* ##Device = Low Resolution Tablets, Mobiles (Landscape), ##Screen = B/w 481px to 767px */
@media (min-width:481px) and (max-width:767px){
 .logo-box, body[data-layout=horizontal] .logo-box{padding-right:5px;}
 .mainNavBar .navbar{width:100%;}
 .mainNavBar .navbar .navbar-toggler{margin-right:35%;color:#fff;border-color:#04005f;background-color:#04005f;}
 .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;}
 .nav-user img{height:32px;width:32px;}
 .page-title-box .page-title.tb-ttl{width:100%;font-size:14px;line-height:40px;}
 .form-group label, .form-control{font-size:12px;}
 .checkbox label{font-size:14px;}
 .tabPanelWraps .card-body{padding:0;}
 .btn-secondary, .btn-bg-color{min-width:auto;padding:6px 15px;padding:6px 15px;margin:8px 5px;font-size:14px;border:none;}
 #Projectslist .tile_count .card-body, .tabPanelWraps .tile_count .card-body{border:none;margin:2px 2px;transform:scale(1);border-radius:10px;background-color:#d8d8d8;color:#fff;padding:5px 0;}
 #Projectslist .tile_count .card-body:hover, .tabPanelWraps .tile_count .card-body:hover, #Projectslist .tile_count .card-body.active, #Projectslist .tile_count .card-body.active:hover, .tabPanelWraps .tile_count .card-body.active, .tabPanelWraps .tile_count .card-body.active:hover{margin:2px 2px;transform:scale(1);border-radius:10px;}
 .tabPanelWraps .tile_count .card-body1.totalBoxWrap.inPads, .tabPanelWraps .tile_count .card-body1.totalBoxWrap.inPads:hover{margin-right:0;margin:2px 2px;border-radius:10px;background-color:#7d7d7d;}
 #Projectslist .card, .tabPanelWraps .card{box-shadow:none;}
 #projectList .nav-tabs > li{width:48%;}
 .linksTo{box-shadow:1px 0 10px #eaeaea;padding:4px 0;margin-top:5px;}
 .linksTo li.d-flex{display:inline-block !important;background-color:#04005f;color:white;text-align:center;border-radius: 4px;}
 .linksTo li.d-flex span{color:#ffffff !important;display:inline-block;padding:2px 1px;}
 .linksTo li.d-flex select.form-control{color:#ffffff;background-color:#04005f;border:none !important;/*padding:4px 10px;*/height:auto;font-size: 12px;}
 .pagesize{color:#04005f;margin-bottom:10px;}
 #projectList .card-body{padding:10px 10px;}
 #projectList .card-body ul li .btn{padding:8px 8px;font-size:12px;line-height:12px;}
 .accordionProjectsWraps .card-body, #projectList .accordionProjectsWraps .card-body{padding:5px 1px;}
 .accordionProjectsWraps .card-header button{padding:10px 1px;}
 .decCustWidth{max-width:100%;}
 #projectList .nav-tabs > li > a, #projectList .nav-tabs > li > a.active, #projectList .nav-tabs .nav-link.active{font-size:12px;}
 .tabPanelWraps div.table-responsive, .tableScrollFix{max-height:435px;}
 .table-scroll-fixed tbody td:nth-child(1), .table-scroll-fixed tbody td:nth-child(2), .table-scroll-fixed tbody td:nth-child(3), .table-scroll-fixed tbody td:nth-child(4){position:static;}
 .table-scroll-fixed thead th:nth-child(1), .table-scroll-fixed thead th:nth-child(2), .table-scroll-fixed thead th:nth-child(3), .table-scroll-fixed thead th:nth-child(4){left:inherit;}
 ul.numTabSM li.totalNM {background-color: #4a4a4a;}
 ul.numTabSM {margin-left: 0;margin-bottom: 10px;}
 ul.numTabSM li {display: inline-block;padding: 5px 5px;box-shadow: 1px 1px 4px #3e3e3e;margin-bottom: 10px;width: 31%;text-align: center;}
 .numTabSMSearch {margin-bottom:15px;}
  .table-scroll-fixed tbody td:nth-child(1), .table-scroll-fixed tbody td:nth-child(2), .table-scroll-fixed tbody td:nth-child(3), .table-scroll-fixed tbody td:nth-child(4){position:static;}
 .table-scroll-fixed thead th:nth-child(1), .table-scroll-fixed thead th:nth-child(2), .table-scroll-fixed thead th:nth-child(3), .table-scroll-fixed thead th:nth-child(4){left:inherit;}
 .table-scroll-fixed tbody tr.child-group td .table tr td:nth-child(1),.table-scroll-fixed tbody tr.child-group td .table tr td:nth-child(2),.table-scroll-fixed tbody tr.child-group td .table tr td:nth-child(3),.table-scroll-fixed tbody tr.child-group td .table tr td:nth-child(4) {position:static;}
 .mobRelI {position:relative !important;top:0!important;left:0!important;}
 .detail-list {word-break:break-all;}
 .swal-modal {width:92%;}
 #ListQuestion .ui-sortable td a i.fa-arrows-alt {display:none;}
}
/* ##Device = Most of the Smartphones Mobiles (Portrait), ##Screen = B/w 320px to 479px */
@media (min-width:320px) and (max-width:480px){
 .logo-box, body[data-layout=horizontal] .logo-box{padding-right:5px;}
 .mainNavBar .navbar{width:100%;}
 .mainNavBar .navbar .navbar-toggler{margin-right:11%; margin-top: 2px;color:#fff;border-color:#04005f;background-color:#04005f;}
 .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;}
 .nav-user img{height:32px;width:32px;}
 .page-title-box .page-title.tb-ttl{width:100%;font-size:14px;line-height:40px;}
 .form-group label, .form-control{font-size:12px;}
 .checkbox label{font-size:14px;}
 .tabPanelWraps .card-body{padding:0;}
 .btn-secondary, .btn-bg-color{min-width:auto;padding:6px 15px;padding:6px 15px;margin:8px 5px;font-size:14px;border:none;}
 #Projectslist .tile_count .card-body, .tabPanelWraps .tile_count .card-body{border:none;margin:2px 2px;transform:scale(1);border-radius:10px;background-color:#d8d8d8;color:#fff;padding:5px 0;}
 #Projectslist .tile_count .card-body:hover, .tabPanelWraps .tile_count .card-body:hover, #Projectslist .tile_count .card-body.active, #Projectslist .tile_count .card-body.active:hover, .tabPanelWraps .tile_count .card-body.active, .tabPanelWraps .tile_count .card-body.active:hover{margin:2px 2px;transform:scale(1);border-radius:10px;}
 .tabPanelWraps .tile_count .card-body1.totalBoxWrap.inPads, .tabPanelWraps .tile_count .card-body1.totalBoxWrap.inPads:hover{margin-right:0;margin:2px 2px;border-radius:10px;background-color:#7d7d7d;}
 #Projectslist .card, .tabPanelWraps .card{box-shadow:none;}
 #projectList .nav-tabs > li{width:48%;}
 .linksTo{box-shadow:1px 0 10px #eaeaea;padding:4px 0;margin-top:5px;}
 .linksTo li.d-flex{display:inline-block !important;background-color:#04005f;color:white;text-align:center;border-radius: 4px;}
 .linksTo li.d-flex span{color:#ffffff !important;display:inline-block;padding:2px 1px;}
 .linksTo li.d-flex select.form-control{color:#ffffff;background-color:#04005f;border:none !important;/*padding:4px 10px;*/height:auto;font-size: 12px;}
 .pagesize{color:#04005f;margin-bottom:10px;}
 #projectList .card-body{padding:10px 12px;}
 #projectList .card-body ul li .btn{padding:8px 8px;font-size:12px;line-height:12px;}
 .accordionProjectsWraps .card-body, #projectList .accordionProjectsWraps .card-body{padding:5px 1px;}
 .accordionProjectsWraps .card-header button{padding:10px 1px;}
 .decCustWidth{max-width:100%;}
 #projectList .nav-tabs > li > a, #projectList .nav-tabs > li > a.active, #projectList .nav-tabs .nav-link.active{font-size:12px;}
 .tabPanelWraps div.table-responsive, .tableScrollFix{max-height:435px;}
 .table-scroll-fixed tbody td:nth-child(1), .table-scroll-fixed tbody td:nth-child(2), .table-scroll-fixed tbody td:nth-child(3), .table-scroll-fixed tbody td:nth-child(4){position:static;}
 .table-scroll-fixed thead th:nth-child(1), .table-scroll-fixed thead th:nth-child(2), .table-scroll-fixed thead th:nth-child(3), .table-scroll-fixed thead th:nth-child(4){left:inherit;}
 ul.numTabSM li.totalNM {background-color: #4a4a4a;}
 ul.numTabSM {margin-left: 0;margin-bottom: 10px;}
 ul.numTabSM li {display: inline-block;padding: 5px 5px;box-shadow: 1px 1px 4px #3e3e3e;margin-bottom: 10px;width: 31%;text-align: center;}
 .numTabSMSearch {margin-bottom:15px;}
  .table-scroll-fixed tbody td:nth-child(1), .table-scroll-fixed tbody td:nth-child(2), .table-scroll-fixed tbody td:nth-child(3), .table-scroll-fixed tbody td:nth-child(4){position:static;}
 .table-scroll-fixed thead th:nth-child(1), .table-scroll-fixed thead th:nth-child(2), .table-scroll-fixed thead th:nth-child(3), .table-scroll-fixed thead th:nth-child(4){left:inherit;}
 .table-scroll-fixed tbody tr.child-group td .table tr td:nth-child(1),.table-scroll-fixed tbody tr.child-group td .table tr td:nth-child(2),.table-scroll-fixed tbody tr.child-group td .table tr td:nth-child(3),.table-scroll-fixed tbody tr.child-group td .table tr td:nth-child(4) {position:static;}
 .mobRelI {position:relative !important;top:0!important;left:0!important;}
 .detail-list {word-break:break-all;}
 .swal-modal {width:92%;}
 #ListQuestion .ui-sortable td a i.fa-arrows-alt {display:none;}
 .searchIdentifiersBtn {margin-top:0px;}
 .searchIdentifiersBtn.tokenbtnDiv a {display:inline-block;}
 .card-body {padding:1rem;}
 .statsTabs { padding: 5px 6px 5px 2px; font-size: 10px !important;}
 .statsTabs span {font-size:18px;}
 .statIcon {height: 24px;top:45%;}

 }