label.error {
    clear: both;
    color: #ff0000;
    /*float: left;*/
    margin-left: 3px;
    text-align: left !important;
    margin-bottom: 0;
}

.form-control.error {
    margin-bottom: 5px !important;
}

.page-title .title_right {
	text-align: right !important;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
	color: #000000 !important;
}
.ui-datepicker  {
	z-index: 99999 !important;
}

.fa-pencil, .fa-remove, .fa-user, .fa-key {
	font-size: 20px !important;
}

.clear { clear: both; overflow: hidden; }
.w50 { max-width: 60px; display: inline-block;border-color: #d1d1d1; font-size: 14px; }
/*.mploadingdata { padding-top: 25px; }*/
.mploadingdata .item .control-label { padding-right: 5px; }
.mploadingdata .item [class^=col-] { padding-left: 5px; }
.headings > th, .headings > td { white-space: normal; }
.showhistory { display: inline-block; padding-left: 15px; }

.instruction, 
.landing-center h4, 
.landing-center li, 
.landing-right li {
	font-family: Calibri,Arial,sans-serif;  
	font-size: 14px;
}
.landing-left, .landing-center, .landing-right {
	padding: 15px;	
	
}
.instruction { width: 100%;}
.landing-left {text-align: center;}
.landing-center h4 { text-align: center; font-family: Calibri,Arial,sans-serif;  font-size: 14px; color:rgba(0,0,153,1); margin-bottom: 15px;}
.landing-center ul, .landing-center ul li { /*list-style: none;*/ margin: 0; padding: 0;}
.landing-center ul { margin: auto; width: 90%; }
.landing-center ul li, .landing-right ul li { margin-bottom: 8px; text-align: center;}
/*.landing-center ul li span{color:#9f9f9f;}*/
.landing-right ul {margin-top: 10px; margin-left: -10px;}
.landing-right img { margin: auto; width: 138px; display: block;}

.lookaheadheight .control-label {position:relative;	top: -10px;}

@media (min-width:768px){

.mploadingdata { padding-top: 0; }
.showhistory { padding-top: 7px; }
.lookaheadheight .control-label {top: 0px;}

}

@media (max-width:980px){
	/*footer {
    	margin: 0 -9px !important;
	}*/
}

@media (max-width:1100px){
	.dropdown-menu li.textColorScroll {
	    height: 230px;
	    overflow: scroll;
	}
	.note-popover .popover .popover-content .note-color .dropdown-menu, .panel-heading.note-toolbar .note-color .dropdown-menu {
		min-width: 190px;
	}
}

.adminCls {
    margin-left: 7px;
    padding: 5px;
}

footer .pull-right {
    float: none !important;
}

footer {
	text-align: center;
}

footer .powered-by-text-logo {
	display: inline;
}

footer .powered-by-text-logo img {
	width:40px; 
	display: inline;
}

footer .powered-by-text {
	display: inline; 
	font-size: 14px; 
	color: #000;
	font-weight: 500;
}

footer .copy-right-text {
	padding: 11px;
}

.myloader {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    /*url('../images/loading.gif') */
    background: rgba( 255, 255, 255, .2 ) 
                url('../images/loading.gif') 
                50% 50% 
                no-repeat;
}
.tmConsole {
    background-color: #000000;
    border: 1px solid #d7d7d7;
    color: #ffffff;
    padding: 5px;
}
.radioBtn, .checkboBtn{
	float: left;
	padding-top: 0px !important;
}
.checkboBtn {
	position: relative;
}
.pad {
	padding: 15px !important;
}
.backColor{
	background-color: #e4e4e4;
    border: 1px solid #c4c4c4;
    color: #202020;
    margin-left: 0px;
    line-height: 0px;
}
.chkMarginLeft{
	margin-left: -23px;
	padding-left: 20px;
}


.chkImg {
  left: 0;
  top: 0;
}

.firstCircle{
	/*left: 61px;
	top: 40px;*/
}
.secondCircle{
	/*left: 61px;
	top: 40px;*/
}
.thirdCircle{
	/*left: 58px;
	top: 40px;*/
}
.circleBox {
	background-color: #F1F2F4;
	padding:5px;
}
.estimateTitle {
    color: #2C2D2F;
    font-weight: bold;
    padding: 5px;
    text-align: center;
}
.plusMinusBox {
	/*background-color: #ffffff;
    border: 3px solid #f0f0f0;*/
    border-radius: 5px;
    margin-bottom: 0;
    margin-left: 115px !important;
}
.enableSign{
	display: none;
}
.circleLabel {
	position: relative; 
	height: auto; 
	width: auto; 
	margin: auto; 
	text-align: center;
}
.chkTxtLeft{
	left: -4px;
}

.removeMarginBtm{
	margin-bottom: 0px !important;
	padding-left: 35px;
}
.removeMarginBtm1{
	margin-bottom: 0px !important;
}
.conditionBox {
	padding-right: 15px;
}
textarea {
    resize: none !important;
}


@media (max-width: 980px) {
    body.nav-sm .container.body .left_col {
        background-color: #2a3f54;
    }
    
    body {
    	background: #f7f7f7 none repeat scroll 0 0;
    }
}

.curTime {
    font-size: 20px;
    font-weight: normal;
    text-align: center;
}
.curDate {
	font-size: 15px;
    font-weight: normal;
    text-align: center;	
}

input[name=txtOverRideHours] {
	width: 80px;
}
input[name=txtAdjustmentQty] {
	width: 80px;
}
input[name=txtTotalHours] {
	width: 80px;
}
input[name=txtBenefitHours] {
	width: 80px;
}
td.tdOverrideCls{
	padding: 0px !important;
}
.overrideCls {
	/*padding: 11px 10px;*/
	padding: 11px 0px;
}

td.tdAdjustmentQty {
	padding: 0px !important;
}
.adjustmenQtyCls {
	padding: 11px 0px;
}


td.tdTotalHoursCls, td.tdReimburseCls{
	padding: 8px !important;
	height: 45px;
}
.totalHoursCls, .reimburseCls {
	/*padding: 11px 0px;*/
}

td.tdBenefitHoursCls{
	padding: 8px !important;
	height: 45px;
}
.benefitHoursCls {
	/*padding: 11px 0px;*/
}

.benefitHoursCls1 {
	/*padding: 11px 0px;*/
}

.overrideCls1 {
	padding: 11px 0px;
}
.totalHoursCls1, .reimburseCls1 {
	/*padding: 11px 0px;*/
}
.onlineStatus {
    color: #009e47;
    /*border: 1px solid #9e9e9e;
    border-radius: 18px;*/
    font-size: 24px;
    width: 22px;
}
.stableStatus {
    /*border: 1px solid #9e9e9e;
    border-radius: 10px;*/
    font-size: 24px;
    width: 22px;
}
.offStatus {
	color: #ed0000;
    /*border: 1px solid #9e9e9e;
    border-radius: 18px;*/
    font-size: 24px;
    width: 22px;
}


.timeclockHead {
	background-color: #43578D;
	vertical-align: middle !important;
}
.costCode1 {
	background-color: #43849A;
	vertical-align: middle !important;
}

.costCode2 {
	background-color: #5C447A;
	vertical-align: middle !important;
}

.costCode3 {
	background-color: #882F33;
	vertical-align: middle !important;
}
td.hrsLn {
	border-right: 1px solid #DDDDDD;
}
td.commentCell {
	/*border-right: 1px solid #DDDDDD;*/
	cursor: pointer;
	padding: 8px !important;
	height: 45px;
}
td.crewCell {
	padding: 8px !important;
	height: 45px;
	cursor: pointer;
}
td.code1BudgetCell {
	padding: 0 !important;
	cursor: pointer;
}
.crewCls, .commentCls, .crewCls1, .commentCls1 {
	
}
.codeBdCell, .timeTrackerCostCode, .percCls, .codeBdCell1, .percCls1, .hoursCls, .hoursCls1, .TaskDescTd1, .qtyccCls, .qtyccCls1 {
	padding: 11px 10px;
}

.totalAllocation {
    /*background-color: #f8bdc3;*/
    color: #ff0000;
}
.cellCenter {
	text-align: center;
}
input[name=txtPercentage] {
	width: 50px;
}

.costCodeListCls {
	width: 64px;
}

/*.bg-success {
	margin-bottom: 15px;
}*/
input[name=txtCrew] {
	width: 100px;
}
.joblistbox{
	font-size: 16px;
	font-weight: bold;
}

input[name=txtAdjustmentQty] {
	width: 50px;
}


/*******************************/
.bg-yellow {
    background: #FDC200 !important;
    border: 0px !important;
    color: #000000;
}

.bg-blue1 {
    background: #548BD5 !important;
    border: 0px !important;
    color: #000000;
}
.bg-qpc {
    background: #97BB63 !important;
    border: 0px !important;
    color: #000000;
}

.budgetBox {
	padding-bottom: 0px;
	color: #121212;
}

.budgetBox h2 {
	margin-left: 5px;
	/*font-size: 20px;*/
	font-size: 16px;
	padding: 15px 5px;
}
.budgetBox h2 img {
	margin-left: 5px;
    margin-right: 5px;
}

.budgetBox p {
	background-color: #4bb6a0;
    color: #000000;
    font-size: 20px;
    margin: 0;
    padding: 5px;
    text-align: center;
    font-weight: bold;
}
.budLstbox {
	color: #292929;
}
.budLstbox p {
	font-size: 18px;
	font-weight: bold;
}

.pie_progress {
	width: 160px;
	margin: 10px auto;
}

@media all and (max-width: 768px) {
	.pie_progress {
		width: 80%;
		/*max-width: 300px;*/
		max-width: 200px;
	}
	
}

.inoutbox .groupbtnbox .btn {
	font: 600 16px/18px "Open Sans",sans-serif !important;
}
/*.progressbar-front-text{
	font-size: 15px;
    line-height: 40px;
    margin-left: 15px;
    position: absolute;
    text-align: left;
    width: 100% !important;
    z-index: 99999;
}
.progressbar-back-text {
	display: none;
}
.progress {
	height: 40px;
	line-height: 40px;
	border-radius: 0px;
}*/
.progress {
    position: relative;
    border-radius: 0;
    margin-bottom: 18px;
    height: 40px;
}
.progress .progressbar-back-text {
    color: #000000;
    font-size: 14px;
    height: 100%;
    line-height: 40px;
    position: absolute;
    text-align: left;
    width: 100%;
    z-index: 999999;
    margin-left: 15px;
}
.progress .progress-bar {
    position: absolute;
    overflow: hidden;
    line-height: 40px;
}
.progress .progressbar-front-text {
    display: none;
    width: 100%;
    font-size: 16px;
    line-height: 40px;
    text-align: left;
}

.tile-stats {
    position: relative;
    display: block;
    margin-bottom: 12px;
    border: 1px solid #E4E4E4;
    -webkit-border-radius: 5px;
    overflow: hidden;
    /*padding-bottom: 5px;*/
    -webkit-background-clip: padding-box;
    -moz-border-radius: 5px;
    -moz-background-clip: padding;
    border-radius: 5px;
    background-clip: padding-box;
    background: #FFF;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

/* input[name=txtMoveDate] {
	width: 100px;
}
 */
td.tdmovedate{
	padding: 0px !important;
}
.movedateCls, .moveDateHtml {
	padding: 11px 0px;
}
.movedateCls1 {
	padding: 11px 0px;
}

.timeshettTotal {
	font-weight: bold;
	border-top: 1px solid !important;
	border-bottom: 1px solid;
}

.bbottom {
	border-bottom-color: #ddd !important;
}

.tclightgray {
	color:#a9a7a7 !important;
}

.tcblack {
	color:#000 !important;
}

.scanTotal {
    border-bottom: 1px solid;
    border-top: 1px solid !important;
    font-size: 16px;
    font-weight: bold;
}

.movedateCls1 {
	padding: 11px 0px;
}

.highlightBoxCC {
    background-color: #8bf77f;
    border-color: #8bf77f;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(126, 239, 104, 0.6);
    font-size: 14px;
    font-weight: bold;
}
.gryClr {
	background-color: #c8c8c8;
	color: #101010;
}
.gryClr_ts {
	background-color: #d3d3d3;
}


/*h4.section-title::before, h4.section-title::after {
    content: url("../images/line.png");
    line-height: 10px;
    margin: 14px;
    vertical-align: text-bottom;
}*/
.adjustmentQty, .adjustmentQty1 {
    font-size: 32px;
    font-weight: bold;
    cursor: pointer;
}
.adjustmentQty1 {
	cursor: inherit;
}
.totalQty {
    font-size: 20px;
    font-weight: bold;
}
h4.section-title {
    border-bottom: 1px solid #c4c4c4;
    padding-bottom: 10px;
}
.qtyTd {
	border-top: 0px none !important;
	vertical-align: bottom !important;
	border-bottom: 1px solid #c4c4c4;
	width: 50%;
}

/*************************/

.fullwidthbtn {
    /*background: #e6ebd9 none repeat scroll 0 0;
    box-shadow: 2px 2px 2px 2px #afafaf;*/
	   background: url(../images/bluebutton.png) no-repeat left top;
	color: #fff;
	background-size: 100% 100%;
    
}
.greenfullwidthbtn {
	background: url(../images/green-button.png) no-repeat left top;
	color: #000000;
	background-size: 100% 100%;
    
}
.redfullwidthbtn {
    /*background: #e6ebd9 none repeat scroll 0 0;
    box-shadow: 2px 2px 2px 2px #afafaf;*/
	   background: url(../images/redbutton.png) no-repeat left top;
	color: #fff;
	background-size: 100% 100%;
    
}
.grayfullwidthbtn {
	background: url(../images/graybutton.png) no-repeat left top;
	color: #fff;
	background-size: 100% 100%;
	cursor: default;
    
}
.grayfullwidthbtn:hover, .grayfullwidthbtn:focus{
	background: url(../images/graybutton.png) no-repeat left top;
	color: #FFFFFF;
	background-size: 100% 100%;
	outline: none;
}
.greenfullwidthbtn:hover, .greenfullwidthbtn:focus{
	background: url(../images/green-button.png) no-repeat left top;
	color: #000000;
	background-size: 100% 100%;
	outline: none;
}
.fullwidthbtn:hover, .fullwidthbtn:focus{
	 background: url(../images/bluebutton.png) no-repeat left top;
	color: #fff;
	background-size: 100% 100%;
	outline: none;
}
.redfullwidthbtn:hover, .redfullwidthbtn:focus{
	 background: url(../images/redbutton.png) no-repeat left top;
	color: #fff;
	background-size: 100% 100%;
	outline: none;
}
.tile-stats-alerts {
    /*background: #e6ebd9 none repeat scroll 0 0;
    box-shadow: 2px 2px 2px 2px #afafaf;*/
    background: url(../images/bluebutton.png) no-repeat left top;
	background-size: 100% 100%;
	border: 4px solid #fff;
    display: block;
    overflow: hidden;
    padding-bottom: 5px;
    position: relative;
    transition: all 300ms ease-in-out 0s;
}
.smallbtn{  display: block; clear: both;overflow: hidden; padding: 15px 10px; font-size: 14px; line-height: 16px;    
    top: 0px; border: 4px solid #fff; margin: 4px;}
.onelinesmallbtn{ display: block; clear: both;overflow: hidden;  padding: 16px 10px; font-size: 14px; line-height: 16px;  border: 4px solid #fff; margin: 4px;}

.minibluebtn{ display: block; clear: both;overflow: hidden;  padding: 11px 1px; font-size: 15px; line-height: 13px;  border: 4px solid #fff; /*margin: 4px;*/ }

.centerbtnpart{ text-align: center; display: block;
    clear: both;
    overflow: hidden;}

.tile-stats-alerts .count, .tile-stats-alerts h3, .tile-stats-alerts p {
    padding: 0;
    position: relative;
    z-index: 5;
}
.tile-stats-alerts .count {
    font-size: 25px;
    font-weight: bold;
    line-height: 1.65857;
    text-align: center;
	color: #fff;
}

.tile-stats-alerts h3 {
    font-size: 14px !important;
    font-weight: 400;
	color: #fff;
    height: 24px;
    border-bottom: 0 none !important;
    padding: 10px 0 0 !important;
}
.tile-stats-alerts p {
    font-size: 12px;
    margin-top: 5px;
}
.tile-stats-alerts .count, .tile-stats-alerts h3, .tile-stats-alerts p {
    padding: 0;
    position: relative;
    z-index: 5;
    text-align: center;
}
.titleBar {
	background-color: #EDEDED;
	padding: 8px;
}
.titles {
	background-color: #405467;
	color: #FFFFFF;
}
.tdPadding {
	padding: 8px;
}
.conditions {
	border: 1px solid #dddddd;
    height: 35px;
    width: 20%;
}
.redAlerts {
	background-color: #FF0000 !important;
	color: #FFFFFF !important;
}
.yellowAlerts {
	background-color: #FFC000 !important;
	color: #000000 !important;
}
.greenAlerts {
	background-color: #00AF5A !important;
	color: #000000 !important;
}
.redfnt {
	color: #FF0000;
}
.notificationCls {
	border: 1px solid #dddddd;
	padding: 5px;
	margin-bottom: 5px;
}
.notificationCls h2.title{
	font-size: 20px;
	padding: 5px;
}
.notificationCls .list{
	margin-top: 5px;
	height: 300px;
	overflow-y: auto;
}
ul.to_do {
    padding: 0;
}
ul.to_do li {
    background: #f3f3f3 none repeat scroll 0 0;
    border-radius: 3px;
    list-style: outside none none;
    margin-bottom: 5px;
    padding: 7px;
    position: relative;
}
ul.to_do label {
    margin: 0;
    font-weight: normal;
    width: 100%;
}

ul.to_do label .chk {
	float: left;
}
ul.to_do label div.msg {
	margin-left: 18px;
}
ul.to_do label span.dt {
	float: right;
	font-style: italic;
}

td.budgetDataCell {
	padding: 0 !important;
	cursor: pointer;
}
td.payrollHoursTd, td.payrollPercTd, td.jobNoTd, td.jobNameTd, td.CostCodingTd, td.CostCodingDescTd, td.addJobNoTd, td.addJobNameTd, td.addStHoursTempTd, td.addOtHoursTempTd, td.TaskDescTd {
	padding: 0 !important;
	cursor: pointer;
}
/*.budgetDescCls, .bdIdDescCls,.budgetCls, .bdIdCls,  .qtyTrkCls, */
.payrollHrsCls, .payrollPercCls, .payrolljobnoCls, .payrolljobnameCls, .payrollCostCodingCls, .payrollCostCodingDescCls, .payrollStHrsCls, .payrollOtHrsCls, .payrolladdjobnoCls, .payrollTempStHoursCls, .payrollTempOtHrsCls, .payrolladdjobnameCls, .mpLookAheadBudgetCls, .mpLookAheadBudgetDescCls {
	padding: 11px 10px;	
}

.mpLookAheadTaskDescCls { padding: 11px 10px; }

.budgetTrkListHtml, .budgetTrkDescHtml {
	width: 280px;
	/*padding: 10px;*/
	margin-top: 3px;
}
.payrollHoursBox {
	margin-top: 1px;
	width: 180px;
}
.payrollPercBox {
	margin-top: 3px;
	width: 180px;
}

/*.budgetlistbox, .budgetDesclistbox, .qtyTrackerTxtBox {*/
.qtyTrackerTxtBox {
	width: 280px;
	/*padding: 10px;*/
	margin-top: 3px;
}
.epcTxtBox {
	width: 200px;
	margin-top: 3px;
}
.qtinstds {
	width: 300px;
}
.brdRqp {
	border-top: 1px solid #000000 !important;
	border-bottom: 1px solid #000000;
}
.clsClr {
	padding: 0px !important;
}
.dsEmpHd {
	background-color: rgb(255, 192, 0);
	color: rgb(41, 78, 111);
	border-bottom: 0 none !important;
}
.redFnt {
	color: #db1139;
}
.textClr {
	color: #000000;
	font-size: 15px; 
}
.numClr {
	color: #000000;
	font-size: 15px;
	font-weight: bold;
}
.headTh {
	border-top: 0px;
	background-color: #EDEDED;
	text-align: left;
	color: #000000;
}
.btnClsEPC {
	border-right: solid 1px #294f6f;
	background-image: -webkit-linear-gradient(bottom, #86a6c4, #e0e5e9);
	background-image: -moz-linear-gradient(bottom, #86a6c4, #e0e5e9);
	background-image: -o-linear-gradient(bottom, #86a6c4, #e0e5e9);
	background-image: -ms-linear-gradient(bottom, #86a6c4, #e0e5e9);
	background-image: linear-gradient(to top, #86a6c4, #e0e5e9);
    -moz-user-select: none;
    border: 0px;
    border-radius: 8px;
    cursor: pointer;
    display: inline-block;
    font-size: 10px;
    margin-bottom: 0;
    padding: 4px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

/*******************************************/
.barChart {
    float: left; 
    height: 100%; 
    /*padding-left: 5px;*/
   	text-align: left;
}
.barRPC {
    /*background-color: #fec943;*/
    border-right: solid 1px #8c4810;
	background-image: -webkit-linear-gradient(bottom, #fec414, #f1ecdc);
	background-image: -moz-linear-gradient(bottom, #fec414, #f1ecdc);
	background-image: -o-linear-gradient(bottom, #fec414, #f1ecdc);
	background-image: -ms-linear-gradient(bottom, #fec414, #f1ecdc);
	background-image: linear-gradient(to top, #fec414, #f1ecdc);
}
.barEPC {
    /*background-color: #5888b0;*/
    border-right: solid 1px #294f6f;
	background-image: -webkit-linear-gradient(bottom, #4b7eac, #e0e5e9);
	background-image: -moz-linear-gradient(bottom, #4b7eac, #e0e5e9);
	background-image: -o-linear-gradient(bottom, #4b7eac, #e0e5e9);
	background-image: -ms-linear-gradient(bottom, #4b7eac, #e0e5e9);
	background-image: linear-gradient(to top, #4b7eac, #e0e5e9);
}
.barQPC {
    /*background-color: #00bd79;*/
    border-right: solid 1px #008000;
	background-image: -webkit-linear-gradient(bottom, #14b55d, #dbebe2);
	background-image: -moz-linear-gradient(bottom, #14b55d, #dbebe2);
	background-image: -o-linear-gradient(bottom, #14b55d, #dbebe2);
	background-image: -ms-linear-gradient(bottom, #14b55d, #dbebe2);
	background-image: linear-gradient(to top, #14b55d, #dbebe2);
}
.barchtRPC {
    border: 2px solid #8c4810;
}

.barchtEPC {
    border: 2px solid #294f6f;
}

.barchtQPC {
    border: 2px solid #008000;
}

.barcht {
	background-color: #e8e8e8;
    color: #000000;
    display: block;
    font-weight: bold;
    height: 23px;
    width: 100%;
    margin-bottom: 3px;
}
/*******************************************/

.cancelQty {
    background-color: #eee;
    border: 1px solid #ccc;
    padding: 7px 12px 8px 12px;
    border-radius: 0 4px 4px 0;
    line-height: 1;
    text-align: center;
    border-left: 0 none;
    cursor: pointer;
    font-weight: bold;
}

/* Budget Grid styles
--------------------------*/

.bgrid { border: 1px solid #ddd; padding: 15px; }
.bgrid > ul { list-style-type: none; }
.bgrid > ul li { border: 1px solid #ddd; border-top: 0; padding: 10px; }
.bgrid-title { padding: 10px; background-color: #f5f5f5; border-radius: 5px 5px 0 0; border: 1px solid #ddd; }
.bgrid-title h5 { font-size: 16px; line-height: 30px; font-weight: 700; }
/*.bgrid-action { float: right; }*/

.brow { clear: both; overflow: hidden; }
.budget-title { margin-right: 110px; font-size: 14px; font-weight: bold; }
.budget-id { float: left; max-width: 60px; height: 40px; padding-right: 10px; }
.budget-desc { height: 40px; overflow: hidden; position: relative; text-align: justify; margin-right: -1em; padding-right: 1em; }
.budget-desc:before { content: '...'; position: absolute; right: 0; bottom: 0; }
.budget-desc:after { content: ''; position: absolute; right: 0; width: 1em; height: 40px; margin-top: 0.2em; background: white; }
.budget-conditions { float: right; }
.budget-conditions span { background-color: #ffffff; color: #444; width: 20px; height: 30px; float: left; text-align: center; /*margin-right: 1px;*/ padding-top: 5px; border: 1px solid #dddddd; }
.budget-select { width: 50px; text-align: center; float: right; margin-top: 15px; }
.budget-select div { width: 50px; padding: 23px 0; margin-bottom: 0; margin-top: 5px; background-color: #fff; }
.budget-select div:hover { background-color: #f7f7f7; }
.budget-chart { margin-right: 60px; margin-top: 15px; }

.wcards-wrap { padding: 15px 0; }
.wcards { margin-left: 0px; }
.reset-btn { width: 30px; float: left; margin-top: 5px; margin-left: 5px; }
/* .reset-btn .btn { font-size: 12px; line-height: 1.2; } */
.reset-btn .btn { font-size: 12px; line-height: 1.2; background:url(../images/blue-vertical-btn.png) no-repeat left top; background-size:100% 100%; border: 0px; }

.barcht { position: relative; }
.barChart span.lbl { padding-left: 5px; padding-right: 80px; position: absolute; display: block; vertical-align: middle; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.barChart span.percent { padding-left: 5px; padding-right: 5px; position: absolute; right: 0; display: inline-block; vertical-align: middle; }


.labelwithvalue{ display: block; clear: both; padding: 0px 12px;}
.labelpart{ display: block; font-size: 16px; line-height: 30px; padding-top: 3px; font-weight: 700; text-align: left;}
.valuepart{  display: block; font-size: 33px; line-height: 36px; font-weight: 700;}
.labelwithvalue .clearfix{ padding-top:0px; padding-bottom: 10px;}
.logoicon{ float: left; margin-left: 10px; margin-right: 15px; margin-top: 0px;}
/* Extra */
/*.barchtRPC, .barchtEPC, .barchtQPC { border: 2px solid #ddd; }
.barcht .barChart { border-width: 2px; border-style: solid; height: 23px; margin: -2px; }
.barRPC { border-color: #8c4810; }*/

.statusbox{ margin-top: 20px; margin-bottom: 15px;}
.statusbox table {font-size: 14px;}
.statusbox table td{ padding: 5px 6px;}
.statusbox table td .morelink{text-decoration: none; color: #200af3; font-size: 14px; font-weight: 600;}
.statustitle {
  position: relative;
  text-align: center;
	margin-bottom: 15px;
}

.statustitle span {
  background: #fff;
  padding: 0 15px;
  position: relative;
  z-index: 1;
}

.statustitle:before {
  background: #ddd;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
    top: 50%;
  width: 100%;
}
.statustitle:before {
  left: 0;
}



@media (min-width:400px){
		.flipInY{ width: 50%; float: left;}
		.flipInY1{ width: 100%; float: left;}
		.smallbtn{ width: 115px; display: inline-block; padding: 8px 10px; font-size: 14px; line-height: 16px;     position: relative;
    border: 4px solid #fff; margin: 4px;}
.onelinesmallbtn{ width: 125px; display: inline-block; padding: 16px 10px; font-size: 14px; line-height: 16px;     position: relative;
    border: 4px solid #fff; margin: 4px;}
}
@media (min-width:480px){
	
	.bgrid-action { float: right; }	
}

@media (min-width:480px) and (max-width: 767px){
	
	.manpowerboardBox .control-label {vertical-align: top; padding-top: 5px;}
}
@media (min-width:640px){
.labelpart{ width: 160px; float: left; text-align: right;}
.valuepart{ margin-left: 185px; display: block; }
.flipInY, .flipInY1 { width: 33.33%; float: left;}

.centerbtnpart .flipInY{ width: 25%; display: inline-block;}
.mpBoardButtons.centerbtnpart .flipInY{ width: 33.333%;}
	
.smallbtn{ width: 115px; top: 12px;}
.onelinesmallbtn{ width: 127px; top: 12px;}
	
	
}
@media (min-width:768px){
.logoicon{ float: right; margin-right: 15px; margin-top: 0px;}
}
	
@media (min-width:992px){
	
	.bgrid > ul li { float: left; width: 50%; }
	.bgrid > ul li:nth-child(2n+2) { border-left: none; }
	.labelwithvalue{  padding: 0px 12px 0px;}
	.flipInY{ width: 16.40%; float: left;}
	.flipInY1{ float: left;}
	.centerbtnpart .flipInY{ width: 25%; float: left; display: inline-block;}
	.mpBoardButtons.centerbtnpart .flipInY{ width: 33.333%;}
	
	.payadmtxt {
	    left: 0px;
	    position: relative;
	}
}

@media (min-width:1200px){
	
	.bgrid > ul li { width: 33.33%; }
	.bgrid > ul li:nth-child(2n+2) { border-left: 1px solid #ddd; }
	.bgrid > ul li:nth-child(3n+2),
	.bgrid > ul li:nth-child(3n+3) { border-left: none; }
	.flipInY{ width: 160px; float: left;}
	.flipInY1{ float: left;}
	.logoicon{ float: right; margin-right: 15px; margin-top: -55px;}
	
	.centerbtnpart .flipInY{ width: 160px; float: none; display: inline-block;}
	.mpBoardButtons.centerbtnpart .flipInY{ width: 160px;}
	
	.smallbtn{   position: relative;
    top: -6px;}
.onelinesmallbtn{  position: relative;
    top: -6px;}
    
    .payadmtxt {
	    left: 50px;
	    position: relative;
	}
	
	
	
}

@media only screen and (-webkit-min-device-pixel-ratio: 1) {
     ::i-block-chrome, .onelinesmallbtn{ 
    top: -15px;}
}





/* End Budget Grid styles
--------------------------*/
.cursor {
	cursor: pointer !important;
}
.curson_notallowed {
	cursor: not-allowed !important;
}
.helptext {
	font-size: 10px;
}

.alertSelected {
	border: 4px solid #eded00;
    border-radius: 6px;
}
.pyHgCell {
	background-color: #ff0000;
    border-bottom: 1px solid #000000 !important;
    border-top: 1px solid #000000 !important;
    color: #ffffff;
}

.actJbs {
    display: inline-block;
    font-size: 50px;
    text-align: center;
    width: 32%;
}
.submitedCls {
    display: inline-block;
    font-size: 45px;
    position: relative;
    top: -4px;
    width: 32%;
}
.ststx {
    display: inline-block;
    font-size: 16px;
    position: relative;
    top: -12px;
    width: 20%;
}

.valign {
	vertical-align: middle !important;
}
.rightbrd {
	border-right: 1px solid #dadcdd !important;
}
.tile-stats-alerts > .text {
	color: #fff;
    font-size: 20px;
    font-weight: bold;
    line-height: 3.3;
    text-align: center;
}
.selectedmanpowercln {
	background-color: #B7DEE8;
	color: #000000;
}


.menuSearch {
	background-color: #9ba5ad;
	color: #000000;
}
.menuSearch::-webkit-input-placeholder {
	color: #000000 !important;
}
 
.menuSearch:-moz-placeholder { /* Firefox 18- */
	color: #000000 !important;  
}
 
.menuSearch::-moz-placeholder {  /* Firefox 19+ */
	color: #000000 !important;  
}
 
.menuSearch:-ms-input-placeholder {  
	color: #000000 !important;  
}
.help {
	font-size: 12px;
}

.manpowerloadingDate {
	background-color: #366092 !important;
	color: #ffffff;
}

.manpowerloadingPlanWorker {
	background-color: #C5D9F1 !important;
	color: #000000;
}

.manpowerloadingActualWorker {
	background-color: #EBF1DE !important;
	color: #000000;
}
.lookaheadBox {
    border: 1px solid #ddd;
    padding: 15px;
  /*  background-color: #f5f5f5;
    margin-bottom: 10px; */
}
.lookaheadBox.calendar { padding-left: 5px; padding-right: 5px; overflow-x: auto; }
.lookaheadBox-inner { max-width: 410px; margin-left: auto; margin-right: auto; }
.lookaheadBox .form-group { margin-left: 0; margin-right: 0; }
.lookaheadBox .control-label { width: 200px; display: inline-block; padding-right: 7px; }
.lookaheadBox .control-label.numeric { width: 115px; float: left; }
.lookaheadBox .control-input.numeric { margin-left: 120px; display: block; }
.lookaheadBox .form-group label { font-size: 16px; }
.lookaheadBox .form-group .form-control { font-size: 16px; }

.mpBox {
    border: 1px solid #ddd;
    padding: 15px;
    background-color: #f5f5f5;
  /*  margin-bottom: 10px; */
}
.mpBox-inner { max-width: 410px; margin-left: auto; margin-right: auto; }
.mpBox .form-group { margin-left: 0; margin-right: 0; }
.mpBox .control-label { width: 200px; display: inline-block; padding-right: 7px; }
.mpBox .control-label.numeric { width: 115px; float: left; }
.mpBox .control-input.numeric { margin-left: 120px; text-align: right; display: block; }

.manpowerboardBox {
    border: 1px solid #ddd;
    padding: 15px;
}
.manpowerboardBox.mpDate {
	padding: 5px;
}
#mpBoardJobList { max-height: 280px;  overflow: auto; }
.manpowerboardBox-inner { max-width: 470px; margin-left: auto; margin-right: auto; }
.manpowerboardBox .form-group { margin-left: 0; margin-right: 0; }
.manpowerboardBox .control-label { width: 200px; display: inline-block; padding-right: 7px; }
.manpowerboardBox .control-label.numeric { width: 115px; float: left; }
.manpowerboardBox .control-input.numeric { margin-left: 120px; text-align: right; display: block; }


@media (min-width: 480px){
	.mpBox .control-input { width: 200px; display: inline-block; }
	.mpBox .control-label.numeric { width: 190px; }
	.mpBox .control-input.numeric { width: auto; margin-left: 195px; display: block; }
	
	.lookaheadBox .control-label { width: 120px; }
	.lookaheadBox .control-input { width: 280px; display: inline-block; }
	.lookaheadBox .control-label.numeric { width: 120px; }
	.lookaheadBox .control-input.numeric { width: auto; margin-left: 125px; display: block; }

	.manpowerboardBox .control-input { width: 200px; display: inline-block; }
	.manpowerboardBox .control-label.numeric { width: 190px; }
	.manpowerboardBox .control-input.numeric { width: auto; margin-left: 195px; display: block; }
	
	.manpowerboardBox .control-input { width: 200px; display: inline-block; }
	.manpowerboardBox .control-label.numeric { width: 190px; }
	.manpowerboardBox .control-input.numeric { width: auto; margin-left: 195px; display: block; }
}


@media (min-width: 640px){
	.showhistory { padding-left: 0; }
	.manpowerboardBox.mpDate {
		padding: 15px;
	}	
}

@media (min-width: 768px){
	.mpBox { height: 350px; margin-bottom: 15px; }
	.open .mpBox { height: 470px; }
	.mpBox.boxgraph { height: auto; }
	/* .mpBox.first .mpBox-inner { max-width: 313px; } */
	.mpBox .control-label { width: 33%; float: left; }
	.mpBox .control-input { margin-left: 35%; display: block; width: 65%; }
	.mpBox .control-label.numeric { width: 48%; }
	.mpBox .control-input.numeric { margin-left: 50%; }
	
	.lookaheadBox { height: 375px; margin-bottom: 15px; }
	.lookaheadBox-inner { max-width: 315px; }
	.lookaheadBox.calendar { height: 350px; }
	.open .lookaheadBox { height: 380px; }
	.open .lookaheadBox.calendar { height: 380px; }
	.lookaheadBox.boxgraph { height: auto; }
	/* .mpBox.first .mpBox-inner { max-width: 313px; } */
	.lookaheadBox .control-label { width: 51%; float: left; }
	.lookaheadBox .control-input { margin-left: 52%; display: block; width: 49%; }
	.lookaheadBox .control-label.numeric { width: 58%; }
	.lookaheadBox .control-input.numeric { margin-left: 60%; }
	
	.lookaheadcrewroaster .lookaheadBox { height:80px;}
	

	.open .lookaheadcrewroaster .lookaheadBox { height:380px;}
	
	
	/*.lookaheadBox .form-group label { width: 51%;}*/

	.manpowerboardBox { height: 325px; margin-bottom: 15px; }
	.open .manpowerboardBox { height: 330px; }
	.manpowerboardBox.boxgraph { height: auto; }
	.manpowerboardBox .control-label { width: 38%; float: left; }
	.manpowerboardBox .control-input { margin-left: 40%; display: block; width: 58%; }
	.manpowerboardBox .control-label.numeric { width: 48%; }
	.manpowerboardBox .control-input.numeric { margin-left: 50%; }
	
	#mpBoardJobList { max-height: 290px;  }
	
	.landing-left {text-align: left;}
	.landing-center ul li, .landing-right ul li { text-align: left; width: 100%}
}

@media (min-width: 960px){
	.mpBox { height: 290px; margin-bottom: 15px; }
	.open .mpBox { height: 320px; }
	.mpBox.boxgraph { height: auto; }
	
	/*.lookaheadBox.calendar { height: 290px; }
	.open .lookaheadBox { height: 320px; }
	.lookaheadBox.boxgraph { height: auto; }*/

	.manpowerboardBox { height: 325px; margin-bottom: 15px; }
	.open .manpowerboardBox { height: 320px; }
	.manpowerboardBox.boxgraph { height: auto; }
}

@media (min-width: 992px){
	.mpBox { height: 375px; }
	.mpBox.boxgraph { height: 375px; }
	.open .mpBox { height: 375px; }
	/* .mpBox .control-label { width: 46%; }
	.mpBox .control-input { width: 52%; } */
	.mpBox .control-label.numeric { width: 60%; display: inline-block; }
	.mpBox .control-input.numeric { width: 38%; display: inline-block; margin-left: 0; }
	
	.lookaheadBox { height: 375px; }
	.lookaheadBox.calendar { height: 375px; }
	.open .lookaheadBox { height: 380px; }
	.open .lookaheadBox.calendar { height: 380px; }
	
	.lookaheadBox .control-label { width: 170px; }
	.lookaheadBox .control-input { width: auto; margin-left: 175px; }
	.lookaheadBox .control-label.numeric { width: 60%; display: inline-block; }
	.lookaheadBox .control-input.numeric { width: 38%; display: inline-block; margin-left: 0; }
	
	.lookaheadcrewroaster .lookaheadBox { height:375px;}
	.open .lookaheadcrewroaster .lookaheadBox { height:380px;}

	.manpowerboardBox { height: 325px; }
	.manpowerboardBox.boxgraph { height: 375px; }
	.open .manpowerboardBox { height: 345px; }
	.manpowerboardBox .control-label.numeric { width: 60%; display: inline-block; }
	.manpowerboardBox .control-input.numeric { width: 38%; display: inline-block; margin-left: 0; }
	
	.instruction { width: 90%;}	
	.landing-right img { display: inline-block;}
	
	.messages {}
	
	.midpart{ min-height: auto !important;}

}

@media (min-width: 1200px){
	.lookaheadBox { height: 315px; }
	.lookaheadBox.boxgraph { height: 315px; }
	.open .lookaheadBox { height: 310px; }
	
	.lookaheadBox { height: 365px; }
	.lookaheadBox.calendar { height: 365px; }
	.open .lookaheadBox { height: 370px; }
	.open .lookaheadBox.calendar { height: 370px; }

	.mpBox { height: 315px; }
	.mpBox.boxgraph { height: 315px; }
	.open .mpBox { height: 310px; }
	
	.lookaheadcrewroaster .lookaheadBox { height:365px;}
	.open .lookaheadcrewroaster .lookaheadBox { height:370px;}
	
	.manpowerboardBox { height: 345px; }
	.manpowerboardBox.boxgraph { height: 315px; }
	.open .manpowerboardBox { height: 345px; }
	#mpBoardJobList { max-height: 300px; }
	.manpowerboardBox.jobList {padding: 15px 3px;}
	.manpowerboardBox.jobList .table-condensed>tbody>tr>td { padding:0px!important;}
	
	.manpowerboardBox .control-label { width: 47%; }
	.manpowerboardBox .control-input { margin-left: 49%; width: 49%; }
	
	.instruction { width: 100%;}
	
	.messages {}
	
	
}
@media (min-width: 1440px){
	.mpBox-inner { max-width: 405px; }
	.mpBox .control-label { width: 200px; }
	.mpBox .control-input { width: 200px; }
	.mpBox .control-label.numeric { width: 190px; }
	.mpBox .control-input.numeric { width: 200px; }
	
	.open .mpBox-inner { max-width: 330px; }
	.open .mpBox .control-label { width: 160px; }
	.open .mpBox .control-input { width: 160px; }
	.open .mpBox .control-label.numeric { width: 180px; }
	.open .mpBox .control-input.numeric { width: 140px; }
	
	.mpBox.first .mpBox-inner { max-width: 405px; }
	.mpBox.first .control-label { width: 135px; }
	.mpBox.first .control-input { width: 260px; }
	
	.open .mpBox.first .control-label { width: 115px; }
	.open .mpBox.first .control-input { width: 205px; }
	
	.lookaheadBox-inner { max-width: 405px; }
	.lookaheadBox .control-label { width: 200px; }
	.lookaheadBox .control-input { width: 200px; }
	.lookaheadBox .control-label.numeric { width: 190px; }
	.lookaheadBox .control-input.numeric { width: 130px; }
	
	.open .lookaheadBox-inner { max-width: 330px; }
	.open .lookaheadBox .control-label { width: 160px; }
	.open .lookaheadBox .control-input { width: 160px; }
	.open .lookaheadBox .control-label.numeric { width: 180px; }
	.open .lookaheadBox .control-input.numeric { width: 140px; }
	
	.lookaheadBox.first .lookaheadBox-inner { max-width: 455px; }
	.lookaheadBox.first .control-label { width: 170px; }
	.lookaheadBox.first .control-input { width: 250px; margin-left: 180px; }
	
	.open .lookaheadBox.first .control-label { width: 115px; }
	.open .lookaheadBox.first .control-input { width: 205px; }

	.manpowerboardBox-inner { max-width: 405px; }
	.manpowerboardBox .control-label { width: 200px; }
	.manpowerboardBox .control-input { width: 200px; }
	.manpowerboardBox .control-label.numeric { width: 190px; }
	.manpowerboardBox .control-input.numeric { width: 200px; }
	
	.open .manpowerboardBox-inner { max-width: 330px; }
	.open .manpowerboardBox .control-label { width: 160px; }
	.open .manpowerboardBox .control-input { width: 160px; }
	.open .manpowerboardBox .control-label.numeric { width: 180px; }
	.open .manpowerboardBox .control-input.numeric { width: 140px; }
	
	.manpowerboardBox.first .manpowerboardBox-inner { max-width: 464px; }
	/*.manpowerboardBox.first .control-label { width: 177px; }*/
	/*.manpowerboardBox.first .control-input { width: 265px; }*/
	
	.open .manpowerboardBox.first .control-label { width: 115px; }
	.open .manpowerboardBox.first .control-input { width: 205px; }
	
	.manpowerboardBox { height: 325px; }
	
	.manpowerboardBox .control-label { width: 42%; }
	.manpowerboardBox .control-input { margin-left: 42%; width: 60%; }
	
	.messages {}
}

.lesspad { margin-left: -7px; margin-right: -7px; }
.lesspad [class*=col-] { padding-left: 7px; padding-right: 7px; }
.mpSatSunCls {
	background-color: rgb(127,127,127) !important;
}
.satBrdCls {
	border-top: 1pt solid rgb(191,191,191) !important;
}
.sunBrdCls {
	border-bottom: 1pt solid rgb(191,191,191) !important;
}
.mptr td {
    font-size: 14px;
}
.mpSetMenWorkers {
	background-color: #FFFFFF;
	color: #000;
	text-align: right;
	vertical-align: middle !important;
	font-weight: bold;
	font-size: 12px;
}
.mpQuarter {
	font-size: 16px;
	border-top: 0px !important;
	font-weight: bold;	
}

.mpLookAheadSatSunCls {
	background-color: rgb(193,214,190) !important;
}
.mpLookAheadDtCls
{
	margin-top: 8px;
	font-size:16px;
}
.mpTodaysDateTxt {
	font-size: 18px;
}

.rightbtnpart {
	text-align: right; 
	display: block;
    clear: both;
    overflow: hidden;
}

#calendar.mpBoardCalendar { padding-left: 5px; padding-right: 5px; overflow-x: auto; }
.narrowPad { padding-right: 5px; padding-left: 5px; }

.task-desc { width: 300px; }
.cost-code { width: 80px; }
.first-cell { width: 120px; }
.second-cell { width: 180px; }
.costcodewrap { position: relative; }
.add-costcode { width: 100%; height: 38px; position: absolute; display: block; left: 0; top: 0; cursor: pointer; }
.mpLookAheadBudgetCls { height: 38px; }

table.open .task-desc { width: 530px; }
table.open .cost-code { width: 80px; }
table.open .first-cell { width: 235px; }
table.open .second-cell {  width: 295px; }

table.openCC .cost-code { width: 280px; }
table.openCC .first-cell { width: 220px; }
table.openCC .second-cell {  width: 280px; }

.add-costcode.addrow { width: 210px; }
.mpLookAheadTaskDescCls { width: 100%; overflow: hidden; white-space: nowrap; display: block; text-overflow: ellipsis;height: 50px; }
.mpLookAheadTaskDescCls1 { width: 100%; overflow: hidden; white-space: nowrap; display: block; text-overflow: ellipsis;height: 50px; }

.breakword {
	word-break:break-all;
}

.lookAheadFnt {
    font-size: 15px;
}
.mpLookAheadSatSunCls input {
	background-color: rgb(193, 214, 190);
	border: 1px solid #fff !important;
}
.taskDescBtn {
    border-radius: 0 !important;
    margin-bottom: 5px !important;
    margin-left: 5px !important;
    width: 90px;
}
.redfullwidthbtn.empDel {
	line-height: 1.4;
    padding: 5px;
    width: 115px;
}
.mpl {
	background-color: #ffffff;
}
.fullwidthbtn.empDel {
	line-height: 1.4;
    padding: 5px;
    width: 115px;
}
.payadmtxt {
	color: #163fcf;
}
/*.reimburseCls .frmCostCode {
	width: 80px;
}*/
input[name=txtReimburse] {
	width: 80px;
}

.gryclr {
	/*background-color: #d3d3d3;*/
	border: 1px solid #d2dae6;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    padding: 5px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
.btnMpHide {
	margin: 0;
    top: 1px;
    width: 85px;
}
.lookaheadheight {
	margin-bottom:0px;
}

.mpLookAheadBudgetIdCls {
    height: 35px;
    vertical-align: middle;
}

.empscheduler thead tr th {
	background-color: rgb(55, 96, 145);
	color: #FFFFFF;
	font-family: Calibri;
	border-bottom: 0px !important;
}

.activeJobsTd {
	background-color: rgb(55, 96, 145);
	color: #FFFFFF !important;
	font-family: Calibri;
	border-bottom: 0px !important;
}

.empscheduler tbody tr td {
	font-family: Calibri;
	border: 1px solid rgb(215,215,215);
	color: rgb(50, 50, 50);
	padding: 5px;
}

.empscheduler .weekend {
	background-color: rgb(219,225,230) !important;
}

.btn-ok{
	color: #484848;
	background-color: #ffffff;
	border-color: #d2d2d2;
	border-radius:0px;
	box-shadow: 4px 4px 6px 0px rgba(0, 0, 0, 0.3); 
}
/*changes*/
.alertRedClass{background-color: red !important;color:#fff !important;}
.alertGreenClass{background-color: #8bf77f !important;}

.loaderClass{
	
}

/*
| Right Side Section Icons Css |
*/

/*ul.rightbtncontainer{
	padding: 0px;
	margin: 0px;
	width: 100%;  	
}
ul.rightbtncontainer li:first-child {
	list-style-type: none;
    float: left;
    width: 62%;
    text-align: center;
    margin-right: 10px;
}

ul.rightbtncontainer li{
	list-style-type: none;
    float: left;
    width: 9%;
    text-align: center;
}

ul.rightbtncontainer li select.my-control, 
ul.rightbtncontainer li .multiselect{
	min-height: 36px;
    border: 2px solid #d8d8d8 !important;
    border-radius: 5px;
}

ul.rightbtncontainer li input.my-icontrol{
	min-height: 36px;
    border: 2px solid #d8d8d8 !important;
    border-radius: 5px;
    padding: 10px!important;
}
ul.rightbtncontainer{
	float: right;
}
ul.rightbtncontainer li{
	border: 1px solid #d8d8d8;
	height: 38px;
	margin-left: 5px;
	border-radius: 5px;
	float: left;;
}
ul.rightbtncontainer li:first-child{
	margin-left: 0;
	margin-right: 0;
}
ul.rightbtncontainer li a img{
	max-width: 100%;
	width: 38px;
}

ul.rightbtncontainer li i.rightico{
	font-size: 22px;
    color: #000;
    padding: 5px;
    border-radius: 5px;
}

/*
* Search box / dropdown etc css
*/
/*ul.rightbtncontainer .dropdown-menu{
	right: 68px;
	left: auto!important;
}
ul.rightbtncontainer .open>.dropdown-menu{
	display: inline-grid;
}
ul.rightbtncontainer li ul.dropdown-menu li{
	width: 100%;
	text-align: left;
}*/

.btn-container_ul{
	text-align: right;
	float: right;
}
ul.rightbtncontainer{
	display: flex;
	width: 100%;
	align-items: center;
}
ul.rightbtncontainer label{
	margin-bottom: 0;
	margin-right: 10px;
}
ul.rightbtncontainer >li{
	display: inline-block;
	
	margin-right: 8px; 
	margin-bottom: 5px;
	position: relative;
}
ul.rightbtncontainer >li:last-child{
	margin-right: 0;
}

ul.rightbtncontainer> li> a,
ul.rightbtncontainer> li> button {
	
	color: rgba(0, 0, 0, 0.7) !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #d1d5db;
    height: 34px;
    width: 34px;
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
	top: 0;
}

ul.rightbtncontainer li .action-name{
	display: block;
	text-align: center;
    font-size: 11px;
	color: #212529;
}

ul.rightbtncontainer> li> a > img,
ul.rightbtncontainer> li> button > img {
	/* width: auto;
	/*height: 24px;*/
	/* height: 20px; */
	width: 20px;
    height: auto;
}

ul.rightbtncontainer> li> a > i,
ul.rightbtncontainer> li> button > i,
ul.rightbtncontainer> li >a>form > i {
	/* width: auto;
	vertical-align: middle;
	height: 20px; */
	font-size: 22px;
}
ul.rightbtncontainer> li> a>i.disabled,
ul.rightbtncontainer> li> button>i.disabled,
ul.rightbtncontainer> li >a>form > i.disabled {
    pointer-events: none;
    opacity: 0.6;
}


ul.rightbtncontainer li .form-horizontal{
	width: 180px;
}

ul.rightbtncontainer li .multiselect-native-select .btn-group .btn{
	border:0;
	padding: 4px 12px;
}
ul.rightbtncontainer li select{
	border:0;
	padding: 4px 12px;
	height: 28px;	
}
ul.rightbtncontainer li .multiselect-native-select .dropdown-menu .input-group .btn{
	border:1px solid #ccc;
	padding: 6px 12px;
}
ul.rightbtncontainer li .multiselect-container>li{
	display: block;
	border:0; 
}
ul.rightbtncontainer li .multiselect-container>li>a{
	padding: 0;
	height: auto;
	display: block;
}
ul.rightbtncontainer li .multiselect-container>li>a>label {
    padding: 5px 10px 5px 36px;
}

ul.rightbtncontainer li .dropdown-menu.download-menu{
	right: 0;
    left: auto;
}

ul.rightbtncontainer li .dropdown-menu.download-menu li {
	display: block;
	border:0px;
	margin: 0;
}

ul.rightbtncontainer li .dropdown-menu.download-menu li> a {
	display: block;
	padding: 6px 12px;
    border-top: 1px solid #ccc;
	font-weight: 400 !important;
    color: #373737;
	background-color: transparent;
}

ul.rightbtncontainer li .dropdown-menu.download-menu li> a.sr-page-link{
    color: #007bff !important;
    font-weight: 700 !important;
}

ul.rightbtncontainer .action-icon-chk label.form-check-label{
	margin-bottom: 0;
}

ul.rightbtncontainer li .dropdown-menu.download-menu li> label {
	padding: 6px 12px;
    font-size: 16px;
    margin-bottom: 0px;
}

ul.rightbtncontainer li label {
    padding: 5px 0px;
    margin-bottom: 0px;
}

ul.rightbtncontainer li .dropdown-menu{
	max-height: 230px;
    height: auto;
    overflow-y: auto;
}

.sr-page-link {
    color: #0056b3 !important;
    font-weight: 700 !important;
}

.table-toolbar {
    float: right;
    margin: 6px 6px 0 0;
}

.btn-cutom-light {
    font-size: 16px;
}

.href-link-tag {
    color: #337ab7 !important;
    font-weight: 700 !important;
}

.href-link-blue {
    color: #0000ff !important;
    font-weight: 700 !important;
}

.href-dis-tag {
    color: #a9a7a7 !important;
    font-weight: 700;
    cursor: initial;
}

@media screen and (max-width: 991.95px){
	ul.rightbtncontainer li .form-horizontal{
		width: 150px;
	}
}
@media screen and (max-width: 414.95px){
	.btn-container_ul{
		/*width: 100%;*/
	}
	ul.rightbtncontainer li:first-child{
		/*display: block;*/
	}
	ul.rightbtncontainer li .form-horizontal{
		width: 100%;
	}
}

.md_searchbar{
  position: relative;
}
.md_searchbar #search-box{
	position: absolute;
	top: -2px;
	right: 32px;
	z-index: 10;
}
.md_searchbar.collapsed #search-box #search-input{
	width: 0px;
	padding: 0;
	border:0;
}
.md_searchbar #search-box #search-input {
	height: 32px;
	border:2px solid #d8d8d8;
	border-radius: 5px;
	width: 180px;
	padding: 5px 10px;
}
/* ul.rightbtncontainer >> Responsive code start */
/*@media only screen and (max-width: 767px) {
	ul.rightbtncontainer li:first-child {
		width: 100%;
	}
	ul.rightbtncontainer li{
		width: 25%;	
		margin-top:10px;													
	}
	ul.rightbtncontainer li i.rightico{
		font-size: 36px;
		padding: 5px 7px;
	}
	ul.rightbtncontainer li a img{
		max-width: 100%;
		width: 52px;
		margin: -2px;
	}
}
@media only screen and (max-width: 1023px) and (min-width: 768px)  {
	ul.rightbtncontainer li:first-child {
		width: 32%;
	}
	ul.rightbtncontainer li{
		width: 14%;
		margin-left: 5px;
	}
	ul.rightbtncontainer li a img{
		max-width: 100%;
		width: 52px;
	}
	
}
@media only screen and (max-width: 1366px) and (min-width: 1024px)  {
	ul.rightbtncontainer li:first-child {
		width: 60%;
	}
}*/

.mb15{
	margin-bottom: 15px;
}

.md-topmenu .dropdown-menu{
	z-index: 999999!important;
}

#shareIdeasModal .modal-dialog, 
#reportBugsModal .modal-dialog {
    width: 962px;
    max-width: 100%;
}

.wrapper-cat-list{
	/*padding:30px 0 25px;*/
}
.wrapper-cat-list .cat-list {
	display: inline-block;
	font-size: 14px;
	/*font-size: 15px;*/
    font-weight: 600;
	/*padding: 0 18px;*/
	padding: 0 6px;
	border-right: 1px solid #dadada;
	line-height: 40px;
	margin-bottom: 10px;
}
.wrapper-cat-list .cat-list:first-child{
	/* padding-left: 0; */
	border-left: 1px solid #dadada;
}
.wrapper-cat-list .cat-list:last-child{
	/* padding-right:  0; */
	/* border-right: 0; */
}
.wrapper-cat-list .btRequest-li{
	/* padding-right:  0;
	border-right: 0; */
}

.wrapper-cat-list .cat-list > a {
	padding:5px 8px;
	color: #1d2e3f;
}
.wrapper-cat-list .cat-list > a > label{
	margin: 0;
	padding: 0;
	cursor: pointer;
}
.wrapper-cat-list-mp-page .cat-list {
	padding: 0px 6px;
}
.wrapper-cat-list .cat-list a.active {
	/* border-bottom: 5px solid #ffc000;
	border-radius: 4px; */
}
.pt-pay-stats-font {
    font-size: 20px;
    color: blue;
    font-weight: 500;
}
#cmbDepartment + .btn-group{
	width: 100%;
}
#cmbDepartment + .btn-group>.dropdown-toggle {
	width: 100%;
	text-align: left;
	overflow-x: hidden;
	margin-bottom: 0 !important;
}
#cmbDepartments + .btn-group{
	width: 100%;
}
#cmbDepartments + .btn-group>.dropdown-toggle {
	width: 100%;
	text-align: left;
	overflow-x: hidden;
}

@media screen and (max-width: 991.95px){
	.wrapper-cat-list{
		text-align: left;
		display: inline-block;
		width: 100%;
	}
	.wrapper-cat-list .cat-list {
	    padding: 0 13px;
	}
}

@media screen and (max-width: 767.95px){
	.wrapper-cat-list {
	    padding: 25px 0 15px;
	}
	.wrapper-cat-list .cat-list {
	    padding: 0 6px;
	    font-size: 14px;
	}
	.wrapper-cat-list .cat-list > a {
	    padding: 5px;
	}
	.wrapper-cat-list .cat-list:first-child{
		padding-left: 6px;
	}
}
@media (min-width: 960px){
	.wrapper-cat-list-mp-page .mpBox.boxgraph { height: auto; }
}
@media (min-width: 992px){
	.wrapper-cat-list-mp-page .mpBox.boxgraph { margin-top: -30px; }
}
@media (min-width: 1200px){
	.wrapper-cat-list-mp-page .mpBox.boxgraph { height: 250px; }
}
@media only screen and (max-width: 1500px) and (min-width: 1298px)  {
	.wrapper-cat-list-mp-page .wrapper-cat-list .cat-list > a{
		padding: 5px 2px;
	}
}
.topbardept span, .topbardept .btn-group, .topbardept .btn-group .multiselect
{
	width:90% !important; text-align: left;
}
.topbardept .multiselect-native-select{ margin-left: 24%; }
.multiselect
{
	text-align: left !important;
}

#cmbEmpDepartments  .btn-group{
	width: 100%;
}
#cmbEmpDepartments  .btn-group>.dropdown-toggle {
	width: 100%;
	text-align: left;
	overflow-x: hidden;
}
#cmbUserDepartments  .btn-group{
	width: 100%;
}
#cmbUserDepartments  .btn-group>.dropdown-toggle {
	width: 100%;
	text-align: left;
	overflow-x: hidden;
}
.dropdown-menu{width:300px;}
.multiselect-native-select {
	width: 65%;

}
.completeDiv {
    background: #acd7ac !important;
	color: #000 !important;
	font-weight: bold;
}
.menugrey{
	color: #a2a0a0 !important;
    text-decoration: none !important;
    border-bottom: 0px !important;
}

.top-notification-icon {
    width: 22px;
}

.col-pad-lt {
    padding-left: 30px !important;
}

.col-pad-rt {
    padding-right: 30px !important;
}

@media all and (max-width: 768px) {
	.top-notification-icon {
        width: 25px !important;
        margin-top: 10px;
    }

    .col-pad-rt {
        padding-left: 30px !important;
        padding-right: 15px !important;
    }
}
.pt-pid-text {
	white-space: pre-wrap;
}

.wp-chk-cc-switch {
    margin-top: 15px;
}

.new-row-added {
    background: #DFF0D8;
}

#notInsUpdTbl {
    margin-top: 25px !important;
}

.sec-sync-result {
    position: relative;
    overflow: auto;
    width: auto;
    height: 400px;
    border: 2px solid #000;
    padding: 5px;
}

.div-InsUpdRec h5,
.div-NotInsUpdRec h5 {
    font-size: 18px;
    font-weight: 700;
    color: #000;
}

.alert-emp-lc {
    margin-top: 5px;
    background: yellow;
    padding: 5px;
    border-radius: 5px;
    color: #000;
    font-weight: 500;
}

.alert-emp-lc a {
    color: #000 !important;
}

.no-record-found-msg {
    text-align: center;
    /* margin-bottom: 10px; */
    color: #000;
	opacity: 0.5;
    font-weight: 500;
	padding: 20px 0;
}


/* .masonry-card{
	display: inline-block;
	width: 100%;
}
@media (min-width: 1200px){
	.grid-masonry{
		columns: 2;
		column-gap: 24px;
		orphans: 1;
		widows: 1;
	}
} */

@media (min-width: 1200px){
	.grid-masonry{
		display: flex;
		flex-wrap: wrap;
	}
	.grid-masonry .col-lg-6 {
		max-width: 50%;
		width: 100%;
		display: flex;
	}
	.hp-box-featured{
		flex: 1;
	}
}

select {
	border-radius: 5px;
    border: 1px solid #d8d8d8;
    height: 34px !important;
	padding: 5px 12px;
	font-size: 14px;
}

.multiselect.btn .caret {
	position: absolute;
    right: 9px;
    top: 15px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
	width: 26px;
}

.dis-table-filter .d-left-filter,
.dis-table-filter .d-right-filter {
	display: inline-block;
	margin: 0 0 15px;
	font-weight: 500;
	cursor: pointer;
}

.dis-table-filter .active,
.dis-table-filter .active {
	text-decoration: underline;
}

.dis-table-filter .d-right-filter {
	float: right;
}

.full-screen {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 1050;
	overflow: none;
}

.floating-exit-btn {
	padding: 5px !important;
	position: fixed !important;
    top: 2px;
    right: 2%;
    z-index: 9999;
    width: 35px;
    height: 35px;
    border: none;
    border-radius: 50px !important;
    display: flex;
    cursor: pointer;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2) !important;
    transition: background 0.3s ease;
}

.tableFixHead-new {
	max-height: 100% !important;
}