body{font-family: 'Roboto', sans-serif;font-size:0.7em;padding:0px;margin:0px;background:#edf0f1;color:#24384b;}
*{padding:0px;margin:0px;box-sizing:border-box;}
h1,h2,h3,h4,h5,h6{padding:0px;margin:0px;}
p{margin:0;padding:1em 0;}
input, select {font-size:1em;}
input, label {vertical-align:middle;}
.fleft {float:left; /*width: 307px;*/}
.fright {float:right;}
.cboth {clear:both;}
.txtcenter {text-align:center;}
.txtright {text-align:right;}
a {text-decoration:none; outline:none;}
[type="checkbox"]{vertical-align:middle;}
.wrap{width:100%;position:relative;}
.mr {margin:2em;clear:both;}divFilters
.text-center {text-align:center;}
.container{width:90%;margin:0 auto;}
.group {display: table;width: 100%;padding-top:50px;}
.col {display: table-cell;vertical-align:top;}
.header{height:50px;background:#ffffff;box-shadow: 0px 0px 5px 1px #c1c1c1;-webkit-box-shadow: 0px 0px 5px 1px #c1c1c1;-moz-box-shadow: 0px 0px 5px 1px #c1c1c1;position:fixed;width:100%;z-index:9999;}
.logo{cursor:pointer;padding:0 0;float:left;}
.alerts{float:right;position:relative;cursor:pointer;}
.alerts:after{content: "\f0a2";display: inline-block;font: normal normal normal 14px/1 FontAwesome; font-size: 1.5em;margin-top:20px;color:#c0c0c0;}
.alerts h5{position: absolute;top: 10px;left: 12px;background: #ff3844;width: 18px;height: 18px;border-radius: 50%;color: #fff;text-align: center;padding-top: 0.3em;}
.leftpanel{/*width:22%;*/background:#ffffff;width:300px;height:100%;position:fixed;}
.rightpanel {width:100%;}
/*.rightpanel > div {margin-left:300px;}*/
.rightpanel-wrapper {min-height:500px;height:100%;}
.rightpanel-innerwrapper {left:300px;width:77.5%;position:absolute;}
.userpanel{background:#24384b;/*height:250px;*/}
.userpic{width:100px;margin:0 auto;text-align:center;}
.userpic img{width:60px;height:60px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;background:#dedbdb;margin-top:2em;border:0;border:2px solid #ffffff;}
.username h6{margin:1em 0;color:#ffffff;font-size:1em;font-weight:normal; text-align:center;}
.userdetails{border-top: 1px solid #364c61;text-align:center;position:relative;height:75px;}
.switchdetails{/*border-top: 1px solid #364c61;*/text-align:center;position:relative;color:#fff;padding:1em;background:#131e29;}
.header-title {background:#ffffff;padding:1em;border-bottom:1px solid #eaeaea;margin-left:300px;}
.formcontrol{height: 25px;padding: 2px;line-height: 1.42857143;color: #313131;background-color: #fff;border: 1px solid #ccc;border-radius:0.1em;-webkit-border-radius:0.1em;-moz-border-radius:0.1em;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;width:100%;}
.formcontrolselect {height: 25px;padding: 2px;line-height: 1.42857143;color: #313131;background-color: #fff;border: 1px solid #ccc;border-radius:0.1em;-webkit-border-radius:0.1em;-moz-border-radius:0.1em;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;width:100%;}
.formtextar{padding: 2px;line-height: 1.42857143;color: #313131;background-color: #fff;border: 1px solid #ccc;border-radius:0.1em;-webkit-border-radius:0.1em;-moz-border-radius:0.1em;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;width:100%;}
#tBodyReport input{height: 25px;padding: 2px;line-height: 1.42857143;color: #313131;background-color: #fff;border: 1px solid #ccc;border-radius:0.1em;-webkit-border-radius:0.1em;-moz-border-radius:0.1em;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;width:100%;}
#tBodyCurrentDealAdd input{height: 25px;padding: 2px;line-height: 1.42857143;color: #313131;background-color: #fff;border: 1px solid #ccc;border-radius:0.1em;-webkit-border-radius:0.1em;-moz-border-radius:0.1em;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;width:100%;}
#tBodyCurrentDealAdd textarea {height: 45px;padding: 13px 12px;line-height: 1.42857143;color: #313131;background-color: #fff;border: 1px solid #ccc;border-radius:0.1em;-webkit-border-radius:0.1em;-moz-border-radius:0.1em;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;width:100%;}
#tBodyCurrentDealAdd select {padding: 3px;line-height: 1.42857143;color: #313131;background-color: #fff;border: 1px solid #ccc;border-radius:0.1em;-webkit-border-radius:0.1em;-moz-border-radius:0.1em;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;width:100%;}
#tBodyCurrentDealAdd th {width:150px;}
.btn {display: inline-block;padding: 6px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;cursor: pointer;border-radius:0.3em;-webkit-border-radius:0.3em;-moz-border-radius:0.3em;}
a.btn {display: inline-block;padding: 6px 12px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;cursor: pointer;border-radius:0.3em;-webkit-border-radius:0.3em;-moz-border-radius:0.3em;text-decoration:none;}
a.btn-default {color: #fff;background-color: #027ed6;border: 1px solid #0572bf;width: auto;}
a.btn-disabled {color: #808080;background-color: #dddddd;border: 1px solid #898989;width: auto;}
a.btn-primary {color: #505050;background-color: #fff;border: 1px solid #ccc;width: auto;}
input.btn-default {color: #fff;background-color: #027ed6;border: 1px solid #0572bf;width: auto;}
input.btn-primary {color: #505050;background-color: #fff;border: 1px solid #ccc;width: auto;}
input.btn-default:hover, a.btn-default:hover{background-color:#016db9;}
input.btn-primary:hover,a.btn-primary {background-color:rgba(0,0,0,.075);}
a.linkg {text-align: right;display: block;margin: 1em;color: #717171;}
a.linkg:hover {color:#f00;}
.changepass {float: left;margin-top: 20px;margin-right: 40px;}
.changepass a {text-decoration:none;color:#24384b;}
.changepass a:hover {color:#ff0000;}
.allm {margin:0.5em 1em;display:block; overflow:hidden;}
.allmargin {margin:1em;}
.noblock label{display:inline !important;}
 .login-body {background:#eeeeee;}
.login-wrapper{margin: 0 auto;max-width: 400px;width: 100%;margin-top: 10%; position: relative;}
.login-container {padding:1em; overflow:hidden;background:#ffffff;box-shadow: 0px 0px 1px 1px #d6d6d6;-moz-box-shadow: 0px 0px 1px 1px #d6d6d6;-webkit-box-shadow: 0px 0px 1px 1px #d6d6d6;border-radius:0.3em;-webkit-border-radius:0.3em;-moz-border-radius:0.3em;}
.login-container h3 {display:block;text-align:center;padding:1em;}
.login-container input {margin:1em 0;}
.login-container input.logincontrol {height:45px;padding:6px;}
.flexcontainer_payroll {display:flex; flex-direction:row;}
.flexcontainer_payroll > div {margin:0 1em 1em 0;}
.flexcontainer_payroll > div label {padding-bottom:0.5em;}
.flexcontainer {display: table; /*margin:1em 0 2em 0;*/width:100%;}
 .flexcontainer > div {padding: 5px;display: table-cell;}
 .flexcontainer label {margin-bottom: 0.5em;display:block;}
 .flexcontainer table td {padding:0.3em;}
 .show_hide {display: none;}
 a.show_hide {text-decoration: none;background: #2b4d73;color: #fff;display: inline-block;padding: 5px 10px;margin-top: 5px;}
.flexcontainer span {margin-top:0.5em;display:block;}
.switchc label{font-size:1.2em;padding-left:10px; vertical-align:middle;}
.switchc input  {width:25px;height:25px; vertical-align:middle;}
.switchc td {padding-bottom:10px;}
.switch{position:absolute;top:35px;left:55px;margin:1em 0 0 0;}
.logout {position:absolute;top:35px;left:190px;margin-top:1em;}
.switch a, .logout a {text-decoration:none;color:#fff;}
.switch a:after {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;content: "\f233";color:#fff;top: -30px;left: 40px; position:absolute; font-size: 1.5em;}
.logout a:after {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;content: "\f007";color:#fff;top: -30px; left: 15px; position:absolute;font-size: 1.5em;}
.userdetails li:last-child{padding-left: 25px;}
.userdetails li:nth-child(1):after{display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;content: "\f233";color:#fff;position: absolute;top: 15px;left: 115px;font-size: 1.5em;}
.userdetails li:nth-child(2):after{display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;content: "\f007";color:#fff;position: absolute;top: 15px;left: 206px;font-size: 1.5em;}
#divFilters{display:none;}
#divColumns {display: none;}
#divAudience{display:none;}
#divTimeframe {display: none;}
#divMetrics{display:none;}
#divColumns table td{padding:7px 15px;}
.fa {font-size: 1.5em !important;cursor:pointer;}
.fa-minus-circle:before {color: #f00;}
.fa-plus-circle:before{color: #027ed6;}
.dateColor{width: 340px;text-align: center;margin: 0 auto;background: #ff3844;border-radius: 2em;position:relative;height:40px;line-height:40px;margin-bottom:1em;}
.dateColor span{display: inline-block;margin-right: 0em;padding-right: 1.5em;}
.dateColor a, .dateColor label, .dateColorall a{color:#ffffff;font-size:1.2em;font-weight:400;}
.dateColor input {background: none;border: none;color: #fff;text-align:center;}
.dateColor input.datelock_payroll {background: none;border: none;color: #fff;display: inline-block;background: #b7262f;padding: 0.85em 0.9em;border-top-right-radius: 2em;border-bottom-right-radius: 2em;cursor:pointer;position:absolute;right:0px;}
.dateColor input.datelock {background: none;border: none;color: #fff;display: inline-block;background: #b7262f;padding: 1.25em 1em;border-top-right-radius: 2em;border-bottom-right-radius: 2em;cursor:pointer;position:absolute;right:0px;}
.dateColor a:nth-of-type(1):before, .dateColorall a:nth-of-type(1):before {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: 1em;content:"\f100";}
.dateColor a:nth-of-type(2):before, .dateColorall a:nth-of-type(2):before {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: 1em;content: "\f104";}
.dateColor a:nth-of-type(3):after, .dateColorall a:nth-of-type(3):before {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: 1em;content:"\f105";}
.dateColor a:nth-of-type(4):after, .dateColorall a:nth-of-type(4):before {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: 1em;content: "\f101";}
.dateColorall {width: 230px;text-align: center;background: #ff3844;border-radius: 2em;line-height: 30px;margin:0 auto;position:relative;height:41px;line-height:41px;}
.dateColorall input {background: none;border: none;color: #fff;font-weight:400;text-align:center;}
.dateColorall input:focus {border:none;}
span.spanch {display:block;text-align:center;margin-bottom:0.5em;}
.accordion-wrapper {margin:1.5em;}
.col-md-6 > div {width:47%;float:left;}
.col-md-6 > div table {width:100%;}
.col-md-6 > div table td{padding-bottom:0.5em;vertical-align:middle;}
.col-md-6 > div:first-child {margin-right:6%;}
.col-md-3 > div:first-child {width:35%;float:left;margin-right:5%;}
.col-md-3 > div:last-child {width:60%;float:left;}
.col-md-4{display:flex; flex-direction:row;}
.col-md-4 table {width:100%;}
.col-md-4 table td {padding:3px 0;}
.col-md-4 > div:nth-child(1) {width:25%;}
.col-md-4 > div:nth-child(2) {width:20%;}
.col-md-4 > div:nth-child(3) {width:30%;}
.col-md-4 > div:nth-child(4) {width:20%;margin-left:5%;}
.col-md-5 > div{width:30%;float:left;}
.col-md-5 > div:nth-child(1) {margin:10% 0 0 0;}
.col-md-5 > div:nth-child(2) {margin:12% 5% 0 5%;text-align:center;}
.col-md-6  label, .col-md-5 label {/*margin-bottom: 0.5em;*/display: block;}
.subtitle {text-align:center;line-height:0.5;margin: 2em 0;display: block;font-size: 2em;}
.subtitle span {display:inline-block;position:relative;}
.subtitle span:before, .subtitle span:after {content:"";position:absolute;border-bottom:1px solid #b5b5b5;top:5px;width:100%;}
.subtitle span:before {right:100%;margin-right:15px;}
.subtitle span:after {left:100%;margin-left:15px;}
.detail-titles h3{margin:2em 0;font-size:1em;}
#divCurrentDealPopup {display:none;}
.mr-10 {margin-right:10%;}
.mr-4 {margin-top:1em;}
.mr-b {margin-bottom:1em;}
.fh-header{display: flex;padding: 1em;font-weight: bold; border: 1px solid #cfdbe6; text-align:center;justify-content: center;}
h4 {margin: 2em 0; text-align: center; border-bottom: 1px solid #e0e0e0;padding: 0.5em 0;font-size:1em;}
.leftcol > div {float:left;padding:1em;min-height:110px;}
.leftcol > div > label {display:block;margin-bottom:2em;}
.leftcol > div:nth-child(1) {border-right:1px solid #dbdbdb;width:50%;}
.leftcol > div:nth-child(2) {border-right:1px solid #dbdbdb;width:15%;text-align:center;}
.leftcol > div:nth-child(3) {border-right:1px solid #dbdbdb;width:15%;text-align:center;}
.leftcol > div:nth-child(4) {width:20%;text-align:center;}
.rightcol {padding:1em;clear:both;}
.colheader {padding:0.5em 1em;border-bottom:1px solid #eaeaea; overflow:hidden; line-height:30px;background:#f5f5f5;}
.colheader h3 {font-weight:600;font-size:1em;}
/*.mx-auto {margin:2em auto;}*/
.lock input.btn-default:before {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: 1em;content: "\f023";}
a.delete:before {-webkit-font-smoothing: antialiased;display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;font-family: "Font Awesome 5 Free";content: "\f083";}
a.download:before {display: inline-block;font-family: "Font Awesome 5 Brands";font-style: normal;font-variant: normal;width: 16px; height: 16px;content: "\f019";}
#divTimeframe {width:450px;margin:0 auto;}
#divTimeframe label {margin-right:0.5em;}
.paddingall td {padding:0.5em;}
/**grid*/
.whitewrapper {padding:0.5em;background:#fff;border-radius:0.3em;-webkit-border-radius:0.3em;-moz-border-radius:0.3em;box-shadow: 0px 0px 1px 1px #d6d6d6;-moz-box-shadow: 0px 0px 1px 1px #d6d6d6;-webkit-box-shadow: 0px 0px 1px 1px #d6d6d6;margin:0.5em 1em;overflow:hidden;}
.whitewrapper-inner {background:#fff;border-radius:0.3em;-webkit-border-radius:0.3em;-moz-border-radius:0.3em;box-shadow: 0px 0px 1px 1px #d6d6d6;-moz-box-shadow: 0px 0px 1px 1px #d6d6d6;-webkit-box-shadow: 0px 0px 1px 1px #d6d6d6;margin:1em 0;width:100%;display:inline-block;}
.whitewrapper-inner-nomr {background:#fff;border-radius:0.3em;-webkit-border-radius:0.3em;-moz-border-radius:0.3em;box-shadow: 0px 0px 1px 1px #d6d6d6;-moz-box-shadow: 0px 0px 1px 1px #d6d6d6;-webkit-box-shadow: 0px 0px 1px 1px #d6d6d6;overflow:hidden;}
/*.whitewrapper span {line-height:25px;}*/
.grid table, .grid
 table, .grid-cal table{width:100%;border-collapse:collapse;border:1px solid /*#cfdbe6*/#b1c4d6;}
.grid table th, .gridworksheet th {background:/*#e4f0fb*/#cde1f3;}
.grid table td,  .grid table th, .gridworksheet td ,.gridworksheet th  {border:1px solid /*#cfdbe6*/#b1c4d6;padding:0.5em;height:30px;text-align:left;}
.grid-cal td {padding:0.5em;height:30px;text-align:left;border:1px solid #cfdbe6;}
.grid-cal .greenbg {background:#008000;color:#fff;}
.grid-cal .bluebg {background:#428faf;color:#fff;}
.grid table tr:nth-child(odd) {background:#ffffff;}
.grid table tr:nth-child(even) {background:#f0f7ff;}
.gridworksheet table tbody tr:nth-child(odd) {background:#ffffff;}
.gridworksheet table tbody tr:nth-child(even) {background:#f0f7ff;}  
.gridtransparent table{width:100%;border-collapse:collapse;border:1px solid #cfdbe6;}
.gridtransparent table th {background:#fff;}
.gridtransparent table td,  .gridtransparent table th {border:1px solid #cfdbe6;padding:0.5em !important;height:30px;text-align:left;}
.gridtransparent table th{background:#f0f7ff}
.gridtransparent label {margin-bottom:0.5em;}
.errormesg{font-size: 0.9em;}
h3.consultantheader {text-align: center;    margin: 1em;    font-size: 1.3em;}
.payrollwidth > div {width:2200px;}
/*.grid table tr:hover {background:#eaf2f8;}*/
.whitewrapper label {/*padding-bottom:0.5em;*/display:block;}
/**popup*/
.TranslucentBackgroundForPopUp {position: fixed;top: 0px;left: 0px;background-color: Black;opacity: 0.6;filter: alpha(opacity=60);z-index: 9999;height: 100%;width: 100%;margin-left: 0px !important;}
.popupwap {position: fixed;top: 8%;background-color: #fff;border-radius: 6px;left: 20%;width: 60%;z-index: 999999;display: block;overflow: auto;outline: 0;border:5px solid #dad9d9;}
.popupwapcentersmall {position: fixed;top: 8%;background-color: #fff;border-radius: 6px;left: 30%;width: 40%;z-index: 999999;display: block;overflow: auto;outline: 0;border:5px solid #dad9d9;}
.popupwapcenter {position: fixed;top: 40%;background-color: #fff;border-radius: 6px;left: 25%;width: 50%;z-index: 999999;display: block;overflow: auto;outline: 0;border:5px solid #dad9d9;overflow: hidden;}
.popupwapbig {position: fixed;top: 8%;background-color: #fff;border-radius: 6px;left: 15%;width: 70%;z-index: 999999;display: block;overflow: auto;outline: 0;border:5px solid #dad9d9;}
.popupwapexpense {position: fixed;top: 5%;background-color: #fff;border-radius: 6px;left: 9%;width: 82%;z-index: 999999;display: block;overflow: auto;outline: 0;border: 5px solid #dad9d9;}
.popupwapsmall {position: fixed;top: 30%;background-color: #fff;border-radius: 6px;left: 35%;width: 30%;z-index: 9999999;display: block;overflow: auto;outline: 0;border:5px solid #dad9d9;}
.popupheader h2{padding:1em;border-bottom:1px solid #dad9d9;/*margin-bottom:1em;*/}
.popupbody{padding:1em;}
.popupfooter {border-top:1px solid #ccc;clear:both;}
.popupfooter > div {padding:1em;}
.popupbody > p {padding:0.5em 0;}

.popupbody strong {display:block;line-height:2em;}
.serviceLoader {width: 97%;height: 100%;position: absolute;margin-left: 50%;margin-top: 10%;top:30%;z-index:9999;}
.totalsum {font-weight:bold}
.subheader {background:#e4f0fb !important;}
.accordion, .accordion * {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.accordion {overflow:hidden;box-shadow: 0px 0px 2px 2px #dadada;-moz-box-shadow: 0px 0px 2px 2px #dadada;-webkit-box-shadow: 0px 0px 2px 2px #dadada;border-radius:3px;background:#f7f7f7;}
/*----- Section Titles -----*/
.accordion-section-title, .accordion-section-title-forms {width: 100%;padding: 8px;display: inline-block;border-bottom: 1px solid #eae4e4;background: #fff;transition: all linear 0.15s;-webkit-transition: all linear 0.15s;-moz-transition: all linear 0.15s;color: #24384b;font-weight:600;}
.accordion-section-title-activee, .accordion-section-title-forms-activee {width: 100%;padding: 15px;display: inline-block;border-bottom: 1px solid #eae4e4;background: #ff3844;transition: all linear 0.15s;-webkit-transition: all linear 0.15s;-moz-transition: all linear 0.15s;color: #24384b;font-weight:600;}
.accordion-section-title.active, .accordion-section-title:hover, .accordion-section-title-forms.active, .accordion-section-title-forms:hover {background:#f3f3f3;text-decoration:none;}
.accordion-section-title:after, .accordion-section-title-forms:after {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: 2em;content:"\f055";color:#027ed6;float: right;}
.accordion-section-title.active:after, .accordion-section-title-forms.active:after {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: 2em;content:"\f056";color:#ff3844;float:right;}
/*.accordion-section:last-child .accordion-section-title, .accordion-section-title-forms {border-bottom:none;}*/
/*----- Section Content -----*/
.accordion-section-content, .accordion-section-content-forms {padding:15px;display:none;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {border: 0px solid #003eff !important;background: #027ed6 !important;}
.d-flex {display:flex;}
.padh-edit {display:flex;}
.padh-edit div:nth-of-type(1) {width:40%;margin-right:5%;}
.padh-edit div:nth-of-type(2) {width:10%;text-align:center;margin-top:17%;}
.padh-edit div:nth-of-type(3) {width:40%;margin-left:5%; height:300px;overflow:auto;overflow-x:hidden;}
.total span{padding: 1em 0 1em 2em;display: block;font-weight:600;}
.padetial-pop {height:450px;overflow:auto;}
.dealhistory {height:350px;overflow:auto;}
#tBodyCurrentDealAdd select, #tBodyCurrentDealAdd input{width:200px;text-align:left !important;}
.w-100 {width:100px;text-align:left !important;}
.w-50 {width:50px;text-align:left !important;}
.w-130 {width:130px;}
.w-150 {width:150px;text-align:left !important;}
.w-180 {width:248px;text-align:left !important;}
.w-181 {text-align:left !important;}

.w-80 {width:80px;text-align:left !important;}
#tBodyCurrentDealAdd textarea{width:200px !important;text-align:left !important;}
.mr-right {margin-right:auto;}
.mx-auto {margin-left:auto;margin-right:auto;}
.padauto {height:150px; overflow-y:auto; overflow-x:hidden;}
.mx-auto table td {padding:0.5em;}
/* Error success messages*/
.hideErrorLink {cursor: pointer;position: absolute;right: 5px;}
.fixedpositioning {position: fixed;z-index: 1;*left: 123px; /*IE7*/}
.showErrorColorRed {padding: 4px 6px 2px 13px;background-color: #FFEBE8;border: 1px solid #DD3C10;color: red;}
.showSuccessColorGreen {padding: 4px 6px 2px 13px;background-color: #DCF8CC;border: 1px solid #57C819;color: #225009;}
.hideError {padding: 0px;background-color: transparent;}
#errorlabeldiv {width: 100%;left: 0px;}
#spanErrorContainer {width: 100%;display: block;text-align: center;font-weight: bold;font-size: 16px;}
.innerPages {margin: 10px 0px;}
.closebtn, .opendiv {display:none;}
.calendorDatechange {color:#2379c8;font-size:1.2em;font-weight:bold;border:none;width:95px;}
.zindex100000 {z-index:100000;}
.zindex100001 {z-index:100001;}
.zindex90000 {z-index:99999;}
a.clsVewEmpList:before, .clsVewEmpList:before {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;content: "\f06e";padding:0.5em;}
a.clsStatusEmpList:before, .clsStatusEmpList:before {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;content: "\f0ec";padding:0.5em;}
.tblexpence td input{width:80px;}
.tblexpenceview td{width:80px;}
.tblexpence td:first-child{min-width:215px;width:215px;}
#gv_Mileage_resubmit table {width:88%;}
#Mileage_View table {width:91%;}
.tblspan{width:80px;display:block;}
.tbltotal {width:100px;display:block;}
.tblexpence td:last-child span{white-space: nowrap;}
.zindex999999 {z-index:999999;}
.overflow {overflow:hidden;}
.setwidth {width:958px;overflow-y:hidden; overflow-x:scroll;}
.setwidth > div {width:2500px;}
.runreport {width:97%;}
.rowdata {margin-right:1em;}
.rowdata div#div_run_adp, div#div_run_ach, div#div_upload_ach, div#div_run_expense_ach {border: 1px solid #b8c8d6;width: 48%;float: left;background: #e8eff3;height: 350px;margin-bottom:2em;}
#div_run_adp > div, #div_run_ach > div, #div_upload_ach > div, #div_run_expense_ach > div {padding:1em;}
.rowdata span {display:block;text-align:center;}
.rowdata a.run, .rowdata input.run {width:150px;margin:1em auto;padding:1em;}
#div_run_adp, #div_upload_ach {margin-right:4%;}
.row > div {margin-right: 4%;float: left;padding:1px;width:22%;}
.rowdata div:last-child, .row > div:last-child {margin-right: 0;}
.rowdata div h4{text-align: center;border-bottom: 1px solid #b8c8d6;padding: 1em 0;margin:0;}
.uploadsummary {text-align:center;}
.uploadsummary h5{text-align: center;padding: 1em 0;margin:0;font-size:1em;}
/*.rowdata  div#div_run_adp, div > div#div_run_ach, div#div_upload_ach, div#div_run_expense_ach {border: 0;}*/
.loanadvance {overflow: hidden;background: #d2e0ec;width: 100%;padding: 1em;border: 1px solid #b8c9d8;}
/*#div_run_adp .ft_container,#div_run_adp .ft_scroller, #div_run_adp .ft_scroller table {width:100% !important;}
#div_run_adp .ft_rwrapper, #div_run_ach .ft_rwrapper, #div_upload_ach .ft_rwrapper, #divReport_BankACH .ft_rwrapper, #div_run_expense_ach .ft_rwrapper {width: 97% !important;}
#div_run_adp .ft_rwrapper table, #div_upload_ach .ft_rwrapper table, #div_run_expense_ach .ft_rwrapper table,#div_upload_ach .ft_rwrapper, #div_run_expense_ach .ft_rwrapper  {width:100% !important;}
#div_run_ach .ft_container,#div_run_ach .ft_rwrapper table, #div_run_ach .ft_scroller, #div_run_ach .ft_scroller table {width:100% !important;}
#div_upload_ach .ft_container,#div_upload_ach .ft_rwrapper table, #div_upload_ach .ft_scroller, #div_upload_ach .ft_scroller table {width:100% !important;}*/
/*#div_run_expense_ach .ft_container,#div_run_expense_ach .ft_rwrapper table, #div_run_expense_ach .ft_scroller, #div_run_expense_ach .ft_scroller table {width:100% !important;}*/
.ft_alert .ft_container,.ft_alert .ft_rwrapper,.ft_alert .ft_rwrapper table,.ft_alert .ft_scroller, .ft_alert .ft_scroller table{width:100% !important;}
/*.ft_alert .ft_container {height:155px !important; }*/
/*#divReport_viewExpACH .ft_container,#divReport_viewExpACH  .ft_rwrapper,#divReport_viewExpACH  .ft_rwrapper table,#divReport_viewExpACH  .ft_scroller, #divReport_viewExpACH  .ft_scroller table{width:100% !important;}
#divReport_ExpenseACH table {width:100%;}*/
/*table#tbl_ACPReps{width:100% !important;}*/
#tBody_ADPReps td:nth-child(4), #tbl_ACPReps th:nth-child(4) , #tbl_ExpenseACH td:nth-child(3){text-align:center !important;}
.ft_container table tr th {color:#24384b !important;}
.ft_container table {font-size:inherit !important;}
#copyAll_Div > div {width:80%;margin:0 auto;}
input.btn-third{background: #f0f7fd;border: 1px solid #cdd3d8;border-radius: 0;color: #000;}
input.btn-red{background: #ff3844;border: 1px solid #f7323e;color: #fff;}
#tbodyCategoryList td {vertical-align:top;}
@media screen and (max-width:767px) {
    .flexcontainer > div {width:100%;float:left;}
    input.btn-default {width:100%;}
    .leftpanel {display:block;}
}
@media screen and (max-width:1200px) {
     .leftpanel {display:block;}
}
/* Base Styles */
#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a {margin: 0;padding: 0;border: 0;list-style: none;font-weight: normal;text-decoration: none;line-height: 1;font-family: 'Open Sans', sans-serif;font-size: 1em;position: relative;}
#cssmenu {width: 100%;height:100%;}
#cssmenu a {line-height: 1.5;}
#cssmenu > ul > li > a {display: block;color: #000;border-bottom: 1px solid #dcdcdc;border-top: none;}
#cssmenu > ul > li > a > span {display: block;padding: 12px 10px;cursor:pointer;}
#cssmenu > ul > li > a:hover {text-decoration: none;}
#cssmenu > ul > li.active {border-bottom: none;background:#ff3844;}
#cssmenu > ul > li.active a span {color:#fff;}
#cssmenu > ul > li.has-sub > a span:after {content:"\f107";display:block;font: normal normal normal 14px/1 FontAwesome;float:right;font-size:1.5em;-webkit-transition: all .3s linear 0s;transition: all .3s linear 0s;}
#cssmenu > ul > li.has-sub.active > a span:after {content:"\f107";transform:rotate(180deg);-webkit-transition: all .3s linear 0s;transition: all .3s linear 0s;color:#fff;}
#cssmenu ul ul {display: none;background: #fff;border-bottom:1px solid #cdcdcd;}
#cssmenu ul ul li {padding: 0;border-bottom: 1px solid #d4d4d4;background:#f9f9f9;border-top: none;}
#cssmenu ul ul li:last-child {border-bottom: none;}
#cssmenu ul ul a {padding: 10px 10px 10px 10px;display: block;color:#000;}
#cssmenu ul ul a:before {content:"\f107";transform:rotate(-90deg);font: normal normal normal 14px/1 FontAwesome;font-size:1.5em;-webkit-transition: all .3s linear 0s;transition: all .3s linear 0s;color: #000;float:left;margin-right:0.3em;}
#cssmenu ul ul a:hover:before , #cssmenu ul ul a:hover {color: #ff3844;}
#cssmenu ul ul a.subactive, #cssmenu ul ul a.subactive:before {color: #ff3844;}
.ccform{display: inline-block;background: #106dce;padding: 1em;color: #fff;margin:0 0.5em 0.5em 0;cursor: pointer;}
.ccform1{display: inline-block;background: #ce104d;padding: 1em;color: #fff;margin:0 0.5em 0.5em 0;cursor: pointer;}
/*.fixed-table table td {vertical-align:top;}*/
.catmargin {display:inline-block;width:60px;font-weight:600;}
#filters1{margin: 2em 0;background: #f5f6f7;padding: 2em;border: 2px solid #e8e8e8;}
#tblDocumentsList td:nth-child(5), #tBodyFormsList td:nth-child(4){text-align:center !important;}
.payrollheading{padding: 1em;text-align: center;margin: 2em 0;background: #aed5ef;border: 2px solid #8fb6d0;color: #000;}
/*.ft_container, .ft_rwrapper, .ft_scroller, .ft_rwrapper table, .ft_scroller table {width:100% !important;}*/
.container1, .container2 {width: 1250px;margin: 0 auto;}
.container1 {height: 440px;}
#divCurrentDealsTab input, #divCurrentDealsTab select {width: 100%;}
.emp_wrap_main {display:flex; flex-direction:row;justify-content: space-between; flex-wrap:wrap;}
.emp_wrap {width:30%;margin-bottom:1em;}
.emp_wrap input, .emp_wrap select {margin-bottom:0.5em;}
.flags_wrap_main {display:flex; flex-direction:row;justify-content: space-between; flex-wrap:wrap;}
.flags_wrap, .alerts_wrap {width:30%;margin-bottom:1em;}
.flags_wrap input, .flags_wrap select {margin-bottom:0.5em;}
.alerts_wrap_main {display:flex; flex-direction:row;justify-content: space-between; flex-wrap:wrap;}
.alerts_wrap input, .alerts_wrap select {margin-bottom:2em;}
.pev_title_main{background: #fff;padding: 0.5em;box-shadow: 0 3px 5px -1px #c1c1c1;-webkit-box-shadow: 0 3px 5px -1px #c1c1c1;-moz-box-shadow: 0 3px 5px -1px #c1c1c1;position: fixed; width: 100%; z-index: 9999;margin-top:1px;}
.pev_title {width:50%;margin:0 auto;}
.pev_title table {width:100%;}
.pev_title td {padding:0.5em;}
.pev_title label {font-weight:600;}
input.btn-cancel {
  background-color: #ff3844;border:0;color:#fff;border:1px solid #ec2d38;
}
/*.payroll_scroll > div {max-height:500px;}*/
.whitewrapper > span {line-height:20px;}
.nav_scroll {overflow-x:hidden; overflow-y:scroll;}
.modal {
  position: fixed;
  top: 50px;
  bottom: 50px;
  left: 30%;
  background-color: #fff;
  border-radius: 6px;
  z-index: 9999999;
  display:none;
  outline: 0;
  border: 5px solid #dad9d9;
  width: 40%;
}
.modal-dialogue {
  position: absolute;
  top: 0;
  bottom: 0;
  /* can use left: 0; right: 0; as well */
  width:100%;
}
.modal-header {
  width: 100%; 
  height: 3em;
  border-bottom: 1px solid #dad9d9;
  padding:1em;
}
.modal-content {
  position: absolute;
  top: 3em;
  bottom: 3em;
  width: 100%; /* can use left: 0; right: 0; as well */
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; 
  padding:1em;
}
.modal-footer {
  position: absolute;
  bottom: 0;
  width: 100%; /* can use left: 0; right: 0; as well */
  height: 3em;
  border-top: 1px solid #ccc;
  padding:0.2em;
 }
datalist option {
    background-color:red;
}
 .fa-print:before, .fa-gear:before, .fa-cog:before, fa-trash:before, .fa-download:before{
        color: #afaeae;
    }
#pb-timesheet {
    position:relative;
    
}
#pbv-timesheet {
    position:relative;
    
}
#pbv-dropdown {
    position:absolute;
    top: 28px;
    left: 0px;
    width: 250px;
    display: none;
   background:#ffffff;
   border:1px solid #cdcdcd;
   z-index:999;
}
#pb-dropdown {
    position:absolute;
    top: 28px;
    left: 0px;
    width: 250px;
    display: none;
   background:#ffffff;
   border:1px solid #cdcdcd;
   z-index:999;
}
#pb-timesheet  .pb-title {
    border: 1px solid;
    color: #fff;
    background-color: #027ed6;
    width: auto;
    height: 30px;
    -webkit-border-radius: 0.3em;
        display: inline-block;
    padding: 6px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    cursor:pointer;
}
#pbv-timesheet  .pbv-title {
    border: 1px solid;
    color: #fff;
    background-color: #027ed6;
    width: auto;
    height: 30px;
    -webkit-border-radius: 0.3em;
        display: inline-block;
    padding: 6px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    cursor:pointer;
}
    #pb-timesheet .pb-title:after {
        content:"\f0d7";
        font-weight: 900;
        font-family: "Font Awesome 5 Free";
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        margin-left:0.3em;
}
    #pbv-timesheet .pbv-title:after {
        content:"\f0d7";
        font-weight: 900;
        font-family: "Font Awesome 5 Free";
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        margin-left:0.3em;
}
    #pb-dropdown ul li {
        padding:1em;
    }#pbv-dropdown ul li {
        padding:1em;
    }