.added_note{    
  padding-top: 15px;
  text-align: justify;
  font: bold 14px arial, sans-serif;
  color: #565656;
  font-weight: 600;
  font-size: 14px;
  padding-left: 19px;
  padding-right: 19px;
}

.field_lbl{
  color: #565656;
  font-weight: 600;
  padding-left: 19px; 
  padding-right: 19px;	
  width:218px;
  font: bold 14px arial, sans-serif;
}

body, html{
	font-family: 'ocean sans', verdana, arial, helvetica!important;
	padding:0!important;
	margin:0!important;
}

#Recaptcha{
  position: relative;
  top: 30px;	
}

#shadow{
	height:100px;
	width:100%;
	background: #000;
	position:fixed;
	top:-101px;
	z-index:9999;
	-webkit-box-shadow: 0 10px 6px -6px #777;
	-moz-box-shadow: 0 10px 6px -6px #777;
	box-shadow: 0 10px 6px -6px #777;	
}

.title_duplicate{
	background:orange;
	font-size:16px;
	font-weight:600;
	height:37px!important;
}

.main_header_title{
	background:#003567;	
	font-size: 16px;
	font-weight:600;
	height:37px!important;
}

.main_header_title td font b{
	position:relative;
	left:20px;
}

.hideSortrow{
	display:none;
}

#sr_body{
	background: #003567;
}

#sr_body .custom_tr{
	height: 50px;
}

.work_order_type_title_tbl_wrap{
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px; 
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

#work_order_type_title{
	font-weight:600;
	font-size: 14px;
	color:#565656;
}

.form_header_title{
	background:#003567;
}

.form_header_title font b{
	position:relative;
	left: 20px;
}

#sr_bottom_note font{
	color:#fff!important;
}

input[type="button"], input[type="button"]:active, button, button:active{
	outline:0;
}

#srtable{
	position: relative;
	top: 30px;
	/*background: pink; 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#fafafa), color-stop(100%,#e5e5e5))!important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e5e5e5',GradientType=0 )!important; 
	border: 1px #003567;*/
	border-radius: 10px;
	box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.80);
	-moz-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.80);
	-webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.80);
	/* background: -ms-linear-gradient(top, #fafafa 10%, #e5e5e5 100%)!important;
	background: -moz-linear-gradient(top, #fafafa 10%, #e5e5e5 100%)!important; */
}


.identify {
  width: 428px; 
  height: 35px;
  border: 1px solid #ccc;
  background: #FCFCFC!important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
 }
 .identifyDate { 
  height: 35px;
  border: 1px solid #ccc;
  background: #FCFCFC!important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;	
  display:inline-block;
  padding-right: 3px
}


.t {
  position: relative;
  top: 4px;
  margin-left: 10px;
}

.hide{
	display:none;
}

.txtfield {
  -webkit-appearance: none;
  position: relative;
  top: -5px;
  background: #FCFCFC!important;
  outline: none;
  font-size: 12px;
  height: 30px;
  width: 378px;
  border: 0;
  color: #565656;
}
.txtDateUserfield, .txtDateUserfieldTime{
  -webkit-appearance: none;
  position: relative;
  background: #FCFCFC!important;
  outline: none;
  font-size: 12px;
  height: 30;
  width: 110px;
  border: 0;
  color: #565656;	
  top:2px;
  left:3px;
}		

.identifyUser{
  height: 35px;
  border: 1px solid #ccc;
  background: #FCFCFC!important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;	
  display:inline-block;
  padding-right: 3px
}	
.txtUserfield{
  -webkit-appearance: none;
	position: relative;
	top: 2px;	
  left:3px;
  background: #FCFCFC!important;
  outline: none;
  font-size: 12px;
  height: 30;
  border: 0;
  color: #565656;	
}

.ddField{
  height: 37px;
  border-radius: 5px;	
  border: 1px solid #ccc;
  outline:0;
  background: #FCFCFC;
  padding: 5px;
  color: #565656;
}
.ddField:active, .ddField:focus{
	outline:none;
}

