@charset "utf-8";
/* CSS Document */

html { -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */}
body { margin: 0px; padding: 0px; color: #2a3f54; background: #f0f0f0; font-family: "Helvetica Neue",Roboto,Arial,"Droid Sans",sans-serif;  }
		
/*h1,h2,h3,h4,h5,h6,ul,ol,li,form,input,textarea,select { margin: 0; padding: 0; }*/
h1,h2,h3,h4,h5,h6,ul,li,form,input,textarea,select { margin: 0; padding: 0; }
header, nav, article, footer, address, section { display: block; }
p {	margin: 10px 0; }

a { text-decoration: none; outline: none !important; outline-color: transparent !important; }
a:link, a:hover { text-decoration: none; }


.mtp0 {margin-top:0px;}
.mtp5 {margin-top:5px;}
.mtp10 {margin-top:10px;}
.mtp15 {margin-top:15px;}
.mtp20 {margin-top:20px;}
.mtp25 {margin-top:25px;}
.mtp30 {margin-top:30px;}
.mtp35 {margin-top:35px;}
.mtp40 {margin-top:40px;}
.mtp45 {margin-top:45px;}

.mbp0 {margin-bottom:0px;}
.mbp5 {margin-bottom:5px;}
.mbp10 {margin-bottom:10px;}
.mbp15 {margin-bottom:15px;}
.mbp20 {margin-bottom:20px;}
.mbp25 {margin-bottom:25px;}
.mbp30 {margin-bottom:30px;}
.mbp35 {margin-bottom:35px;}
.mbp40 {margin-bottom:40px;}
.mbp45 {margin-bottom:45px;}

.ptp0 {padding-top:0px;}
.ptp5 {padding-top:5px;}
.ptp10 {padding-top:10px;}
.ptp15 {padding-top:15px;}
.ptp20 {padding-top:20px;}
.ptp25 {padding-top:25px;}
.ptp30 {padding-top:30px;}
.ptp35 {padding-top:35px;}
.ptp40 {padding-top:40px;}
.ptp45 {padding-top:45px;}

.pbp0 {padding-bottom:0px;}
.pbp5 {padding-bottom:5px;}
.pbp10 {padding-bottom:10px;}
.pbp15 {padding-bottom:15px;}
.pbp20 {padding-bottom:20px;}
.pbp25 {padding-bottom:25px;}
.pbp30 {padding-bottom:30px;}
.pbp35 {padding-bottom:35px;}
.pbp40 {padding-bottom:40px;}
.pbp45 {padding-bottom:45px;}

/**:focus { outline: none; }
*::-moz-focus-inner { border: 0; }*/

/*==================================
Common CSS
================================= */
#wrapper { }
.midpart{clear: both; padding: 8px 11px;}
.main-title{display: block; clear: both; overflow: hidden; }
.top-title-border{ padding-bottom:10px;	margin-bottom:15px; border-bottom:solid 1px #dcdcdc;}
.title-only{display: block; clear: both; overflow: hidden;}
.title-left-part{ font-family:'open_sanssemibold'; display:block; clear:both; font-size:22px; line-height:27px;
color:#2aa2e6; width: 100%; float: none; }
.title-right-part{ width: 100%;float: none; text-align: left; margin-top: 8px;}

.btnblue{ background-color:#2a3f54; border-radius: 3px; border: solid 1px #152331; color: #FFFFFF !important;
font-size: 15px; padding: 4px 10px 4px 10px; text-decoration: none; text-transform: uppercase; display: inline-block;}
.btnblue:hover { background-color: #23374a; color:#FFF;}
.btnblue:focus{ background:#1f3143;}

.btngray{ background-color:#8b8b8b; border-radius: 3px; border: solid 1px #656565; color: #FFFFFF !important;
font-size: 14px; padding: 4px 10px 4px 10px; text-decoration: none; text-transform: uppercase; display: inline-block;}
.btngray:hover { background-color: #767676; color:#FFF;}
.btngray:focus{ background:#6c6c6c;}

.compulsory{ color:#FF0000 !important; font-size:10px; }
ul.successmessage{ list-style: none; margin: 0px; padding: 4px;}
ul.successmessage li{padding: 2px 8px; color: #5c7f4e;}
ul.errormessage{ list-style: none; margin: 0px; padding: 4px;}
ul.errormessage li{padding: 2px 8px; color: #8a6565;}

.btntopspace{margin-top: 4px;}
.border-top{border-top: solid 1px #dedede;}
.blueclr{
	color: #2a3f54;
	font-size: 23px;
}

.mainheadtitle {
    font-size: 18px;
    left: 8px;
    margin: 0 auto;
    max-width: 90%;
    overflow: hidden;
    position: relative;
    right: 0;
    text-overflow: ellipsis;
    top: 10px;
    white-space: nowrap;
}

span.section {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 18px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}
.dataTables_filter {
	text-align: left;
}
.dataTables_paginate {
	float: left;
	text-align: left;
	width: 100%;
}

.form-control-feedback {
    display: block !important;
    height: 34px;
    line-height: 34px !important;
    pointer-events: none;
    position: absolute;
    right: 15px;
    text-align: center;
    top: 0;
    width: 34px;
    z-index: 2;
}
.frmDashboard,
.frmMpTraker,
.frmCrew,
.frmAdjustmentQty {
	min-width: 178px; 
    width: auto;
	display: inline-flex;
}
.frmCostCode {
	min-width: 180px; 
    width: auto;
    display: inline-flex;
}

.costCodeFrm {
	padding-top: 4px;
    width: 240px;
}
.costCodePercFrm {
	padding-top: 4px;
    width: 185px;
    margin-left: 10px;
}
.costCodeQtyFrm {
	padding-top: 4px;
    width: 215px;
    margin-left: 10px;
}
.costcodecel {
	padding: 11px 10px;
}
#noOfMenTxt > input, #noOfDaysTxt > input, #hoursPerDayTxt > input {
    background-color: #548bd5;
    border: 0 none;
    text-align: center;
    outline: none;
    width: 104px;
}

/*--List css---*/
.listmain{display: block; clear: both; overflow: hidden; border:1px solid #e6e9ed; background: #fff; margin-top: 20px;}
.listbox{display: block; clear: both; padding: 8px 15px; overflow: hidden; min-height: 177px;}
.listmain h3{  font-size: 16px; padding: 10px 15px; display: block; border-bottom: solid 1px #e6e9ed; }

.list01{list-style: none; margin: 0px; padding: 0px;}
.list01 li { width: 100%; float: none;}
.list01 li a{ display: block; padding: 10px 8px; color: #2a3f54; text-decoration: underline;background:url(../images/point.png) left top 12px no-repeat; padding-left: 22px; white-space: normal;}
.list01 li a:hover{ color: #1abb9c; }
.list01 li:hover a{ color: #1abb9c; }
.list01 li span{display: inline-block; padding: 10px 8px; color: #2a3f54; background:url(../images/point.png) left top 12px no-repeat; padding-left: 22px;}
/*--List css End---*/

/*--06-06-2016---*/
.stepsrow{ max-width: 179px; min-width: 139px;  /*background: url(../images/grayrow.jpg) repeat-x center center;*/ margin-top:6px;
padding-left: 0px; padding-right: 0px; display: inline-block; float: left; }
.step-green-active{width:52px; height:52px; float:left; background:url(../images/green-btn-large.png) no-repeat left top; background-size:52px 52px; position:relative; margin:-6px 7px 0 0;}
.step-green, .step-gray, .step-red{width:42px; height:42px; float:left;  position:relative; margin:0 7px 0 0;}
.step-green span, .step-gray span, .step-red span, .step-green-active span{position:absolute; text-align:center; top: 46%; transform: translateY(-46%);  -webkit-transform: translateY(-46%); -ms-transform: translateY(-46%); color:#000; font-size:20px !important; margin:0px !important; width:100%; text-align:center;}
.step-green{ background:url(../images/green-btn.png) no-repeat left top; background-size:42px 42px;  position:relative;}
.step-gray{ background:url(../images/gray-btn.png) no-repeat left top;background-size:42px 42px;  position:relative;}
.step-red{background:url(../images/red-btn.png) no-repeat left top; background-size:42px 42px; position:relative;}
/*.stepsrow a {border: solid 3px #404040; width: 35px; height: 35px; -webkit-border-radius: 30px; -moz-border-radius: 30px; text-align: center; border-radius: 30px; background-color: #d8d8d8; color: #000; font:bold 16px/28px Arial, Helvetica, sans-serif; }
.stepsrow a:hover, .stepsrow a.active {border: solid 3px #404040; width: 35px; background-color: #ffc000; }
.stepsrow .oneround{ display: inline-block; float: left; }
.stepsrow .tworound{ margin-right: 52px; margin-left: 52px;	display: block; }
.stepsrow .threeround{ float: right; }
*/.stepstext{display: inline-block; margin-top: 5px; margin-left: 9px; margin-top: 14px;}
/*--06-06-2016 End---*/

.maintitle h3.topspace img { float: left; }
.maintitle h3.topspace span { display: block; margin-left: 159px; margin-top: 6px;}

/*==================================
Header CSS
================================= */
header { background: #ededed; border-bottom: 1px solid #d9dee4; }
header { background:url(../images/black_bg.png) repeat left top\9;}
.header-right { float:none; text-align: left; clear:both; overflow:hidden; margin-top:0px; margin-right:0px; margin-bottom:10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background-color: #4ebdfc; -webkit-box-shadow: 0 0 5px rgba(12,118,178,.75), inset 0 0 1px #45b4f4; -moz-box-shadow: 0 0 5px rgba(12,118,178,.75), inset 0 0 1px #45b4f4; box-shadow: 0 0 5px rgba(12,118,178,.75), inset 0 0 1px #45b4f4;}

.logo-main{padding-top:5px; padding-bottom:0px; float:left; height: 68px;}
.logo-main img{float: left; width: 51px;}
.logo-main span{ font-size: 20px; color: #fff; font-weight: 400; font-family:  'open_sansregular'; display: block; margin-left: 10px;
    margin-top: 9px;}
.user-box{ float:none; padding-left:0px; padding-right:0px; margin-bottom: 0px;}
.user-box .dropdown-menu{margin-top: -6px; border-radius: 0px; font-size: 12px;}
.top-home{ float:right; text-align:center; vertical-align:middle; padding:9px 0; border-left:solid 1px #3ca7e4; width:41px; }
.user-photo{ float:left; text-align:center; vertical-align:middle; padding:7px 0; width:41px; }
.user-main{ text-align:left; margin:0px 124px 0px 0px;}
.user-name{ text-align:left; margin:3px 5px 3px 43px; color:#FFF; font-family: 'open_sanssemibold'; line-height:16px;}
.user-name span{ color:#093a56; display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.toprightnav{margin-bottom: 0px; list-style: none; margin: 0px; padding: 3px 15px; margin-bottom: 3px; text-align: right;}
.toprightnav > li > a{ padding-top: 8px; padding-left: 19px; padding-bottom: 4px; display: inline-block; color: #000; text-align: left; }
.toprightnav .dropdown-menu a{ padding: 7px 15px;}
.toprightnav .dropdown-menu i{margin-top: 3px;}
.toprightnav .dropdown-toggle span.name{max-width: 149px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; margin-right: 3px;float: left;}
.toprightnav .dropdown-toggle span.welcome{display: inline-block; float: left; margin-right: 4px;}
.toprightnav .dropdown-toggle span.fa-angle-down{margin-top: 4px;   position: absolute;}


/*==================================
Header Button CSS
================================= */

.header-btn-div {
    padding-top : 10px;
    background : #fff;
    text-align: center;
}
.header-md-center {
       text-align: center;
}

.header-action-btn {
    width:662px;
    max-width:100%;
    position: relative;
    margin: 0 auto;
    text-align: center;
}



/*==================================
Content CSS
================================= */
#content { background: #ffffff none repeat scroll 0 0; display: block; min-height: 380px; overflow: hidden;
padding: 15px; }

.loginBx {
	margin-top: 20px;
}
.login-logo{padding-top:10px; padding-bottom:10px; display: inline-block;}
.login-logo img{float: left; width: 41px;}
.login-logo span{ font-size: 20px; color: #2a3f54; font-weight: 400; display: block; margin-left: 52px;
    margin-top: 6px;}
.login-box{background: #fff; overflow: hidden; margin-top: 20px; margin-bottom: 0px; padding-top: 20px; padding-bottom: 20px; border-radius: 10px; -webkit-box-shadow: -1px 0px 5px 0px rgba(176,176,176,1);
-moz-box-shadow: -1px 0px 5px 0px rgba(176,176,176,1);
box-shadow: -1px 0px 5px 0px rgba(176,176,176,1);}


/*==================================
Footer CSS
================================= */
footer { background:#fff; overflow:hidden;   padding: 10px 0 10px; color:#7d7d7d; text-align:center; font-size:13px; border-top:  solid 1px #dddddd; margin-top: 25px; }
/* Content */

/*===================================================================
Login
===================================================================*/


/*===================================================================
Dashboard
===================================================================*/
.maintitle{ clear: both; display: block; padding-bottom: 10px; overflow: hidden;}
.maintitle h3{ width: 100%;}
.timebox{width: 100%; float: right; text-align: left; margin-top: 4px;}
.inoutbox{text-align: left;}
.timeboxbg{background: #1a82c3; border-radius: 4px; display: inline-block;}
.timeboxbg .time{ color: #fff; padding: 9px 10px;  float: left; font: 700 15px/20px 'Open Sans', sans-serif;}
.timeboxbg .date{ margin-left: 78px; /*border-left: solid 1px #000;*/ padding: 9px 6px; display: block; color: #fff; font-weight: bold;}
.badge{border-radius: 3px; padding: 4px 6px;}
.green{background: #95c666!important; margin-left: 4px; font-weight: 400;}
.orange{background: #d86b30!important; margin-left: 4px; font-weight: 400;}
.darkgray{background: #5a738e!important; margin-left: 4px; font-weight: 400;font-size: 18px;}
.groupbtnbox{margin-bottom: 0px;}
/* .groupbtnbox .btn{font: 600 14px/18px 'Open Sans', sans-serif !important; min-height: 35px;} */

.userbtn i{font-size: 20px; float: left; margin-right: 8px; }
.filterbtn i{font-size: 20px; float: left; margin-right: 8px; color: #5a738e; }
/* .groupbtnbox .btn-default { border-color: #e6e9ed; background: #f7f7f7; color: #1a242f;}
.groupbtnbox .btn-default:hover { background: #ffffff; } */
.groupbtnbox .userbtn{background: #405467;  border-color: #405467;  color: #fff; /*-webkit-box-shadow: inset -9px 0px 0px -5px rgba(26,187,156,1);-moz-box-shadow: inset -9px 0px 0px -5px rgba(26,187,156,1);box-shadow: inset -9px 0px 0px -5px rgba(26,187,156,1);*/}
.groupbtnbox .processbtn {color: #ffffff;}
/* .groupbtnbox .btn-default{ padding: 6px 10px; margin-top: 3px; }
.groupbtnbox .btn-default:hover:first-child {border-top-left-radius: 4px;
border-bottom-left-radius: 4px;}
.groupbtnbox .btn-default:hover:last-child{border-top-right-radius: 4px;
border-bottom-right-radius: 4px;} */
.groupbtnbox .userbtn:hover{/*border-right:solid 1px #f7f7f7!important;*/ background: #405467;}
.x_panel { background: #ffffff none repeat scroll 0 0; border: 1px solid #e6e9ed; display:block;
    margin-bottom: 10px; padding: 10px 10px;}

.crosssign {
	margin-top: 12px;
	margin-bottom: 12px;
}
.chkText {
  	color: #ffffff;
    font-size: 32px;
    font-weight: bold;
    position: absolute;
    z-index: 999999;
 	margin: auto;
    top: 0;
    left:0;
    right:0;
    bottom:0;
   height:44px;
}
.chkLabel {
    color: #2a3f54;
    font-weight: bold;
    text-align: center;
}
.removeMarginBtm1 .radio label{padding-left: 25px;}

.budgetmtrth { width: 65%;font-size: 16px;color: #000000 !important; font-size: 20px; vertical-align: middle !important; }
.budgetmtrtd { width: 35%; }

.conditionImgs { width: 55px; }

.button-row{width:100%; float:left; text-align:center; margin:10px 0 0 0;}
.green-rectangle-btn{width:116px; height:58px; float:left; font-family: "Helvetica Neue",Roboto,Arial,"Droid Sans",sans-serif; font-size:14px;  border:none; position:relative; margin:5px 10px 5px 0;  color:#002100; font-weight:500;}
.blue-rectangle-btn, .red-rectangle-btn{width:116px; height:58px; float:left; font-family: "Helvetica Neue",Roboto,Arial,"Droid Sans",sans-serif; font-size:14px;  border:none; position:relative; margin:5px 10px 5px 0;  color:#fff;}
.blue-rectangle-btn{background:url(../images/blue-rectangle-btn.png) no-repeat left top; background-size:100%;}
.red-rectangle-btn{background:url(../images/red-rectangle-btn.png) no-repeat left top; background-size:100%;}
.green-rectangle-btn{background:url(../images/green-rectangle-btn.png) no-repeat left top; background-size:100%;}
.blue-rectangle-btn span, .red-rectangle-btn span, .green-rectangle-btn span{position:absolute; left:0px; width:100%; text-align:center;  top: 48%; transform: translateY(-48%);  -webkit-transform: translateY(-48%); -ms-transform: translateY(-48%);  padding:0 10px; line-height:16px;}

.green-rectangle-btn-medium{width:100px; height:50px; float:left;  color:#002100; font-family: "Helvetica Neue",Roboto,Arial,"Droid Sans",sans-serif; font-size:14px;  border:none; position:relative; margin:5px 10px 5px 0; font-weight:500;}
.blue-rectangle-btn-medium, .red-rectangle-btn-medium{width:100px; height:50px; float:left;  color:#fff; font-family: "Helvetica Neue",Roboto,Arial,"Droid Sans",sans-serif; font-size:14px;  border:none; position:relative; margin:5px 10px 5px 0;}
.blue-rectangle-btn-medium{background:url(../images/blue-rectangle-btn.png) no-repeat left top; background-size:100%;}
.red-rectangle-btn-medium{ background:url(../images/red-rectangle-btn.png) no-repeat left top;  background-size:100%;}
.green-rectangle-btn-medium{ background:url(../images/green-rectangle-btn.png) no-repeat left top;  background-size:100%;}
.blue-rectangle-btn-medium span, .red-rectangle-btn-medium span, .green-rectangle-btn-medium span{position:absolute; left:0px; width:100%; text-align:center;  top: 45%; transform: translateY(-45%);  -webkit-transform: translateY(-45%); -ms-transform: translateY(-45%);  padding:0 10px; line-height:18px;}

.green-rectangle-btn-small{width:82px; height:42px; float:left;  color:#002100; font-family: "Helvetica Neue",Roboto,Arial,"Droid Sans",sans-serif; font-size:14px;  border:none; position:relative; margin:5px 10px 5px 0; font-weight:500;}
.blue-rectangle-btn-small, .red-rectangle-btn-small{width:82px; height:42px; float:left;  color:#fff; font-family: "Helvetica Neue",Roboto,Arial,"Droid Sans",sans-serif; font-size:14px;  border:none; position:relative; margin:5px 10px 5px 0;}
.blue-rectangle-btn-small{background:url(../images/blue-rectangle-btn.png) no-repeat left top; background-size:100%;}
.red-rectangle-btn-small{ background:url(../images/red-rectangle-btn.png) no-repeat left top;  background-size:100%;}
.green-rectangle-btn-small{ background:url(../images/green-rectangle-btn.png) no-repeat left top;  background-size:100%;}
.blue-rectangle-btn-small span, .red-rectangle-btn-small span, .green-rectangle-btn-small span{position:absolute; left:0px; width:100%; text-align:center;  top: 45%; transform: translateY(-45%);  -webkit-transform: translateY(-45%); -ms-transform: translateY(-45%);  padding:0 10px; line-height:18px;}

.blue-rectangle-btn:hover,.blue-rectangle-btn:active, .blue-rectangle-btn:focus { color: #FFFFFF;}

.time-box{width:100%; float:right; text-align:center; color:#000; font-size:18px; line-height:30px; margin:15px 0 0 0;}
.time-box span{font-size:46px;}
.time-logo{width:100%; float:right; text-align:center; clear:both;}

.user-status-box-wrp{
    width:100%; float:left; margin:5px 0 0 0;}
.status-box-title{width:100%; float:left; text-align:center; position:relative;}
.status-box-title span{background:#fff; margin:0px 0 05px 0; padding:0 15px; position:relative; z-index:1000; font-size:16px;}
.status-box-title:after{background:#dedede; height:1px; width:100%; position:absolute; content:""; left:0px; top:11px;}
.user-status-box{width:100%; float:left; border-bottom:1px solid #dedede; padding:0 0 10px;}
.user-status-box ul{margin:0px; padding:0px; list-style-type:none; text-align:center;}
.user-status-box ul li{display:inline-block; float:left; margin:5px 10px 0 10px;}
.user-status-box ul li span{padding:5px 0 0 7px; float:left; color:#000; font-size:14px;}
.user-status-box ul li .status{width:34px; height:34px; font-size:10px; font-weight:600; text-transform:uppercase; float:left; line-height:32px;}
.user-status-box ul li .status.active{background:url(../images/green-btn.png) no-repeat left top; background-size:100%; color:#000; text-align:center;}
.user-status-box ul li .status.offline{background:url(../images/gray-btn.png) no-repeat left top; background-size:100%; color:#fff; text-align:center;}
.more-user{width:100%; float:left; text-align:right;}
.more-user a{color:#2a3f54; text-decoration:underline;}
.more-user a:hover{color:#000; text-decoration:none;}
.attendance-box-wrp{width:100%; float:left;  margin:5px 0 0 0;}
.attendance-box{width:100%; float:left; border-bottom:1px solid #dedede; padding:3px 0 6px;}
.attendance-box ul{margin:0px; padding:0px; list-style-type:none; text-align:center;}
.attendance-box ul li{display:inline-block; padding:2px 9px 0; color:#000;}
.attendance-box ul li .large-number{width:auto; float:left; font-size:29px; line-height:26px; padding:5px;}
.attendance-box ul li .absent{width:auto; float:left; font-size:29px; background:#eaeaea; padding:5px; margin:0 0 0 2px; color:#F00; line-height:26px;}
.attendance-box ul li .small-text{width:auto; float:left; font-size:16px; padding:10px 2px 0 0;}

.timeClockStatus{width:34px; height:34px; font-size:10px; font-weight:600; text-transform:uppercase; float:left; line-height:30px;}
.timeClockStatus.active{background:url(../images/green-btn.png) no-repeat left top; background-size:100%; color:#000; text-align:center;}
.timeClockStatus.offline{background:url(../images/gray-btn.png) no-repeat left top; background-size:100%; color:#fff; text-align:center;}

.budgetclass + .user-box .msgred {
   font-size: 13px;
   position: relative;
   top: 5px;
   color:red; font-weight: bold; float: left;
}

@media (min-width: 360px) {
.budgetmtrth { width: 50%; }
.budgetmtrtd { width: 50%; }
.keypad-key, .keypad-special {
    margin: 3px !important;
    padding: 10px 25px !important;
}
.budgetclass {
    height: 41px;
}
}

@media (min-width: 480px) {
.toprightnav .dropdown-toggle span.name{max-width: 155px;}
.dataTables_filter {width: 100%;}
.frmDashboard {min-width: 220px;}
/* .frmCostCode {width: 180px;} */
.frmCrew {min-width: 220px;}

.budgetclass {
    height: 41px;
}
.budgetclass + .user-box .msgred {
  max-width: 150px;
  left: 0px;
  top: 5px;
}

h2.qtytitle::before, h2.qtytitle::after {
	line-height: 18px;
	margin: 0px;
}
h2.qtytitle {
	font-size: 17px;
}

/* .chkImg { width: 140px;}
.chkText {font-size: 23px;top: 18px;}
.chkTxtLeft { left: 8px; }
.chkLabel {margin-left: 40px;}
.firstcircle {margin-left: -15px; margin-right: 0px;}
.secondcircle { margin-right: 0;}
.chkImg.chklastimg {width: 120px;}
.thirdCircle {left: 10px;} */
}

@media (min-width:640px) {
#noOfMenTxt > input, #noOfDaysTxt > input, #hoursPerDayTxt > input {
    width: 85px;
}
	
.toprightnav .dropdown-toggle span.name {
    max-width: 215px;
}
.adjustqtyEle { width: 30% !important; }
.dataTables_filter {width: 100%;}
/*.frmDashboard {width: 220px;}*/

/* .chkImg { width: 190px;}
.chkText {font-size: 23px;top: 18px;}
.chkTxtLeft { left: 0px; }
.chkLabel {margin-left: 33px;}
.firstcircle {margin-left: -15px}
.chkImg.chklastimg {width: 160px;}
.thirdCircle {left: 0px;}
.thirdlabel {margin-left: 5px !important;} */
.crosssign {
	margin-top: 52px;
	margin-bottom: 0px;
}

}

@media (min-width:600px) {
    .budgetclass + .user-box .msgred {
        max-width: 270px;
        top: 10px;
    }

}
@media (min-width:640px) and (max-width:767px) {
	.tblsize{width: 26.6%; float: left;}
	.tblcrssize{width: 10%; float: left;}
	.crosssign {margin-top: 38px;}
	
	.adjustqtyEle { width: 20% !important; }
	
	h2.qtytitle::before, h2.qtytitle::after {
		line-height: 20px;
		margin: 0px;
	}
	h2.qtytitle {
		font-size: 16px;
	}
    .budgetclass + .user-box .msgred {
        /*max-width: 270px;*/
        max-width: 370px;
        /*top: 10px;*/
        top: 4px;
    }
}

@media (min-width: 768px) {
	
/*--06-06-2016---*/
.stepsrow{margin-top:0px;}
.stepstext{ font-size: 19px; margin-top:14px;  margin-left: 7px; }
/*--06-06-2016 End---*/

/*== Commen ==*/
.midpart{padding: 15px 20px; min-height: 330px;}
.title-left-part{ width: 60%; float: left;}
.title-right-part{ width: 40%; float: right; text-align: right; margin-top: 0px; }	
.btntopspace{margin-top: 0px;}
.mainheadtitle {
    /*left: 40px;*/
    /*left: 80px;*/
    left: 30px;
    margin: 0;
    /*max-width: 45%;*/
    position: absolute;
    text-align: center;
    top: 15px;
}
.budgetclass + .user-box .msgred {
    top:10px;
    max-width: 270px;      
}

.dataTables_info {
    width: 35%;
}
.dataTables_filter {
	width: 60%;
	text-align: right;
}
.dataTables_paginate {
	float: right;
	text-align: right;
	/* width: 470px; */
    width: auto;
}

.budgetclass {
    max-width: 250px;
    /*left: 100px;*/
    left: 40px;
}
.budgetclass + .user-box {
   /*width: 350px;*/
   width: 470px;
}
/*.frmDashboard {
	width: 200px;
}*/
/*== Header ==*/
.user-name span{ max-width: 170px;}
.logo-main{ padding-bottom:5px; }
.user-box{ padding-bottom:0px; clear:inherit; float:right;}
.header-right { float: right; text-align: center; margin-top:18px; margin-right:0px; }
.toprightnav > li > a{ padding-top: 12px; padding-left: 0px; padding-bottom: 9px;  display: inline-block; }
.toprightnav .dropdown-toggle span.name{max-width: 235px;}
.login-logo{ padding-bottom:5px; }
.toprightnav .dropdown-toggle span.fa-angle-down{ margin-top: 4px; position: absolute;}
	
.login-box{ margin-bottom: 80px;}
.loginBx {
	margin-top: 50px;
}
	
/*== Dashboard ==*/
.timeboxbg .time{ padding: 9px 9px;}
.timeboxbg .date{ margin-left: 82px; padding: 9px 12px;}
.x_panel {padding: 10px 11px;}
.groupbtnbox .btn-default{ padding: 6px 12px; /*margin-top: 4px;*/ } 
.maintitle h3 { width: 100%;}
/* .maintitle h3.topspace { margin-top: 5px;} */
.maintitle h3.topspace img { float: left; max-width: 140px;}
.maintitle h3.topspace span { display: block; margin-left: 150px; margin-top: 6px;font-size: 19px;}

.timebox { width: 52%;}
.timebox{text-align: right;}
.timeboxbg .time {font: 700 20px/20px "Open Sans",sans-serif;}
.timeboxbg .date { margin-left: 100px; padding: 10px 12px 8px;}
/*== Dashboard End ==*/
	
/* .firstcircle {margin-right: 35px !important; }
.secondcircle {margin-right: 35px !important; } */
.chkText {
    font-size: 32px;
	height: 44px;
}
.firstcr {margin-left: 25px;}

.time-box{/*width:220px;*/ text-align:right;}
.time-logo{width:220px;}
}

@media (min-width: 800px) {
    .budgetclass + .user-box {
      /*width: 355px;*/
      width: 485px;
    }
    .budgetclass + .user-box .msgred{
      /*width: 160px;*/
      width: 270px;
    }
}

@media (min-width: 980px) {
    .budgetclass + .user-box {
   width: 550px;
}
.budgetclass + .user-box .msgred {
    max-width: 320px;
    /*top: 12px;*/
    top: 7px;
    font-size: 16px;
    /*width: 330px;*/
    width: 690px;
}
}

@media (min-width: 992px) { 
	
.maintitle h3.topspace img { max-width: inherit; }
.maintitle h3.topspace span { font-size: 24px; margin-left: 160px;}
.attendance-box ul li{padding:2px 15px 0;}

/*== Commen ==*/
.midpart{ min-height: 550px;}
.title-left-part{ width: 70%;}
.title-right-part{ width: 30%;}
.toprightnav .dropdown-toggle span.name{max-width: 365px;}

.inoutbox{text-align: right;}
.x_panel { padding: 10px 10px;}
.groupbtnbox .btn-default{ padding: 6px 11px; margin-top: 0px;} 
.maintitle h3 { width: 52%;}
.timebox { width: 45%;}


/*--06-06-2016---*/
.stepstext { font-size: 24px; margin-left: 9px; margin-top: 10px;}
/*--06-06-2016 End---*/

}

@media (min-width: 1200px) { 
	
.user-status-box ul li{margin:5px 15px 0 15px;}

/*== Commen ==*/
.user-name span{ max-width: 200px;}
.toprightnav .dropdown-toggle span.name{max-width: 150px;}
.mainheadtitle {
    font-size: 18px;
    left: 0;
    margin: 0 auto;
    max-width: 580px;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-overflow: ellipsis;
    top: 15px;
    white-space: nowrap;
    text-align: center;
}
.mainheadtitle.budgetclass {
    margin: auto;
    /*left: 300px;*/
    left: 250px;
    max-width: 380px;
    right: auto;
}

.budgetclass + .user-box {
    /*width: 530px;*/
    width: 900px;
}
.budgetclass + .user-box .msgred {
    /*max-width: 320px;*/
    max-width: 690px;
    font-size: 16px;
}

.budgetclass + .user-box .toprightnav {
    float:left;
}
.budgetclass + .user-box .msgred {
    position: relative;
    top:14px;
    text-align: right;
}
/*== Dashboard ==*/
.x_panel { padding: 10px 15px;}
.groupbtnbox .btn-default{ padding: 6px 16px;} 
.maintitle h3 { width: 60%;}
.timebox { width: 40%;}
.groupbtnbox { margin-bottom: 0px;}
/*== Dashboard End ==*/
	
.chkText {
    font-size: 32px;
	height: 44px;
}	
}

@media (max-width: 360px) {

.conditionImgs { width: 36px; }
	
h2.qtytitle::before, h2.qtytitle::after {
	line-height: 20px !important;
	margin: 5px !important;
}
h2.qtytitle {
	font-size: 18px !important;
}
	
.dataTables_filter {
	width: 100%;
}
.frmDashboard {min-width: 220px;}
/* .frmCostCode {width: 180px;} */
.frmCrew {min-width: 220px;}
.radio.radioBtn > label { padding-left: 0px !important; }
/* .chkImg { width: 100px;}
.chkText {font-size: 25px;top: 10px;}
.chkTxtLeft { left: 16px; }
.chkLabel {margin-left: 23px;}
.firstcircle {margin-left: -15px; margin-right: 0;}
.secondcircle {margin-right: 0;}
.chkImg.chklastimg {width: 84px;}
.thirdCircle { left: 15px; }
.thirdlabel {margin-left: 5px !important;} */
}

@media (max-width: 480px) {
	.removeMarginBtm1 .radio label {
	    padding-left: 5px;
	}
}

@media (max-width: 320px) {
h2.qtytitle::before, h2.qtytitle::after {
	line-height: 18px !important;
	margin: 0px !important;
}
h2.qtytitle {
	font-size: 15px !important;
}
.dataTables_filter {
	width: 100%;
}
.radio.radioBtn > label { padding-left: 0px !important; }
.keypad-key, .keypad-special { padding: 5px 12px !important;}
.keypad-special {padding: 5px 10px !important;}
}




/* @media (min-width: 1024px) {
.chkImg { width: 155px;}
.chkText {font-size: 22px;top: 18px;}
.chkTxtLeft { left: 17px; }
.chkLabel {margin-left: 18px;}
.firstcircle {margin-left: -15px}
.chkImg.chklastimg {width: 135px;}
} */

/* @media (min-width: 1280px) {
.chkImg { width: 200px;}
.chkText {font-size: 22px;top: 18px;}
.chkTxtLeft { left: 17px; }
.chkLabel {margin-left: 18px;}
.firstcircle {margin-left: -15px !important; margin-right: 45px !important;}
.chkImg.chklastimg {width: 170px;}
.thirdcircle {margin-left: 11px;}
} */

/* @media (max-width: 980px) {
.chkImg { width: 240px;}
.chkText {font-size: 22px;top: 18px;}
.chkTxtLeft { left: 17px; }
.chkLabel {margin-left: 18px;}
.chkImg.chklastimg {width: 200px;}

} */

/* @media (min-width: 600px) {
	.chkImg { width: 150px;}
.chkText {font-size: 22px;top: 18px;}
.chkTxtLeft { left: 17px; }
.chkLabel {margin-left: 18px;}
.firstcircle {margin-left: -15px !important;margin-right: -5px !important;}
.chkImg.chklastimg {width: 130px;}
.thirdcircle {margin-left: -8px;}
} */


.adjustqtyEle {
	border-color: #d2dae6;
    border-radius: 2px;
	background-color: #fff;
    background-image: none;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    border: 1px solid #ccc;
    width: 70%;
}

.mns {
	font-size: 11px;
    vertical-align: middle;
}

/***** quantity tracker title ******/
h2.qtytitle {
    color: #383733;
    font-size: 20px;
    text-align: center;
    background: url("../images/header_decorator.jpg") repeat-x center;
}
h2.qtytitle span {
	background-color: #F4F2F7;
	padding: 0 8px;
	font-weight: bold;
}
/********************************/

.blue-rectangle-btn-big{background:url(../images/blue-rectangle-btn-big.png) no-repeat left top!important; background-size:100%; color: #fff!important; outline:none!important; box-shadow: none!important; padding: 22px 26px 26px; font-size: 14px; background-color: transparent!important;}
.blue-rectangle-btn-big:hover{ color: #fff!important; outline:none!important; box-shadow: none!important; }


.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;  
}

.ptLogo {
    display: inline-block;
    width: 260px;
}
.scanInCounter {
    display: inline-block;
    width: 260px;
    background-color: #eee;
    padding: 10px 0px;
}

.scanInCounter .counter {
    font-size: 30px;
}

.scanInCounter .txt {
    font-size: 13px;
}

/* *********************** */
.prdmnt{font-size:13px; } 

.prdmnt thead tr th{background-color:rgba(242,246,242,1); font-size:13px !important; color:rgba(0,0,0) !important; font-weight: normal; text-align:center; vertical-align:middle; }
.prdmnt thead tr th.baseqty{color:rgba(0,0,154,1) !important;}
.prdmnt thead tr th.reportedqty{color:rgba(0,108,50,1) !important;}
.prdmnt tbody tr td{ height: 24px;text-align: center;padding: 5px 5px;}
.prdmnt tbody tr td.leftalign{ text-align:left;}




.prdmnt > tr:nth-child(even) {background-color:#FFF  !important;}
.prdmnt > tr:nth-child(odd) {background-color: #FFF  !important;}
.prdmnt .tbrowcolor{background-color:rgba(242,246,242,1) !important; border-top:0px solid #000; }

.prdmnt thead tr.tbwhiterow th{background-color:#FFF;color: #000 !important;}
.prdmnt thead tr.tbwhiterow th.colbord{ /*border: solid 1px #000; border-bottom: none;*/}
.prdmnt.table > thead > tr > th.colbord{/*border: solid 1px #000; border: solid 1px #000;*/ background-color: #F2F6F2; }

.tbcolorblue{color:rgba(0,0,154,1) !important;}
.tbcolorgreen{color:rgba(0,108,50,1) !important;}

.prdmnt tr td.tbrowheight{height:2px;padding:0px; line-height:6px; }
.prdmnt tr.tbwhiterow02 th{border: 1px solid #ddd;color: #000 !important;}
.prdmnt tr td{border-left: 1px solid #ddd; border-right: 1px solid #ddd;}

.prdmnt tr.tbrowcolor td{border-bottom: 2px double #000000 !important;border-top: 1px solid #000;border-left: 0px;border-right: 0px; }
.tbwhiterow th { margin: 0px; padding: 0px !important; height: 25px; }

.mobileappbox{ text-align: center;margin-bottom: 70px;}
.mobileappbox a{ width: 170px; display: inline-block; background-color:#fff; padding:5px 3px; border: solid 1px #ccc; border-radius: 4px; margin-right: 15px; color:#333; height: 32px; font-size: 14px;}
.mobileappbox a i{ font-size:17px; margin-right: 5px;}



.md-topmenu {
  position: relative;
  display: block;
  width: 100%;
  max-width: 100%;
}

.md-topmenu .dropdown {
  display: inline-block;
}
.md-topmenu .dropdown.open {
  position: static;
}
.md-topmenu .dropdown .md-btn-menu {
    background-color: #2b4b72;
}
.md-topmenu .dropdown .dropdown-toggle{
  background-color: #2b4b72;
  position: relative;
  outline: none;
}
.md-topmenu .dropdown .dropdown-toggle:after {
    position: absolute;
    content: "";
    width: 0px;
    height: 0px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #337ab7;
    bottom: -8px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: none;
    outline: none;
}
@media screen and (min-width: 1025px){
    .md-topmenu .dropdown .dropdown-toggle:hover{
        background-color: #337ab7;
    }
    .md-topmenu .dropdown .dropdown-toggle:hover:after {
        display: inline-block;
    }
}
@media screen and (min-width: 992px){
    .header-action-btn {
        width: 992px;
    }
}

.md-topmenu .dropdown.open .dropdown-toggle, .md-topmenu .dropdown .md-btn-menu:hover{
    background-color: #337ab7;
}
.md-topmenu .dropdown.open .dropdown-toggle:after {
    display: inline-block;
}
.md-topmenu .dropdown.open .dropdown-menu {
      display: block;
    border-radius: 0px;
    width: 95%;
    text-align: left;
    left: 0;
    right: 0;
    padding: 0;
    margin: 0;
    margin: 0 auto;
    box-shadow: 0px 0px 18px 1px rgba(0, 0, 0, 0.4);
}
.md-topmenu .dropdown.open .dropdown-backdrop {
    position: static;
}
.md-panel-header {
    font-weight: 400;
    color: #fff;
    font-size: 18px;
    padding: 8px 20px;
    background-color: #2a3f54;
    font-family:"Helvetica Neue",Roboto,Arial,"Droid Sans",sans-serif;
    margin-bottom: 15px;
}
.md-panel-body {
    display: inline-block;
    padding: 0 13px 5px;
    width: 100%;
    max-height: 420px;
    overflow-y: auto;
}

.md-subheading {
    display: block;
    margin-bottom: 15px;
    border-bottom: 2px solid #d2dae6;
}
.md-subheading .md-heading3 {
    display: inline-block;
    margin: 0;
    font-size: 18px;
    border-bottom: 2px solid #1abb9c;
    font-family: "Helvetica Neue",Roboto,Arial,"Droid Sans",sans-serif;
    color: #2a3f54;
    font-weight: 500;
    margin-bottom: -2px;
    padding: 10px 0 6px;
}
.md-panel-body .row{
    margin-right: -7px;
    margin-left: -7px;
}
.md-panel-body [class^="col-"] {
    padding: 0 7px;
}
.md-panel-body .btn {
    width: 100%;
    min-width: 100%;
    min-height: 69px;
    margin: 0 0 14px;
    position: relative;
    padding: 0;
    line-height: 18px;
    box-shadow: 0px 0px 18px 1px rgba(0, 0, 0, 0.4);
    display: block;
    border: 0;
}
.md-panel-body .btn span{
    position: absolute;
    width: 100%;
    padding: 10px;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
}
@media screen and (max-width:991.95px){
    .md-panel-body {
        max-height: 360px;
    }
}

@media screen and (max-width:767.95px){
    .md-panel-body {
        max-height: 340px;
    }
    .mt10-mob{
        margin-top: 10px;
    }
}

.table>thead>tr>th.sorting, .table>thead>tr>th.sorting_asc, .table>thead>tr>th.sorting_desc{
    cursor: pointer!important;
}

.wp-look-submit-details {
    display: inline-block;
    float: right;
    text-align: left;
    margin: 5px 0;
}

.wp-look-submit-details .li-item {
    line-height: 20px;
    font-size: 12px;
}

@media screen and (max-width:768px) {
   .wp-look-submit-details {
        text-align: center;
        margin: 10px 0;
        float: none;
        display: block;
    }
}

.orderFormHead .icon-back,
.orderFormHead .icon-forwad {
    color: #a09f9f;
    font-weight: 700;
}

.orderFormHead .icon-back {
    margin-right: 20px;
}

.header-section {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    padding-top: 0;
    
}
.mb-3 {
    margin-bottom: 1rem!important;
}
@media (min-width: 768px){
    .header-section .row{
        display: flex;
        align-items: center;
    }
    .row.flex{
        display: flex;
        flex-wrap: wrap;
    }
    .mb-sm-0{
        margin-bottom: 0 !important;
    }
    .modal-500{
        width: 500px;
    }
    .modal-400{
        width: 400px;
    }
}
@media (min-width: 1200px){
	.header-filter {
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}
}
.header-filter {
    padding: 10px 0 0;
}
.header-filter .dropdown-menu{width: 100%;}
.select2-container--default .select2-results>.select2-results__options{max-height: 361px !important;}
.justify-content-center{
    justify-content: center;
}
.select2-container--default .select2-selection--single{
    border-radius: 4px;
}
.btn-group.open .dropdown-toggle,
.btn:active{
    box-shadow: none;
}
.md-page-name{
	font-family: 'Roboto', sans-serif;
    font-size: 20px !important;
    font-weight: 500 !important;
	float: none;
	margin : 0px;
	width: 100% !important;
    color: #000;
    display: flex;
    align-items: center;
}
.md-company-name{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    float: right;
}
@media screen and (max-width: 767.95px){
    .md-page-name{
		padding-bottom: 1.5rem!important;
	}
    .maintitle .text-right{
        text-align: left;
    }
    .md-company-name{
		float: none;
	}
}

.btn .badge{
    border: 1px solid #9ca3af;
    background-color: #fff;
    color: #9ca3af;
    min-width: 10px;
}
#empModal input[type='file']{
    color: transparent;
    width: 130px;
    display: inline-block;	
  padding-left: 25px;
  }
  
  #empModal input[type='file']{
    outline: none !important;
  }

#empModal .custom-file-input::-webkit-file-upload-button {
    visibility: hidden;		  		  	
}

#empModal .custom-file-input::before,
#changeLogoImageModal .custom-file-input::before,
#jobModal .custom-file-input::before,
#toolDesc .custom-file-input::before{
  content: 'Browse';
}

.btn,
#empModal .custom-file-input::before,
#changeLogoImageModal .custom-file-input::before,
#jobModal .custom-file-input::before,
#toolDesc .custom-file-input::before{
    font-weight: 400;
    display: inline-block;
    border: 1px solid transparent;
    border-radius: 14px;
	padding: 4px 12px;
	box-shadow: none !important;
	position: relative;
	line-height: 24px;
    transition: all 0.3s ease-in-out;
    margin: 0 4px 4px !important;
      text-align: center;
  white-space: nowrap;
  vertical-align: middle;	
}
.manual-punch-time-records td .input-group-bt > .btn,
.manual-punch-paired-time-records td .input-group-bt > .btn{margin: 5px 4px 0!important;}
td .input-group-btn > .btn,
.input-group-btn.button-space-0 > .btn{margin:0 !important;}
.btn:first-child{
    margin-left: 0 !important;
}
.btn:last-child{
    margin-right: 0 !important;
}
.btn.dropdown-toggle{
    border-radius: 4px;
    margin: 0 !important;
    color: #6c757d !important;
    background-color: #fff !important;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{
    outline: none;
}
.btn.disabled, .btn:disabled {
    opacity: 1;
}

.btn-default,
#empModal .custom-file-input::before,
#changeLogoImageModal .custom-file-input::before,
#jobModal .custom-file-input::before,
#toolDesc .custom-file-input::before {
    /* border-color: #6c757d;
	color: #6c757d;
    background-color: #fff; */
    background: #3092c0;
    border-color: #3092c0;
    color: #fff;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.active, 
.btn-default:active,
.btn-default.active:hover, 
.btn-default:active:hover,
.btn-default.active:focus,
.btn-default:active:focus,
#empModal .custom-file-input:hover::before,
#empModal .custom-file-input:focus::before,
#empModal .custom-file-input:active::before,
#changeLogoImageModal .custom-file-input:hover::before,
#changeLogoImageModal .custom-file-input:focus::before,
#changeLogoImageModal .custom-file-input:active::before,
#jobModal .custom-file-input:hover::before,
#jobModal .custom-file-input:focus::before,
#jobModal .custom-file-input:active::before,
#toolDesc .custom-file-input:hover::before,
#toolDesc .custom-file-input:focus::before,
#toolDesc .custom-file-input:active::before{
    
    /* background: #6c757d;
    border-color: #6c757d;*/
    color: #fff; 
    /* background: rgba(48,146,192,0.8);
    border-color: rgba(48,146,192,0.8); */
    /* background: rgb(68 156 197 / 80%);
    border-color: rgb(68 156 197 / 80%); */
    background: rgb(24 172 243 / 80%);;
    border-color: rgb(24 172 243 / 80%);
    outline: none;
}
.btn-default:disabled,
.btn-default.disabled,
#empModal .custom-file-input::before:disabled,
#changeLogoImageModal .custom-file-input::before:disabled,
#jobModal .custom-file-input::before:disabled,
#toolDesc .custom-file-input::before:disabled{
    /* border-color: #6c757d;
	color: #6c757d;
    background-color: transparent;
    opacity: .65; */
    color: #fff;
    background-color: #a1d1e8;
    border-color: #a1d1e8;
}

.btn-primary {
    background: #3092c0;
    border-color: #3092c0;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.active, 
.btn-primary:active,
.btn-primary.active:hover, 
.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary:active:focus{
    
    background: rgba(48,146,192,0.8);
    border-color: rgba(48,146,192,0.8);
}
.btn-primary:disabled,
.btn-primary.disabled{
    background-color: #a1d1e8;
    border-color: #a1d1e8;
}


.btn-outline-cancel {
    border-color: #6c757d !important;
	color: #6c757d !important;
    background-color: #fff !important;
}
.btn-outline-cancel:hover,
.btn-outline-cancel:focus,
.btn-outline-cancel.active, 
.btn-outline-cancel:active,
.btn-outline-cancel.active:hover, 
.btn-outline-cancel:active:hover,
.btn-outline-cancel:active:focus,
.btn-outline-cancel:active:focus{
    
   background: #6c757d !important;
    border-color: #6c757d !important;
    color: #fff !important; 
    
}
.btn-outline-cancel:disabled,
.btn-outline-cancel.disabled{
    border-color: #6c757d !important;
	color: #6c757d !important;
    background-color: transparent !important;
    opacity: .65;
}
.btn-danger {
    background: #880d0d;
    border-color: #880d0d;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger.active, 
.btn-danger:active,
.btn-danger.active:hover, 
.btn-danger:active:hover,
.btn-danger:active:focus,
.btn-danger:active:focus{
    
    background: rgba(136,13,13,0.8);
    border-color: rgba(136,13,13,0.8);
}
.btn-danger:disabled,
.btn-danger.disabled{
    background-color: #C35046;
    border-color: #C35046;
}

.multiselect-native-select .btn-default {
    color: #333;
    background-color: #fff !important;
    border: 1px solid #ccc !important;
}
.dropdown-menu.colorpicker{
    width: auto;
}
.multiselect-container.dropdown-menu{
    width: 100%;
}
#btnDownloadPDF{
    margin-top: 10px !important;
}
.header-filter .select2-container{
    width: 100% !important;
}
.company .btn{margin-left: 0 !important;margin-right:0 !important;}
.ntfication-count{
    position: static !important;
}
.btn-full{
    width: 100%;
}

.wrapper-ui-box {
    border: 1px solid;
    padding: 22px;
    margin-bottom: 21px !important;
    width: 100%;
    max-width: 360px;
}
.wrapper-ui-note{
    max-width: 360px;
    margin: 0 auto 20px;
}
.custom-file-input.center { 
    margin: 0 auto !important;
}
.col-centered {
    float: none;
    margin:0 auto;
		
    text-align:center;
}
.custom-filebox {
    margin-left:  auto;
    margin-right:  auto;
    max-width: 100%;
}

.custom-file-input[type="file"] {
    height: 0;
    padding: 0;
    opacity: 0;
}

.custom-file-overlay {
    display: block;
    /* color: #fff;
    background-color: #1273C2; */
    border: 2px dashed #7F7F7F;
    border-radius: 14px;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    font-weight: 600;
    font-size: 10pt;
    padding: 8px 15px;
    line-height: normal;
}
#file-list label {
    display: block;
    font-size: 14px;
    color: #2a3f54;
    padding: 0;
    margin: 0;
    cursor: auto;
}

.sec-featured-box {
    border: 1px solid #c7c7c7;
    border-radius: 5px;
    margin-bottom: 24px;
    padding: 25px 10px;
    position: relative;
    width: 100%;
}

.sec-featured-box .head-title {
    font-size: 18px;
    color: #1d2e3f;
    font-weight: 600;
    position: absolute;
    top: -19px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    padding: 10px 15px;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 10px;
}

.wrapper-helpbar-search button {
    margin-top: 5px;
}

.wrapper-helpbar-search .btn-sidebar-group button {
    font-size: 18px !important;
}

.wrapper-helpbar-search .sidebar-text-count {
    margin-top: 5px;
    font-weight: 500;
    color: rgb(165, 42, 42);
}

.search-help-bar mark.highlight { 
    background: #ffa705; 
}

.search-help-bar mark {
    background: #ffff00;
}

.search-help-bar mark {
    padding: 0;
}