body {
    padding-top: 125px;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
	background: url('img/desb.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.alpha-enable{
	background-color:rgba(255,255,255,0.7);
	/* background-color:rgba(238,238,238,1.0); */
}
.zf-green {
    color: #FF7803;
}

.center2{
	text-align: center;
}
.blue-text{
	color: #24286b;
}

.orange-text{
	color: #FF7803;
}

.white-text{
	color: #000000;
	/* background-color: #eee; */
}

.btn-success {
	background-color: #57a900;
	background-image: -moz-linear-gradient(top, #70d900, #57a900);
	background-image: -ms-linear-gradient(top, #70d900, #57a900);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#70d900), to(#57a900));
	background-image: -webkit-linear-gradient(top, #70d900, #57a900);
	background-image: -o-linear-gradient(top, #70d900, #57a900);
	background-image: linear-gradient(top, #70d900, #57a900);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70d900', endColorstr='#57a900', GradientType=0);
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
	background-color: #57a900;
}

.btn-success:active, .btn-success.active {
	background-color: #57a900;
}

div.container a.brand {
    background: url("../img/zf2-logo.png") no-repeat scroll 0 10px transparent;
    margin-left: 0;
    padding: 8px 20px 12px 40px;
}

/*.navbar-brand{
	padding: 5px 20px 5px 40px;
}*/

.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
	background-color: #FF7803;
}

.btn-warning:active, .btn-warning.active {
	background-color: #FF7803;
}

.btn-warning {
	background-color: #57a900;
	background-image: -moz-linear-gradient(top, #E86C00, #FF7803);
	background-image: -ms-linear-gradient(top, #E86C00, #FF7803);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E86C00), to(#FF7803));
	background-image: -webkit-linear-gradient(top, #E86C00, #FF7803);
	background-image: -o-linear-gradient(top, #E86C00, #FF7803);
	background-image: linear-gradient(top, #E86C00, #FF7803);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E86C00', endColorstr='#FF7803', GradientType=0);
}


/* navbar */
.navbar-custom {
    background-color: #63646b;
    border-color: #283157;
}
.label2 {
    padding: 3px 4px 3px ;
    font-size: 9.75px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    white-space: nowrap;
    background-color: #bfbfbf;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.label2.purple {
    background-color: #A020F0;
}
.label2.grey {
    background-color: #848484;
}
.label2.orange {
    background-color: #FF4000;
}
.label2.yellow {
    background-color: #F7FE2E;
    color: #bbb;
}
.label2.green {
    background-color: #04B404;
}
.label2.bage {
    background-color: #F5D0A9;
}
.label2.blue {
    background-color: #2E9AFE;
}
.label2.brown {
    background-color: #61210B;
}
.label2.Lightyellow {
    background-color: #E48600;
}
.label2.pink {
    background-color: #FA58AC;
}
.label2.black {
    background-color: #000000;
}
.label2.bluegreen {
    background-color: #57c8b4;
}

.label2.low {
    background-color: #5cb85c;
}
.label2.medium {
    background-color: #f0ad4e;
}
.label2.high {
    background-color: #d9534f;
}
.label2.red {
    background-color: #FF0000;
}

.navbar-brand.custom-navbar-brand{
	float:left;
	padding:5px 5px;
	font-size:28px;
	line-height:37px
}

.image_rounded_border{
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
/* .docket-form{
	min-height:242px;
} */
.col-md-12.error-msg {
	color: red;
	float: left;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 8px;
	width:100%
}

/* footer p {
	border-top: 1px solid #ccc;
	margin-bottom: 0;
	padding: 10px 0;
} */
/* .navbar-fixed-top{z-index:11;} */

.nav > li > a{
	padding-right:8px;
	padding-left:8px;
}

.welcome-text{
	float: left;
    margin: 15px 0 0 9px;
}

#notification_section{
	padding: 10px 5px;
}

#notification_revert_section{
	padding: 10px 5px;
}
.dockLeverOption {
  max-width: 300px;
}
form.service_form_outer {
  margin: 0 auto;
  max-width: 850px;
}
form.service_form_outer .ui-select{  float: right;width: 30%;}
form.service_form_outer .table-responsive{width:100%;}
.anchorRed{color:red!important; text-decoration: none;}
.anchorGreen{color:green!important; text-decoration: none;}

.table-responsive.tableResponsiveCustom{width:100%;}
.boldCategory {font-weight: bold;}


#job_extra_state-button, #overtime_worked-button{ padding: 0; }
#job_extra_state-button span.form-control, #overtime_worked-button span.form-control{ background: none; border: 0; color: #fff;}
.datetimepicker .datetimepicker-days .table-condensed, .datetimepicker .datetimepicker-hours .table-condensed, .datetimepicker .datetimepicker-minutes .table-condensed, .datetimepicker table tr td span, .datetimepicker-months table tr th, .datetimepicker-years table tr th{ color:#000; text-shadow:none;} 
/************************************ Responsive Layout ***************************************************/

@media (max-width: 1150px) 
{
    .navbar-header {
        float: none;
	}
    .navbar-toggle {
        display: block;
	}
    .navbar-collapse {        
		border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
		max-height: 340px;
		overflow-x: visible;
		padding-left: 15px;
		padding-right: 15px;
	}
    .navbar-collapse.collapse {display: none!important;}
    .navbar-collapse.collapse.in {display: block!important;}
    .navbar-nav { 
		/*height: 262px;*/
		height: auto;
		margin: 7.5px -15px;
		/*  overflow-y: scroll;*/
	width: 100%;}
    .navbar-nav>li {float: none;}
	.header .navbar-default .navbar-nav > li > a {
		font-size: 14px;
		padding: 9px 10px;
	}
	.header .navbar-default .navbar-nav > li a {border-bottom: solid 1px #eee;}
	.header .navbar-default .navbar-nav > li > a:hover{border-bottom: solid 1px #EEEEEE;}
	.header .navbar-default .navbar-nav > li > a:hover, 
	.header .navbar-default .navbar-nav > .active > a
	{
		border-bottom: solid 1px #EEEEEE !important;
	}
	.header .navbar-default .navbar-nav > .open > a, 
	.header .navbar-default .navbar-nav > .open > a:hover, 
	.header .navbar-default .navbar-nav > .open > a:focus
	{
		border-bottom: solid 1px #EEEEEE !important;
	}
	.header .navbar-default .navbar-nav > .active > a,
	.header .navbar-default .navbar-nav > .active > a:hover,
	.header .navbar-default .navbar-nav > .active > a:focus {
		color: #fff !important;
		background: #72c02c;
	}
	.header .navbar-default .navbar-nav > li > a:focus {
		
		background: none;
		
	}
	
}


.panelelevetor{ border:1px solid #d1d1d1; padding:20px 20px 30px 20px; position:relative;
	
	background: linear-gradient(90deg, #e2e2e2 35%, #f4f4f4 60%); 
	background: -moz-linear-gradient(90deg, #e2e2e2 35%, #f4f4f4 60%); 
	background: -webkit-linear-gradient(90deg, #e2e2e2 35%, #f4f4f4 60%); 
	background: -o-linear-gradient(90deg, #e2e2e2 35%, #f4f4f4 60%); 
}


.submit_btn{ padding:30px 0px 10px 0px;}

.clr{ clear:both;}

.login_panelelevetor { background:#ffffff; border:1px solid #d1d1d1; padding-bottom:20px;
	box-shadow: inset 0px 0px 10px 0px #999;
	-webkit-box-shadow: inset 0px 0px 10px 0px #999;
	-moz-box-shadow: inset 0px 0px 10px 0px #999;
-o-box-shadow: inset 0px 0px 10px 0px #999; }

.dimension{ text-align:center; font-size:25px; text-transform:uppercase; color:#374d72; font-weight:bold; line-height:28px; padding:10px 0px 0px 0px;}
.dimension strong{ display:block; color:#f17a16;}
.panelelevetor .wrapper.border_shadow{ padding:10px 0px 0px; }
.panelelevetor .error{ color:#F00; position:absolute; top:5px; left:20px;}

.active.dropdown:hover ul.dropdown-menu{ display:block; z-index:1111 !important;}

.active.dropdown ul.dropdown-menu{  z-index:1111 !important; position:absolute;}

.active.dropdown ul.dropdown-menu a{ background:#fff; color:#000;}
.active.dropdown ul.dropdown-menu a:hover{ background:#e8e8e8;}
.form-heading-name h2{text-align:center;}

.allGroup_row {
	float: left;
	width: 78%;
}
.groupRow {
	float: left;
	width: 32.6%;
}
.margin_both_15{margin:0 15px;}

.custab{
    border: 1px solid #ccc;
    padding: 5px;
    margin: 5% 0;
    box-shadow: 3px 3px 2px #ccc;
    transition: 0.5s;
}
.custab:hover{
    box-shadow: 3px 3px 0px transparent;
    transition: 0.5s;
}
.table-responsive{width: 78%; float:left;}	
table.table {
	float: left;
	margin: 0;
	width: 100%;
}
table.table th, table.table td{padding:5px;}
/* table.table th{text-align:left;} */
table.table td{line-height:normal;}
table.table td .ui-input-text{margin:0;}
.hide{display:none  !important;}
.gropRadioBtn {
	float: left;
	width: 50%;
}
.gropRadioBtn > span {
	float: left;
}
.gropRadioBtn .ui-radio {
	float: left;
	margin: 0;
}
.gropRadioBtn .ui-radio input{
	margin:0;
}	
.login_panelelevetor input[type="text"], .registration_outer input[type="text"], .registration_outer  input[type="email"]{width:100%; border:1px solid #ccc; padding:5px;-webkit-appearance:none;border-radius:0;}
.login_panelelevetor input[type="password"], .registration_outer  input[type="password"]{width:100%; border:1px solid #ccc; padding:5px; -webkit-appearance:none; border-radius:0;}
.login_panelelevetor .submit_btn{padding-top:5px;}
.login_panelelevetor .submit_btn input[type="submit"], #submitbutton{background:#F5821F; border:none; border-radius:0; color:#fff; padding:8px 15px; transition: all 0.3s ease 0s;}
.login_panelelevetor .submit_btn input[type="submit"], #submitbutton:hover{background:#002454;}
.registration_outer{
	background: rgb(247,247,247); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(249,249,249,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(249,249,249,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(247,247,247,1) 0%,rgba(249,249,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */margin: 0 auto;
    max-width: 600px;
	width:100%;
    padding: 30px; 
box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.3);}
.ui-content.engineer_content_outer {max-width: 950px; width:100%; margin:0 auto;}
.engineer_content_outer .ui-field-contain {float: left;margin: 0 0 10px;padding: 0 10px;width: 47.8%; clear:inherit;}
.engineer_content_outer .ui-field-contain  label{float:left; width:100%;margin:0 0 5px;}
.engineer_content_outer .ui-input-text.ui-body-inherit.ui-corner-all.ui-shadow-inset{width:100%;}
.engineer_content_outer .ui-field-contain .ui-radio label {width: 50%;}
.engineer_content_outer .ui-radio {float: left; width:50%!important;}
.engineer_content_outer h2 {margin: 0;}
.table-responsive.table-form-product {width: 100%; margin-bottom: 20px;margin-top: 20px;}
.signature_custom {
  background-color: transparent;
  clear: both;
  padding: 0 3px;
}
    
.signature_custom > div {
    float: left;
   width: 22%;

}    
/*.signature_custom > div#tools, .signature_custom > div#tools1{width:78%;}*/
    
    /*This is the div within which the signature canvas is fitted*/
    #signature, #signature1 {
        border: 2px dotted black;
        background-color:lightgrey;
        width: 500px;
    }
    .signature_reset_custom {
  background: #0071bc none repeat scroll 0 0;
  border: 1px solid #0071bc;
  border-radius: 4px;
  color: #fff;
  margin: 15px 0;
  padding: 5px 8px;
}
.jobStatusHeight{min-height: 80px;}
.table-responsive.table-form-product {
  box-sizing: border-box;
  padding: 0 20px;
}
    /* Drawing the 'gripper' for touch-enabled devices */ 
    html.touch #content {
        float:left;
        width:92%;
    }
    html.touch #scrollgrabber {
        float:right;
        width:4%;
        margin-right:2%;
        background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAFCAAAAACh79lDAAAAAXNSR0IArs4c6QAAABJJREFUCB1jmMmQxjCT4T/DfwAPLgOXlrt3IwAAAABJRU5ErkJggg==)
    }
    html.borderradius #scrollgrabber {
        border-radius: 1em;
    }
    
    .titleNameBlock {
	  float: left;
	  width: auto;
	  margin-top: 7px;
	}

	.btnBlock_outer {
	  float: right;
	  margin-bottom: 5px;
	  margin-top: 7px;
	  width: auto;
	}

	.btnBlock_outer .ui-li-count.ui-body-inherit, .btnBlock_outer .ui-link {
	  margin-right: 5px;
	  padding-bottom: 3px;
	  padding-left: 5px;
	  padding-right: 5px;
	  padding-top: 3px;
	  position: inherit;
	  text-decoration: none;
	}
	
	.uiButtonBottom{float: left;}
	.uiButtonBottom a{display: inline-block; text-decoration: none; margin-bottom: 15px;}
	.uiButtonBottom a span{padding: 5px 8px; position: inherit;}

@media (min-width: 992px) and (max-width: 1024px) { 

}

@media (min-width: 768px) and (max-width: 991px) { 
	
body{background-size:cover!important;}
.groupRow{width: 31.5%;}
	
}
.breadcrumb {
font-size : 18px;
}
@media (max-width: 767px) {
	.allGroup_row{width:100%;}
	.groupRow{width:100%;}
	.groupRow.margin_both_15 {
		margin: 0;
	}
	.ui-field-contain {
		float: left;
		width: 100%;
	}
	.table-responsive {
		float: left;
		overflow: auto;
		width: 100%;
	}

	form.service_form_outer .ui-select {
   	width: 100%;
	}
	.ui-content.engineer_content_outer{width:auto;}
	.engineer_content_outer .ui-field-contain{width:100%;box-sizing: border-box;border: medium none;}
	
	.engineer_content_outer .ui-input-text.ui-body-inherit.ui-corner-all.ui-shadow-inset{float: left;}
	.engineer_content_outer .ui-radio {width: 100%!important;}
	.signature_custom {padding: 0 10px;}
	.ui-header .ui-title, .ui-footer .ui-title {margin: 0 5px;text-align: left;}
	.signature_custom > div {width: 100%;}    
	.signature_custom > div#tools, .signature_custom > div#tools1{width:100%;}
	#signature, #signature1 {
        border: 2px dotted black;
        background-color:lightgrey;
        width: 500px;
    }
	
	#signature, #signature1{ width:100%;}

	.btnBlock_outer {
	  float: left;
	  margin-bottom: 5px;
	  margin-top: 7px;
	  width: 100%;
	}

	.btnBlock_outer .ui-li-count.ui-body-inherit, .btnBlock_outer .ui-link {
	  margin-right: 5px;
	  padding-bottom: 3px;
	  padding-left: 5px;
	  padding-right: 5px;
	  padding-top: 3px;
	  position: inherit;
	  text-decoration: none;
	}
	.btnBlock_outer .ui-li-count{ font-size: 12.4px;}
}
.select2-container--default .select2-selection--single,.select2-container--default.select2-container--focus .select2-selection--multiple {
	background-color: #fff;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	border-radius: 3px;
	height: 34px;
	border: 1px solid #ccc;
}	
.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #444;
	line-height: 34px;
}
.select_all_outer{
	border-bottom: 1px solid #ddd;
	padding-bottom: 8px;
	margin-bottom: 15px;
	font-size: 16px;
	margin-top: 11px;
}
.select_all_outer input{
	width: 17px;
    height: 17px;
    border: 2px solid #ddd;
}

/* Hims css*/
.clearfix{
	clear: both;
	margin: 0;
	padding: 0;
	float: none!important;
}
.checklist_outer{
	border: 1px solid #c4c4c4;
    padding: 10px;
    background: #fff;
    box-shadow: 2px 1px 9px 1px #c5c5c5;
    margin-top: 10px;
    margin-bottom: 16px;
	color: #333;
}
.checklist_outer td,.checklist_outer th{
	border: 1px solid #c4c4c4;
    padding: 3px;
    font-size: 12px;
	margin-bottom: 10px;
}
.field_section{
	overflow: hidden;
    overflow-x: auto;
}
@media (max-width: 767px) {
	.outside-div .ui-field-contain {
		float: inherit;
	}
}
.remove_section {
	width: 150px !important;
	float: right;
  
}
.signature_custom_n div#tools1{
	width: 30%;
}
.engineer_section{
	border: 1px solid #c4c4c4;
padding: 19px;
margin-bottom: 10px;
}
div.engineer_section ul {
	margin: 0;
	padding: 0;
}
div.engineer_section ul li {
	list-style: none;
	border: 1px solid #c4c4c4;
	padding: 5px;
}
.check_outer {
    display: inline-block;
    width: 90px;
}
.check_outer .ui-checkbox {
    display: inline-block;
    width: 34px;
}
.check_outer .ui-radio {
    display: inline-block;
    width: 38px;
}
#quantity_of_engineer-button span.form-control , span.form-control.combine , #quantity_of_helper-button span.form-control , #equipment_hire-button span.form-control {
    background: none;
    border: 0;
    color: #fff;
}
#quantity_of_engineer-button, #quantity_of_helper-button, #equipment_hire-button {
    padding: 0;
}
.cs_inner{
	max-width: 850px;
	margin: auto;
}
.table_outer{
	border: 1px solid #c4c4c4;
    padding: 10px;
}
table.box_outer td{
	border: 0;
}
td.hide_new{
	display: none;
}
div.attachment_section{
	border: 1px solid #c4c4c4;
	padding: 10px;
  
}
.attach_file_outer{
	border: 1px solid #c4c4c4;
    margin: 14px 10px 11px 0;
    padding: 10px;
}