.txtContact{
	position:relative;
	top:2px;
	left:3px;
}
.txtCenter{
	position:relative;
	top:2px;
	left: 10px;
}
.phoneinput{
	position: relative;
	top: 2px;
	left: 6px;	
}
.txtSearch{
	position:relative;
	top: 2px;
	left: 3px; 
}
.txtLocation{
	position:relative;
	top:2px;
	left: 3px;
}
.txtRequired{
	position:relative;
	top:2px;
	left: 5px;
	width: 105px;
}
.txtRequiredTime{
	position:relative;
	top:2px;
	left: 5px;
	width: 105px;
}
.txtCalendar{
	position:relative;
	width: 105px;
	top:7px!important;
	left:4px;
}
.txtTitle{
	position:relative;
	top:2px;
	left:5px;
}
#requiredWrap, #requiredtimeWrap, .txtDate, .txtDateTime{
	width:125px;
}

.SortTR td .tcalIcon{
	position: relative;
	left: 160px;
	top: -26px;
	height: 18px;
} 


#woinstruct, .txtarea{
	border-radius: 5px;
	border: 1px solid #ccc;
	padding: 8px;
	width: 856px;
	background: #FCFCFC!important;
	border: 1px solid  #ccc;
	position:relative;
	left:20px;
	font-size: 12px;
	outline:0;
  font-family: "ocean sans", verdana, arial, helvetica!important;
  color: #565656;
  margin-bottom:20px;
}
#woinstruct:active, .txtarea:active{
	outline:0;
}

.dropzone.dz-clickable {
  cursor: pointer;
  border-radius: 5px;
  border: 1px solid #ccc;
  background: #FCFCFC!important;	
}

#tcalShade{
	display:none;
}

.fa-phone, .fa-envelope, .fa-dollar-sign, .fa-search, .fa-map-marker, .fa-pencil-alt, .glyphicon-user, .glyphicon-map-marker, 
.identify .t .fas, .identify .t .fab, .fa-industry, .fa-barcode, .fa-info-circle, .fa-bolt, .fa-concierge-bell, .fa-cogs, .fa-umbrella, .fa-puzzle-piece, .glyphicon-wrench {
	font-size: 16px;
	color: #C4C4C4!important;
	margin-left: 5px;	
}

.txtEmail{
	position: relative;
	top: 2px;
	left:5px;
}

.lbl{
	font: bold 14px arial, sans-serif;
	color: #565656;
	font-weight:600;
	font-size:14px;	
	position:relative;
	left: 20px;
	white-space:nowrap;
}

.locationWrapper{
	position:relative;
}

.locationWrapper2{
	position:relative;
}

_:-ms-fullscreen, :root .locationWrapper2 {
	position:relative;
	left:134px!important;	
}

#srtable .btnSubmit{
 background: #003567;
 border: solid 1px #003567;
 font-size: 14px;
 color: #fff;
 font-weight: 400;
 height: 35px;
 width: 80px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
}

#asset{
	height:44px;
	overflow-y:hidden;
	position: relative;
	top: 2px;
}

#srtable .btnSubmit:hover{
 background: #830000;
 border: solid 1px #830000;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 font-weight: 400;
}

#srtable .btnAddItems{
 background: #003567;
 border: solid 1px #003567;
 font-size: 14px;
 color: #fff;
 font-weight: 400;
 height: 35px;
 width: 100px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
}

#srtable .btnAddItems:hover{
 background: #830000;
 border: solid 1px #830000;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 font-weight: 400;
}

.btnfindWO{
 background: #003567;
 border: solid 1px #003567;
 font-size: 14px;
 color: #fff;
 font-weight: 400;
 height: 35px;
 width: 80px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px; 
 margin-right:5px;
}
.btnfindWO:hover{
 background: #830000;
 border: solid 1px #830000;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 font-weight: 400; 
}
.btnLoopUp2{
 background: #003567;
 border: solid 1px #003567;
 font-size: 14px;
 color: #fff;
 font-weight: 400;
 height: 35px;
 width: 80px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
}
.btnLoopUp2:hover{
 background: #830000;
 border: solid 1px #830000;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 font-weight: 400;  
}
.btnfindWO, .btnLoopUp2{
	position:relative;
	top:0px;
}


