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


.hideSortrow{
	display:none;
}

#sr_body{
	background: #003567;
}

#sr_body tr{
	height: 50px;
}


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

.form_header_title{
	background:#820c0d;
}

.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: #E0E0E0; */
	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: solid 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: 280px;
  height: 42px;
  border: 1px solid #ccc;
  background: #FCFCFC!important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}


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

.hide{
	display:none;
}

.txtfield {
  -webkit-appearance: none;
  position: relative;
  top: -5px;
  background: #FCFCFC!important;
  outline: none;
  font-size: 12px;
  height: 30;
  width: 236px;
  border: 0;
  color: #565656;
}
.ddField{
  height: 44px;
  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:5px;
	left:3px;
}
.txtCenter{
	position:relative;
	top:5px;
	left: 10px;
}
.phoneinput{
	position: relative;
	top: 6px;
	left: 6px;	
}
.txtSearch{
	position:relative;
	top: 6px;
	left: 3px; 
}
.txtLocation{
	position:relative;
	top:6px;
	left: 3px;
}
.txtRequired{
	position:relative;
	top:6px;
	left: 5px;
	width: 105px;
}
.txtCalendar{
	position:relative;
	width: 105px;
	top:7px!important;
	left:4px;
}
.txtTitle{
	position:relative;
	top:6px;
	left:5px;
}
#requiredWrap, .txtDate{
	width:150px;
}

.SortTR td #tcalico_0, .SortTR td #tcalico_1{
	position: relative;
	left: 160px;
	top: -30px;
	height: 18px;
} 

#dd_date_wrap{
  float: right;
  position: relative;
  right: 120px;
  top: -43px;	
}
.txtUserfield{
	position: relative;
	top: 8px;	
}

#woinstruct{
	border-radius: 5px;
	border: 1px solid #ccc;
	padding: 8px;
	width: 730px;
	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{
	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{
	font-size: 16px;
	color: #C4C4C4;
	margin-left: 5px; 
}
.fa-calendar-alt {
	font-size: 16px;
	color: #C4C4C4;
	margin-left: 0px;  
}
.txtEmail{
	position: relative;
	top: 7px;
	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 .title{font-size: 16px;}

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

#srtable .btnSubmit: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;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 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: 134px;
	-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;  
}



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


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

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

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


#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;   
}
 
/*******GRAB HONEY******/ 
.confirmation-field-gotcha{display:none;}


#feedback-form-wrapper {
	width: 780px;
	border-collapse:separate;
	margin: 30px auto;
	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);
	border-radius: 10px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.1, rgb(250, 250, 250)), to(rgb(229, 229, 229)));
}

.feedback-main-title-wrapper {
	-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;
	height: 50px;
}

#feedback-main-title {
	font-size: 14px;
	font-weight: 600;
	color: #565656;
}

.tbl-header-title-wrapper {
	background-color: #003567; 
	height: 37px;
}

.feedback-header-title {
	color: #fff;
	font-weight: 700;
	position: relative;
	left: 20px;	
	font-family: ocean sans, verdana, arial, helvetica;
	margin: 0;
	font-size: 16px;
}

.feeback-tbl-first-cell{
	width: 15%;
}


.identify {
	width: 428px;
	height: 35px;
	border: 1px solid #ccc;
	background: #FCFCFC!important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.t {
	position: relative;
	top: 4px;
	margin-left: 10px;
}
.fa-calendar-alt {
	font-size: 16px;
	color: #C4C4C4!important;
	margin-left: 0px; 
}
.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 {
	font-size: 16px;
	color: #C4C4C4!important;
	margin-left: 5px;
}
.feedback-forms-input {
	-webkit-appearance: none;
	position: relative;
	top: 2px;
	left: 3px;
	background: #FCFCFC!important;
	outline: none;
	font-size: 13px;
	height: 30;
	width: 85%;
	border: 0;
	color: #565656;
}
.feedback-forms-select {
	height: 37px;
	border-radius: 5px;
	border: 1px solid #ccc;
	outline: 0;
	background: #FCFCFC;
	padding: 5px;
	color: #565656;
	font-size: 13px;
}
.feedback-forms-textarea {
	border-radius: 5px;
	border: 1px solid #ccc;
	padding: 8px;
	width: 730px;
	background: #FCFCFC!important;
	border: 1px solid #ccc;
	font-size: 13px;
	outline: 0;
	font-family: "ocean sans", verdana, arial, helvetica!important;
	color: #565656;
	margin-bottom: 20px;
	position: relative;
	left: 20px;
}
.feedback-labels {
	font: bold 14px arial, sans-serif;
	color: #565656;
	font-weight: 600;
	font-size: 14px;
	white-space: nowrap;
	position: relative;
	left: 20px;
}
.feedback-values, .mech-notes {
	font-size: 13px;
	font-family: arial, sans-serif;
}


.employee-grid-container {
	display: grid;
	grid-template-columns: auto auto;
	padding: 10px;
}
.employee-grid-item {
	/* background-color: rgba(255, 255, 255, 0.8);
	border: 1px solid rgba(0, 0, 0, 0.8); */
	padding: 30px;
	text-align: center;	
}

.employee-content-wrapper {
	width: 180px;
	height: 180px;	
	margin: 0 auto;
}

.feedback-employee-wrapper {
	width: 180px;
	height: 180px;
	margin: 0 auto;
}

.feedback-employee-wrapper .employeePic{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px; 
	border-radius: 10px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.employeename-wrapper{
	text-align: center;
	position: relative;
} 
 
 #feedback-form-wrapper #outputHours{
   position:relative;
   right: 205px;
   display: block;
 }