/*@import url('open-sans.css');
body{font-family:'Open Sans','Arial', 'sans-serif', 'Segoe UI','Droid Sans','Tahoma'; color:#232323 !important; font-size:11.0px; font-weight:400; background:#fff repeat-y 0 0; line-height:1.54}*/
/*@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');*/
@import url('poppins.css');
body{font-family:"Poppins", sans-serif; color:#232323 !important; font-size:12px; font-weight:400; background:#fff repeat-y 0 0; line-height:1.54, touch-action: manipulation;  touch-action: auto;}
html{min-height:100%; touch-action: auto; overflow: auto;}
body{margin:0;padding:0;min-height:100%;height:100%}
button i{display:none!important}
#content{min-height:100%}
.menu-footer {
  position: absolute;
  bottom: 0px;
  width: 100%;
  text-align: center;
  font-size: 13px;
  background: #fff; /* optional, match sidebar background */
}
.disabled[title]::after {
content:""; 
}
.main-menu.menu-light .navigation > li.active > a {
  color: #005ceb;
}
#clsPageMyTimesheet .modal-open .modal{z-index:1111}

.table th, .table td {
  padding: 14px 7px;
}


.table thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: #e3e3e3 !important;
}

#clsPageCrmDashboardWorking table tr td
{
	padding-left:2px !important;
	padding-right:2px !important;
}
.tablePadding8 td {
  padding: 8px;
}
.rCorners{display: inline-block;border-radius: 50%;color:#fff;font-size:1.3em;margin-top: 5px;width: 30px;height: 30px;line-height:30px;font-weight:bold;cursor:pointer;text-align: center;text-transform:uppercase;}
.joineeRCorners{display: inline-block;border-radius: 50%;color:#fff;font-size:1rem;width: 30px;height: 30px;line-height:30px;font-weight:bold;cursor:pointer;text-align: center;text-transform:uppercase;}
section{float:left;width:100%;padding:8px 0;margin-top:8px}
.scheduleSubHeading{width:100%;float:left;font-size:1.74em;color:#fff;font-weight:400;padding:10px 8px;background-color:#9e9e9e;border-bottom:2px solid #fff}
.topSection span{text-transform:none}
.printSection{cursor:pointer;text-transform:capitalize;padding:0 2.5%;text-align:center}
.navbar-nav .nav-link{padding-bottom:2.425rem}
.dropdown-toggle .user-name{top:16px}
.navbar-nav > li > .dropdown-menu {margin-top: 30px;}
.navbar-semi-light .navbar-nav .active.nav-link{background-color:transparent}
/*.modal-dialog .btn{padding:3px 20px 2px;height:25px}*/
.modal-footer .dvApprover button{position:absolute;right:27px;bottom:10px;padding:3px 13px 2px!important}
.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:transparent}
#navbar-mobile .dropdown-toggle::after{font-family:'FontAwesome';content:"\f107";border:none!important;position:relative;top:12px;right:0;padding:0 2px 0 6px;margin:0 .3em 0 0}
a:not([href]):not([tabindex]){color:#0064bb;text-decoration:none}
.nav.nav-tabs .nav-item .nav-link{padding:0.5rem 1rem;}
.nav.nav-tabs .nav-item .nav-link.active{background-color:#9e9e9e;border-radius:0;color:#fff}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}
.header-navbar .navbar-header .navbar-brand{padding:0 6px 3px}
.titleBarLeft h4{font-size:1.173em}
#main{width:100%;float:left;min-height:100%;min-height:100vh;padding-bottom:15px; padding-left:13px}
.navbar-brand{float:left;width:200px;padding:9px 6px}
.navbar-header .navbar-brand .brand-text{display:inline-block;padding-left:16%!important;font-weight:400;letter-spacing:1px;width:130px;float:left;padding-top:4px}
#table tbody td,#table thead th{float:left}
.navbar-header .navbar-brand .brand-text{display:inline;padding-left:6px;font-weight:400;letter-spacing:1px}
.user-name{display:inline-block;padding-left:2%}
.navbar-nav>li>a{line-height:6px}
label{font-weight:400;text-transform:capitalize;padding-top:4px;margin-bottom:0}
body.vertical-layout.vertical-menu.menu-collapsed .navbar .navbar-brand{padding:5px 0}
.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:transparent}
.sticky{background:#fff;height:30px}
.fixedTitlePadding{padding-top:60px}
.panel-body{padding:5px}
hr{margin-top:12px;margin-bottom:0}
.nav-tabs{border-bottom:none}
.CancelButton{cursor:pointer;text-transform:capitalize;font-size:1.13em}
.uploadSection{padding:15px 8px 0;width:100%;float:left;text-align:right}
.showFileSection{cursor:pointer;font-size:1.04em;color:#037ee8!important;background-color:transparent;padding:0 13px;border-radius:5px}
.fileSection{width:100%;float:left}
.fileBodySec{width:100%;float:left;background-color:#e1e2ff;padding:10px 6px;margin-top:6px}
.panel-primary>.panel-heading{font-size:1.565em}
.dashboardBodyText{font-size:1.304em;border-bottom:1px solid #dff4ff;padding:12px 0;width:33%;float:left}
.ManagementSection{padding:0 10px;width:12%;float:left;margin-left:2%;color:#fff;text-align:center}
.dashboardHeading{width:100%;float:left;font-size:1.391em;padding:15px 10px;color:#165d98;font-weight:400;text-transform:capitalize}
.sectionPanel{border:1px solid #dde6ed;border-radius:4px;width:100%;float:left;background-color:#fff}
.bottomPadding-18{padding-bottom:18px;}
.sectionPanelBody{width:100%;float:left;padding:0}
.headingWithBackgroundColor{width:100%;float:left;font-size:1.5em;padding: 10px 8px 8px 15px;font-weight:400;text-transform:capitalize}
.jobDetailsHeader {width: 100%; float: left; font-size: 1.739em; color: #fff; font-weight: 400; padding: 7px 8px; background-color: #9e9e9e;}
.headingWithoutBackgroundColor{width:100%;float:left;font-size:1.391em;padding:15px 10px;color:#165d98;font-weight:400;text-transform:capitalize}
.headingWithBackgroundColor i{font-size:1.04em;vertical-align:middle; color:#585858}
.headingWithBackgroundColor span{vertical-align:middle}
.singleRow{padding-bottom:8px}
.singleRow span{vertical-align:middle;text-transform:capitalize}
.leftIconDiv{width:5%;float:left}
.rightContentDiv{width:95%;float:left;line-height:1}
.rightContentDiv span{font-size:1.217em}
.rightContentDiv p{color:#4c99bc;font-weight:300}
.leftPanel{width:23%;float:left;text-transform:capitalize;padding-right:5px;/*font-weight:600*/}
.midPanel{width:5%;float:left;text-transform:capitalize;padding-right:5px;padding-left:5px}
.rightPanel{width:69%;float:left;padding-right:5px;padding-left:5px}
.empLavelLeft{width:20%;float:left;text-transform:capitalize;padding-right:5px;padding-left:10px}
.empLavelMiddle{width:8%;float:left;text-transform:capitalize;padding-right:5px;padding-left:5px}
.empLavelRight{width:72%;float:left;padding-right:5px;padding-left:5px}
.monthlySalaryAction{display:inline-flex;float:left;width:100%;list-style-type:none;font-size:1.130em;text-transform:capitalize;margin-bottom:0;justify-content:center}
.monthlySalaryAction li{padding:10px 40px 10px 18px}
.editDetailsBtn{padding:10px 15px!important;border-radius:10px!important;height:auto!important}
.close{color:#fff;text-shadow:none;opacity:1}
.showHideBodySection{width:100%;float:left;padding-bottom:6px}
#table thead,#table tbody,#table tr{float:left;border-bottom:1px solid #e3ebf3}
#table thead,#table,#table tr{width:100%;float:left;border-bottom:1px solid #e3ebf3}
.ps-container tr{display:table}
#table tbody{max-height:460px;overflow-y:auto;overflow-x:auto;position:relative;height:auto;padding-bottom:30px; width:100%;}
#table1 tbody{position:relative;height:auto;padding-bottom:30px}
.table th,.table td{border-bottom:none}
.perfectHorizentalScrollDiv{width:100%;float:left;overflow:auto}
#container{background-color:#fff;position:relative;margin:100px auto;padding:50px;width:600px;height:500px;overflow:auto}
#container .content{width:1280px;height:900px}
.input-group .form-control{height:26px}
.input-group .input-group-btn .btn{height:26px;text-transform:none}
.input-group .input-group-addon{height:26px}
.input-group{width:100%;padding:0}
.input-group .form-control{height:26px}
.input-group-addon{background-color:#fff}
.multiselect-container .input-group{display:table}
.multiselect-container>li>a>label{padding:6px 20px 6px 32px !important;border-radius:0}
.multiselect-container .input-group{margin:5px 0!important}
.multiselect-container .dropdown-menu>li>a{border-radius:0}
.multiselect-container input[type="checkbox"]{margin-top:1px}
.btn .multiselect-selected-text{text-align:left;float:left;font-weight:400;font-size:0.86em; line-height: 1.1;}
.multiselect .caret{float:right;margin-top:6px}
.multiselect-container{max-height:300px;overflow-y:auto;width:100%}
.multiselect-item filter{width:100%}
.nav>li>a{padding:12px 15px 12px 8px}
.input-append,.input-prepend{display:inline-block;font-size:1em;white-space:nowrap;vertical-align:middle;width:100%}
.input-append .add-on,.input-prepend .add-on{position:absolute;right:0;z-index:99;padding:3px 6px;font-size:1.217em;font-weight:400;line-height:20px;text-align:center;text-shadow:0 1px 0 #fff;background-color:#eee;border:1px solid #ccc}
.dashboardText{color:#4a4a4a}
.roundBox{width:5%;display:inline-block;border-radius:16%}
.bodyMiddle{width:100%;float:left;padding-top:54px}
.header{margin:12px 0px;text-transform:capitalize;font-weight:400!important; color: yellow;}
#material .table>tbody>tr>td{padding:4px!important}
.headerText{width:100%;float:left;padding-top:1%;font-size:1.913em;text-transform:capitalize}
.dashboardDocLeft{width:65%;float:left;text-transform:none;padding-left:15px}
.dashboardRightIcon{width:50px;float:left;padding-left:5px;padding-top:1px}
.subHeaderText{padding-left:5px;padding-top:1%;font-size:1.391em;color:#0089ff;font-weight:400;text-transform:capitalize}
.topSection{width:100%;float:left;padding-top:8px}
.bodyTopSection{background-color:#edf3ff;padding-bottom:8px!important}
.topButtonSection{width:100%;float:left;padding:15px 0;text-align:center}
.pendingDocumentToggleIcon{width:50px;float:left}
.bodySection{background-color:#edf3ff;padding-top:95px;padding-bottom:10px!important;width:100%!important;float:left}
.bodySectionApp{background-color:#f9f9f9;padding-top:0!important;padding-bottom:0!important;width:100%!important;float:left}

.subHeader{padding-top:1%;font-size:1.565em;padding-left:5px}
a{color:#123374}
.disabled{background-color:#d7949400;opacity:1;cursor:not-allowed; pointer-events: none;}

/*a.disabled:hover::after
{
	content: attr(title) !important;
}*/
/*a.disabled {
  cursor: not-allowed;
  text-decoration: none;
}

a.disabled:hover{
 content: attr(title);
 color: black;
}
*/
a:focus,a:hover{color:#337ab7;text-decoration:none}
.subHeading{width:100%;float:left;font-size:1.391em;padding:7px 0 10px;border-top-left-radius:3px;border-top-right-radius:3px;color:#0089ff;text-transform:capitalize;font-weight:400}
.customer_fieldset{width:33%;float:left}
textarea{height:48px!important}
.paddingTop{padding-top:8px}
.topPadding{padding-top:17px}
.btn-purple{color:#fff!important;background-color:#5bb0f9!important;border-color:#5bb0f9!important}
.pageSubHeading{width:100%;float:left;font-size:1.565em;padding:7px 0 10px 10px;font-weight:400;text-transform:capitalize}
.noPadding{padding:0!important}
.paddingLeft-15{padding-left:15px!important}
.paddingLeft-7{padding-left:7px!important}
.paddingLeft-5{padding-left:5px!important}
.paddingLeft-10{padding-left:10px!important}
.flex-container{display:flex;justify-content:center;flex-wrap:wrap}
.flex-container>.flex-column{padding:10px 30px 0;text-align:center}
.flex-container>.flex-column>span{font-size:1.217em;color:#73879C}
.flex-container>.flex-column>.count{font-size:3.478em;text-align:center}
.well{margin-bottom:5px;background-color:#f1fbff}
.titleBarRight .btn:hover{color:#fff}
.btn-group.open .dropdown-toggle{-webkit-box-shadow:none;box-shadow:none}
.titleBarRight .bootstrap-select .btn:focus{outline:0 dotted #6c89c5!important;outline:0 auto -webkit-focus-ring-color!important;outline-offset:-2px;color:#fff}
.row{margin-right:0;margin-left:0}
.table{margin-bottom:0;width:100%}
.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #d1d7dc}
.table-striped>tbody>tr:nth-of-type(2n+1){background-color:#f6f9ff!important}
tr.edit_tr:nth-child(2n){background:#FFF!important}
.table>tbody>tr>td{border-top:none;padding:9px 7px;vertical-align:middle}
.table tbody tr td table tr td{border-top:none;padding:9px 7px!important;vertical-align:middle}
.table tbody tr td table tr:last-child {border: 1px solid #e3ebf3;}
.spanText{color:#777676}
.form-control:disabled{background-color:#e0e0e0 !important}

.form-control[readonly]{background-color:#f5f5f5 !important}

.table>thead>tr>th{padding:14px 7px;border-bottom:none;background:#e3e3e3; color: #262626;}
.table>thead>tr{background:#e3e3e3;}
thead>tr{background-color:#E1E1E1;border-top:1px solid #eaeaea}
.table-dark>thead>tr>th{padding:12px 7px 12px 5px !important;background-color:#bdd2fb;border:1px solid #ddd}
.table-dark>tbody>tr:nth-of-type(2n+1){background-color:#FFF!important}
.table-dark tr.edit_tr:nth-child(2n){background:#F2F8FB!important}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
  line-height: normal;
}
.nav>li>a:hover,.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:transparent}
thead tr{background-color:#FFF}
.dashboadrBox{width:30%;float:left;min-height:170px;background-color:#fff;margin:15px;padding:10px;border:1px solid #ccc}
.dashboadLeaveBox{width:17%;float:left;min-height:170px;background-color:#fff;margin:15px;padding:12px 5px;border:1px solid #ccc;border-radius:15px}
.processedStatus{color:#029802;text-transform:capitalize}
/*input[type="file"]{font-size:1.130em!important}*/
.partiallyStatus{color:#0a26ff;text-transform:capitalize}
.unprocessedStatus{color:red;text-transform:capitalize}
.pendingStatus{color:#000;text-transform:capitalize}
#header{width:100%;height:90px;border-bottom:1px solid #B7B4B4;position:relative;z-index:15}
option{white-space:pre}
.show_profile{float:right;padding-top:18px;width:35%}
#operationReassign{float:right;padding-right:5px}
#operationMessage{float:left;padding-left:15px}
.nav-tabs{background:#fff}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#123374!important}
#show_raise_issue{float:right;width:100%;text-align:right}
input[type="radio"]{margin:2px 0 0}
.header_top_middle_section{float:left;width:55%;text-align:center}
.show_left_menu{width:16%;float:left}
.show_content{width:84%;float:left;border-left:1px solid #bbe8ff}
.bootstrap-select.btn-group .dropdown-toggle .filter-option{width:96%!important}
#content{background:#f6f6f6;width:100%;min-height:950px;min-height:1257px;padding-bottom:25px;margin-right:1px;position:relative;left:auto;top:auto;float:left}
section .container{width:78%;background:#fff;margin-left:auto;margin-right:auto;box-shadow:6px 0 4px 2px #484747;padding-right:0;padding-left:0}
#sidebar{width:100%;display:block;float:left;position:relative;z-index:16;border-top:1px solid #bbe8ff}
.dropdown-menu li{margin:0}
.bootstrap-select.btn-group .dropdown-menu{max-width:100%}
#main-nav{width:100%;padding:0;position:relative;top:0}
#selected{background:#066ECD;background-image:-webkit-gradient(linear,left 0%,left 100%,from(#fff),to(#f0f0f0));background-image:-webkit-linear-gradient(top,#fff,0%,#f0f0f0,100%);background-image:-moz-linear-gradient(top,#fff 0%,#f0f0f0 100%);background-image:linear-gradient(to bottom,#fff 0%,#f0f0f0 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#fff0f0f0',GradientType=0);border-top:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 1px 1px rgba(0,0,0,.075);color:#e5412d;text-shadow:none;/*font-weight:600*/}
#main-nav>li.active>a{border-top:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 1px 1px rgba(0,0,0,.075);color:red;text-shadow:none;/*font-weight:600*/}
#main-nav>li.active>a i{color:red}
#main-nav>li.dropdown>a{padding:5px 0 8px 19px;font-size:1.391em;font-weight:400}
#main-nav .sub-nav>li>a i{position:relative;top:1px;margin-right:.65em;color:#fff;font-size:1.130em}
#page-content-wrapper{background:#FFF;width:100%;min-height:970px;padding-bottom:25px;margin-right:1px;left:auto;top:auto;float:left}
.dropdown-menu{min-width:164px;padding:0;font-size:1em}
.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#e5412d;background-image:linear-gradient(to bottom,#fff 0%,#f0f0f0 100%);background-repeat:repeat-x}
.nav-stacked>li+li{margin-top:0;margin-left:0}
.sub-nav{background:#fff;width:100%;display:none;list-style-type:none;padding-left:15px;margin-top:0;margin-bottom:0;border-bottom:none;position:relative;border-left:none;top:0}
.topHeader{font-size:1.739em;padding-top:5px;color:#4b4b4b}
.slowerBlinking{animation:opacity 5s ease-in-out infinite;opacity:1}
.fasterblinking{animation:opacity 1s ease-in-out infinite;opacity:1}
.h3,h3{font-size:1.391em}
@keyframes opacity {
0%{opacity:1}
50%{opacity:0}
100%{opacity:1}
}
.project_name{font-size:1.130em;padding-top:6px;color:#4b4b4b;text-transform:capitalize}
.page_header{color:#fff;padding-top:8px;font-size:1.391em;padding-bottom:8px}
/*.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:100%!important}*/
/*.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%;
}*/

.header-navbar .navbar-container ul.nav li a.dropdown-user-link .user-name {
 /* margin-left: 0.2rem;*/
}


#top-bar .nav>li{float:left;font-size:1.043em}
.navbar-nav>li>a{padding:6px 2px 6px 6px;font-size:1em!important}
.navbar{padding:0;margin-bottom:0;min-height:auto}
.checkbox label,.radio label{padding-left:3px}
.navbar-dark .nav-tabs li,.navbar-dark .navbar-nav li{padding:2px}
.dropdown-menu>li>a{padding:3px 2px}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{padding-right:5px;padding-left:5px}
.form-control{display:block;width:100%;height:25px;padding:2px 6px;color:#555;font-size:0.92em;background-color:#FFFFDF;background-image:none;border:1px solid #ccc;border-radius:2px;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-webkit-box-shadow:none}
select{background-color:#FFFFDF; color:#222222; border:1px solid #ccc;width:100%;border-radius:2px;padding-left:3px;height:25px;line-height:27px;white-space:nowrap}
.wrap table{margin-bottom:0}
.inner_table table tr td{padding:8px 7px;word-wrap:break-word}
.inner_table{height:200px;width:100%;overflow:auto}
.bootstrap-select>.dropdown-toggle{width:100%;padding-right:2px;font-size:0.92em;font-weight:400;border-radius:2px}
.dropdown-menu>li>a span{font-weight:400}
.btn-warning{color:#fff;background-color:#8e8d8d;border-color:#FFA87D}
.btn-warning:hover{color:#fff;background-color:#9b9b9b;border-color:#9b9b9b}
.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#9b9b9b;border-color:#9b9b9b}
.btn-warning.clicked,.btn-warning:clicked{color:#fff;background-color:#9b9b9b;border-color:#9b9b9b}
hr{border-top:1px solid #dde6ed;width:100%;float:left}
.btn{display:inline-block; padding:5px 20px;font-size:0.92em;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:7px;margin-bottom:2px;text-transform:capitalize}
.btn-group-vertical>.btn,.btn-group>.btn{border-radius:2px;padding:4.5px 6px}
.btn-success{border:none}
.btn-warning{border:none}
.btn-danger{border:none}
.divAdvSearchPanel{max-height:200px;border:1px solid #C2BEBE;background-color:#F9F3D1;z-index:999;position:absolute;overflow-y:auto;display:none;margin-top:-1px;width:100%;border-radius:3px;box-shadow:8px 8px 30px #888}
.divAdvSearchPanel li:hover{background-color:#83827c;color:#fff;cursor:pointer;}
.divAdvSearchPanel ul{padding:0;margin:0 0 10px}
.divAdvSearchPanel ul li{padding-left:5px;color:#000;list-style:none}
.modal-header{border-bottom:1px solid #e5e5e5;background-color:#e3e3e3;width:100%;height:auto;display:flex;align-items:center; padding:8px 15px}
.btn.disabled, .btn:disabled {cursor: not-allowed;pointer-events: none;color: #8a8a8a;background-color: #dfdfdf;}

.text_top{padding-top:5px}
.hideElement{display:none}
.modal-dialog{width:950px}
.modal-title{margin:0;text-transform:capitalize;color:#000;padding:8px 0}
.table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
  text-transform: capitalize; vertical-align: middle;
}
.modal-body{position:relative;padding:10px 10px!important;width:100%;float:left;background-color:#fbfbfb;color:#191919;border-bottom:1px solid #e5e5e5}
.close{color:#000;text-shadow:none}
.modal-dialog label{text-transform:capitalize;font-weight:400;padding-top:0}
.help-modal-body{position:relative;padding:10px 20px 10px 11px !important;width:100%;float:left;background-color:#f4fcfb;color:#191919;font-size:1.130em}
.btn-default{color:#555;background-color:#ffc;border-color:#ccc;}
.nav-tabs>li>a{margin-right:0;border:none}
.btn-default:hover{color:#333;background-color:#faffa6;border:1px solid #ccc}
.btn-default.focus,.btn-default:focus{color:#333;background-color:#faffa6}
.modal-footer{width:100%;height:55px;border-top:none}
.modal-footer button{position:absolute;right:27px;bottom:10px}
.modal-content{width:100%;float:left}
fieldset{border:1px solid #d8d8d8;padding:7px;margin:3px;border-radius:5px}
legend{display:block;width:auto;padding:10px;margin-bottom:0;font-size:0.956em;line-height:inherit;color:#333;border:0;border-bottom:none}
.table-bordered thead tr th,.table-bordered tfoot tr th{font-size:0.956em;font-weight:400;text-transform:capitalize;background-color:transparent;border-bottom-width:1px;vertical-align:middle;color:#000}
.editboxFees{font-size:1.217em;width:100%;background-color:#FFC;border:1px solid #000;padding:3px;height:23px}
.table thead:first-child tr:first-child th{text-transform:capitalize;font-weight:400;vertical-align:middle}
.company_label{color:#FFF;padding-top:3px;text-transform:capitalize}
.titleBar h4{margin-bottom:7px}
.dropdown-menu>li>a{font-weight:400;color:#333;white-space:normal;border-radius:5px;padding:6px;border-top-right-radius:2px;border-top-left-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px;word-break:normal}
.bootstrap-select.btn-group .btn .caret{right:5px!important;color:#888}
.companyRight .bootstrap-select.btn-group .btn .caret{right:5px!important;color:#fff}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;background-color:#42a1f3}
.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{color:#fff;background-color:#42a1f3}
.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:#FFF;background-color:#42a1f3;border-color:#42a1f3x}
.bootstrap-select.btn-group .btn .filter-option{left:6px!important;right:6px!important; text-transform: capitalize; display: flex; align-items: center;}
.bootstrap-select.btn-group,.bootstrap-select.btn-group[class*="span"]{margin-bottom:0!important}
.footerBg{width:100%;float:left;background-color:#fff;bottom:0;color:#000;z-index:99999}
#footer{width:100%;float:left;background-color:#fff;bottom:0;color:#000;z-index:99999}
.ftCopyright{color:#fff;text-align:left;background-color:#565656;padding:7px 0 7px 9px}
#passwordStrength{height:5px;display:block;float:left}
.strength0{color:red}
.strength1{color:#e6840d}
.strength2{color:#56e500}
.strength3{color:#399800}
.strength4{color:#4dcd00}
.strength5{color:#399800}
.disable{pointer-events:none;opacity:.5;cursor:not-allowed}
.top-bar-collapse{display:block}
/*.table>tbody>tr>td,.table>thead>tr>th{padding:5px 5px 5px 4px}*/
.dataTables_wrapper .dataTables_filter input,.dataTables_wrapper .dataTables_length select{vertical-align:middle;font-size:1.043em;height: 25px; padding: 2px 6px !important; border:1px solid #ccc;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);transition:border-color ease-in-out 0.15s,box-shadow ease-in-out .15s;width:63%;margin-right:16px}
.dataTables_wrapper .dataTables_length select {
  height: 25px !important; padding: 2px 6px !important;
}
.dataTables_length > label {
  display: initial !important;
}
.dataTables_wrapper .dataTables_length {
  color: #333;
  float: left;
  display: block ruby !important;
  padding:5px 5px;
}
.dataTables_length {
  margin: 7px 0 0 0!important;
}
ul,ol{padding:0;margin:0 0 10px}
.checkbox-inline,.radio-inline{margin-right:20px}
.checkbox-inline+.checkbox-inline{margin-left:0}
input[type="checkbox"]{margin:3px 0 0}
.tooltip-inner{max-width:150px;width:150px}
.tooltip{max-width:150px;width:150px}
.table-width-half{width:50%}
.collapse{display:block}
.logoSection{width:65%;float:left;padding:10px 0;text-align:left}
.prefixSection{width:34%;float:left;padding-top:22%;text-align:left}
.dropdown-menu.arrow::before,.dropdown-menu.arrow::after,.panel-editbox::before,.panel-editbox::after,.tt-dropdown-menu.arrow::before,.tt-dropdown-menu.arrow::after{position:absolute;top:-8px;right:20px;display:inline-block;content:'';border-right:8px solid transparent;border-left:8px solid transparent}
.dropdown-menu[x-placement^="bottom"],.dropdown-menu[x-placement^="left"],.dropdown-menu[x-placement^="right"],.dropdown-menu[x-placement^="top"]{right:auto;bottom:auto}
.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0; font-size: 1.130em;}
.middleSection{width:100%;float:left;text-align:center}
.userText{padding:14% 0;font-size:1.130em;color:#fff}
.middleContain{width:100%;float:left}
.rightSection{text-align:right;padding-top:0}
.titleBar{width:100%;float:left;padding-top:0;padding-bottom:6px;padding-left:5px;background-color:#337ab7;padding-bottom:0;position:fixed;z-index:99}
.titleBarLeft{float:left;color:#fff;padding:0px 0 0px 16px;font-weight:400;width:36%}
.titleBarMiddle,.blanckTitleBarMiddle{width:44%;display:flex;float:left;color:#fff;text-align:left;font-size:1.217em;padding:0px 0 0;text-transform:capitalize}
.titleBarLeftHelp{width:90%;float:left;color:#fff;padding-top:5px;padding-left:4px;font-weight:400}
.titleBarMiddleHelp{width:100%;float:left;color:#fff;text-align:center;font-size:1.217em;padding:8px 0 6px;text-transform:capitalize}
.titleBarMiddle .fa-sync-alt,.fa-shekel-sign,.fa-arrow-alt-circle-left{padding-top:0}
.titleBarMiddle a{color:#fff}
.titleBarRight{width:20%;float:left;background-color:#5bb0f9;color:#fff;text-transform:capitalize;padding:0;}
.middle_header{background-color:#42a1f3;display:flex;flex:1;color:#fff;}
.companyLeft{width:100%;float:left;padding:6px;padding-left:8px;color:#fff;text-transform:capitalize;font-weight:400;border-bottom:1px solid #E2E2CA}
.companyRight{width:100%;float:left;padding:1px 3px}
.submenu{background-color:#e4e5ff;z-index:2;position:relative;border-radius:2px;list-style-type:none;width:100%;padding:6px 10px 6px 12px;font-size: 1.217em;text-transform: capitalize; font-weight: 400; display: flex; justify-content: center;}
.submenu a:not([href]):not([tabindex]) {
  color: #6e783e;
  padding: 5px 15px 5px 15px !important;
}
/*.btn-group > .btn {
  padding: 4.5px 6px !important;
}*/
.companyRight > .btn-group > .btn {
  padding: 10px 6px !important;
}
.companyRight > .bootstrap-select > .dropdown-toggle {
  /*font-size: 1.15em;*/
  color:yellow !important;
}

.submenu>.col-sm-2{width:auto;float:left}
.submenu>.col-sm-3{width:auto;float:left}
.submenu>.col-sm-9{width:auto;float:left}
.submenu>.col-sm-10{width:180px;float:left}
.dashboardSubHeading{width:100%;float:left;font-size:1.565em!important;padding:7px 0 10px;border-top-left-radius:3px;border-top-right-radius:3px;color:#0089ff;font-weight:400}
.bootstrap-select>.btn{text-transform:none}
h4{margin-top:8px;margin-bottom:8px;font-size:1.391em}
.modal-header h4{/*margin-top:8px;margin-bottom:8px;*/font-size:1.217em}
.btnSection{float:right;width:13%;text-align:center}
.fileUploadSection{float:right;width:17%;text-align:center}
.tree{width:97%;margin:1% 0 0 2%;float:left;max-height:1000px;overflow:auto}
#main-nav>li{list-style-type:none;padding:0;margin:0;position:relative;border-bottom:1px solid #bbe8ff}
#main-nav>li>a{width:100%;font-size:1.130em;font-weight:400;text-decoration:none;color:#000;display:inline-block;padding:6px 18px 6px 9px;padding-bottom:11px;outline:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
#main-nav>li>a i{position:relative;top:1px;width:15px;display:inline-block;text-align:center;margin-right:3px;color:#000;font-size:1.130em;text-shadow:none}
#main-nav>li.active{border-top:none}
#main-nav>li.dropdown>a .caret{width:0;height:0;display:inline-block;border-top-color:#5e204f;border-bottom-color:#030303;position:absolute;top:16px;right:9px}
#main-nav>li.active>a .caret{border-top-color:#337ab7;border-bottom-color:#337ab7}
#main-nav .sub-nav{width:100%;display:none;list-style-type:none;padding:0 0 0 5px;padding-left:0;margin-top:0;margin-bottom:0;border-bottom:none;position:relative;top:0}
#main-nav .sub-nav>li{background:none;list-style-type:none;padding:0;margin:0 1em 0 0}
#main-nav .sub-nav>li>a{width:auto;font-size:1.130em;display:block;padding:4px 0 4px 18px;color:#000}
#main-nav .sub-nav>li .selected_menu{width:auto;font-size:1.130em;display:block;padding:5px 0 5px 18px;color:red;background-color:transparent}
#main-nav .sub-nav>li>a:hover{text-decoration:none;border-top-right-radius:0;border-top-left-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;color:red}
/*.bootstrap-select>.dropdown-toggle{height:25px; }*/
.text-primary{color:#3a86c7!important}
.btn-primary{color:#fff;background-color:#42a1f3;border-color:#42a1f3}
.btn-primary:hover{color:#fff;background-color:#388cd4!important;border-color:#388cd4}
.btn-primary:active{color:#fff;background-color:#388cd4!important;border-color:#388cd4}
.btn-primary:focus{color:#fff;background-color:#388cd4!important;border-color:#388cd4}
.btn-primary:visited{color:#fff;background-color:#388cd4!important;border-color:#388cd4}
.btn-primary:disabled{color:#fff;background-color:#388cd4;border-color:#388cd4}
tr.edit_tr:nth-child(2n){background:#FFFCE7}
tr.edit_tr:nth-child(2n+1){background:#f6f9ff}
.modal-open .modal{z-index:9999}
.selected_text{width:100%;float:left;text-align:center;padding:10px 15px;margin-bottom:5px}
.selected_text label{color:#0089ff;text-transform:capitalize;font-size:1.043em;font-weight:400}
.selected_text span{color:#000;text-transform:capitalize}
.modal-body .selected_text{width:100%;float:left;text-align:center;padding:0 15px 10px;margin-bottom:5px;color:#0089ff}
.header_section{background-color:#edf3ff;padding-bottom:8px;border-bottom:1px solid #e3e3e3;width:100%;float:left}
.nav-tabs>li>a{font-weight:400;text-transform:capitalize;font-size:0.956em;color:#000}
.nav-tabs ul,li{margin:0!important}
header .navbar-collapse ul.navbar-nav{float:right;margin:0}
.star-rating{font-size:0}
.star-rating__wrap{display:inline-block;font-size:1rem}
.star-rating__wrap:after{content:"";display:table;clear:both}
.star-rating__ico{float:right;padding-left:2px;cursor:pointer;color:#FFB300}
.star-rating__ico:last-child{padding-left:0}
.star-rating__input{display:none}
.star-rating__ico:hover:before,.star-rating__ico:hover~.star-rating__ico:before,.star-rating__input:checked~.star-rating__ico:before{content:"\f005"}
.modal-verysmall{width:40%!important}
.modal-small{width:60%!important}
.modal-medium{width:70%!important}
.modal-big{width:90%!important; max-width:100%}
.modal-lead{width:80%!important}

#tblForLinkedWithActivity .bootstrap-select:not(.input-group-btn), .bootstrap-select[class*="col-"] {
  display: grid;
}
.container1{position:relative;padding-left:18px;padding-bottom:6px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-top:0}

/*.modal-dialog .container1{position:relative;padding-left:18px;padding-bottom:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-top:0}
*/

table th .container1{padding-top:4px!important}
.container1 input{position:absolute;opacity:0}
.container1 input disabled{background-color:#eee;opacity:1}
.checkmark{position:absolute;top:0;left:0;height:14px;width:14px;background-color:#FFFFBC;border:1px solid #4379ff;border-radius:2px;cursor:pointer}
.fa-lg {line-height: 2em !important;}
.container1 input:checked~.checkmark{background-color:#2196F3}
.checkmark:after{content:"";position:absolute;display:none}
.container1 input:checked~.checkmark:after{display:block}
.container1 .checkmark:after{left:3.5px;top:0px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.checkbox,.radio{margin-top:2px;margin-bottom:2px}
.container2{display:block;position:relative;padding-left:20px;margin-bottom:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-top:0;line-height:14px}
.container2 input{position:absolute;opacity:0}
.checkmark2{position:absolute;top:0;left:0;height:14px;width:14px;background-color:#FFFFBC;border:1px solid #4379ff;border-radius:50%;cursor:pointer}
.container2 input:checked~.checkmark2{background-color:#2196F3}
.checkmark2:after{content:"";position:absolute;display:none}
.container2 input:checked~.checkmark2:after{display:block}
.container2 .checkmark2:after{top:4px;left:3.7px;width:5px;height:5px;border-radius:50%;background:#fff}
.pageLeftSec{padding-left:6px}
.bodyLeftSection{width:83%;float:left}
.leadTopMenu{display:block}
.leadTopMenuMobile{display:none}
.topPaddingMiddle{padding-top:30px}
.modal-mid{width:38%!important}
.topFrameSection{width:100%;float:left;padding-top:10px}
.preloader{padding-top:230px;position:absolute;padding-left:33%;display:none;z-index:99999}
.pagingLeft{width:85%;float:left;padding:10px 0 10px 10px;text-align:center;align-items:center;display:flex}
.pagingLeft .sectionPanelBody{padding-top:15px}
.pagingLeft table{padding-top:15px}
.pagingRight{width:15%;float:right;padding:12px 10px 10px;text-align:right}
.showUser{display:show}
.userImage{width:17%;float:left;text-align:left}
.userMedia{width:80px;float:left;text-align:center}
.userMessage{width:67%;float:left;text-align:left}
.userMedia{width:80px;float:left;text-align:center}
.userMediaSection{width:80px;float:left;text-align:center;padding-top:15px}
.userMediaMessage{width:80px;float:left;text-align:center;padding-top:7px}
.userMediaTime{width:80px;float:left;text-align:center;padding:10px 0}
.replySection{width:100%;float:left;padding-left:17%}
.replyMessage{padding-top:15px;width:64%;float:left;padding-left:0}
.replyMedia{width:80px;float:left;text-align:center;padding-top:14px}
.showLogout{display:show}
.box1{width:10%;float:left;padding-top:0}
.box2{padding-top:6px;width:10%;float:left;text-align:center}
.fa-power-off{color:#337ab7!important}
.menuBar{float:left;width:10%;padding-left:3px;padding-top:0}
.scrollSection{width:100%;float:left;height:550px;overflow:auto}
.scrollSectionBig{width:100%;float:left;height:550px;overflow:auto}
.scrollSectionMedium{width:100%;float:left;height:550px;overflow:auto}
#divEmployeeDetails .table{margin-bottom:0;width:100%}
.searchSection{width:100%;float:left;padding-top:0}
.tblWidth{width:80%}
.showHeight{width:100%;float:left;padding:5px 0;height:600px;width:100%;float:left}
.logoHeight{height:42px}
.buttonSec{width:100%;float:left;padding-top:0}
.materialLeft{width:81%;float:left;padding:10px 0 10px 10px;display:flex}
.materialRight{width:19%;float:left;padding-top:12px}
.pagingMiddleSec{width:50%;float:left;text-align:center}
.pagingRightSec{width:20%;float:left}
.middlePanel{width:100%;float:left;padding:1px 0}
.nav-tabs>li>a{line-height:1.8}
.empTopMenu{display:block}
.empTopMenuMobile{display:none}
.midText{padding:0 2% 0 0}
#dvShowMore{display:block}
#dvViewMore{display:none}
.label_light_color{padding:3px 6px 3px 4px;margin:3px;border:1px solid #337ab7;background-color:#e9eaff;color:#000}
.label_dark_blue{padding:3px 6px 3px 4.6px;margin:3px;border:1px solid #b6b6b6;background-color:#fff5f5;color:#23527c}
.input-group{width:100%}
.bootstrap-select .btn{margin-bottom:0}
.fa,.fab,.fal,.far,.fas{cursor:pointer}
.fa-file-excel{color:green!important;font-size:1em!important}
.fa-search{font-size:1em!important}
.submenu .fa-search{font-size:1.043em!important;color:#3c64b2!important}
.fa-chevron-circle-right,.fa-chevron-circle-left{font-size:1em!important}
.fa-times-circle{color:red!important;}
.fa-plus-circle,.fa-minus-circle{color:#3c64b2!important;font-size:1em!important}
.titleBarMiddle .fa-plus-circle{color:#fff!important;font-size:1em!important;cursor:auto;padding-top:0}
.titleBarMiddle .fa-file-excel{color:#fff!important;font-size:1em!important;}
.titleBarMiddle .fa-search{padding-top:1px}
.fa-pencil{color:#0089ff!important;font-size:0.956em!important}
.fa-file-pdf{font-size:1.304em!important;color:red!important}
.submenu .fa-file-pdf {
  font-size: 1.043em !important;
}
.fa-file-pdf-o {color: red !important;}
.fa-save{color:#00B62D!important;font-size:1.04em!important}
.fa-paperclip{font-size:1.304em!important}
.fa-envelope{font-size:1.004em!important;color:#9e7c00!important}
.fa-file-word{color:#04c!important}
.fa-comments{font-size:1.304em!important}
.btn .fa,.btn .fab,.btn .fal,.btn .far,.btn .fas,.titleBarMiddle .fa,.titleBarMiddle .fab,.titleBarMiddle .fal,.titleBarMiddle .far,.titleBarMiddle .fas{color:#fff}
.fa-thumbs-up{font-size:1.565em!important}
.fa-question-circle{font-size:1.565em!important}
button .fa-plus-circle{color:#fff!important}
.leftSection{font-size:1.217em;padding-left:5px;width:30%;float:left}
.detailsTopLeftSection{font-size:1.217em;padding-left:5px;width:30.2%;float:left}
.leftDirectBill{font-size:1.217em;padding-left:0;padding-top:11px;width:21.5%}
.titleBarMiddleRight{display:grid;width:6%;align-items:center;font-size:1.217em}
.custom-placeholder{display:none}
.pageHeaderSec{width:100%;float:left;background-color:#fff;padding:8px 6px}
.paymentReceiptMenu{display:block}
.paymentReceiptMenuMobile{display:none}
.paymentSummaryMenu{display:block}
.paymentSummaryMenuMobile{display:none}
.form-control::placeholder{color:#CCC;opacity:1}
#mobileLogOutSec{display:none}
.scrollTd{width:18px}

.menu-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 70px;
  background: #fff;
  text-align: center;
  padding: 5px 10px;
  border-top: 1px solid #ccc;
  z-index: 1000;
  display: block;
  width: 230px;
}


.fixTableHead{overflow-y:auto;max-height:1200px}
.fixTableSmallHeight{height:400px}
.fixTableHead thead th{position:sticky;top:0; z-index:1;background-color:#e3e3e3 !important}
.fixTableSmallerHeight{height:300px}
.fixTableSmallerHeight thead th{position:sticky;top:0; z-index:0;background-color:#e3e3e3 !important}

.downloadText{display:inline-block}
.modalPageHeader{color: #313131;padding-top: 8px;font-size: 1.391em;padding-bottom: 8px;}
.leadTopMenu ul li a{padding:1px 8px 0px !important; line-height: 20px !important;}
.leadTopMenu ul li a i{color:#585858; font-size:1.478em;}
.leadTopMenu ul li a span{color:#666666;}
.table td:first-child, .table th:first-child { text-align:left !important;}

.table td:first-child{
  padding-left: 10px;
}

.mobLead{width: 25%;float:left;text-align:center;}
.mobLead i{width:100%;float:left;text-align:center;font-size:1.565em;} 
.mobLead span{width:100%;float:left;text-align:center;} 
.multiselect-container > li > a {padding: 0;}
.multiselect-container > li > a > label.radio, .multiselect-container > li > a > label.checkbox {margin: 0;}
table.dataTable thead th, table.dataTable tfoot th {font-weight: normal !important;text-transform: capitalize;}
.leadMobileMenu{width:100%;float:left; padding:1% 1% 2%; display:none}
.pageContent .bodySection{background-color:#f9f9f9;padding: 20px 34px !important}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
  z-index: 999;
}
.woTitleLeftSec{float: left;width: 12.5%;padding-left:5px;}
.woTitleRightSec{float: left;width: 83.5%;padding-left:5px;text-transform: none;}
.ddBottomLine {width: 100%;float: left;padding: 2px; color: #fff; text-transform: capitalize; font-weight: 400;    border-bottom: 1px solid #dff0ff;}
.ddBottomLine1 {width: 100%; float: left; padding: 2px; color: #fff; text-transform: capitalize; font-weight: 400;
border-bottom: none;}
.paymentCollecionSec{font-size: 1.043em; width: 100%; padding-bottom:5px; padding-left:8px; display: block;}
.paymentCollecionSec span{padding:0 2%;}
.paymentSummaryMenu1 .nav.nav-tabs .nav-item .nav-link.active {background-color: #9e9e9e;border-radius: .25rem .25rem 0 0; color: #fff; border: none; padding: 1rem; font-size: 1em;}
.paymentSummaryMenu1 .nav.nav-tabs .nav-item .nav-link {padding: 1rem; border: none;font-size: 1em;}
.paymentLeftSec {float: left; width: 75.33%;padding:0 5px;}
.customColonSec {width: 32px; padding-top: 0px;}
.paymentRightSec {float: left;width: 17.666667%;padding:0 5px;text-align: left;}
.dataTables_info{padding-left: 5px;}
.tableHeader {width: 100%;float: left;font-size: 1.739em;color: #fff;font-weight: normal;padding: 10px 14px;background-color: #9e9e9e;border-bottom: 2px solid #fff;}
.select2-container--classic .select2-selection--single, .select2-container--default .select2-selection--single {height: 26px !important;padding: 2px 0px;border-color: #D9D9D9 !important;}
.select2-container--classic .select2-results__options .select2-results__option[aria-selected="true"], .select2-container--default .select2-results__options .select2-results__option[aria-selected="true"] {background-color:#42a1f3 !important;color: #FFF !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow b {border-color: #888 transparent transparent transparent;}
.logoPosition{top: 12px; position: inherit;}
.customerMenu .logoPosition{top: 0px}
#divLeadReportList .fixTableHead thead th {position: initial; top: 0; z-index: 1; background-color: #e3e3e3 !important;}
#divLeadReportList .table-bordered > thead > tr > th {border: 1px solid #d1d7dc;}

.dataTables_wrapper .dataTables_paginate {
  float: initial;
  text-align: center;
  padding-top: .25em;
}

#clsPageRaiseTicket #cke_25{
  display: none !important;
  
}

#clsPageIncentiveTargetReport .table > tbody > tr > td {
    border-top: 1px solid #e3ebf3 !important;
    
  }
#clsPageIncentiveTargetReport > .table td:first-child, #clsPageIncentiveTargetReport > .table th:first-child {
    text-align: left !important;
    padding-left: 9px !important;
 }

#clsPageIncentiveTargetReport .table tbody tr td table tr td {
    border-top: 1px solid #e3ebf3 !important;
  }
  
#clsPageMaterialRequisitionSearch .pageContent .middleContain {
  width: 100%;
  float: left;
  padding: 10px 34px;
  margin-top:10px;
}

.topPaddingInput
{
	padding:0 8px;
}

.nav.nav-tabs .nav-item .nav-link {
  display: inline-flex;
  font-size: 1.12em;
  border: 1px solid #ccc;
  line-height: 24px;
  padding: 10px 20px;
}

.nav.nav-tabs .nav-item .nav-link i {
  color: #747474 !important;
}
.nav.nav-tabs .nav-item .active i {
  color: #fff !important;
}
.nav-item .fa-3x{font-size:1.6em !important;}

.middleIconMob {
  display: none;
}

#clsPageAssetDashboard  #dvAssetDetails .table > thead > tr > th {
  padding: 7px 7px;
}
#clsPageAssetDashboard  #dvAssetDetails .table-bordered thead tr th {
  font-size: 0.956em;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #6796d382;
  color:#fff;
}
#hideMe {
    -moz-animation: cssAnimation 0s ease-in 5s forwards;
    /* Firefox */
    -webkit-animation: cssAnimation 0s ease-in 5s forwards;
    /* Safari and Chrome */
    -o-animation: cssAnimation 0s ease-in 5s forwards;
    /* Opera */
    animation: cssAnimation 0s ease-in 5s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
	
}
@keyframes cssAnimation {
    to {
        width:0;
        height:0;
        overflow:hidden;
    }
}
@-webkit-keyframes cssAnimation {
    to {
        width:0;
        height:0;
        visibility:hidden;
    }
}
.align-items-center {
  align-items: center !important;
}
.d-flex {
  display: flex !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-right {
  justify-content: right !important;
}
.modal-alert
{
	padding: .75rem 1rem;
margin-bottom: 1rem;
border: 1px solid transparent;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
border-radius: .25rem;
  	width: 80%;
}
.modal-alert-success{
	background-color: transparent;
	color: #3c763d;
}
.modal {
  overflow: auto !important;
}
.msgSection
{
	color: #f00; width: 100%; float: left; text-align: center; padding: 5px 0px 5px; line-height: 27px; font-weight: 700;
}

@media only screen and (min-width:320px) and (max-width:600px) {
.perfectHorizentalScrollDiv{width:150%!important;float:left;overflow:auto}
.topPaddingInput
{
	padding:5px 8px;
}
}
@media only screen and (min-width:320px) and (max-width:900px) {
.header {margin: 0;}
.menuStyle{display:none;}
div.dt-container .dt-paging .dt-paging-button.current, div.dt-container .dt-paging .dt-paging-button.current:hover {
	color: #fff !important;
  border: 1px solid #111;
  background-color: #42a1f3!important;
}
.logoHeight{height:30px}
.logoPosition{top: 4px; position: inherit;}
.middlePanel{width:100%;float:left;padding:8px 0;overflow:auto}
.pagingMiddleSec{width:98%;float:left;text-align:center;padding:8px}
.pagingRightSec{width:98%;float:left}
.empTopMenu{display:none}
.empTopMenuMobile{display:block}
.materialLeft{width:98%;float:left;padding:10px 0 10px 10px;display:grid}
.materialRight{width:98%;float:left;padding:6px; text-align:center}
.buttonSec{width:100%;float:left;padding-top:8px}
body.vertical-layout.vertical-menu.menu-expanded .navbar .navbar-container{margin-left:0}
body.vertical-layout.vertical-menu.menu-expanded .content,body.vertical-layout.vertical-menu.menu-expanded .footer{margin-left:0}
.perfectHorizentalScrollDiv{width:120%;float:left;overflow:auto}
.ftCopyright{color:#fff;font-size:1.130em;margin-left:10px;width:100%;float:left;text-align:left;background-color:#565656;padding-top:7px;padding-bottom:7px;padding-right:1%;margin-left:0}
.navbar-header .navbar-brand .brand-text{padding-left:16%!important;float:none;padding-top:4px}
.showHeight{width:100%;float:left;padding:5px 0;height:800px;width:100%;float:left}
.hidden-xs{display:block!important}
#divEmployeeDetails .table{margin-bottom:0;width:300%;max-width:300%}
#assetDetails .table{margin-bottom:0;width:300%;max-width:300%}
#dvTerminate .table{margin-bottom:0;width:230%;max-width:230%}
#tableRefresh .table{margin-bottom:0;width:200%;max-width:200%}
#employeeData .table{margin-bottom:0;width:300%;max-width:300%}
#dvData .table{margin-bottom:0;width:200%;max-width:200%}
#dvBreakdown .table{margin-bottom:0;width:250%;max-width:250%}
#dvSkillDetails .table{margin-bottom:0;width:250%;max-width:250%}
.tblWidth{width:100%}
.searchSection{width:100%;float:left;padding-top:10px}
.modal-dialog>.dropdown-menu{min-width:90%!important}
.dropdown-menu{min-width:94%}
.scrollSection{width:100%;float:left;overflow-x:auto}
.scrollSectionMedium{width:100%;float:left;overflow-x:auto}
.scrollSectionBig{width:140%;float:left;overflow-x:auto}
.menuBar{float:left;width:10%;padding-left:3px;padding-top:8px}
.box1{width:30%;float:left;padding-top:10px}
.box2{padding-top:16px;width:30%;float:left;text-align:center}
.showLogout{display:none}
.userImage{width:17%;float:left;text-align:center}
.userMedia{width:70px;float:left;text-align:center;display:none}
.userMessage{width:71%;float:left}
.userMediaSection{width:40px;float:left;text-align:center;padding:7px o}
.userMediaMessage{width:70px;float:left;text-align:center;padding:7px o}
.userMediaTime{width:115px;float:left;text-align:center;padding:10px 0 10px 8px}
.replySection{width:100%;float:left;padding-left:10%}
.replyMessage{padding-top:7px;width:68%;float:left;padding-left:8px}
.replyMedia{width:50px;float:left;text-align:center;padding-top:7px}
.pagingLeft{width:98%;float:left;padding:2px 0 2px 2px;text-align:left;display:grid}
.pagingRight{width:98%;float:right;padding:2px 9px 2px 2px;text-align:left}
.modal-mid{width:95%!important}
.modal-body{padding:2px 8px 10px 11px}
.modal-header h4{font-size:1.217em}
.msgSection{display:none}
.topHeader{padding-top:0;font-size:1.304em;text-align:center}
.roundBox{width:8%;border-radius:16%;display:inline-block}
.sticky{border-bottom:1px solid #CCC;height:70px}
.navbar-fixed-top{left:0;width:100%}
.topPaddingMiddle{padding-top:0}
.topSection{width:100%;float:left;padding-top:8px}
.topFrameSection{width:100%;float:left;padding-top:10px}
.topPadding{padding-top:5px}
.leadTopMenu{display:none}
.leadTopMenuMobile{display:block}
.dashboardBodyText{font-size:1.304em;border-bottom:1px solid #dff4ff;padding:8px 0;width:100%;float:left}
.dashboardDocLeft{width:75%;float:left}
.dashboardRightIcon{width:22px;float:left;padding-left:5px;padding-top:4px}
.bodyLeftSection{width:100%;float:left}
.customer_fieldset{width:100%;float:left}
.modal-small{width:96%!important}
.modal-lead{width:96%!important}
.modal-medium{width:96%!important}
.modal-big{width:96%!important}
.project_name{padding-top:1px}
.dashboadrBox{width:90%;float:left;min-height:220px;background-color:#fff;margin:15px;padding:10px;border:1px solid #ccc}
.navbar-toggle{position:relative;float:right;padding:0;margin-top:4px;margin-right:11px;margin-bottom:0;background-image:none;border:1px solid transparent;border-radius:4px;font-size:1.739em;color:red}
.logoSection{padding-top:2px;padding-bottom:2px}
.topPadding{padding-top:5px}
.btnSection{float:left;width:100%;text-align:right;padding-right:14px}
.fileUploadSection{float:left;width:100%;text-align:right}
.woBtnSection{float:right;width:100%}
.poBtnSection{float:right;width:100%}
#top-bar .nav>li{float:none!important}
.show_profile{float:left;width:8%;padding-top:15px}
#wrapper.toggled{padding-left:0;overflow:hidden}
#wrapper.toggled #sidebar-wrapper{width:100%}
#sidebar-wrapper{padding:0}
.sidebar-nav{width:100%}
.container-fluid{padding-right:0;padding-left:0}
#wrapper.toggled #sidebar-wrapper{width:100%}
#wrapper.toggled{padding-left:250px;overflow:hidden;width:100%}
#show_raise_issue{display:none}
#sidebar{width:100%;float:none;position:static;display:block;z-index:16}
.show_left_menu{width:100%;float:left}
.show_content{width:100%;float:left}
.collapse{display:none}
#header .navbar-toggle{margin-top:6px}
.prefixSection{display:none}
.logoSection img{width:100%}
.logoSection{float:left;width:12%;text-align:center;display:none}
.middleSection{width:90%;float:left;text-align:left;padding-top:8px}
.project_name{font-size:1.043em;text-align:center}
#top-bar{position:static;padding:0 7px;margin-left:0;background-color:#DDD;border-top:1px solid #a8a7a7;border-bottom:1px solid #a8a7a7;width:100%}
.pull-right{float:left!important}
#top-bar .nav>li>a{font-size:1.130em;padding:4px 10px;padding-right:10px;padding-left:10px;color:#000}em
.middleContain{width:100%;float:left;overflow:auto}
.modal-dialog{width:96%}
#content{background:#FFF;width:100%;padding-left:0}
.header_section{background-color:#FFF;padding-bottom:0;padding-top:0}
.titleBar{margin-bottom:0;padding-left:0}
.rightSection{text-align:left;padding-top:10px}
.titleBarLeft{width:100%;float:right;color:#fff;padding-top:8px;padding-left:5px}
.titleBarLeft span{display:none}
.titleBarLeft h4{margin-bottom:5px!important;font-size:1.304em; color:#fff;}
.titleBarMiddle{width:100%;float:left;text-align:left;text-transform:capitalize;font-weight:400;font-size:1.043em;padding:5px 0 10px 10px}
.titleBarLeftHelp{width:100%;float:left;color:#fff;padding-top:5px;padding-left:4px;font-weight:400}
.titleBarMiddleHelp{width:100%;float:left;color:#fff;text-align:right;font-size:1.217em;padding:13px 15px 0 0;text-transform:capitalize}
.titleBarRight{width:100%;float:left;color:#fff;padding:5px 0 5px 10px}
.companyLeft{width:80px;float:left;padding-top:8px;padding-right:3px;padding-left:0;text-align:left;border-bottom:none}
.companyRight{width:70%;float:left;padding-right:3px}
.text-right{text-align:left}
.tree{width:98%;margin:1% 0 0 2%;float:left;max-height:300px;overflow:auto}
.showUser{display:none}
.fa-power-off{color:red!important}
.titleBar{width:100%}
.submenu{background-color:#e4e5ff;z-index:0}
.custom-placeholder{display:block;position:absolute;top:10px;right:12px; color:#555; text-transform:capitalize;}
.companyRight > .bootstrap-select > .dropdown-toggle {color:#232323 !important;}
.pageSubHeading {padding: 7px 0 10px 0px;}
.dateColMinWidth{min-width: 100px;}
.descColMinWidth{min-width: 150px;}
.dashboadLeaveBox{width:48%;float:left;min-height:170px;margin:5px;padding:5px}
.dashboadLeaveBox {
  	width: 47%;
	float: left;
	min-height: 145px;
	background-color: #fff;
	margin: 4px;
	padding: 12px 5px;
	border: 1px solid #ccc;
	border-radius: 15px;
  
  .dashboadLeaveBox{width:90%;float:left;min-height:170px;margin:15px;padding:12px}
}
}
@media (min-width:768px) and (max-width:1200px) {
.bootstrap-select.btn-group .dropdown-menu{max-width:150px}
.dashboadrBox{width:90%;float:left;min-height:220px;background-color:#fff;margin:15px;padding:10px;border:1px solid #ccc}
.navbar-toggle{display:block}
.titleBarLeft{width:50%;float:left}
.titleBarRight{width:50%;float:left;padding:5px 0 0}
.companyLeft{width:60px;float:left;padding-top:3px;padding-right:3px;text-align:left}
.companyRight{width:70%;float:left;padding-right:3px}
}
@media only screen and (min-width:961px) and (max-width:1200px) {
.middleContain{width:1180px;float:left;overflow:auto}
.dashboadrBox{width:90%;float:left;min-height:220px;background-color:#fff;margin:15px;padding:10px;border:1px solid #ccc}
}
@media only screen and (min-width:320px) and (max-width:560px) {
body{color:#000}
.pageLeftSec{padding:0}
.preloader{padding-top:230px;padding-left:4%}
.pageHeaderSec{width:100%;float:left;background-color:#fff;padding:0;border:none}
#dvShowMore{display:none}
#dvViewMore{display:block}
.titleBarMiddleRight{display:grid;width:20%;align-items:center;font-size:1.217em;padding:4px 0 6px 4px !important;text-align:center}
.titleBarMiddle{width:100%!important;padding:4px 8px 4px 10px !important}
.paymentReceiptMenu{display:none}
.paymentReceiptMenuMobile{display:block}
.paymentSummaryMenu{display:none}
.paymentSummaryMenuMobile{display:block}
.btn-default{color:#252525;background-color:#FEFFF1!important;border-color:#a5a4a4;height:26px}
.form-control {
  color: #252525;
}
.companyRight .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){border-radius:6px}
.bootstrap-select>.dropdown-toggle{font-size:1.043em;font-weight:400}
.companyRight .bootstrap-select.btn-group .btn .caret{right:5px!important;color:#666}
.pagingRightSec{display:none}
label{font-size:1.043em}
.pagingMiddleSec{width:100%}
.pagingLeft{width:100%;padding:5px 0 5px 10px}
.bootstrap-select>.dropdown-toggle{height:35px}
.bodySection{padding-top:110px;background-color:#fff;border-bottom:1px solid #e8e8e8}
.showLabel{display:none}
.hideInMobile{display:none !important}
.openActionList a .hideInMobile{display:none}
.form-control::placeholder{color:#252525;opacity:1}
.bootstrap-select.btn-group .btn .filter-option :focus-within{color:#000}
.btn-group-vertical>.btn,.btn-group>.btn{border-radius:6px;padding:7px 6px}
.form-control{height:35px;border-radius:6px;background-color:#FEFFF1!important;border: 1px solid #a5a4a4;font-size:1.043em; min-width: 100px;}

select{background-color:#FEFFF1; color:#222222; border:1px solid #a5a4a4;width:100%;border-radius:7px;padding-left:6px;height:35px;line-height:27px;font-size:1.043em;white-space:nowrap}

.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:#252525}
.topSection{width:100%;float:left;padding-top:10px}
.titleBarLeft{width:72%!important;padding:12px 0 12px 10px !important;float:left}
.btn-purple{color:#666!important;border-color:#d7d7d7 !important;background-color:#F0F4FF !important}
.btn{padding:3px 15px;font-size:1.043em;height:35px;border-radius:7px;margin-bottom:2px}
/*#clsPageMaterialRequisitionSearch .searchButtons .btn,#clsPageIndentSearch .searchButtons .btn,#clsPageMaterialIssueSearch .searchButtons .btn{padding:3px 8px}*/
.companyLeft{width:103px;font-size:0.956em;display:none}
.pagingMiddleSec{padding:6px}
.companyRight{width:100%!important;padding:2px 10px}
.titleBarRight{padding:5px 0!important;background-color:#fff}
.titleBarMiddle a{color:#fff}
.titleBarMiddle a:hover{color:#ffef00}
.midText{padding:0 5% 0 0}
.leftSection{font-size:1.217em;padding-left:0;width:52%;float:left}
.leftDirectBill{font-size:1.217em;padding-left:0;padding-top:11px;width:40%}

.showUser{display:none}
.middleSection{width:85%;float:left;text-align:center;padding-top:12px}
.logoSection img{max-width:100%}
.logoSection{float:left;width:20%;text-align:center}
.show_profile{float:left;width:8%;padding-top:15px}
.leftSection{font-size:1.217em;padding-left:5px;width:40%}
.selected_text{width:100%;float:left;text-align:center;padding:10px 8px;margin-bottom:5px}
/*#clsPageCrmPaymentSchedule .btn{padding:10px 14px;font-size:12px;height:38px;border-radius:6px;margin-bottom:2px}*/


}
@media only screen and (min-width:561px) and (max-width:768px) {
.dashboadLeaveBox{width:42%;float:left;min-height:170px;margin:15px;padding:12px}
.bodySection{padding-top:80px!important}
.middleSection{width:80%;float:left;text-align:center;padding-top:8px}
.show_profile{float:left;width:8%;padding-top:13px}
.titleBarMiddleRight{display:grid;width:15%;align-items:center;font-size:1.217em;text-align:center;padding:5px 0 12px 10px !important}
.columOneDevider, .columTwoDevider, .columThreeDevider{-moz-column-count: 1; -moz-column-gap: 0px; -webkit-column-count: 1; -webkit-column-gap: 0px; column-count: 1; column-gap: 0px; }
.item-list{display:flex !important; padding-top:10px; list-style-position: inside; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid;}
}
.first_col{width:10%;float:left}
.second_col{width:80%;float:left;text-align:center}
.third_col{width:10%;float:right;text-align:right}
.headerRightIcon{width:30px; float:left; padding-top: 16px;}
.headerRightIconPng{width:30px; float:left; padding-top: 3px;}

.downloadExcelBtn{width:15%; float:left; text-align:right; padding:1%;}
.addToListBtn{width:15%; float:left; text-align:right; padding:1%; font-weight:400;}
.bouncedBtn{width:20%; float:left; text-align:right; padding:1%; font-weight:400;}
.cancelUnrealisedPaymentBtn{width:50%; float:left; padding:1%; font-weight:400;}

@media only screen and (max-width:768px) {
	#leadsData_filter{
		width:45% !important;
	}
	.bodySection{
		/*padding-top: 50px !important;*/
	}
	.downloadExcelBtn{width:50%;}
.addToListBtn{width:50%; text-align: left;}
.bouncedBtn{width:35%;}
.cancelUnrealisedPaymentBtn{width:65%;}
.modal-dialog {
  margin-top: 30px;
}
.input-group .form-control {
  height: 35px;
}
.modal-alert
{
  	width: 70%;
	margin-bottom: 0;
}
.justify-content-right
{
	justify-content: left !important;
}
.wrap{width:max-content}
.monthlySalaryAction {
    display: inherit;
}
.titleBarRight{height:auto}
.paymentCollecionSec
{
	font-size: 1.043em; width: 100%; padding-bottom:5px; padding-left:8px; display: inline-grid;
}
.paymentCollecionSec span
{
	padding:1% 1%;
}
.leadMobileMenu
{
	width:100%;float:left; padding:1% 1% 2%; display:flex
}

.inner_table{height:200px;overflow:auto;display:-webkit-inline-box;width:max-content}
.table>thead>tr>td .scrollTd{width:5px;padding:14px 0!important}
.main-menu.menu-fixed{top:3rem}
.navbar-fixed-top,.navbar-fixed-bottom{z-index:1}
html body .content .content-wrapper{padding:5.2rem 0}
.header-navbar.navbar-with-menu .navbar-container{padding:0}
.titleBarLeft{width:80%;padding:12px 0 12px 10px;float:left}
.titleBarMiddle{width:85%}
.titleBarRight{width:100%;padding-top:3px}
.middle_header{display:inline-block;flex:1;color:#fff;width:100%}
#navbar-mobile.navbar-toggleable-sm .navbar-nav .dropdown-menu{position:absolute;background-color:#fff;top:57px}
.header-navbar .navbar-header{height:auto}
.navbar-nav{margin:0 -15px}
.headerRightIcon{width:30px; float:left; padding-top: 13px;}
.headerRightIconPng{width:30px; float:left; padding-top: 1px;}
.header-navbar .navbar-header .menu-toggle{top:6px}
.navbar-nav .nav-link{padding-top:0;padding-bottom:0}
.header-navbar .navbar-nav .open-navbar-container{padding-top:0}
.titleBarLeft h4{margin-bottom:0!important}
.collapse.in{display:flex;border-top:1px dotted}
.navbar-nav .open .dropdown-menu{position:absolute;background-color:#fff;border:1px solid #ccc}
.third_col .navbar-nav .nav-item{float:right}
.dropdown .dropdown-menu .dropdown-item{padding:7px 16px}
.dropdown .dropdown-menu{min-width:150px}
.companyLeft{width:103px;font-size:0.956em}
.companyRight{width:66%}
.second_col h2{margin-bottom:0}
.rightContentDiv{width:86%}
.leftIconDiv{width:14%}
.empLavelLeft{width:30%}
.empLavelRight{width:62%}
.editDetailsBtn{margin-bottom:10px}
.leftSideEmpLavel{float:left;text-transform:capitalize;padding-right:5px}
.mobileVisibility{display:block;padding-top:4px}
.rightSideEmpValue{float:left;padding-right:5px;padding-left:5px;padding-top:4px}
.two-panel-login-wrapper{width:100%!important}
.two-panel-login-left{width:100%;padding:30px 20px 50px!important}
.inlineDisplay{display:inline-block}
#mobileLogOutSec{display:block}
.pageContent .bodySection{background-color:#f9f9f9;padding: 0px 3px 10px !important}
.detailsTopLeftSection{font-size:1.217em;padding-left:5px;width:34%;float:left}
.woTitleLeftSec{float: left; width: 33.333333%;	padding-left:5px;}
.woTitleRightSec{float: left; width: 63%; padding-left:5px;	padding-top:0px;}
.ddBottomLine {width: 100%; float: left; padding: 2px 2% 7px 2%; color: #fff; text-transform: capitalize; font-weight: 400; border-bottom: 1px solid #a5a4a4;}
.ddBottomLine1 {width: 100%; float: left; padding: 7px 2% 5px 2%; color: #fff; text-transform: capitalize; font-weight: 400;}
.ddBottomLine1 .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    border: 1px solid #a5a4a4 !important; border-radius: 6px;
}
.ddBottomLine .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    border: 1px solid #a5a4a4 !important; border-radius: 6px;
}
.middle_header .bootstrap-select.btn-group .btn .caret {
  color: #5a5a5a;
}
.modal-dialog label{text-transform:capitalize;font-weight:400;padding-top:0; font-size:0.956em}
.table > thead:first-child > tr:first-child > th {
  z-index: 0;
}
.table > thead > tr > th {
  padding: 10px 10px;
}
.table > tbody > tr > td {
	padding: 10px 10px;
}
}
.stickyHeader{position:fixed;top:55px;background:#fff}
.stickyHeaderPo{position:fixed;background:#fff;top:112px}
.navbar-brand{float:left;width:160px;padding:0 35px;text-align:center}
.navbar-collapse.collapse{display:inline-block!important}
.navbar-light .navbar-toggler{border:none;display:none}
.navbar-light .navbar-nav .active.nav-link{background:none;color:red}
.customerMenu{display:flex;justify-content:center;align-items:center;width:100%;flex-wrap:wrap}
.navbar-brand{margin-right:0}
.customerMenu>li>a{padding:0 12px!important;line-height:20px}
.navbar-nav .nav-item{float:right}
.customerMenu .nav-link{padding-bottom:0}
.navbar-nav .nav-link{padding-bottom:0}
.pageContent{width:100%;float:left}
.navbar-light{padding:0px 0!important;background:#666;border-bottom:1px solid #e7e7e7}
.navbar-nav{margin:0}
.customerMenu>li>a{font-size:1.043em!important;color:#fff;text-transform:capitalize;font-weight:400}
.pageContent .user-name{color:#fff}
.navbar-collapse.collapse{display:flex!important;padding:10px 20px 10px 0}
.menu_navbar{width:100%;float:left;display:flex;justify-content:center;align-items:center}
.customerMenu .selected_menu{color:#ff0!important;font-weight:700}
.menuRightSec{width:135px;float:right}
.menuRightSec .dropdown-toggle .user-name{top:14px}
#mobileLogo{display:none}
#webLogo{display:block}
.menuRightSec .dropdown .dropdown-menu .dropdown-item{padding:15px 20px}
.pageContent .nav-tabs{background:#fff;border:1px solid #e6e6e6}
.pageContent .nav.nav-tabs .nav-item .nav-link{border-right:1px solid #ddd}
.pageContent .panel{width:100%;float:left}
.pageContent .nav.nav-tabs .nav-item .nav-link{padding:1.5rem}
.rightSideActions{display:flex;justify-content:right;align-content:center;padding-top:9px}
.fullButtonSec{display:flex;justify-content:center;align-content:center;padding:18px 0 10px;font-size:1.130em}
.searchButtons{width:100%;float:left;display:flex;align-items:center;justify-content:center;padding:15px 0}
.topnav{width:100%;overflow:hidden}
.topnav a{float:left;display:block;text-align:center;padding:9px 5px;text-decoration:none}
.topnav a:hover,.dropdown:hover .dropbtn{color:#ff0}
.relatedLinksBtn{width:100%;display:none}
.percentageValue{float:left}
.percentageLevel{float:left}
.woTitleInput{width:79.2%;padding-left:3px}
.woTitleLabel{width:14.6%}
.woBtnLabelStyle{padding:0 1%;font-size:0.956em}
.woNoBox{width:61.333333%;float:left}
.woNoInput{width:95%;float:left}
.approvalStatusLevel1{width:18%;float:left;padding:5px}
.approvalStatusLevel2{width:30px;float:left;padding:5px;text-align:center}
.approvalStatusLevel3{width:75%;float:left;padding:5px}
.verifiedByInput{width:35%;float:left}
.verifiedByBtn{width:25%;float:left}
.approvalStatusLevel4{width:50%;float:left;padding:5px}
.approvalStatusLevel5{width:10%;float:left;padding:5px}
.approvalStatusLevel6{width:5%;float:left;padding:5px}
.woType{border:1px solid #ccc;background-color:#eee;margin-left:5px;width:56%}
.inputWithRightIconBox{width:75%;float:left}
.inputSecForRightIconBox{width:67%;float:left}
#clsPageStockTransferDetails .inputWithRightIconBox{width:66%;float:left}
#clsPageStockTransferDetails .inputSecForRightIconBox{width:76%;float:left}
.iconSecForRightIconBox{width:5%;float:left}
.inputWithRightIcon{width:66%;float:left}
.inputSecForRightIcon{width:88%;float:left}
.paymentHeads{width:40%;float:right;padding-top:1%}
.channel_partner_iframe_design{overflow:hidden;height:700px}
.pageHeaderTopLeftSide{width:27%}
.mobileUserVisibility{display:none}
.bodyMidleSection{width:100%;float:left;padding:10px 34px}
.mt-10{margin-top:10px}
.pageContent .nav-tabs .nav-link{border:none;border-top-right-radius:0;border-top-left-radius:0}
.pageContent .nav.nav-tabs .nav-item .nav-link.active{border-radius:0}
.navbar{border-radius:0}
.detailsPageTopActionSec{width:100%;float:left}
.detailsPageTopBodySec{width:100%;float:left}
.modalTopBodySec{width:100%;float:left}
.rightSideActions label{padding:2px 2%}
.rightSideActions label i{font-size:1.043em!important}
.detailsPageleftSideActions{display:flex;padding-top:6px}
.customColonSec{width:32px;padding-top:4px}
.customRemarSec{width:12.4%}
.detailsPageMiddlePanel{width:100%;float:left;font-size:0.956em!important; background-color: #fff; padding: 8px 6px;}
.detailsPageMiddlePanel label{font-size:1.119em!important}
.detailsPageMiddlePanel .fa-thumbs-up,.detailsPageMiddlePanel .fa-times-hexagon,.detailsPageMiddlePanel .fa-question-circle,.detailsPageMiddlePanel .fa-hourglass-half,.detailsPageMiddlePanel .fa-empty-set{font-size: 1.043em!important}
.detailsPageBodyMidleSection{width:100%;float:left;padding:0}
.ssDetailsPageMiddlePanel{width:100%;float:left;font-size:0.956em!important;}
/*.ssDetailsPageMiddlePanel label{font-size:11px!important}*/
.ssDetailsPageMiddlePanel .topSection .col-sm-2 {width: 10.333333%; float: left; padding-top: 0;}
.ssDetailsPageMiddlePanel .topSection .col-sm-9 {width: 55.333333%; float: left; padding-top: 0;}
.ssDetailsPageTopBodySec {width: 100%; float: left;}
.customColon {width: 32px; float:left; padding-top: 0px;}
.ssDetailsPageTopBodySec .topSection .col-sm-2 {width: 21%; float: left; padding-top: 0;}
.ssDetailsPageTopBodySec .topSection .col-sm-9 {width: 72%; float: left; padding-top: 0;}
.ssPageSubHeading {width: 100%; float: left; font-size: 1.565em; padding: 20px 0 10px 2px; font-weight: 500; text-transform: capitalize;}
.tabLinkHeader{width:100%;float:left;background-color:#fff;border:1px solid #ccc;border-radius:4px}
#frmBillingDetails strong{text-transform:capitalize}
.updatedSec{width:100%;float:left;padding:1%;text-align:right;display:flex;justify-content:right}
.updatedSec span{text-transform:capitalize;}
.moreStyle{cursor:pointer;padding:3% 10px 0 0;float:right}
.lessStyle{cursor:pointer;display:none;padding:3% 10px 0 0;float:right}
.dataTables_wrapper .dataTables_processing {position: fixed !important; height: 150px !important;}
.sideActionsList {position: absolute; background-color: #fff; border: 1px solid #ccc; top: 28px; z-index: 9; right: 0;   width: 217px; display: none;}
.openActionList{ display:block;}
.openActionList a {display: block; color: #555; text-align: left; padding: 10px 8px; border-bottom: 1px dotted;}
.openActionList a:hover {color: #333;}
.relatedActions i, .sideActionsList i{font-size:1.043em !important}
.relatedActions a{text-transform: capitalize; color: #555; font-size: 1.043em;}
.relatedActions a:hover{color: #000;}
.openActionList a:hover{color: #000; background-color: #fbfbfb;}
.noRecordsFound{text-align:center; padding-top:15px; padding-bottom:15px; width: 100%;float: left;}
.columOneDevider{-moz-column-count: 1; -moz-column-gap: 20px; -webkit-column-count: 1; -webkit-column-gap: 20px; column-count: 1; column-gap: 20px; }
.columTwoDevider{-moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; }
.columThreeDevider{-moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; }
.item-list{display:flex; padding-top:8px; list-style-position: inside; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid;}
.subHeaderTitle {padding: 5px 15px; font-size: 1.304em; text-transform: capitalize;}
.addIcon {width: 2%; float: right; text-align: center; padding-top: 1%; }
.inputWithRightIconBox { width: 66%; float: left; }
.inputSecForRightIconBox { width: 76%; float: left; }
.empHeaderAction{display: flex; justify-content: flex-start; align-items: center; text-transform:capitalize}
.fa-magnifying-glass-minus{font-size:1.043em;}
.displayPrintAllBtn{ display:inline-block !important;}
.disablePrintAllBtn{ display:none !important;}
.tagIndicatorYellow {background-color: #ECE267; width: auto; vertical-align: text-bottom; line-height: 1; font-size: 0.782em; font-weight: 500; color: #000; padding: 3px; display: inline-block; border-radius: 4px;}
.tagIndicatorBlue {background-color: #78F9ED; width: auto; vertical-align: text-bottom; line-height: 1; font-size: 0.782em;  font-weight: 500; color: #000; padding: 3px; display: inline-block; border-radius: 4px;}
.tagIndicatorGreen {background-color: green; width: auto; vertical-align: text-bottom; line-height: 1; font-size: 0.782em; font-weight: 500; color: #000; padding: 3px; display: inline-block; border-radius: 4px;}
.tagIndicatorRed {background-color: red; width: auto; vertical-align: text-bottom; line-height: 1; font-size: 0.782em;  font-weight: 500; color: #fff; padding: 3px; display: inline-block; border-radius: 4px;}

.docs-tooltip{ display:none;}
#dvImgCropSection .docs-tooltip{ display:block;}

@media screen and (max-width:600px) {
.topnav a,.dropdown .dropbtn{display:none}
.topnav a.icon{float:right;display:block}
.topnav a{padding:0 5px;width:100%}
.topnav{position:absolute;background-color:#fff;border:1px solid #ccc;top:43px;z-index:1;left:0;width:250px;display:none}
.relatedLinksBtn{display:block;padding-top:5px;font-size:1.478em}
.topnav.responsive{display:block}
.topnav.responsive a{display:block;color:#000;text-align:left;padding:10px 8px;border-bottom:1px dotted}
.topnav.responsive a:hover{color:#333}
.topnav.responsive i{color:#000!important}
.titleBarMiddle{margin-right:5px;width:20px!important}
.blanckTitleBarMiddle{margin-right:0;width:0!important}
.middle_header{display:flex;flex-wrap:wrap}
.titleBarLeft{order:2}
.titleBarMiddle,.blanckTitleBarMiddle{order:1}
/*///////////////////////////////////////////////////////*/

/*.titleBarMiddle,.blanckTitleBarMiddle{order:2}
.titleBarMiddle,.middleIconMob{order:2}
.middleIconMob {
  display: block;
  width: 100%;
  float: left;
  text-align: right;
}
.titleBarMiddle {
  margin-right: 0px;
  width: 27.5% !important;
  display: flex;
  align-items: center;
}
.middleIconMob i{
	font-size:1.3em !important;
}
.middleIconMob {
  display: block;
  width: 100%;
  float: left;
  text-align: right;
}
.middleIconWeb {
  display: none;
}

.titleBarMiddle .fa-plus-circle{color:#fff!important;font-size:1.3em!important;cursor:pointer;padding-top:0}*/


/*////////////////////////////////////////////////////////*/
.titleBarMiddleRight{order:3}
.titleBarRight{order:4;min-height:50px; box-shadow: 0px 4px 5px rgba(137, 137, 137, 0.6);}
.woNoInput{width:90%;float:left}
.woNoBox{width:100%;float:left}
.datepicker{border-radius:5px!important}
.mobileMt5{margin-top:10px}
.mobilePadding10{padding:10px}
.detailsPageTopBodySec .topSection .col-sm-3{width:33.333333%;float:left;padding-top:0}
.detailsPageTopBodySec .customColonSec{width:8px;text-align:center;float:left;padding-top:0;padding-right:0;padding-left:0}
.detailsPageTopBodySec .topSection .col-sm-8{width:55.333333%;float:left;padding-top:0}
.detailsPageTopBodySec .topSection .col-sm-6{width:55.333333%;float:left;padding-top:0}
.modalTopBodySec .topSection .col-sm-3{width:33.333333%;float:left;padding-top:0}
.modalTopBodySec .customColonSec{width:8px;text-align:center;float:left;padding-top:0;padding-right:0;padding-left:0}
.modalTopBodySec .topSection .col-sm-8{width:55.333333%;float:left;padding-top:0}
.detailsPageMiddlePanel{line-height:20px}
.detailsPageleftSideActions{padding-top:0}
.rightSideActions{padding-top:5px}
.rightSideActions label{line-height:26px}

.detailsPageTopBodySec .topSection .col-sm-2{width:33.3333%;float:left;padding-top:0}
.detailsPageTopBodySec .topSection .col-sm-4{width:33.3333%;float:left;padding-top:0}
.detailsPageTopBodySec .topSection .col-sm-5{width:33.3333%;float:left;padding-top:0}
.detailsPageTopBodySec .customColonSec{width:8px;text-align:center;float:left;padding-top:0;padding-right:0;padding-left:0}
.detailsPageTopBodySec .topSection .col-sm-9{width:64.222222%;float:left;padding-top:0}

}
@media only screen and (max-width:768px) {
.navbar-brand{float:left;width:51%;padding:1px 6px;text-align:center;display:flex;justify-content:center}
.navbar-collapse.collapse{display:flex!important;padding:8px 5px;justify-content:center; box-shadow: none;}
#navbarNavAltMarkup .user-name{display:none}
.menuRightSec{width:75px;float:right}
.dropdown_menu_btn{width:20%;float:left;padding-top:15px;padding-left:10px}
#clsPageSsCustomerProfile .navbar-brand{width:50%;text-align:center;float:left;display:flex;justify-content:center}
.customerMenu{display:none;position:absolute;top:58px;background-color:#fff;width:200px;border:1px solid #ccc;transform-origin:top;animation-fill-mode:forwards;-webkit-transition:all 2s ease-in-out;transition:all .2s linear;left:-2px;box-shadow:0 0 5px #ccc}
.customerMenu li a{padding:10px!important;border-bottom:1px solid #ccc;background-color:#42a1f3}
.customerMenu li a:hover{padding:10px;border-bottom:1px solid #ccc;background-color:#94c8f4}
.customerMenu li a:focus{padding:10px;border-bottom:1px solid #ccc;background-color:#94c8f4}
.collapsed{display:block;-webkit-transition:all 2s ease-in-out;transform:scale(1,1);opacity:1;z-index:99999}
#navbarNavAltMarkup ul{margin-bottom:0}
#clsPageSsCustomerProfile .dropdown-menu{line-height:1.5}
#mobileLogo{display:block}
#webLogo{display:none}
.rightSideActions{display:block}
.fullButtonSec,.searchButtons{flex-wrap:wrap}
.flex-container{display:grid}
.flex-container>.flex-column{margin:10px;padding:0;text-align:center}
.paddingLeft-5, .paddingLeft-10{padding:0 5px!important}
.versionLevel{width:50%}
.percentageLevel{width:50%}
.percentageValue{width:50%}
.discountPercentageValue{width:33.3333333%;float:left}
.woTitleInput{width:100%}
.nav.nav-tabs .nav-item .nav-link.active{background-color: #2d2d2d5c;border-radius:.25rem .25rem 0 0;color:#FFF;}
.nav.nav-tabs .nav-item .nav-link{padding:4px 10px;font-size:1.217em}
.nav-item i{display:inline-block}
.nav-tabs {padding:10px 10px 7px 10px;}
.nav.nav-tabs .nav-item{border-right:none; margin-bottom: 5px !important; margin-right: 5px !important;}
.mobileUserVisibility{display:block}
.nav-tabs .nav-link.active{border-color:transparent}
.nav-tabs .nav-link:hover{border-color:transparent}
.nav-tabs .nav-link.active:hover,.nav-tabs .nav-item.open .nav-link:hover{color:#404E67;background-color:#F5F7FA;border-color:transparent}
.nav-tabs>li.active>a{border:none;font-size:1.217em}
.nav-tabs>li>a{border:none;font-size:1.217em}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{border:none}
.woBtnLabelStyle{padding:2px 2%;font-size:1.217em}
.approvalStatusLevel1{width:33.333333%;float:left;padding:0 5px 10px}
.approvalStatusLevel2{width:10px;float:left;text-align:center;padding:0}
.approvalStatusLevel3{width:62.333333%;float:left;padding:0 5px 10px}
.approvalStatusLevel4{width:55.333333%;float:left;padding:0 5px 10px}
.approvalStatusLevel5{width:33%;padding:0 5px 10px}
.approvalStatusLevel6{width:57%;padding:0 5px 10px}
.verifiedByInput{width:100%}
.verifiedByBtn{width:100%;padding-top:10px;text-align:center}
.woType{width:96%;padding:7px;border-radius:6px}
.woTitleLabel{width:auto}
.mobilePaddingLeft-5{padding-left:5px}
.mobilePaddingTop-8{padding-top:8px}
.mobilePaddingTop-15{padding-top:15px}
.mobileCenterAlign{text-align:center}
.inputWithRightIconBox{width:100%;float:left}
.inputSecForRightIconBox{width:94%;float:left}
.paymentHeads{width:100%}
.channel_partner_iframe_design{overflow:hidden;height:1900px}
.pageHeaderTopLeftSide{width:auto}
textarea{height:60px!important;padding:6px!important}
.pageContent .nav.nav-tabs .nav-item .nav-link{border-right:none;padding:8px}
.customColonSec{width:10px;padding:4px 0 0;text-align:center}
.customRemarSec{width:33.333333%;float:left;padding-top:0}
.customRemarValueSec{padding-top:0;width:62.333333%;float:left}
.fileBodySec{padding:10px 0}
.updatedSec{display:block;padding-top:15px;text-align:center}
.searchButtons{padding:5px}
.downloadText{display:none}
.bodyMidleSection {width: 100%;float: left;padding: 0 0px;
}
.inputWithRightIcon{width:100%;float:left}
.inputSecForRightIcon{width:94%;float:left}
.sideActionsList {left: 9px; }
.relatedActions{padding-left:5px;}
.openActionList{opacity: 1; transform: translate3d(0,0,0); transition: width .25s,opacity .25s,transform .25s;}
.detailsPageMiddlePanel {padding: 8px 0px;}
#clsPageStockTransferDetails .inputWithRightIconBox {
    width: 100%;
    float: left;
}
#clsPageStockTransferDetails .inputSecForRightIconBox {
    width: 90%;
    float: left;
}
.ssDetailsPageMiddlePanel{width:100%;float:left;font-size:0.956em!important;}
.ssDetailsPageMiddlePanel label{font-size:0.956em!important}
.ssDetailsPageMiddlePanel .topSection .col-sm-2 {
    width: 28.333333%;
    float: left;
    padding-top: 0;
}
.ssDetailsPageMiddlePanel .topSection .col-sm-9 {
    width: 63%;
    float: left;
    padding-top: 0;
}
.customColon {
    width: 24px;
	float:left;
    padding-top: 0px;
}
.ssDetailsPageTopBodySec {
    width: 100%;
    float: left;
}
.ssPageSubHeading {
    width: 100%;
    float: left;
    font-size: 1.130em;
    padding: 20px 0 10px 13px;
}
#dvContWoDetails .pageContent .nav-tabs {border: none; border-bottom: 1px solid #e6e6e6;}
#dvContWoDetails .nav.nav-tabs .nav-item .nav-link.active {background-color: #9e9e9e;border-radius: 0;color: #fff;font-size: 0.956em;}
#dvContWoDetails .nav.nav-tabs .nav-item .nav-link {border-radius: 0; color: #000; border-right: 1px solid #ddd;	font-size: 0.956em;}
#paymentTerms .topSection span ol {padding-left:1% !important;}
#paymentTerms ol{padding-left:1% !important;}
.modal-verysmall {
    width: 95% !important;
}

.columOneDevider, .columTwoDevider, .columThreeDevider{-moz-column-count: 1; -moz-column-gap: 0px; -webkit-column-count: 1; -webkit-column-gap: 0px; column-count: 1; column-gap: 0px; }
.item-list{display:block; padding-top:10px; list-style-position: inside; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid;}
.nonChangableMobileWidth .col-sm-2
{
	width:30%;
	float:left;
}
.nonChangableMobileWidth .col-sm-6
{
	width:70%;
	float:left;
}

.nonChangableMobileWidth .col-sm-3
{
	width:40%;
	float:left;
}
.nonChangableMobileWidth .col-sm-5
{
	width:60%;
	float:left;
}
.nonChangableMobileWidth .nonChangableMobileLabel
{
	width:100%;
	float:left;
}
}
@media only screen and (min-width:1367px) and (max-width:1659px)
{
body{font-size:11.5px;}
html{min-height:100%}
.btn-group-vertical > .btn, .btn-group > .btn {
  border-radius: 2px;
  padding: 2.5px 6px;
}
.main-menu.menu-light .navigation > li ul li > a {
  padding: 8px 18px 8px 40px;
}
.main-menu.menu-light .navigation > li > a {
  padding: 10px 30px 10px 12px;
}
.main-menu.menu-light .navigation > li ul li > a {
  font-size: 0.80em;
}
.main-menu.menu-light .navigation > li ul .active > a {
  font-size: 0.80em;
}
.dataTables_wrapper .dataTables_length select {
  height: 35px !important;
}
.modal-lg {
  width: 1250px;
  max-width: 1250px;
}

}
@media only screen and (min-width:1660px) and (max-width:9660px)
{
body{font-size:12.5px;}
html{min-height:100%}
.btn-group-vertical > .btn, .btn-group > .btn {
  border-radius: 2px;
  padding: 2px 6px;
}
.main-menu.menu-light .navigation > li ul li > a {
  padding: 8px 18px 8px 40px;
}
.main-menu.menu-light .navigation > li > a {
  padding: 10px 30px 10px 12px;
}
.main-menu.menu-light .navigation > li ul li > a {
  font-size: 0.80em;
}
.main-menu.menu-light .navigation > li ul .active > a {
  font-size: 0.80em;
}
.dataTables_wrapper .dataTables_length select {
  height: 35px !important;
}
.modal-lg {
  width: 1250px;
  max-width: 1250px;
}
}
/*//////////////////////////////Fixed Sticky Header//////////////////////////////////////////*/
/*///Fixed Header///*/
/*table.dataTable thead > tr > th.dt-orderable-asc, table.dataTable thead > tr > th.dt-orderable-desc{
	position: sticky !important;
  top: 88px; 
  z-index: 0;
  background-color: white;
  border-top: 1px solid #dee2e6;
}
.sticky-header {
  z-index: 0; 
}

table.dataTable thead th {
  position: sticky !important;
  top: 88px; 
  z-index: 0; 
  background-color: white;
  border-top: 1px solid #dee2e6;
}
*//*.fixTableHead table > thead > tr > th{
	position: sticky !important;
	top: 0px;
	z-index: 0;
	background-color: white;
	border-top: 1px solid #dee2e6;
}*/
/*///////////////////////////////////////////////////////////////////////////*/