.pageFont{font-size:20px;}
.pageFont2{font-size:18px;}


.sl2FormFont2{
	font-weight:600;
	color:#fff;
	font-size:11px;
}

.sr2Form{
	table-lauout:fixed!important;
}

.sr2Form .data{
 font-size: 13px;
 height:28px!important; 
}
.sr2Form .data td a span{
	 color:#000!important;
	 font-family: Verdana, Arial, Helvetica, sans-serif!important;
}
.sr2Form .data td a #feedback_link{
	color:#cc0000!important;	
}

.sr2Form .data:nth-child(odd){
	background-color:#efefef!important;
}

.feedbackForm .submitFeedback{
 background: #003567;
 border: solid 1px #003567;
 font-size: 14px;
 color: #fff;
 font-weight: 400;
 height: 35px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px; 
}
.feedbackForm .submitFeedback:hover{
 background: #830000;
 border: solid 1px #830000;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 font-weight: 400; 
}


.feedbackForm .name{
   width: 200px;
} 
  
.feedbackForm .email{
   width: 200px;
} 
  
.feedbackForm .phone{
   width: 150px;
}

  #uploadDocForm td{
   height:20px;
  }
  
  #uploadDocForm .deleteDoc{
   background: #003567;
   border: solid 1px #003567;
   font-size: 14px;
   color: #fff;
   font-weight: 400;
   height: 25px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px; 
  }
  #uploadDocForm .deleteDoc:hover{
   background: #830000;
   border: solid 1px #830000;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   font-weight: 400;   
  }

 .employeePic{
		height:180px;
		width: 180px;
		-webkit-border-radius: 10px!important;
		-moz-border-radius: 10px!important;
		border-radius: 10px!important;
		box-shadow: 0 8px 6px -6px #ccc!important;
		-moz-box-shadow: 0 8px 6px -6px #ccc!important;
		-webkit-box-shadow: 0 8px 6px -6px #ccc!important;
		border: 1px solid #ccc;
		object-fit:contain;
 }

 
 #employeeName{
  position:relative;
  left: 20px;
 }  
 
 .feedbackForm #outputHours{
   position:relative;
   right: 400px;
   display: block;
 }
 
/*******GRAB HONEY******/ 
.confirmation-field-gotcha{display:none;}




/*****************8SERVICE LOOKUP********************/

#slupsearchciteria{
	padding-bottom:20px;
}


.slidentify {
  width: 280px;
  height: 35px;
  border: 1px solid #ccc;
  background: #fff!important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}


.sltxtfield {
  -webkit-appearance: none;
  position: relative;
  top: -5px;
  background: #fff!important;
  outline: none;
  font-size: 12px;
  height: 30;
  width: 236px;
  border: 0;
  color: #565656;
}

.slddField{
  height: 37px;
  border-radius: 5px;	
  border: 1px solid #ccc;
  outline:0;
  background: #fff;
  padding: 5px;
  color: #565656;
}
.slddField:active, .slddField:focus{
	outline:none;
}

.slWrapper{
  position: relative;
  top: 30px;	
}

#sr2Title{
	height:32px;
	background: #003567;
	font-size:12px;
	color:#fff;
}

#slupmaintitle{
	position:relative;
	left: 5px;
}  

.slForm, .slform body{
	border: 1px solid #7D7D7D;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-collapse: separate; 
	background: #e5e5e5;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.1, rgb(250, 250, 250)), to(rgb(229, 229, 229)));
	background: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fafafa", endColorstr="#e5e5e5",GradientType=0 );
	box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	-webkit-box-shadow: 0 8px 6px -6px black;
	width: 740px;
}

.rounded-left-right, .sluptitle{
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;	
	border: 5px solid #003567;
}

/*IE*/
_:-ms-fullscreen, :root .date_range_lbl{
	position:relative!important;
	top: 3px!important;
	right: 6px!important;
}

#daterowwrapper{
		height:75px!important;
	}	
