/* ---------- Default CSS ---------- */

body{background:#fff;font-family:"Montserrat", sans-serif;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:"Montserrat", sans-serif;}
.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;}
.checkBoxLab input:hover, .checkBoxLab label:hover, .checkBoxLab span:hover, .checkBoxLabel:hover  {cursor: pointer;}
.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 / 65%);
    background-size: 15%;
}

::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#F5F5F5;}
::-webkit-scrollbar{width:13px;height:14px;background-color:#F5F5F5;border-radius:10px;}
::-webkit-scrollbar-thumb{background-color:#04005f;border-radius:10px;}
::-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;}
.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:0;top:0;}
.mainNavBar .topnav-menu .dropdown-item{color:#333;}
.mainNavBar .topnav-menu .dropdown-header{background-color:#04005f;border-bottom:1px solid #7b7b7b;}
.mainNavBar .topnav-menu .dropdown-header h6{color:white;background-color:#04005f;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:#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{border-top:0;border-left:0;border-right:0;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;}
.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;}
/* 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:7px 5px 5px 5px;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;}
.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 #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;}
.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:50px;}
.surveyTableUI table th, .surveyTableUI table td{text-align:left !important;border:none;font-size:18px;color:#333;padding:3px 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:43px;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:365px;}
.tabPanelWraps div.table-responsive .table thead th, .tableScrollFix .table thead th{position:sticky;top:-1px;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;}
.textWrapsCountry{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;max-width:150px;}
.textWraps:hover, .textWrapsCountry: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;}
.filterInputsH {height:22px;}
.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;}
.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;}
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 18px;border-radius: 5px;cursor: pointer;color: #04005f;}
ul.numTabSM li.bgA:hover {background-color: #3d3a84;color:#fff;}
ul.numTabSM li p {font-size:15px;font-weight:500;}
ul.numTabSM li p i {font-size:14px;}
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;}

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


/* ---------- Search ---------- */
.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;}
#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{border-left:none;border-right:none;border-radius:0;}
.projectStatsIcon{background-color:#04005f;color:#fff;padding:3px 6px 3px 6px;line-height:14px;border-radius:25px;font-weight:500;font-size:11px;}
.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:#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;}
.form-group label{color:#000;font-size:15px;letter-spacing:0;}
.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:16px;}
.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;}
/* 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}


/* ---------- swal contents ---------- */
.swal-icon:first-child {margin-top: 20px;}
.swal-text:first-child{margin-top:20px;color:#000;}
.swal-modal{width:400px;}
.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);}
.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;}
.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;}
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%;}
/*@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: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(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:250px;}
.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;}
.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;}

/*Responsive css */
@media(min-width:768px) {
    .tokenbtn{position:absolute;bottom:0;}
 .tokenbtnDiv{position:absolute;top:23px;}
 .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;}
}

/* ---------- 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){
 .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){
 .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 #b1b1b1;padding:10px 0;margin-top:5px;justify-content:center !important;}
 .linksTo li.d-flex{display:inline-block !important;background-color:#04005f;color:white;text-align:center;}
 .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:#6d6d6d;border:none;padding:4px 10px;height:auto;}
 .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:490px;}
 .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;}
 }