#sluplblstart{
  position: relative;
	left: 30px;
	right: 5px;
}
#querydatestartdate{
  position: relative;
  left: 10px;		
}
.daterow #tcalico_0{
	position:relative;
	right:25px;
}

#sluplblend{
	position: relative;
	left: 30px;
	right: 5px;	
}

#querydateenddate{
  position: relative;
  left: 0px;	
}

.daterow #tcalico_1{
	position:relative;
	right:35px;
}

#querydatestartdate, #querydateenddate{
	width:100px;
}


.date_range_info{
	font-size: 12px;
}

.date_range_info i{
	position:relative;
	top:-3px;
}


.sluptitle{
	background:#003567;
	height: 27px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.t2{
	position: relative;
	top: 4px;
	right:5px;
}


.queryDateWrap{
	width: 150px;
	position:relative;
	left:30px;
	display:inline-block;
}

.sluplbl{
  font: bold 14px arial, sans-serif;
  color: #565656;
  font-weight: 600;
  font-size: 14px;
  position: relative;
  top: 11px;
  left:12px;
  white-space: nowrap;
  float: left;	
}

.txtQueryDate{
	position:relative;
	top:2px;
	left: 0px;
	width: 75px;
	font-weight:300;
}

.sluptaclIcon{
	position:relative;
	float:right;
	top:-15px;
}

#date_range{
  height: 35px;
  border-radius: 5px;
  border: 1px solid #ccc;
  outline: 0;
  background: #fff;
  padding: 5px;
  color: #565656;	
	position: relative;
	right: 10px;
	font-size: 12px;
	font-weight:300;
}

.queryEmailWrap{
	margin-top:10px;
	margin-bottom:10px;
}

.date_range_lbl{
	font-style: normal;
  font: bold 14px arial, sans-serif;
  color: #565656;
  font-weight: 600;	
  position:relative;
  right:16px;
}

.sluplbl_email{
	position:relative;
	top:0px;
}

.slupemail{
	position:relative;
	top:2px;
	left:15px;
}

.sluplblsort{
	position:relative;
	top: -3px;
}

.criteria_icon_wrapper{
	position:relative;
	left: 10px;
	top:2px;
}

.sluplblarea{
  position: relative;
  top: -3px;	
}

.area_num_dd, #selectsort{
	margin-bottom:10px;
}

#reqSecureCode{
  float: right;
  position: relative;
  top: -25px;	
	right: 150px; 
}

.criteria_icon_wrapper .glyphicon-lock{
	position:relative;
	top:3px;
	left:3px;
	font-size: 16px;
	color: #C4C4C4
}
.slidentify #security_code{
	position:relative;
	left: 20px;
	top: 1px;
}
.sluplblcode{
	position:relative;
	top: -5px;
}

.queryLocationWrap{
	margin-bottom:10px;
}
.criteria_icon_wrapper .glyphicon-map-marker{
    position: relative;
    right: 5px;	
}
.sluplblloc{
    position: relative;
    top: -4px;	
}
.sluplocation{
	position:relative;
	left:15px;
	top: 1px;
}

.sluplblgrouping{
  position: relative;
  top: -3px;	
}

#report_grouping{
	margin-bottom:10px;
}

.sluplblstatus{
    position: relative;
    top: -2px;	
}
.slupstatus{
	margin-bottom:10px;
}



.sr2Form .data td{
	text-align:center;
}


.workorderdetailsForm{
	font-size:12px;
}

.detaillbl, .slupdetaillbl{
	font-weight:600!important; 
}
 


.workorderdetailsForm .detail_title_row{
	height: 35px;
} 
.workorderdetailsForm .detail_title_row td{
	padding:8px;
	font-size: 14px;
}

.workorderdetailsForm .info_rows{
	height:30px;
	white-space:nowrap;
}
.workorderdetailsForm .detail_row_wrapper td{
	padding:8px;
}

.workorderdetailsForm .info_rows td{
	padding:8px;
}

.assign_worker_info{
	font-size:12px;
}

#tbl_assign_workers .row{
	margin-left:20px;
	margin-right:20px;
}

.col-sm-4 {
    width: 23%;
}