body, html{
	font-family: 'ocean sans', verdana, arial, helvetica!important;
	padding:0!important;
	margin:0!important;
	width:100%;
	width:100vw;
}
.dtp div.dtp-actual-num {
 font-size: 2em!important;
}
.dtp div.dtp-date, .dtp div.dtp-time {
    padding: 5px!important;
}
.dtp div.dtp-actual-month, .dtp div.dtp-actual-year {
    font-size: 1em!important;
}
.dtp .dtp-buttons .btn {
 margin: 3px 1px!important;
}
.dtp div.dtp-picker {
    padding: .5em .5em 0 .5em!important;
    text-align: center;
}

@media (max-width:800px){
 #sr_body .custom_tr {
    height: 30px!important;
}  
	#work_order_type_title{
  	font-size:20px!important;
	}
	
	.lbl{
		font-size:12px!important;
		left: 10px!important
	}
	.lblRemember {
	 font-size:10px!important;
	}
	#slupmaintitle{
		position:relative;
		left: 0px!important;
	} 
	
}


/*iPhone4S, iPhone5, Nexus 4, Nexus 7, etc*/
@media only screen and (-webkit-min-device-pixel-ratio : 2){
	
	.added_note{    
	  font-size: 15px!important;
	}	

	#slupmaintitle{
		position:relative;
		left: 0px!important;
	}  
  
  /*CSS  */
	.t {
	    top: 4px!important;
	}  

  .identifyUser{
  	height:30px!important;
  	width:180px!important;
   margin-top: 5px!important;
   margin-bottom: 5px!important;
  }
  .txtUserfield{
		position: relative;
		width: 135px!important;
		top: 2px!important; 	
  }
  
  #duplicates, .scrollup_window{
  	height:280px!important;
  	width: 100%!important;
  }
  .scroll_dup{
  	font-size:30px!important;
  }
  
	.SortTR td .tcalIcon {
    position: relative!important;
    left: 280px!important;
    top: -52px!important;
    height: 23px!important;
	}  
	#tcal{
		width:100%!important;
		left:0!important;
	}
  div#tcal table {
  	table-layout: fixed;
  }	
	
	#tcal tr{
		height:100px;
	}
	div#tcal table.ctrl th {
	  font-size: 37px!important;
	}	
	
	.ctrl tr td img{
		height:30px;
	}
	.ctrl tr td[title="Previous Month"]{
		position: relative;
		left: 150px;
	}
	.ctrl tr td[title="Previous Year"]{
		position: relative;
		left: 50px;
	}  
	.ctrl tr td[title="Next Month"]{
		position: relative;
		right: 150px;
	}
	.ctrl tr td[title="Next Year"]{
		position: relative;
		right: 50px;
	}  
	div#tcal th{
		font-size:12px!important;
	}
	div#tcal td{
		font-size:35px;
	}
  #sr_body .custom_tr {
    height: 30px!important;
}  
  #work_order_type_title{
  	font-size:20px!important;
  }
	.lbl{
		font-size:12px!important;
		left: 10px!important
	} 
	.lblRemember {
	 font-size:10px!important;
	} 
	.identify {
	  width: 180px!important;
	  height:30px!important;
	  margin-top:5px!important;
	  margin-bottom:5px!important;
	}	
	.assign {
	  width: 180px!important;
	}	
		.txtfield {
	 width: 135px!important;
	}
		.div_location {
	 width: 260px!important;
	}
	.fa-envelope{
		position: relative!important;
		top: -3px!important;
		font-size:16px!important;
  }	 
	.txtEmail{
		position:relative!important;
		top:2px!important;
		font-size:30px!important;
	}
	
	.glyphicon-user{
		position: relative!important;
		top: 2px!important;
		font-size:16px!important;		
	}
	
	.fa-phone{
		float:left!important;
		font-size:12px!important;
    margin-left: 15px!important;
    position: relative!important;
    top: 2px!important;
    margin-right: 6px!important;
	}
	.fa-search, .glyphicon-map-marker, .fa-pencil-alt, .fa-key{
		font-size:16px!important;
		position:relative!important;
		top:-2px!important;
		margin-left: 3px!important;
	}


	#requiredWrap, .txtDate{
	  width: 100px!important;
	  height: 30px!important;
	}	
	#requiredtimeWrap{
	 width: 75px!important;
	 height: 30px!important;
	}
	.txtRequired {
		width:80px!important;
		position: relative;
		left: 54px;
	}
	.txtRequiredTime{
	 width:60px!important;
		position: relative;
		left: 54px;
	}	
	.txtDate{
		width:100px!important;
	}
	.txtDateTime{
		width:75px!important;
	}
	.txtDateUserfield{
		width: 80px!important;
	}
	.txtDateUserfieldTime{
		width: 60px!important;
	}
	#dd_date_wrap {
    float: right!important;
    position: relative!important;
    right: 100px!important;
    top: -57px!important;
	}	
	
	.mlbl{
    position: relative!important;
    top: -7px!important;		
	}
	
	.dropzone {
	    height: 50px;
	    width: 300px!important;
	}	
	
	.dropzone .dz-message {
     margin-top: 11px;
     font-size: 10px; 
	}

  
  #wrapper{
   width:100%!important;
   position: relative!important;
  	top: -31px!important;
  }
  #srtable{
   width:100%!important;
   border: none!important;
   border-radius:0!important;
  }
  
  
  #srtable td{
   height:20px!important;
   font-size: 15px!important;
   padding-right: 8px;
  }
  #srtable td.lblRadio{
   font-size: 12px!important;
  }
  #srtable input{
   height: 23px!important;
   font-size:12px!important;
  }
  #srtable .title{
   font-size:15px!important;
   text-align: center!important;
  } 
  .calendar_link{
   margin-top: 5px;
  }
     
  #srtable select{
   height: 30px!important;
   font-size:12px!important;
	 margin-top:5px!important;  
	 margin-bottom:5px!important; 
  }
  #srtable .longinput{
   width: 180px!important;
   font-size:12px!important;
  }
  #srtable .shortinput{
   font-size:12px!important;
  }
  
  #srtable .cardinput{
   width: 80px!important;
   font-size:12px!important;
   display: inline!important;
  }
  #srtable .otherinput{
   width: 190px!important;
   font-size:12px!important;
  }
  #srtable #name{
   width: 180px!important;
   font-size:12px!important;
  }
  #srtable #phoneinput{
   width: 100px!important;
   font-size:12px!important;
   float: left!important;
  }
  #srtable #woinstruct{
    width: 300px!important;
    height: 100px!important;
    font-size:12px!important;
    /* margin-left: 20px!important; */
    margin-bottom: 30px;
  }

   #searhMore2{
    width:250px!important;
   }
  
  #srtable .btnSubmit{
		background: #003567!important;
		color: #fff!important;
		border: 1px #003567 solid!important;
		-webkit-border-radius: 5px!important;
		-moz-border-radius: 5px!important;
		border-radius: 5px!important;
		height: 40px!important;
		width: 100px!important;
		font-size:18px!important;   
		position: relative!important;
		top: -2px!important;
		font-weight: 400!important; 
  }

  #srtable .btnSubmit.gps{
		background: #003567!important;
		color: #fff!important;
		border: 1px #003567 solid!important;
		-webkit-border-radius: 3px!important;
		-moz-border-radius: 3px!important;
		border-radius: 3px!important;
		height: 30px!important;
		width: 70px!important;
		font-size:10px!important;   
		position: relative!important;
		top: -2px!important;
		font-weight: 400!important; 
		margin-top: 5px!important;
  }

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

  #asset{
   height: 30px!important;
  }
  
  #unit_num{
   height: 30px!important;
   font-size:12px!important;
  }
  #unit_num:hover{

  }

  .seviceSelectWrap{
   width: 100%!important;
   position:relative;
   top: 40px;
  }
  .field{
   display: block!important;
    margin-bottom: 5px!important;
    font-size: 38px!important;
    float: left!important;
    white-space:normal!important;
    width: 100%!important;
  }
  .ServiceDept{
   font-size: 35px!important;
  }
  .RequestServ{
   font-size: 35px!important;
  }
  .nonbreak{
   width: 100%!important;
   float: left!important;
  }
  #lblselectService3{
   font-size: 35px!important; 
  }
  #logo{
   height: 75px!important;
  }
  #logoHeight{
   height: 400px!important;
  }
  .serviceselectnewwrap{
   position: relative!important;
   top: 40px!important;
  } 
  .pageFont{
   font-size: 25px!important;   
  }
  .pageFont2{
   font-size: 20px!important;   
  }
  .thankyou{
   font-size: 20px!important;
  }
  
  #uploadDocForm{height:400px!important;}
  
  #uploadDocForm td{
   height: 30px!important;
   font-size: 40px!important;
  }
  #uploadDocForm input{
   height: 40px!important;
   font-size: 12px!important;
  }
  
  #uploadDocForm .deleteDoc{
   background: #003567!important;
   color: #fff!important;
   height: 60px!important;
   width: 150px!important;
   border: solid 1px #003567!important;
   font-size: 30px!important; 
   text-align: center!important;
   -webkit-border-radius: 5px!important;
   -moz-border-radius: 5px!important;
   border-radius: 5px!important;
   font-weight: 400!important; 
   position:relative!important;
   top: 10px!important;  
  }
  #uploadDocForm .deleteDoc:hover{
   background: #B31212!important;
   border: solid 1px #B31212!important;
   -webkit-border-radius: 5px!important;
   -moz-border-radius: 5px!important;
   border-radius: 5px!important;   
  }
  
  #DocumentUpload1{
   height: 650px!important;
  }
  
/**********SERVICE LOOKUP********/

	.titleLabel{
		font-size: 40px!important;
		font-weight: bold!important;
		display: inline-block!important;
		width: 100%!important;
		color: #FFF!important;
		margin-top: 0px!important;
		text-align: center!important;
	}
	
	.sluplbl{
		font-size:12px!important;
	}
	
	
	.sluplblquerydate{
		top: 0px!important;
		left: 0px!important;
	}	
	
	.queryDateWrap {
	  width: 80px!important;
	  position: relative;
	  top: 12px!important;
	  height: 30px!important;
	}	
	
	.txtQueryDate {
	  position: relative;
	  top: 4px!important;
	  left: 0px;
	  width: 74px!important;
	  font-weight: 300;
	}	
	
	#querydatestartdate, #querydateenddate{
		position: relative;
		left: -15px!important;		
		top: 15px!important;
	}	
	
	#sluplblstart{
		position:relative;
		left:50px!important;
		top: 5px!important;
	}
	
	#sluplblend {
		position: relative;
		left: 50px!important;
		top: 4px!important;
	}
	
	.sluplblcalendar{
		display:none!important;
	}	
	
	.sluptaclIcon {
    position: relative;
    top: -22px!important;
    height: 45px!important;
	}
	
	.daterow #tcalico_0, .daterow #tcalico_1 {
	  position: relative;
	  left: 0px!important;
	  top: -11px!important;
	}	

	.txtQueryDate {
	  position: relative;
	  top: 4px!important;
	  left: 0px;
	  width: 74px!important;
	  font-weight: 300;
	}	
	
	#daterowwrapper{
		height:  100px!important;
	}	
	.daterow {
	 width: 33%!important;
	}
	.date_range_info i {
    position: relative;
    top: -12px!important;
	}	
	
	#slupsearchciteria{
		padding-bottom:20px!important;
	}
	
	
	.date_range_lbl {
	  font-size: 12px!important;
	  top: 0px!important;
	  left: 0px!important;
	}	

	.date_range #date_range{
    position: relative!important;
    top: -2px!important;
    right: 0px!important;
    height: 30px!important;
    width: 100px!important;		
	}

	.date_range_info {
	    font-size: 12px!important;
	}	
	.date_range {
	 width: 33%;
	}	
	.queryEmailWrap, .queryLocationWrap {
		height: 30px!important;
		width: 180px!important;
	}	
	.queryEmailWrap .slupemail, .queryLocationWrap .sluplocation{
		width: 135px!important;
	}
	.queryCodeWrap {
		height: 50px!important;
		width: 280px!important;
    position: relative;
    top: 10px!important;
	}		
	.queryCodeWrap #security_code{
		width: 210px!important;
		font-size:12px!important;
		top: 10px!important;
	}
	#reqSecureCode {
	  float: right;
	  position: relative;
	  top: -32px!important;
	  right: 40px!important;
	  font-size: 12px;
	}	
	.criteria_icon_wrapper {
	    top: 9px!important;
	}	
	.criteria_icon_wrapper .glyphicon-lock{
		font-size: 20px!important;
	}

  .slWrapper{
   width:100%!important;
   position: relative!important;
   top: 50px!important;
   }  
   
  .slForm{
    width: 100%!important;
   font-size: 12px!important;
  }
  
  .slForm select{
   height: 30px!important;
   font-size: 12px!important;
   width:195px!important;
  }

  .slForm input[type="text"]{
   height: 23px!important;
   font-size: 12px!important;
  }
  .slForm #area_num{
   height: 30px!important;
   font-size: 12px!important;
   width:500px!important;
  }
  .slForm .label{
   font-size: 12px!important;
  }

  
  .slForm .date{
   font-size: 12px!important; 
   width: 100%!important;
   display:block!important; 
   float: left!important;
   margin-top: 10px!important;
  }
  
  .slForm .date_range{
   font-size: 12px!important;
  }
  
/******SERVICE LOOKUP 2***********/
  #sr2Title{
   width: 100%!important;
   height: 30px!important;
   font-size: 20px!important;
  }
  .sr2Form{border}
    
  .sr2Form #title1, .sr2Form #title2{
   height: 30px;
  }
  .sr2Form #title1{font-size: 21px;}
  
  .sr2Form #title2{text-align: center;}
  
  .sr2Form #data{
   height: 33px!important;
   text-align: center;
  }
  
  
  #dept_name{
  	font-size: 15px;
  }
  
  .sr2Form .sl2FormFont{
   font-size: 8px!important;
  }
  
 .btnfindWO,  .btnLoopUp2{
		background: #003567!important;
		color: #fff!important;
		border: 1px #003567 solid!important;
		-webkit-border-radius: 5px!important;
		-moz-border-radius: 5px!important;
		border-radius: 5px!important;
		height: 40px!important;
		width: 100px!important;
		font-size:18px!important;   
		position: relative!important;
		top: -2px!important; 
		font-weight: 400!important;
  }
  .btnfindWO:hover, .btnLoopUp2:hover{
   background: #930104!important;
   border: 1px #930104 solid!important;
   -webkit-border-radius: 5px!important;
   -moz-border-radius: 5px!important;
   border-radius: 5px!important;    
  }
  
  .errorMessage{
   font-size: 20px!important;
  }
  
  .clickinfo{font-size:12px!important;}
  

	.workorderdetailsForm .detail_title_row {
	    height: 20px!important;
	}  
	.workorderdetailsForm .detail_title_row td{
		padding:8px!important;
	}
	
	.workorderdetailsForm .detail_row_wrapper td{
		font-size:12px!important;
	}	

  .de_data{
  	font-size:12px!important;
  }
  
	.slupdetaillbl{
		font-weight:500!important; 
		font-size: 11px!important;
	}
	
	.detaillbl{
		font-size: 35px!important;
		font-weight:600!important; 
	}
	#slupdetaildata{
		font-size: 12px!important;
	}		
	
	#tbl_assign_workers{
		position:relative!important;
		top: 30px!important;
	}
	
	.assign_worker_info{
		font-size:12px!important;
	}	
	
	.col-sm-4 {
     width: 33.3333%!important;
  }
  
	.sl2FormFont2{
		font-size:10px!important;
	} 
	
	
/**********FEEDBACK*****************/

   .feedbackForm{width: 100%!important;}
   
   .feedbackForm td{font-size: 30px!important;}    
   #feedback-form-wrapper {
    width: 100%!important;
   }   
   .feedback-forms-select {
    height: 30px!important;
   } 
   .feedback-values, .mech-notes {
    padding-left: 15px!important;
    white-space: normal!important;
    word-break: break-word;
   } 
  .submitFeedback{
  background: #003567!important;
		color: #fff!important;
		border: 1px #003567 solid!important;
		-webkit-border-radius: 5px!important;
		-moz-border-radius: 5px!important;
		border-radius: 5px!important;
		height: 40px!important;
		width: 100px!important;
		font-size:12px!important;   
		position: relative!important;
		top: -12px!important;
		font-weight: 400!important;
		white-space: normal!important;   
  }
  #SubmitMe {
  font-size:18px!important;   
		top: -2px!important; 
  }
  .submitFeedback:hover{
   background: #930104!important;
   border: 1px #930104 solid!important;
   -webkit-border-radius: 5px!important;
   -moz-border-radius: 5px!important;
   border-radius: 5px!important; 
  }  
  .feedback-forms-input {
   width: 135px!important;
   height: 23px!important;
  }
  .feedbackForm #name{
   font-size: 12px!important;
   width: 500px!important;
   height: 30px!important;
   } 
  
  .feedbackForm #email{
   font-size: 12px!important;
   width: 500px!important;
   height: 30px!important;
  } 
  
  .feedbackForm #phone{
   font-size: 12px!important;
   width: 180px!important;
   height: 30px!important; 
   }  
   
  .feedbackForm .dcomments{
   font-size: 16px!important;
   height: 150px!important;
  } 
.feedback-forms-textarea {
 width: 300px!important;
}  

    .feedbackForm #ddrating{
    font-size: 12px!important;
    width: 180px!important;
    height: 30px!important;   
  }

 .employeePic{
	  -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;
 }
 
 #employeeName{
 position:relative!important;
 left: 7px!important;
 }  
 
 .feedbackForm #outputHours{
   position:relative!important;
   right: 170px!important;
   white-space:nowrap!important;
 }
   
/****REQUEST NOTE****/
.requestnote font{
 font-size: 15px!important;
}
.requestnote{
 font-size: 8pt!important;
 margin-top: 30px!important
}

/*******SERVICE MULTIPLE REQUEST*********/
 #srtable .btnService{
 font-size: 12px;
 }
 #srtable .lblService{
   position: relative!important;
   font-size: 12px;
 }
 
}

/*smartphone */
@media only screen and (max-device-width: 480px) {

	.added_note{    
	  font-size: 15px!important;
	}		
	

	#slupmaintitle{
		position:relative;
		left: 0px!important;
	} 

  /*CSS  */
	.t {
	    top: 4px!important;
	}  

  .identifyUser{
  	height:30px!important;
  	width:180px!important;
   margin-top: 5px!important;
   margin-bottom: 5px!important;
  }
  .txtUserfield{
		position: relative;
		width: 135px!important;
		top: 2px!important;   	
  }
  
  #duplicates, .scrollup_window{
  	height:280px!important;
  	width: 100%!important;
  }
  .scroll_dup{
  	font-size:30px!important;
  }
  
	.SortTR td .tcalIcon {
    position: relative!important;
    left: 280px!important;
    top: -52px!important;
    height: 23px!important;
	}  
	#tcal{
		width:100%!important;
		left:0!important;
	}
  div#tcal table {
  	table-layout: fixed;
  }	
	
	#tcal tr{
		height:100px;
	}
	div#tcal table.ctrl th {
	  font-size: 37px!important;
	}	
	
	.ctrl tr td img{
		height:30px;
	}
	.ctrl tr td[title="Previous Month"]{
		position: relative;
		left: 150px;
	}
	.ctrl tr td[title="Previous Year"]{
		position: relative;
		left: 50px;
	}  
	.ctrl tr td[title="Next Month"]{
		position: relative;
		right: 150px;
	}
	.ctrl tr td[title="Next Year"]{
		position: relative;
		right: 50px;
	}  
	div#tcal th{
		font-size:12px!important;
	}
	div#tcal td{
		font-size:35px;
	}
 #sr_body .custom_tr {
    height: 30px!important;
}   
  #work_order_type_title{
  	font-size:20px!important;
  }
	.lbl{
		font-size:12px!important;
		left: 10px!important
	}
	
	.lblRemember {
	 font-size:10px!important;
	}  
	.identify {
	  width: 180px!important;
	  height:30px!important;
	  margin-top:5px!important;
	  margin-bottom:5px!important;
	}
	.assign {
	  width: 180px!important;
	}		
	.txtfield {
	 width: 135px!important;
	}	
		.div_location {
	 width: 260px!important;
	}
	.fa-envelope{
		position: relative!important;
		top: -3px!important;
		font-size:16px!important;
  }	 
	.txtEmail{
		position:relative!important;
		top:2px!important;
		font-size:30px!important;
	}
	
	.glyphicon-user{
		position: relative!important;
		top: 2px!important;
		font-size:16px!important;		
	}
	
	.fa-phone{
		float:left!important;
		font-size:16px!important;
    margin-left: 15px!important;
    position: relative!important;
    top: 2px!important;
    margin-right: 6px!important;
	}
	.fa-search, .glyphicon-map-marker, .fa-pencil-alt, .fa-key{
		font-size:16px!important;
		position:relative!important;
		top:-2px!important;
		margin-left: 3px!important;
	}


	#requiredWrap, .txtDate{
	  width: 100px!important;
	  height: 30px!important;
	}	
	#requiredtimeWrap{
	 width: 75px!important;
	 height: 30px!important;
	}	
	.txtRequired {
		width:80px!important;
		position: relative;
		left: 54px;
	}
	.txtRequiredTime{
	 width:60px!important;
		position: relative;
		left: 54px;
	}
	.txtDate{
		width:100px!important;
	}
	.txtDateTime{
		width:75px!important;
	}
	.txtDateUserfield{
		width: 80px!important;
	}
	.txtDateUserfieldTime{
		width: 60px!important;
	}
	#dd_date_wrap {
    float: right!important;
    position: relative!important;
    right: 100px!important;
    top: -57px!important;
	}	

	.mlbl{
    position: relative!important;
    top: -7px!important;		
	}
	
	.dropzone {
	    height: 50px;
	    width: 300px!important;
	}	
	
	.dropzone .dz-message {
     margin-top: 10px;
     font-size: 10px; 
	}

  
  #wrapper{
   width:100%!important;
   position: relative!important;
  	top: -31px!important;
  }
  #srtable{
   width:100%!important;
   border: none!important;
   border-radius:0!important;
  }
  
  
  #srtable td{
   height:20px!important;
   font-size: 15px!important;
   padding-right: 8px;
  }
  #srtable td.lblRadio{
   font-size: 12px!important;
  }
  #srtable input{
   height: 23px!important;
   font-size:12px!important;
  }
  #srtable .title{
   font-size:15px!important;
   text-align: center!important;
  } 
  .calendar_link{
   margin-top: 5px;
  }
     
  #srtable select{
   height: 30px!important;
   font-size:12px!important;
	 margin-top:5px!important;  
	 margin-bottom:5px!important; 
  }
  #srtable .longinput{
   width: 180px!important;
   font-size:12px!important;
  }
  #srtable .shortinput{
   font-size:12px!important;
  }
  
  #srtable .cardinput{
   width: 80px!important;
   font-size:12px!important;
   display: inline!important;
  }
  #srtable .otherinput{
   width: 190px!important;
   font-size:12px!important;
  }
  #srtable #name{
   width: 180px!important;
   font-size:12px!important;
  }
  #srtable #phoneinput{
   width: 100px!important;
   font-size:12px!important;
   float: left!important;
  }
  #srtable #woinstruct{
    width: 300px!important;
    height: 100px!important;
    font-size:12px!important;
    /* margin-left: 20px!important; */
    margin-bottom: 30px;
  }

   #searhMore2{
    width:250px!important;
   }
  
  #srtable .btnSubmit{
		background: #003567!important;
		color: #fff!important;
		border: 1px #003567 solid!important;
		-webkit-border-radius: 5px!important;
		-moz-border-radius: 5px!important;
		border-radius: 5px!important;
		height: 40px!important;
		width: 100px!important;
		font-size:18px!important;   
		position: relative!important;
		top: -2px!important;
		font-weight: 400!important; 
  }
  
  #srtable .btnSubmit.gps{
		background: #003567!important;
		color: #fff!important;
		border: 1px #003567 solid!important;
		-webkit-border-radius: 3px!important;
		-moz-border-radius: 3px!important;
		border-radius: 3px!important;
		height: 30px!important;
		width: 70px!important;
		font-size:10px!important;   
		position: relative!important;
		top: -2px!important;
		font-weight: 400!important; 
		margin-top: 5px!important;
  }

  #srtable .btnSubmit:hover{
   background: #B31212!important;
   border: solid 1px #B31212!important;
   -webkit-border-radius: 5px!important;
   -moz-border-radius: 5px!important;
   border-radius: 5px!important;
  }
  

  #asset{
   height: 30px!important;
  }
  
  #unit_num{
   height: 30px!important;
   font-size:12px!important;
  }
  #unit_num:hover{

  }

  .seviceSelectWrap{
   width: 100%!important;
   position:relative;
   top: 40px;
  }
  .field{
   display: block!important;
    margin-bottom: 5px!important;
    font-size: 38px!important;
    float: left!important;
    white-space:normal!important;
    width: 100%!important;
  }
  .ServiceDept{
   font-size: 35px!important;
  }
  .RequestServ{
   font-size: 35px!important;
  }
  .nonbreak{
   width: 100%!important;
   float: left!important;
  }
  #lblselectService3{
   font-size: 35px!important; 
  }
  #logo{
   height: 75px!important;
  }
  #logoHeight{
   height: 400px!important;
  }
  .serviceselectnewwrap{
   position: relative!important;
   top: 40px!important;
  }
  .pageFont{
   font-size: 25px!important;   
  }
  .pageFont2{
   font-size: 20px!important;   
  }
  .thankyou{
   font-size: 20px!important;
  }
  
  #uploadDocForm{height:400px!important;}
  
  #uploadDocForm td{
   height: 30px!important;
   font-size: 40px!important;
  }
  #uploadDocForm input{
   height: 40px!important;
   font-size: 12px!important;
  }
  
  #uploadDocForm .deleteDoc{
   background: #003567!important;
   color: #fff!important;
   height: 60px!important;
   width: 150px!important;
   border: solid 1px #003567!important;
   font-size: 30px!important; 
   text-align: center!important;
   -webkit-border-radius: 5px!important;
   -moz-border-radius: 5px!important;
   border-radius: 5px!important;
   font-weight: 400!important; 
   position:relative!important;
   top: 10px!important;  
  }
  #uploadDocForm .deleteDoc:hover{
   background: #B31212!important;
   border: solid 1px #B31212!important;
   -webkit-border-radius: 5px!important;
   -moz-border-radius: 5px!important;
   border-radius: 5px!important;   
  }
  
  #DocumentUpload1{
   height: 650px!important;
  }

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


	.titleLabel{
		font-size: 40px!important;
		font-weight: bold!important;
		display: inline-block!important;
		width: 100%!important;
		color: #FFF!important;
		margin-top: 0px!important;
		text-align: center!important;
	}

	.sluplbl{
		font-size:12px!important;
	}
	
	
	.sluplblquerydate{
		top: 0px!important;
		left: 0px!important;
	}	
	
	.queryDateWrap {
	  width: 80px!important;
	  position: relative;
	  top: 12px!important;
	  height: 30px!important;
	}	
	
	.txtQueryDate {
	  position: relative;
	  top: 4px!important;
	  left: 0px;
	  width: 74px!important;
	  font-weight: 300;
	}	
	
	#querydatestartdate, #querydateenddate{
		position: relative;
		left: -15px!important;		
		top: 15px!important;
	}	
	
	#sluplblstart{
		position:relative;
		left:50px!important;
		top: 4px!important;
	}
	

	#sluplblend {
		position: relative;
		left: 50px!important;
		top: 4px!important;
	}
	
	.sluplblcalendar{
		display:none!important;
	}	
	
	.sluptaclIcon {
    position: relative;
    top: -22px!important;
    height: 45px!important;
	}
	
	.daterow #tcalico_0, .daterow #tcalico_1 {
	  position: relative;
	  left: 0px!important;
	  top: -11px!important;
	}	
	
	.txtQueryDate {
	  position: relative;
	  top: 4px!important;
	  left: 0px;
	  width: 74px!important;
	  font-weight: 300;
	}	
	
	#daterowwrapper{
		height:  100px!important;
	}	
	.daterow {
	 width: 33%!important;
	}
	.date_range_info i {
    position: relative;
    top: -12px!important;
	}	
	#slupsearchciteria{
		padding-bottom:20px!important;
	}
	
	.date_range_lbl {
	  font-size: 12px!important;
	  top: 0px!important;
	  left: 0px!important;
	}	
	
	.date_range #date_range{
    position: relative!important;
    top: -2px!important;
    right: 0px!important;
    height: 30px!important;
    width: 100px!important;		
	}

	.date_range_info {
	    font-size: 12px!important;
	}	
	.date_range {
	 width: 33%;
	}
	.queryEmailWrap, .queryLocationWrap {
		height: 30px!important;
		width: 180px!important;
	}	
	.queryEmailWrap .slupemail, .queryLocationWrap .sluplocation{
		width: 135px!important;
	}
	.queryCodeWrap {
		height: 50px!important;
		width: 280px!important;
    position: relative;
    top: 10px!important;
	}		
	.queryCodeWrap #security_code{
		width: 210px!important;
		font-size:12px!important;
		top: 10px!important;
	}
	#reqSecureCode {
	  float: right;
	  position: relative;
	  top: -32px!important;
	  right: 40px!important;
	  font-size: 12px;
	}	
	.criteria_icon_wrapper {
	    top: 9px!important;
	}	
	.criteria_icon_wrapper .glyphicon-lock{
		font-size: 20px!important;
	}
	
	
  .slWrapper{
   width:100%!important;
   position: relative!important;
   top: 50px!important;
   }  
   
  .slForm{
    width: 100%!important;
   font-size: 12px!important;
  }
  
  .slForm select{
   height: 30px!important;
   font-size: 12px!important;
   width:195px!important;
  }

  .slForm input[type="text"]{
   height: 23px!important;
   font-size: 12px!important;
  }
  .slForm #area_num{
   height: 30px!important;
   font-size: 12px!important;
   width:500px!important;
  }
  .slForm .label{
   font-size: 12px!important;
  }

  
  .slForm .date{
   font-size: 12px!important; 
   width: 100%!important;
   display:block!important; 
   float: left!important;
   margin-top: 10px!important;
  }
  
  .slForm .date_range{
   font-size: 12px!important;
  }
  
/******SERVICE LOOKUP 2***********/
  #sr2Title{
   width: 100%!important;
   height: 30px!important;
   font-size: 20px!important;
  }
  .sr2Form{border}
    
  .sr2Form #title1, .sr2Form #title2{
   height: 30px;
  }
  .sr2Form #title1{font-size: 21px;}
  
  .sr2Form #title2{text-align: center;}
  
  .sr2Form #data{
   height: 33px!important;
   text-align: center;
  }
  

  
  #dept_name{
  	font-size: 15px;
  }
  
  .sr2Form .sl2FormFont{
   font-size: 8px!important;
  }
  
 .btnfindWO, .btnLoopUp2{
		background: #003567!important;
		color: #fff!important;
		border: 1px #003567 solid!important;
		-webkit-border-radius: 5px!important;
		-moz-border-radius: 5px!important;
		border-radius: 5px!important;
		height: 40px!important;
		width: 100px!important;
		font-size:18px!important;   
		position: relative!important;
		top: -2px!important; 
		font-weight: 400!important;  
  }
  .btnfindWO:hover, .btnLoopUp2:hover{
   background: #930104!important;
   border: 1px #930104 solid!important;
   -webkit-border-radius: 5px!important;
   -moz-border-radius: 5px!important;
   border-radius: 5px!important;    
  }
  
  .errorMessage{
   font-size: 20px!important;
  }
  
  .clickinfo{font-size:12px!important;}
  
/*************WORK ORDER SERVICE DETAILS**********8*/
  
  
  .workorderdetailsForm .sdtitle{
   height: 30px!important;
   font-size: 15px!important;
  }
  .workorderdetailsForm2 .sdtitle{
   height: 30px!important;
   font-size: 15px!important;   
  }
  
	.workorderdetailsForm .detail_row_wrapper td{
		font-size:12px!important;
	}	

  .de_data{
  	font-size:12px!important;
  }
  
	.slupdetaillbl{
		font-weight:500!important; 
		font-size: 11px!important;
	}
	
	.detaillbl{
		font-size: 35px!important;
		font-weight:600!important; 
	}
	#slupdetaildata{
		font-size: 12px!important;
	}		
	
	#tbl_assign_workers{
		position:relative!important;
		top: 30px!important;
	}
	
	.assign_worker_info{
		font-size:12px!important;
	}	
	
	.col-sm-4 {
     width: 33.3333%!important;
  }
  
	.sl2FormFont2{
		font-size:10px!important;
	} 
  
/**********FEEDBACK*****************/

   .feedbackForm{width: 100%!important;}
   
   .feedbackForm td{font-size: 30px!important;}    
    #feedback-form-wrapper {
    width: 100%!important;
   } 
   .feedback-forms-select {
    height: 30px!important;
   } 
   .feedback-values, .mech-notes {
    padding-left: 15px!important;
    white-space: normal!important;
    word-break: break-word;
   }  
  .submitFeedback{
  background: #003567!important;
		color: #fff!important;
		border: 1px #003567 solid!important;
		-webkit-border-radius: 5px!important;
		-moz-border-radius: 5px!important;
		border-radius: 5px!important;
		height: 40px!important;
		width: 100px!important;
		font-size:12px!important;   
		position: relative!important;
		top: -12px!important;
		font-weight: 400!important;
		white-space: normal!important;   
  }
  #SubmitMe {
  font-size:18px!important;   
		top: -2px!important; 
  }
  .submitFeedback:hover{
   background: #930104!important;
   border: 1px #930104 solid!important;
   -webkit-border-radius: 5px!important;
   -moz-border-radius: 5px!important;
   border-radius: 5px!important; 
  }
  .feedback-forms-input {
   width: 135px!important;
   height: 23px!important;
  }  
  .feedbackForm #name{
   font-size: 12px!important;
   width: 500px!important;
   height: 30px!important;
   } 
  
  .feedbackForm #email{
   font-size: 12px!important;
   width: 500px!important;
   height: 30px!important;
  } 
  
  .feedbackForm #phone{
   font-size: 12px!important;
   width: 180px!important;
   height: 30px!important; 
   }  
   
  .feedbackForm .dcomments{
   font-size: 16px!important;
   height: 150px!important;
  }
.feedback-forms-textarea {
 width: 300px!important;
}  

    .feedbackForm #ddrating{
    font-size: 12px!important;
    width: 180px!important;
    height: 30px!important;   
  }
  

 .employeePic{
	  -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;
 }
 
 #employeeName{
 position:relative!important;
 left: 7px!important;
 }  
 
 .feedbackForm #outputHours{
   position:relative!important;
   right: 170px!important;
   white-space:nowrap!important;
 }
   
/****REQUEST NOTE****/
  .requestnote font{
 font-size: 15px!important;
  }
.requestnote{
 font-size: 8pt!important;
 margin-top: 30px!important
}

/*******SERVICE MULTIPLE REQUEST*********/
 #srtable .btnService{
 font-size: 12px;
 }
 #srtable .lblService{
   position: relative!important;
   font-size: 12px;
 }

}

/*(mdpi) Android*/
@media only screen and (min-device-width : 480px) and (max-device-width : 800px) {

	.added_note{    
	  font-size: 15px!important;
	}	


	#slupmaintitle{
		position:relative;
		left: 0px!important;
	} 

  /*CSS  */
	.t {
	    top: 4px!important;
	}  

  .identifyUser{
  	height:30px!important;
  	width:180px!important;
   margin-top: 5px!important;
   margin-bottom: 5px!important;
  }
  .txtUserfield{
		position: relative;
		width: 135px!important;
		top: 2px!important;  	
  }
  
  #duplicates, .scrollup_window{
  	height:280px!important;
  	width: 100%!important;
  }
  .scroll_dup{
  	font-size:30px!important;
  }
  
	.SortTR td .tcalIcon {
    position: relative!important;
    left: 280px!important;
    top: -52px!important;
    height: 23px!important;
	}  
	#tcal{
		width:100%!important;
		left:0!important;
	}
  div#tcal table {
  	table-layout: fixed;
  }	
	
	#tcal tr{
		height:100px;
	}
	div#tcal table.ctrl th {
	  font-size: 37px!important;
	}	
	
	.ctrl tr td img{
		height:30px;
	}
	.ctrl tr td[title="Previous Month"]{
		position: relative;
		left: 150px;
	}
	.ctrl tr td[title="Previous Year"]{
		position: relative;
		left: 50px;
	}  
	.ctrl tr td[title="Next Month"]{
		position: relative;
		right: 150px;
	}
	.ctrl tr td[title="Next Year"]{
		position: relative;
		right: 50px;
	}  
	div#tcal th{
		font-size:25px!important;
	}
	div#tcal td{
		font-size:35px;
	}
  #sr_body .custom_tr {
    height: 30px!important;
}  
  #work_order_type_title{
  	font-size:20px!important;
  }
	.lbl{
		font-size:12px!important;
		left: 10px!important
	}  
		.lblRemember {
	 font-size:10px!important;
	}
	.identify {
	  width: 180px!important;
	  height:30px!important;
	  margin-top:5px!important;
	  margin-bottom:5px!important;
	}
	.assign {
	  width: 180px!important;
	}	
	.txtfield {
	 width: 135px!important;
	}	
		.div_location {
	 width: 260px!important;
	}
	.fa-envelope{
		position: relative!important;
		top: -3px!important;
		font-size:16px!important;
  }	 
	.txtEmail{
		position:relative!important;
		top:2px!important;
		font-size:30px!important;
	}
	
	.glyphicon-user{
		position: relative!important;
		top: 2px!important;
		font-size:16px!important;		
	}
	
	.fa-phone{
		float:left!important;
		font-size:16px!important;
    margin-left: 15px!important;
    position: relative!important;
    top: 2px!important;
    margin-right: 6px!important;
	}
	.fa-search, .glyphicon-map-marker, .fa-pencil-alt, .fa-key{
		font-size:16px!important;
		position:relative!important;
		top:-2px!important;
		margin-left: 3px!important;
	}

	#requiredWrap, .txtDate{
	  width: 100px!important;
	  height: 30px!important;
	}	
	#requiredtimeWrap{
	 width: 75px!important;
	 height: 30px!important;
	}
	.txtRequired {
		width:80px!important;
		position: relative;
		left: 54px;
	}
	.txtRequiredTime{
	 width:60px!important;
		position: relative;
		left: 54px;
	}	
	.txtDate{
		width:100px!important;
	}
	.txtDateTime{
		width:75px!important;
	}
	.txtDateUserfield{
		width: 80px!important;
	}
	.txtDateUserfieldTime{
		width: 60px!important;
	}
	#dd_date_wrap {
    float: right!important;
    position: relative!important;
    right: 100px!important;
    top: -57px!important;
	}	

	.mlbl{
    position: relative!important;
    top: -7px!important;		
	}
	
	.dropzone {
	    height: 50px;
	    width: 300px!important;
	}	
	
	.dropzone .dz-message {
     margin-top: 11px;
     font-size: 10px; 
	}

  
  #wrapper{
   width:100%!important;
   position: relative!important;
   top: -31px!important;
  }
  #srtable{
   width:100%!important;
   border: none!important;
   border-radius:0!important;
  }
  
  
  #srtable td{
   height:20px!important;
   font-size: 15px!important;
   padding-right: 8px;
  }
  #srtable td.lblRadio{
   font-size: 12px!important;
  }
  #srtable input{
   height: 23px!important;
   font-size:12px!important;
   width: 135px!important;
  }
  #srtable .title{
   font-size: 15px!important;
   text-align: center!important;
  } 
  .calendar_link{
   margin-top: 5px;
  }
     
  #srtable select{
   height: 30px!important;
   font-size:12px!important;
	 margin-top:5px!important;  
	 margin-bottom:5px!important; 
  }
  #srtable .longinput{
   width: 180px!important;
   font-size:12px!important;
  }
  #srtable .shortinput{
   font-size:12px!important;
  }
  
  #srtable .cardinput{
   width: 80px!important;
   font-size:12px!important;
   display: inline!important;
  }
  #srtable .otherinput{
   width: 190px!important;
   font-size:12px!important;
  }
  #srtable #name{
   width: 180px!important;
   font-size:12px!important;
  }
  #srtable #phoneinput{
   width: 100px!important;
   font-size:12px!important;
   float: left!important;
  }
  #srtable #woinstruct{
    width: 300px!important;
    height: 100px!important;
    font-size:12px!important;
    /* margin-left: 20px!important; */
    margin-bottom: 30px;
  }

   #searhMore2{
    width:250px!important;
   }
  
  #srtable .btnSubmit{
		background: #003567!important;
		color: #fff!important;
		border: 1px #003567 solid!important;
		-webkit-border-radius: 5px!important;
		-moz-border-radius: 5px!important;
		border-radius: 5px!important;
		height: 40px!important;
		width: 100px!important;
		font-size:18px!important;   
		position: relative!important;
		top: -2px!important;
		font-weight: 400!important; 
  }

  #srtable .btnSubmit.gps{
		background: #003567!important;
		color: #fff!important;
		border: 1px #003567 solid!important;
		-webkit-border-radius: 3px!important;
		-moz-border-radius: 3px!important;
		border-radius: 3px!important;
		height: 30px!important;
		width: 70px!important;
		font-size:10px!important;   
		position: relative!important;
		top: -2px!important;
		font-weight: 400!important; 
		margin-top: 5px!important;
  }

  #srtable .btnSubmit:hover{
   background: #B31212!important;
   border: solid 1px #B31212!important;
   -webkit-border-radius: 5px!important;
   -moz-border-radius: 5px!important;
   border-radius: 5px!important;
  }
  

  #asset{
   height: 30px!important;
  }
  
  #unit_num{
   height: 30px!important;
   font-size:12px!important;
  }
  #unit_num:hover{

  }

  .seviceSelectWrap{
   width: 100%!important;
   position:relative;
   top: 40px;
  }
  .field{
   display: block!important;
    margin-bottom: 5px!important;
    font-size: 38px!important;
    float: left!important;
    white-space:normal!important;
    width: 100%!important;
  }
  .ServiceDept{
   font-size: 35px!important;
  }
  .RequestServ{
   font-size: 35px!important;
  }
  .nonbreak{
   width: 100%!important;
   float: left!important;
  }
  #lblselectService3{
   font-size: 35px!important; 
  }
  #logo{
   height: 75px!important;
  }
  #logoHeight{
   height: 400px!important;
  }
  .serviceselectnewwrap{
   position: relative!important;
   top: 40px!important;
  }
  .pageFont{
   font-size: 25px!important;   
  }
  .pageFont2{
   font-size: 20px!important;   
  }
  .thankyou{
   font-size: 20px!important;
  }
  
  #uploadDocForm{height:400px!important;}
  
  #uploadDocForm td{
   height: 30px!important;
   font-size: 40px!important;
  }
  #uploadDocForm input{
   height: 40px!important;
   font-size: 12px!important;
  }
  
  #uploadDocForm .deleteDoc{
   background: #003567!important;
   color: #fff!important;
   height: 60px!important;
   width: 150px!important;
   border: solid 1px #003567!important;
   font-size: 30px!important; 
   text-align: center!important;
   -webkit-border-radius: 5px!important;
   -moz-border-radius: 5px!important;
   border-radius: 5px!important;
   font-weight: 400!important; 
   position:relative!important;
   top: 10px!important;  
  }
  #uploadDocForm .deleteDoc:hover{
   background: #B31212!important;
   border: solid 1px #B31212!important;
   -webkit-border-radius: 5px!important;
   -moz-border-radius: 5px!important;
   border-radius: 5px!important;   
  }
  
  #DocumentUpload1{
   height: 650px!important;
  }
  
/**********SERVICE LOOKUP********/

	.titleLabel{
		font-size: 40px!important;
		font-weight: bold!important;
		display: inline-block!important;
		width: 100%!important;
		color: #FFF!important;
		margin-top: 0px!important;
		text-align: center!important;
	}

	.sluplbl{
		font-size:12px!important;
	}
	
	
	.sluplblquerydate{
		top: 0px!important;
		left: 0px!important;
	}	
	
	.queryDateWrap {
	  width: 80px!important;
	  position: relative;
	  top: 12px!important;
	  height: 30px!important;
	}		
	
	.txtQueryDate {
	  position: relative;
	  top: 4px!important;
	  left: 0px;
	  width: 74px!important;
	  font-weight: 300;
	}	
	
	#querydatestartdate, #querydateenddate{
		position: relative;
		left: -15px!important;		
		top: 15px!important;
	}	
	
	#sluplblstart{
		position:relative;
		left:50px!important;
		top: 4px!important;
	}
	
	#sluplblend {
		position: relative;
		left: 50px!important;
		top: 4px!important;
	}
	
	.sluplblcalendar{
		display:none!important;
	}	
	
	.sluptaclIcon {
    position: relative;
    top: -22px!important;
    height: 45px!important;
	}
	
	.daterow #tcalico_0, .daterow #tcalico_1 {
	  position: relative;
	  left: 0px!important;
	  top: -11px!important;
	}	
	
	.txtQueryDate {
	  position: relative;
	  top: 4px!important;
	  left: 0px;
	  width: 74px!important;
	  font-weight: 300;
	}		
	
	#daterowwrapper{
		height:  100px!important;
	}	
	.daterow {
	 width: 33%!important;
	}
	.date_range_info i {
    position: relative;
    top: -12px!important;
	}	
	#slupsearchciteria{
		padding-bottom:20px!important;
	}
	
	.date_range_lbl {
	  font-size: 12px!important;
	  top: 0px!important;
	  left: 0px!important;
	}

	.date_range #date_range{
    position: relative!important;
    top: -2px!important;
    right: 0px!important;
    height: 30px!important;
    width: 100px!important;		
	}

	.date_range_info {
	    font-size: 12px!important;
	}	
	.date_range {
	 width: 33%;
	}	
	.queryEmailWrap, .queryLocationWrap {
		height: 30px!important;
		width: 180px!important;
	}	
	.queryEmailWrap .slupemail, .queryLocationWrap .sluplocation{
		width: 135px!important;
	}
	.queryCodeWrap {
		height: 50px!important;
		width: 280px!important;
    position: relative;
    top: 10px!important;
	}		
	.queryCodeWrap #security_code{
		width: 210px!important;
		font-size:25px!important;
		top: 10px!important;
	}
	#reqSecureCode {
	  float: right;
	  position: relative;
	  top: -32px!important;
	  right: 40px!important;
	  font-size: 25px;
	}	
	.criteria_icon_wrapper {
	    top: 9px!important;
	}	
	.criteria_icon_wrapper .glyphicon-lock{
		font-size: 20px!important;
	}
	

  .slWrapper{
   width:100%!important;
   position: relative!important;
   top: 50px!important;
   } 
   
  .slForm{
    width: 100%!important;
   font-size: 12px!important;
  }
  
  .slForm select{
   height: 30px!important;
   font-size: 12px!important;
   width:195px!important;
  }

  .slForm input[type="text"]{
   height: 23px!important;
   font-size: 25px!important;
  }
  .slForm #area_num{
   height: 30px!important;
   font-size: 12px!important;
   width:500px!important;
  }
  .slForm .label{
   font-size: 25px!important;
  }

  
  .slForm .date{
   font-size: 25px!important; 
   width: 100%!important;
   display:block!important; 
   float: left!important;
   margin-top: 10px!important;
  }
  
  .slForm .date_range{
   font-size: 25px!important;
  } 
  
  .errorMessage{
   font-size: 20px!important;
  } 
  
/******SERVICE LOOKUP 2***********/
  #sr2Title{
   width: 100%!important;
   height: 30px!important;
   font-size: 20px!important;
  }
  .sr2Form{border}
  
  .sr2Form #title1{font-size: 15px;}
  
  .sr2Form #title1, .sr2Form #title2{
   height: 30px;
  }
  .sr2Form #title2{text-align: center;}
  
  .sr2Form #data{
   height: 33px!important;
   text-align: center;
  }
  

  
  #dept_name{
  	font-size: 15px;
  }
  
  .sr2Form .sl2FormFont{
   font-size: 8px!important;
  }
  
  .btnfindWO, .btnLoopUp2{
		background: #003567!important;
		color: #fff!important;
		border: 1px #003567 solid!important;
		-webkit-border-radius: 5px!important;
		-moz-border-radius: 5px!important;
		border-radius: 5px!important;
		height: 40px!important;
		width: 100px!important;
		font-size:18px!important;   
		position: relative!important;
		top: -2px!important; 
		font-weight: 400!important;
  }
  btnfindWO:hover, .btnLoopUp2:hover{
   background: #930104!important;
   border: 1px #930104 solid!important;
   -webkit-border-radius: 5px!important;
   -moz-border-radius: 5px!important;
   border-radius: 5px!important;    
  }
  
  .errorMessage{
   font-size: 20px!important;
  }
  
 .clickinfo{font-size:25px!important;} 
 

  .workorderdetailsForm .sdtitle{
   height: 30px!important;
   font-size: 15px!important;
  }
  .workorderdetailsForm2 .sdtitle{
   height: 30px!important;
   font-size: 15px!important;   
  }

	.workorderdetailsForm .detail_row_wrapper td{
		font-size:12px!important;
	}	

  .de_data{
  	font-size:12px!important;
  }
  
	.slupdetaillbl{
		font-weight:500!important; 
		font-size: 11px!important;
	}
	
	.detaillbl{
		font-size: 35px!important;
		font-weight:600!important; 
	}
	#slupdetaildata{
		font-size: 12px!important;
	}		
	
	#tbl_assign_workers{
		position:relative!important;
		top: 30px!important;
	}
	
	.assign_worker_info{
		font-size:12px!important;
	}	
	
	.col-sm-4 {
     width: 33.3333%!important;
  }
  
	.sl2FormFont2{
		font-size:10px!important;
	} 

  
/**********FEEDBACK*****************/

   .feedbackForm{width: 100%!important;}
   
   .feedbackForm td{font-size: 30px!important;}    
   #feedback-form-wrapper {
    width: 100%!important;
   }    
   .feedback-forms-select {
    height: 30px!important;
   } 
   .feedback-values, .mech-notes {
    padding-left: 15px!important;
    white-space: normal!important;
    word-break: break-word;
   }
  .submitFeedback{
  background: #003567!important;
		color: #fff!important;
		border: 1px #003567 solid!important;
		-webkit-border-radius: 5px!important;
		-moz-border-radius: 5px!important;
		border-radius: 5px!important;
		height: 40px!important;
		width: 100px!important;
		font-size:12px!important;   
		position: relative!important;
		top: -12px!important;
		font-weight: 400!important;
		white-space: normal!important;   
  }
  #SubmitMe {
  font-size:18px!important;   
		top: -2px!important; 
  }
  .submitFeedback:hover{
   background: #930104!important;
   border: 1px #930104 solid!important;
   -webkit-border-radius: 5px!important;
   -moz-border-radius: 5px!important;
   border-radius: 5px!important; 
  }
  .feedback-forms-input {
   width: 135px!important;
   height: 23px!important;
  }  
  .feedbackForm #name{
   font-size: 25px!important;
   width: 500px!important;
   height: 30px!important;
   } 
  
  .feedbackForm #email{
   font-size: 25px!important;
   width: 500px!important;
   height: 30px!important;
  } 
  
  .feedbackForm #phone{
   font-size: 25px!important;
   width: 180px!important;
   height: 30px!important; 
   }   
   
  .feedbackForm .dcomments{
   font-size: 16px!important;
   height: 150px!important;
  } 
.feedback-forms-textarea {
 width: 300px!important;
}  
  .feedbackForm #ddrating{
    font-size: 25px!important;
    width: 180px!important;
    height: 30px!important;   
  }

 .employeePic{
	  -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;
 }
 
 #employeeName{
 position:relative!important;
 left: 7px!important;
 }  
 
 .feedbackForm #outputHours{
   position:relative!important;
   right: 170px!important;
   white-space:nowrap!important;
 }  
   
/****REQUEST NOTE****/
.requestnote font{
 font-size: 15px!important;
}
.requestnote{
 font-size: 8pt!important;
 margin-top: 30px!important
}

/*******SERVICE MULTIPLE REQUEST*********/
 #srtable .btnService{
 font-size: 12px;
 }
 #srtable .lblService{
   position: relative!important;
   font-size: 12px;
 }
 
}

/* iPads (portrait and landscape) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	
	.added_note{    
	  font-size: 15px!important;
	}		

	#slupmaintitle{
		position:relative;
		left: 0px!important;
	} 

  /*CSS  */
	.t {
	    top: 4px!important;
	}  

  .identifyUser{
  	height:30px!important;
  	width:180px!important;
   margin-top: 5px!important;
   margin-bottom: 5px!important;
  }
  .txtUserfield{
		position: relative;
		width: 135px!important;
		top: 2px!important;  	
  }
  
  #duplicates, .scrollup_window{
  	height:280px!important;
  	width: 100%!important;
  }
  .scroll_dup{
  	font-size:30px!important;
  }
  
	.SortTR td .tcalIcon {
    position: relative!important;
    left: 280px!important;
    top: -52px!important;
    height: 23px!important;
	}  
	#tcal{
		width:100%!important;
		left:0!important;
	}
  div#tcal table {
  	table-layout: fixed;
  }	
	
	#tcal tr{
		height:100px;
	}
	div#tcal table.ctrl th {
	  font-size: 37px!important;
	}	
	
	.ctrl tr td img{
		height:30px;
	}
	.ctrl tr td[title="Previous Month"]{
		position: relative;
		left: 150px;
	}
	.ctrl tr td[title="Previous Year"]{
		position: relative;
		left: 50px;
	}  
	.ctrl tr td[title="Next Month"]{
		position: relative;
		right: 150px;
	}
	.ctrl tr td[title="Next Year"]{
		position: relative;
		right: 50px;
	}  
	div#tcal th{
		font-size:25px!important;
	}
	div#tcal td{
		font-size:35px;
	}
 #sr_body .custom_tr {
    height: 30px!important;
}   
  #work_order_type_title{
  	font-size:20px!important;
  }
	.lbl{
		font-size:12px!important;
		left: 10px!important
	}  
	.lblRemember {
	 font-size:10px!important;
	}
	.identify {
	  width: 180px!important;
	  height:30px!important;
	  margin-top:5px!important;
	  margin-bottom:5px!important;
	}
	.assign {
	  width: 180px!important;
	}		
	.txtfield {
	 width: 135px!important;
	}
		.div_location {
	 width: 260px!important;
	}
	.fa-envelope{
		position: relative!important;
		top: -3px!important;
		font-size:16px!important;
  }	 
	.txtEmail{
		position:relative!important;
		top:2px!important;
		font-size:30px!important;
	}
	
	.glyphicon-user{
		position: relative!important;
		top: 2px!important;
		font-size:16px!important;		
	}
	
	.fa-phone{
		float:left!important;
		font-size:16px!important;
    margin-left: 15px!important;
    position: relative!important;
    top: 2px!important;
    margin-right: 6px!important;
	}
	.fa-search, .glyphicon-map-marker, .fa-pencil-alt, .fa-key{
		font-size:16px!important;
		position:relative!important;
		top:-2px!important;
		margin-left: 3px!important;
	}

	#requiredWrap, .txtDate{
	  width: 100px!important;
	  height: 30px!important;
	}	
	#requiredtimeWrap{
	 width: 75px!important;
	 height: 30px!important;
	}
	.txtRequired {
		width:80px!important;
		position: relative;
		left: 54px;
	}
	.txtRequiredTime{
	 width:60px!important;
		position: relative;
		left: 54px;
	}	
	.txtDate{
		width:100px!important;
	}
	.txtDateTime{
		width:75px!important;
	}
	.txtDateUserfield{
		width: 80px!important;
	}
	.txtDateUserfieldTime{
		width: 60px!important;
	}
	#dd_date_wrap {
    float: right!important;
    position: relative!important;
    right: 80px!important;
    top: -57px!important;
	}	
	
	.mlbl{
    position: relative!important;
    top: -7px!important;		
	}
	
	.dropzone {
	    height: 50px;
	    width: 300px!important;
	}	
	
	.dropzone .dz-message {
     margin-top: 11px;
     font-size: 10px; 
	}

  
  #wrapper{
   width:100%!important;
   position: relative!important;
  	top: -31px!important;
  }
  #srtable{
   width:100%!important;
   border: none!important;
   border-radius:0!important;
  }
  
  
  #srtable td{
   height:20px!important;
   font-size: 15px!important;
   padding-right: 8px;
  }
  #srtable td.lblRadio{
   font-size: 12px!important;
  }
  #srtable input{
   height: 23px!important;
   font-size:12px!important;
  }
  #srtable .title{
   font-size:15px!important;
   text-align: center!important;
  } 
  .calendar_link{
   margin-top: 5px;
  }
     
  #srtable select{
   height: 30px!important;
   font-size:12px!important;
	 margin-top:5px!important;  
	 margin-bottom:5px!important; 
  }
  #srtable .longinput{
   width: 180px!important;
   font-size:12px!important;
  }
  #srtable .shortinput{
   font-size:12px!important;
  }
  
  #srtable .cardinput{
   width: 80px!important;
   font-size:12px!important;
   display: inline!important;
  }
  #srtable .otherinput{
   width: 190px!important;
   font-size:12px!important;
  }
  #srtable #name{
   width: 180px!important;
   font-size:12px!important;
  }
  #srtable #phoneinput{
   width: 100px!important;
   font-size:12px!important;
   float: left!important;
  }
  #srtable #woinstruct{
    width: 300px!important;
    height: 100px!important;
    font-size:12px!important;
    /* margin-left: 20px!important; */
    margin-bottom: 30px;
  }

   #searhMore2{
    width:250px!important;
   }
  
  #srtable .btnSubmit{
		background: #003567!important;
		color: #fff!important;
		border: 1px #003567 solid!important;
		-webkit-border-radius: 5px!important;
		-moz-border-radius: 5px!important;
		border-radius: 5px!important;
		height: 40px!important;
		width: 100px!important;
		font-size:18px!important;   
		position: relative!important;
		top: -2px!important;
		font-weight: 400!important; 
  }

  #srtable .btnSubmit.gps{
		background: #003567!important;
		color: #fff!important;
		border: 1px #003567 solid!important;
		-webkit-border-radius: 3px!important;
		-moz-border-radius: 3px!important;
		border-radius: 3px!important;
		height: 30px!important;
		width: 70px!important;
		font-size:10px!important;   
		position: relative!important;
		top: -2px!important;
		font-weight: 400!important; 
		margin-top: 5px!important;
  }

  #srtable .btnSubmit:hover{
   background: #B31212!important;
   border: solid 1px #B31212!important;
   -webkit-border-radius: 5px!important;
   -moz-border-radius: 5px!important;
   border-radius: 5px!important;
  }
  

  #asset{
   height: 30px!important;
  }
  
  #unit_num{
   height: 30px!important;
   font-size:12px!important;
  }
  #unit_num:hover{

  }

  .seviceSelectWrap{
   width: 100%!important;
   position:relative;
   top: 40px;
  }
  .field{
   display: block!important;
    margin-bottom: 5px!important;
    font-size: 38px!important;
    float: left!important;
    white-space:normal!important;
    width: 100%!important;
  }
  .ServiceDept{
   font-size: 35px!important;
  }
  .RequestServ{
   font-size: 35px!important;
  }
  .nonbreak{
   width: 100%!important;
   float: left!important;
  }
  #lblselectService3{
   font-size: 35px!important; 
  }
  #logo{
   height: 75px!important;
  }
  #logoHeight{
   height: 400px!important;
  }
  .serviceselectnewwrap{
   position: relative!important;
   top: 40px!important;
  }
  .pageFont{
   font-size: 25px!important;   
  }
  .pageFont2{
   font-size: 20px!important;   
  }
  .thankyou{
   font-size: 20px!important;
  }
  
  #uploadDocForm{height:400px!important;}
  
  #uploadDocForm td{
   height: 30px!important;
   font-size: 40px!important;
  }
  #uploadDocForm input{
   height: 40px!important;
   font-size: 12px!important;
  }
  
  #uploadDocForm .deleteDoc{
   background: #003567!important;
   color: #fff!important;
   height: 60px!important;
   width: 150px!important;
   border: solid 1px #003567!important;
   font-size: 30px!important; 
   text-align: center!important;
   -webkit-border-radius: 5px!important;
   -moz-border-radius: 5px!important;
   border-radius: 5px!important;
   font-weight: 400!important; 
   position:relative!important;
   top: 10px!important;  
  }
  #uploadDocForm .deleteDoc:hover{
   background: #B31212!important;
   border: solid 1px #B31212!important;
   -webkit-border-radius: 5px!important;
   -moz-border-radius: 5px!important;
   border-radius: 5px!important;   
  }
  
  #DocumentUpload1{
   height: 650px!important;
  }
  
/**********SERVICE LOOKUP********/

	.titleLabel{
		font-size: 40px!important;
		font-weight: bold!important;
		display: inline-block!important;
		width: 100%!important;
		color: #FFF!important;
		margin-top: 0px!important;
		text-align: center!important;
	}

	.sluplbl{
		font-size:12px!important;
	}
	
	
	.sluplblquerydate{
		top: 0px!important;
		left: 0px!important;
	}	
	
	.queryDateWrap {
	  width: 80px!important;
	  position: relative;
	  top: 12px!important;
	  height: 30px!important;
	}		
	
	.txtQueryDate {
	  position: relative;
	  top: 4px!important;
	  left: 0px;
	  width: 74px!important;
	  font-weight: 300;
	}		
	
	#querydatestartdate, #querydateenddate{
		position: relative;
		left: -15px!important;		
		top: 15px!important;
	}	
	
	#sluplblstart{
		position:relative;
		left:50px!important;
		top: 4px!important;
	}

	#sluplblend {
		position: relative;
		left: 50px!important;
		top: 4px!important;
	}
	
	.sluplblcalendar{
		display:none!important;
	}	
	
	.sluptaclIcon {
    position: relative;
    top: -22px!important;
    height: 45px!important;
	}
	
	.daterow #tcalico_0, .daterow #tcalico_1 {
	  position: relative;
	  left: 0px!important;
	  top: -11px!important;
	}	
	
	.txtQueryDate {
	  position: relative;
	  top: 4px!important;
	  left: 0px;
	  width: 74px!important;
	  font-weight: 300;
	}	
	
	#daterowwrapper{
		height:  100px!important;
	}	
	.daterow {
	 width: 33%!important;
	}
	.date_range_info i {
    position: relative;
    top: -12px!important;
	}	
	#slupsearchciteria{
		padding-bottom:20px!important;
	}
	
	.date_range_lbl {
	  font-size: 12px!important;
	  top: 0px!important;
	  left: 0px!important;
	}
	
	.date_range #date_range{
    position: relative!important;
    top: -2px!important;
    right: 0px!important;
    height: 30px!important;
    width: 100px!important;		
	}

	.date_range_info {
	    font-size: 12px!important;
	}	
	.date_range {
	 width: 33%;
	}	
	.queryEmailWrap, .queryLocationWrap {
		height: 30px!important;
		width: 180px!important;
	}	
	.queryEmailWrap .slupemail, .queryLocationWrap .sluplocation{
		width: 135px!important;
	}
	.queryCodeWrap {
		height: 50px!important;
		width: 280px!important;
    position: relative;
    top: 10px!important;
	}		
	.queryCodeWrap #security_code{
		width: 210px!important;
		font-size:12px!important;
		top: 10px!important;
	}
	#reqSecureCode {
	  float: right;
	  position: relative;
	  top: -32px!important;
	  right: 40px!important;
	  font-size: 12px;
	}	
	.criteria_icon_wrapper {
	    top: 9px!important;
	}	
	.criteria_icon_wrapper .glyphicon-lock{
		font-size: 20px!important;
	}
	
  .slWrapper{
   width:100%!important;
   position: relative!important;
   top: 50px!important;
   } 
   
  .slForm{
    width: 100%!important;
   font-size: 12px!important;
  }
  
  .slForm select{
   height: 30px!important;
   font-size: 12px!important;
   width:195px!important;
  }

  .slForm input[type="text"]{
   height: 23px!important;
   font-size: 12px!important;
  }
  .slForm #area_num{
   height: 30px!important;
   font-size: 12px!important;
   width:500px!important;
  }
  .slForm .label{
   font-size: 12px!important;
  }

  
  .slForm .date{
   font-size: 12px!important; 
   width: 100%!important;
   display:block!important; 
   float: left!important;
   margin-top: 10px!important;
  }
  
  .slForm .date_range{
   font-size: 12px!important;
  }
  
/******SERVICE LOOKUP 2***********/
  #sr2Title{
   width: 100%!important;
   height: 30px!important;
   font-size: 20px!important;
  }
  .sr2Form{border}
    
  .sr2Form #title1, .sr2Form #title2{
   height: 30px;
  }
  .sr2Form #title1{font-size: 21px;}
  
  .sr2Form #title2{text-align: center;}
  
  .sr2Form #data{
   height: 33px!important;
   text-align: center;
  }
  
  
  #dept_name{
  	font-size: 15px;
  }
  
  .sr2Form .sl2FormFont{
   font-size: 8px!important;
  }
  
  .btnfindWO, .btnLoopUp2{
		background: #003567!important;
		color: #fff!important;
		border: 1px #003567 solid!important;
		-webkit-border-radius: 5px!important;
		-moz-border-radius: 5px!important;
		border-radius: 5px!important;
		height: 40px!important;
		width: 100px!important;
		font-size:18px!important;   
		position: relative!important;
		top: -2px!important;
		font-weight: 400!important;  
  }
  .btnfindWO:hover, .btnLoopUp2:hover{
   background: #930104!important;
   border: 1px #930104 solid!important;
   -webkit-border-radius: 5px!important;
   -moz-border-radius: 5px!important;
   border-radius: 5px!important;    
  }
  
  .errorMessage{
   font-size: 20px!important;
  }
  
  .clickinfo{font-size:12px!important;}
  
  

	.workorderdetailsForm .detail_row_wrapper td{
		font-size:12px!important;
	}	

  .de_data{
  	font-size:12px!important;
  }
  
	.slupdetaillbl{
		font-weight:500!important; 
		font-size: 11px!important;
	}
	
	.detaillbl{
		font-size: 35px!important;
		font-weight:600!important; 
	}
	#slupdetaildata{
		font-size: 12px!important;
	}		
	
	#tbl_assign_workers{
		position:relative!important;
		top: 30px!important;
	}
	
	.assign_worker_info{
		font-size:12px!important;
	}	
	
	.col-sm-4 {
     width: 33.3333%!important;
  }
  
	.sl2FormFont2{
		font-size:10px!important;
	} 
		
  
/**********FEEDBACK*****************/

   .feedbackForm{width: 100%!important;}
   
   .feedbackForm td{font-size: 30px!important;}   
   
   #feedback-form-wrapper {
    width: 100%!important;
   } 
   .feedback-forms-select {
    height: 30px!important;
   } 
   .feedback-values, .mech-notes {
    padding-left: 15px!important;
    white-space: normal!important;
    word-break: break-word;
   }   
  .submitFeedback{
  background: #003567!important;
		color: #fff!important;
		border: 1px #003567 solid!important;
		-webkit-border-radius: 5px!important;
		-moz-border-radius: 5px!important;
		border-radius: 5px!important;
		height: 40px!important;
		width: 100px!important;
		font-size:12px!important;   
		position: relative!important;
		top: -12px!important;
		font-weight: 400!important;
		white-space: normal!important; 
  }
  #SubmitMe {
  font-size:18px!important;   
		top: -2px!important; 
  }
  .submitFeedback:hover{
   background: #930104!important;
   border: 1px #930104 solid!important;
   -webkit-border-radius: 5px!important;
   -moz-border-radius: 5px!important;
   border-radius: 5px!important; 
  }
  .feedback-forms-input {
   width: 135px!important;
   height: 23px!important;
  }  
  .feedbackForm #name{
   font-size: 12px!important;
   width: 500px!important;
   height: 30px!important;
   } 
  
  .feedbackForm #email{
   font-size: 12px!important;
   width: 500px!important;
   height: 30px!important;
  } 
  
  .feedbackForm #phone{
   font-size: 12px!important;
   width: 180px!important;
   height: 30px!important; 
   }  
   
  .feedbackForm .dcomments{
   font-size: 16px!important;
   height: 150px!important;
  }
.feedback-forms-textarea {
 width: 300px!important;
}
     .feedbackForm #ddrating{
    font-size: 12px!important;
    width: 180px!important;
    height: 30px!important;   
  }
   
 .employeePic{
	  -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;
 }
 
 #employeeName{
 position:relative!important;
 left: 7px!important;
 }  
 
 .feedbackForm #outputHours{
   position:relative!important;
   right: 170px!important;
   white-space:nowrap!important;
 }
   
/****REQUEST NOTE****/
.requestnote font{
 font-size: 15px!important;
}
.requestnote{
 font-size: 8pt!important;
 margin-top: 30px!important
}

/*******SERVICE MULTIPLE REQUEST*********/
 #srtable .btnService{
 font-size: 12px;
 }
 #srtable .lblService{
   position: relative!important;
   font-size: 12px;
 }
 
}

/*Android Nexus 7  - chrome*/
@media only screen and (max-width : 600px) and (device-width : 800px){
	
	.added_note{    
	  font-size: 15px!important;
	}		

	#slupmaintitle{
		position:relative;
		left: 0px!important;
	} 

  /*CSS  */
	.t {
	    top: 4px!important;
	}  

  .identifyUser{
  	height:30px!important;
  	width:180px!important;
   margin-top: 5px!important;
   margin-bottom: 5px!important;
  }
  .txtUserfield{
		position: relative;
		width: 135px!important;
		top: 2px!important;  	
  }
  
  #duplicates, .scrollup_window{
  	height:280px!important;
  	width: 100%!important;
  }
  .scroll_dup{
  	font-size:30px!important;
  }
  
	.SortTR td .tcalIcon {
    position: relative!important;
    left: 280px!important;
    top: -52px!important;
    height: 23px!important;
	}  
	#tcal{
		width:100%!important;
		left:0!important;
	}
  div#tcal table {
  	table-layout: fixed;
  }	
	
	#tcal tr{
		height:100px;
	}
	div#tcal table.ctrl th {
	  font-size: 37px!important;
	}	
	
	.ctrl tr td img{
		height:30px;
	}
	.ctrl tr td[title="Previous Month"]{
		position: relative;
		left: 150px;
	}
	.ctrl tr td[title="Previous Year"]{
		position: relative;
		left: 50px;
	}  
	.ctrl tr td[title="Next Month"]{
		position: relative;
		right: 150px;
	}
	.ctrl tr td[title="Next Year"]{
		position: relative;
		right: 50px;
	}  
	div#tcal th{
		font-size:12px!important;
	}
	div#tcal td{
		font-size:35px;
	}
#sr_body .custom_tr {
    height: 30px!important;
}  
  #work_order_type_title{
  	font-size:20px!important;
  }
	.lbl{
		font-size:12px!important;
		left: 10px!important
	}  
	.lblRemember {
	 font-size:10px!important;
	}
	.identify {
	  width: 180px!important;
	  height:30px!important;
	  margin-top:5px!important;
	  margin-bottom:5px!important;
	}
	.assign {
	  width: 180px!important;
	}		
	.txtfield {
	 width: 135px!important;
	}	
	.div_location {
	 width: 260px!important;
	}
	.fa-envelope{
		position: relative!important;
		top: -3px!important;
		font-size:16px!important;
  }	 
	.txtEmail{
		position:relative!important;
		top:2px!important;
		font-size:30px!important;
	}
	
	.glyphicon-user{
		position: relative!important;
		top: 2px!important;
		font-size:16px!important;		
	}
	
	.fa-phone{
		float:left!important;
		font-size:16px!important;
    margin-left: 15px!important;
    position: relative!important;
    top: 2px!important;
    margin-right: 6px!important;
	}
	.fa-search, .glyphicon-map-marker, .fa-pencil-alt, .fa-key{
		font-size:16px!important;
		position:relative!important;
		top:-2px!important;
		margin-left: 3px!important;
	}


	#requiredWrap, .txtDate{
	  width: 100px!important;
	  height: 30px!important;
	}	
	#requiredtimeWrap{
	 width: 75px!important;
	 height: 30px!important;
	}
	.txtRequired {
		width:80px!important;
		position: relative;
		left: 54px;
	}
	.txtRequiredTime{
	 width:60px!important;
		position: relative;
		left: 54px;
	}	
	.txtDate{
		width:100px!important;
	}
	.txtDateTime{
		width:75px!important;
	}
	.txtDateUserfield{
		width: 80px!important;
	}
	.txtDateUserfieldTime{
		width: 60px!important;
	}
	#dd_date_wrap {
    float: right!important;
    position: relative!important;
    right: 100px!important;
    top: -57px!important;
	}	

	.mlbl{
    position: relative!important;
    top: -7px!important;		
	}
	
	.dropzone {
	    height: 50px;
	    width: 300px!important;
	}		
	
	.dropzone .dz-message {
     margin-top: 11px;
     font-size: 10px; 
	}

  
  #wrapper{
   width:100%!important;
   position: relative!important;
  	top: -31px!important;
  }
  #srtable{
   width:100%!important;
   border: none!important;
   border-radius:0!important;
  }
  
  
  #srtable td{
   height:20px!important;
   font-size: 15px!important;
   padding-right: 8px;
  }
  
  #srtable td.lblRadio{
   font-size: 12px!important;
  }
  #srtable input{
   height: 23px!important;
   font-size: 12px!important;
  }
  #srtable .title{
   font-size:15px!important;
   text-align: center!important;
  } 
  .calendar_link{
   margin-top: 5px;
  }
     
  #srtable select{
   height: 30px!important;
   font-size: 12px!important;
	 margin-top:5px!important;  
	 margin-bottom:5px!important; 
  }
  #srtable .longinput{
   width: 180px!important;
   font-size: 12px!important;
  }
  #srtable .shortinput{
   font-size: 12px!important;
  }
  
  #srtable .cardinput{
   width: 80px!important;
   font-size: 12px!important;
   display: inline!important;
  }
  #srtable .otherinput{
   width: 190px!important;
   font-size: 12px!important;
  }
  #srtable #name{
   width: 180px!important;
   font-size: 12px!important;
  }
  #srtable #phoneinput{
   width: 100px!important;
   font-size: 12px!important;
   float: left!important;
  }
  #srtable #woinstruct{
    width: 300px!important;
    height: 100px!important;
    font-size: 12px!important;
    /* margin-left: 20px!important; */
    margin-bottom: 30px;
  }

   #searhMore2{
    width:250px!important;
   }
  
  #srtable .btnSubmit{
		background: #003567!important;
		color: #fff!important;
		border: 1px #003567 solid!important;
		-webkit-border-radius: 5px!important;
		-moz-border-radius: 5px!important;
		border-radius: 5px!important;
		height: 40px!important;
		width: 100px!important;
		font-size:18px!important;   
		position: relative!important;
		top: -2px!important;
		font-weight: 400!important; 
  }
  
  #srtable .btnSubmit.gps{
		background: #003567!important;
		color: #fff!important;
		border: 1px #003567 solid!important;
		-webkit-border-radius: 3px!important;
		-moz-border-radius: 3px!important;
		border-radius: 3px!important;
		height: 30px!important;
		width: 70px!important;
		font-size:10px!important;   
		position: relative!important;
		top: -2px!important;
		font-weight: 400!important; 
		margin-top: 5px!important;
  }

  #srtable .btnSubmit:hover{
   background: #B31212!important;
   border: solid 1px #B31212!important;
   -webkit-border-radius: 5px!important;
   -moz-border-radius: 5px!important;
   border-radius: 5px!important;
  }
  

  #asset{
   height: 30px!important;
  }
  
  #unit_num{
   height: 30px!important;
   font-size: 12px!important;
  }
  #unit_num:hover{

  }

  .seviceSelectWrap{
   width: 100%!important;
   position:relative;
   top: 40px;
  }
  .field{
   display: block!important;
    margin-bottom: 5px!important;
    font-size: 38px!important;
    float: left!important;
    white-space:normal!important;
    width: 100%!important;
  }
  .ServiceDept{
   font-size: 35px!important;
  }
  .RequestServ{
   font-size: 35px!important;
  }
  .nonbreak{
   width: 100%!important;
   float: left!important;
  }
  #lblselectService3{
   font-size: 35px!important; 
  }
  #logo{
   height: 75px!important;
  }
  #logoHeight{
   height: 400px!important;
  }
  .serviceselectnewwrap{
   position: relative!important;
   top: 40px!important;
  }
  .pageFont{
   font-size: 25px!important;   
  }
  .pageFont2{
   font-size: 20px!important;   
  }
  .thankyou{
   font-size: 20px!important;
  }
  
  #uploadDocForm{height:400px!important;}
  
  #uploadDocForm td{
   height: 30px!important;
   font-size: 40px!important;
  }
  #uploadDocForm input{
   height: 40px!important;
   font-size: 12px!important;
  }
  
  #uploadDocForm .deleteDoc{
   background: #003567!important;
   color: #fff!important;
   height: 60px!important;
   width: 150px!important;
   border: solid 1px #003567!important;
   font-size: 30px!important; 
   text-align: center!important;
   -webkit-border-radius: 5px!important;
   -moz-border-radius: 5px!important;
   border-radius: 5px!important;
   font-weight: 400!important; 
   position:relative!important;
   top: 10px!important;  
  }
  #uploadDocForm .deleteDoc:hover{
   background: #B31212!important;
   border: solid 1px #B31212!important;
   -webkit-border-radius: 5px!important;
   -moz-border-radius: 5px!important;
   border-radius: 5px!important;   
  }
  
  #DocumentUpload1{
   height: 650px!important;
  }
  
/**********SERVICE LOOKUP********/

	.titleLabel{
		font-size: 40px!important;
		font-weight: bold!important;
		display: inline-block!important;
		width: 100%!important;
		color: #FFF!important;
		margin-top: 0px!important;
		text-align: center!important;
	}

	.sluplbl{
		font-size:12px!important;
	}
	
	.sluplblquerydate{
		top: 0px!important;
		left: 0px!important;
	}	
	
	.queryDateWrap {
	  width: 80px!important;
	  position: relative;
	  top: 12px!important;
	  height: 30px!important;
	}	
	
	.txtQueryDate {
	  position: relative;
	  top: 4px!important;
	  left: 0px;
	  width: 74px!important;
	  font-weight: 300;
	}	
	
	#querydatestartdate, #querydateenddate{
		position: relative;
		left: -15px!important;		
		top: 15px!important;
	}	
	
	#sluplblstart{
		position:relative;
		left:50px!important;
		top: 4px!important;
	}
	

	#sluplblend {
		position: relative;
		left: 50px!important;
		top: 4px!important;
	}
	
	.sluplblcalendar{
		display:none!important;
	}	
	
	.sluptaclIcon {
    position: relative;
    top: -22px!important;
    height: 45px!important;
	}
	
	.daterow #tcalico_0, .daterow #tcalico_1 {
	  position: relative;
	  left: 0px!important;
	  top: -11px!important;
	}	
	
	.txtQueryDate {
	  position: relative;
	  top: 4px!important;
	  left: 0px;
	  width: 74px!important;
	  font-weight: 300;
	}	
	
	#daterowwrapper{
		height:  100px!important;
	}	
	.daterow {
	 width: 33%!important;
	}
	.date_range_info i {
    position: relative;
    top: -12px!important;
	}	
	#slupsearchciteria{
		padding-bottom:20px!important;
	}
	
	.date_range_lbl {
	  font-size: 12px!important;
	  top: 0px!important;
	  left: 0px!important;
	}
	
	.date_range #date_range{
    position: relative!important;
    top: -2px!important;
    right: 0px!important;
    height: 30px!important;
    width: 100px!important;		
	}

	.date_range_info {
	    font-size: 12px!important;
	}	
	.date_range {
	 width: 33%;
	}	
	.queryEmailWrap, .queryLocationWrap {
		height: 30px!important;
		width: 180px!important;
	}	
	.queryEmailWrap .slupemail, .queryLocationWrap .sluplocation{
		width: 135px!important;
	}
	.queryCodeWrap {
		height: 50px!important;
		width: 280px!important;
    position: relative;
    top: 10px!important;
	}		
	.queryCodeWrap #security_code{
		width: 210px!important;
		font-size:12px!important;
		top: 10px!important;
	}
	#reqSecureCode {
	  float: right;
	  position: relative;
	  top: -32px!important;
	  right: 40px!important;
	  font-size: 12px;
	}	
	.criteria_icon_wrapper {
	    top: 9px!important;
	}	
	.criteria_icon_wrapper .glyphicon-lock{
		font-size: 20px!important;
	}
	
  .slWrapper{
   width:100%!important;
   position: relative!important;
   top: 50px!important;
   }
   
  .slForm{
    width: 100%!important;
   font-size: 12px!important;
  }
  
  .slForm select{
   height: 30px!important;
   font-size: 12px!important;
   width:195px!important;
  }

  .slForm input[type="text"]{
   height: 23px!important;
   font-size: 12px!important;
  }
  .slForm #area_num{
   height: 30px!important;
   font-size: 12px!important;
   width:500px!important;
  }
  .slForm .label{
   font-size: 12px!important;
  }

  
  .slForm .date{
   font-size: 12px!important; 
   width: 100%!important;
   display:block!important; 
   float: left!important;
   margin-top: 10px!important;
  }
  
  .slForm .date_range{
   font-size: 12px!important;
  }
  
/******SERVICE LOOKUP 2***********/
  #sr2Title{
   width: 100%!important;
   height: 30px!important;
   font-size: 20px!important;
  }
  .sr2Form{border}
    
  .sr2Form #title1, .sr2Form #title2{
   height: 30px;
  }
  .sr2Form #title1{font-size: 21px;}
  
  .sr2Form #title2{text-align: center;}
  
  .sr2Form #data{
   height: 33px!important;
   text-align: center;
  }
  
  
  #dept_name{
  	font-size: 15px;
  }
  
  .sr2Form .sl2FormFont{
   font-size: 8px!important;
  }
  
  .btnfindWO, .btnLoopUp2{
		background: #003567!important;
		color: #fff!important;
		border: 1px #003567 solid!important;
		-webkit-border-radius: 5px!important;
		-moz-border-radius: 5px!important;
		border-radius: 5px!important;
		height: 40px!important;
		width: 100px!important;
		font-size:18px!important;   
		position: relative!important;
		top: -2px!important;   
		font-weight: 400!important;
  }
  .btnfindWO:hover, .btnLoopUp2:hover{
   background: #930104!important;
   border: 1px #930104 solid!important;
   -webkit-border-radius: 5px!important;
   -moz-border-radius: 5px!important;
   border-radius: 5px!important;    
  }
  
  .errorMessage{
   font-size: 20px!important;
  }
  
  .clickinfo{font-size:12px!important;}
  
  
  .workorderdetailsForm .sdtitle{
   height: 30px!important;
   font-size: 15px!important;
  }
  .workorderdetailsForm2 .sdtitle{
   height: 30px!important;
   font-size: 15px!important;   
  }
  
	.workorderdetailsForm .detail_row_wrapper td{
		font-size:12px!important;
	}	

  .de_data{
  	font-size:12px!important;
  }
  
	.slupdetaillbl{
		font-weight:500!important; 
		font-size: 11px!important;
	}
	
	.detaillbl{
		font-size: 35px!important;
		font-weight:600!important; 
	}
	#slupdetaildata{
		font-size: 12px!important;
	}		
	
	#tbl_assign_workers{
		position:relative!important;
		top: 30px!important;
	}
	
	.assign_worker_info{
		font-size:12px!important;
	}	
	
	.col-sm-4 {
     width: 33.3333%!important;
  }
  
	.sl2FormFont2{
		font-size:10px!important;
	} 
  
  .submitFeedback{
  background: #003567!important;
		color: #fff!important;
		border: 1px #003567 solid!important;
		-webkit-border-radius: 5px!important;
		-moz-border-radius: 5px!important;
		border-radius: 5px!important;
		height: 40px!important;
		width: 100px!important;
		font-size:12px!important;   
		position: relative!important;
		top: -12px!important;
		font-weight: 400!important;
		white-space: normal!important; 
  }
  #SubmitMe {
  font-size:18px!important;   
		top: -2px!important; 
  }
  .submitFeedback:hover{
   background: #930104!important;
   border: 1px #930104 solid!important;
   -webkit-border-radius: 5px!important;
   -moz-border-radius: 5px!important;
   border-radius: 5px!important; 
  }
  .feedback-forms-input {
   width: 135px!important;
   height: 23px!important;
  } 
/**********FEEDBACK*****************/

   .feedbackForm{width: 100%!important;}
   
   .feedbackForm td{font-size: 30px!important;}    
   #feedback-form-wrapper {
    width: 100%!important;
   }   
   .feedback-forms-select {
    height: 30px!important;
   } 
   .feedback-values, .mech-notes {
    padding-left: 15px!important;
    white-space: normal!important;
    word-break: break-word;
   }
  .submitFeedback{
  background: #003567!important;
		color: #fff!important;
		border: 1px #003567 solid!important;
		-webkit-border-radius: 5px!important;
		-moz-border-radius: 5px!important;
		border-radius: 5px!important;
		height: 40px!important;
		width: 100px!important;
		font-size:12px!important;   
		position: relative!important;
		top: -12px!important;
		font-weight: 400!important;
		white-space: normal!important;   
  }
  #SubmitMe {
  font-size:18px!important;   
		top: -2px!important; 
  }
  .submitFeedback:hover{
   background: #930104!important;
   border: 1px #930104 solid!important;
   -webkit-border-radius: 5px!important;
   -moz-border-radius: 5px!important;
   border-radius: 5px!important; 
  }
  .feedback-forms-input {
   width: 135px!important;
   height: 23px!important;
  }  
  .feedbackForm #name{
   font-size: 12px!important;
   width: 500px!important;
   height: 30px!important;
   } 
  
  .feedbackForm #email{
   font-size: 12px!important;
   width: 500px!important;
   height: 30px!important;
  } 
  
  .feedbackForm #phone{
   font-size: 12px!important;
   width: 180px!important;
   height: 30px!important; 
   }     
   
  .feedbackForm .dcomments{
   font-size: 16px!important;
   height: 150px!important;
  } 
.feedback-forms-textarea {
 width: 300px!important;
}
  .feedbackForm #ddrating{
    font-size: 12px!important;
    width: 180px!important;
    height: 30px!important;   
  }
  

   
 .employeePic{
	  -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;
 }
 
 #employeeName{
 position:relative!important;
 left: 7px!important;
 }  
 
 .feedbackForm #outputHours{
   position:relative!important;
   right: 170px!important;
   white-space:nowrap!important;
 }
   
/****REQUEST NOTE****/
.requestnote font{
 font-size: 15px!important;
}
.requestnote{
 font-size: 8pt!important;
 margin-top: 30px!important
}

/*******SERVICE MULTIPLE REQUEST*********/
 #srtable .btnService{
 font-size: 12px;
 }
 #srtable .lblService{
   position: relative!important;
   font-size: 12px;
 }
 
}

@media screen
and (min-width:360px)
and (device-width:360px)
and (max-width:360px)
and (orientation:portrait)
and (-webkit-min-device-pixel-ratio:3)
and (device-aspect-ratio:45/74) {

	.added_note{    
	  font-size: 15px!important;
	}	


	#slupmaintitle{
		position:relative;
		left: 0px!important;
	} 

  /*CSS  */
	.t {
	    top: 4px!important;
	}  

  .identifyUser{
  	height:30px!important;
  	width:180px!important;
   margin-top: 5px!important;
   margin-bottom: 5px!important;
  }
  .txtUserfield{
		position: relative;
		width: 135px!important;
		top: 2px!important;   	
  }
  
  #duplicates, .scrollup_window{
  	height:280px!important;
  	width: 100%!important;
  }
  .scroll_dup{
  	font-size:30px!important;
  }
  
	.SortTR td .tcalIcon {
    position: relative!important;
    left: 280px!important;
    top: -52px!important;
    height: 23px!important;
	}  
	#tcal{
		width:100%!important;
		left:0!important;
	}
  div#tcal table {
  	table-layout: fixed;
  }	
	
	#tcal tr{
		height:100px;
	}
	div#tcal table.ctrl th {
	  font-size: 37px!important;
	}	
	
	.ctrl tr td img{
		height:30px;
	}
	.ctrl tr td[title="Previous Month"]{
		position: relative;
		left: 150px;
	}
	.ctrl tr td[title="Previous Year"]{
		position: relative;
		left: 50px;
	}  
	.ctrl tr td[title="Next Month"]{
		position: relative;
		right: 150px;
	}
	.ctrl tr td[title="Next Year"]{
		position: relative;
		right: 50px;
	}  
	div#tcal th{
		font-size:12px!important;
	}
	div#tcal td{
		font-size:35px;
	}
#sr_body .custom_tr {
    height: 30px!important;
}    
  #work_order_type_title{
  	font-size:20px!important;
  }
	.lbl{
		font-size:12px!important;
		left: 10px!important
	}  
	.lblRemember {
	 font-size:10px!important;
	}
	.identify {
   width: 180px!important;
	  height:30px!important;
	  margin-top:5px!important;
	  margin-bottom:5px!important;
	}	
	.assign {
	  width: 180px!important;
	}	
	.txtfield {
	 width: 135px!important;
	}	
		.div_location {
	 width: 260px!important;
	}
	.fa-envelope{
		position: relative!important;
		top: -3px!important;
		font-size:16px!important;
  }	 
	.txtEmail{
		position:relative!important;
		top:2px!important;
		font-size:30px!important;
	}
	
	.glyphicon-user{
		position: relative!important;
		top: 2px!important;
		font-size:16px!important;		
	}
	
	.fa-phone{
		float:left!important;
		font-size:16px!important;
    margin-left: 15px!important;
    position: relative!important;
    top: 2px!important;
    margin-right: 6px!important;
	}
	.fa-search, .glyphicon-map-marker, .fa-pencil-alt, .fa-key{
		font-size:16px!important;
		position:relative!important;
		top:-2px!important;
		margin-left: 3px!important;
	}


	#requiredWrap, .txtDate{
	  width: 100px!important;
	  height: 30px!important;
	}	
	#requiredtimeWrap{
	 width: 75px!important;
	 height: 30px!important;
	}
	.txtRequired {
		width:80px!important;
		position: relative;
		left: 54px;
	}
	.txtRequiredTime{
	 width:60px!important;
		position: relative;
		left: 54px;
	}	
	.txtDate{
		width:100px!important;
	}
	.txtDateTime{
		width:75px!important;
	}
	.txtDateUserfield{
		width: 80px!important;
	}
	.txtDateUserfieldTime{
		width: 60px!important;
	}
	#dd_date_wrap {
    float: right!important;
    position: relative!important;
    right: 100px!important;
    top: -57px!important;
	}	

	.mlbl{
    position: relative!important;
    top: -7px!important;		
	}
	
	.dropzone {
	    height: 50px;
	    width: 300px!important;
	}	
	
	.dropzone .dz-message {
     margin-top: 11px;
     font-size: 10px; 
	}

  
  #wrapper{
   width:100%!important;
   position: relative!important;
  	top: -31px!important;
  }
  #srtable{
   width:100%!important;
   border: none!important;
   border-radius:0!important;
  }
  
  
  #srtable td{
   height:20px!important;
   font-size: 15px!important;
   padding-right: 8px;
  }
  #srtable td.lblRadio{
   font-size: 12px!important;
  }
  #srtable input{
   height: 23px!important;
   font-size: 12px!important;
  }
  #srtable .title{
   font-size:15px!important;
   text-align: center!important;
  } 
  .calendar_link{
   margin-top: 5px;
  }
     
  #srtable select{
   height: 30px!important;
   font-size: 12px!important;
	 margin-top:5px!important;  
	 margin-bottom:5px!important; 
  }
  #srtable .longinput{
   width: 180px!important;
   font-size: 12px!important;
  }
  #srtable .shortinput{
   font-size: 12px!important;
  }
  
  #srtable .cardinput{
   width: 80px!important;
   font-size: 12px!important;
   display: inline!important;
  }
  #srtable .otherinput{
   width: 190px!important;
   font-size: 12px!important;
  }
  #srtable #name{
   width: 180px!important;
   font-size: 12px!important;
  }
  #srtable #phoneinput{
  width: 100px!important;
   font-size: 12px!important;
   float: left!important;
  }
  #srtable #woinstruct{
    width: 300px!important;
    height: 100px!important;
    font-size: 12px!important;
    /* margin-left: 20px!important; */
    margin-bottom: 30px;
  }

   #searhMore2{
    width:250px!important;
   }
  
  #srtable .btnSubmit{
		background: #003567!important;
		color: #fff!important;
		border: 1px #003567 solid!important;
		-webkit-border-radius: 5px!important;
		-moz-border-radius: 5px!important;
		border-radius: 5px!important;
		height: 40px!important;
		width: 100px!important;
		font-size:18px!important;   
		position: relative!important;
		top: -2px!important;
		font-weight: 400!important; 
  }
  
  #srtable .btnSubmit.gps{
		background: #003567!important;
		color: #fff!important;
		border: 1px #003567 solid!important;
		-webkit-border-radius: 3px!important;
		-moz-border-radius: 3px!important;
		border-radius: 3px!important;
		height: 30px!important;
		width: 70px!important;
		font-size:10px!important;   
		position: relative!important;
		top: -2px!important;
		font-weight: 400!important; 
		margin-top: 5px!important;
  }
  
  #srtable .btnSubmit:hover{
   background: #B31212!important;
   border: solid 1px #B31212!important;
   -webkit-border-radius: 5px!important;
   -moz-border-radius: 5px!important;
   border-radius: 5px!important;
  }
  

  #asset{
   height: 30px!important;
  }
  
  #unit_num{
   height: 30px!important;
   font-size: 12px!important;
  }
  #unit_num:hover{

  }

  .seviceSelectWrap{
   width: 100%!important;
   position:relative;
   top: 40px;
  }
  .field{
   display: block!important;
    margin-bottom: 5px!important;
    font-size: 38px!important;
    float: left!important;
    white-space:normal!important;
    width: 100%!important;
  }
  .ServiceDept{
   font-size: 35px!important;
  }
  .RequestServ{
   font-size: 35px!important;
  }
  .nonbreak{
   width: 100%!important;
   float: left!important;
  }
  #lblselectService3{
   font-size: 35px!important; 
  }
  #logo{
   height: 75px!important;
  }
  #logoHeight{
   height: 400px!important;
  }
  .serviceselectnewwrap{
   position: relative!important;
   top: 40px!important;
  }
  .pageFont{
   font-size: 25px!important;   
  }
  .pageFont2{
   font-size: 20px!important;   
  }
  .thankyou{
   font-size: 20px!important;
  }
  
  #uploadDocForm{height:400px!important;}
  
  #uploadDocForm td{
   height: 30px!important;
   font-size: 40px!important;
  }
  #uploadDocForm input{
   height: 40px!important;
   font-size: 12px!important;
  }
  
  #uploadDocForm .deleteDoc{
   background: #003567!important;
   color: #fff!important;
   height: 60px!important;
   width: 150px!important;
   border: solid 1px #003567!important;
   font-size: 30px!important; 
   text-align: center!important;
   -webkit-border-radius: 5px!important;
   -moz-border-radius: 5px!important;
   border-radius: 5px!important;
   font-weight: 400!important; 
   position:relative!important;
   top: 10px!important;  
  }
  #uploadDocForm .deleteDoc:hover{
   background: #B31212!important;
   border: solid 1px #B31212!important;
   -webkit-border-radius: 5px!important;
   -moz-border-radius: 5px!important;
   border-radius: 5px!important;   
  }
  
  #DocumentUpload1{
   height: 650px!important;
  }
  
/**********SERVICE LOOKUP********/

	.titleLabel{
		font-size: 40px!important;
		font-weight: bold!important;
		display: inline-block!important;
		width: 100%!important;
		color: #FFF!important;
		margin-top: 0px!important;
		text-align: center!important;
	}

	.sluplbl{
		font-size:12px!important;
	}
	
	.sluplblquerydate{
		top: 0px!important;
		left: 0px!important;
	}	
	
	.queryDateWrap {
	  width: 80px!important;
	  position: relative;
	  top: 12px!important;
	  height: 30px!important;
	}		
	
	.txtQueryDate {
	  position: relative;
	  top: 4px!important;
	  left: 0px;
	  width: 74px!important;
	  font-weight: 300;
	}	
	
	#querydatestartdate, #querydateenddate{
		position: relative;
		left: -15px!important;		
		top: 15px!important;
	}	

	#sluplblstart{
		position:relative;
		left:50px!important;
		top: 4px!important;
	}

	#sluplblend {
		position: relative;
		left: 50px!important;
		top: 4px!important;
	}
	
	.sluplblcalendar{
		display:none!important;
	}	
	
	.sluptaclIcon {
    position: relative;
    top: -22px!important;
    height: 45px!important;
	}

	.daterow #tcalico_0, .daterow #tcalico_1 {
	  position: relative;
	  left: 0px!important;
	  top: -11px!important;
	}	
	
	
	.txtQueryDate {
	  position: relative;
	  top: 4px!important;
	  left: 0px;
	  width: 74px!important;
	  font-weight: 300;
	}	
	
	#daterowwrapper{
		height:  100px!important;
	}	
	.daterow {
	 width: 33%!important;
	}
	.date_range_info i {
    position: relative;
    top: -12px!important;
	}	
	#slupsearchciteria{
		padding-bottom:20px!important;
	}
	
	.date_range_lbl {
	  font-size: 12px!important;
	  top: 0px!important;
	  left: 0px!important;
	}
	
	.date_range #date_range{
    position: relative!important;
    top: -2px!important;
    right: 0px!important;
    height: 30px!important;
    width: 100px!important;		
	}

	.date_range_info {
	    font-size: 12px!important;
	}	
	.date_range {
	 width: 33%;
	}	
	
	.queryEmailWrap, .queryLocationWrap {
		height: 30px!important;
		width: 180px!important;
	}	
	.queryEmailWrap .slupemail, .queryLocationWrap .sluplocation{
		width: 135px!important;
	}
	.queryCodeWrap {
		height: 50px!important;
		width: 280px!important;
    position: relative;
    top: 10px!important;
	}		
	.queryCodeWrap #security_code{
		width: 210px!important;
		font-size:12px!important;
		top: 10px!important;
	}
	#reqSecureCode {
	  float: right;
	  position: relative;
	  top: -32px!important;
	  right: 40px!important;
	  font-size: 12px;
	}	
	.criteria_icon_wrapper {
	    top: 9px!important;
	}	
	.criteria_icon_wrapper .glyphicon-lock{
		font-size: 20px!important;
	}
	
  .slWrapper{
   width:100%!important;
   position: relative!important;
   top: 50px!important;
   }
   
  .slForm{
    width: 100%!important;
   font-size: 12px!important;
  }
  
  .slForm select{
   height: 30px!important;
   font-size: 12px!important;
   width:195px!important;
  }

  .slForm input[type="text"]{
   height: 23px!important;
   font-size: 12px!important;
  }
  .slForm #area_num{
   height: 30px!important;
   font-size: 12px!important;
   width:500px!important;
  }
  .slForm .label{
   font-size: 12px!important;
  }

  
  .slForm .date{
   font-size: 12px!important; 
   width: 100%!important;
   display:block!important; 
   float: left!important;
   margin-top: 10px!important;
  }
  
  .slForm .date_range{
   font-size: 12px!important;
  }
  
/******SERVICE LOOKUP 2***********/
  #sr2Title{
   width: 100%!important;
   height: 30px!important;
   font-size: 20px!important;
  }
    
  .sr2Form #title1, .sr2Form #title2{
   height: 30px;
  }
  .sr2Form #title1{font-size: 21px;}
  
  .sr2Form #title2{text-align: center;}
  
  .sr2Form #data{
   height: 33px!important;
   text-align: center;
  }
  
  
  #dept_name{
  	font-size: 15px;
  }
  
  .sr2Form .sl2FormFont{
   font-size: 8px!important;
  }
  
  .btnfindWO, .btnLoopUp2{
		background: #003567!important;
		color: #fff!important;
		border: 1px #003567 solid!important;
		-webkit-border-radius: 5px!important;
		-moz-border-radius: 5px!important;
		border-radius: 5px!important;
		height: 40px!important;
		width: 100px!important;
		font-size:18px!important;   
		position: relative!important;
		top: -2px!important; 
		font-weight: 400!important;    
  }
  .btnfindWO:hover, .btnLoopUp2:hover{
   background: #930104!important;
   border: 1px #930104 solid!important;
   -webkit-border-radius: 5px!important;
   -moz-border-radius: 5px!important;
   border-radius: 5px!important;    
  }
  
  .errorMessage{
   font-size: 20px!important;
  }
  
  .clickinfo{font-size:12px!important;}
  
  
  .workorderdetailsForm .sdtitle{
   height: 30px!important;
   font-size: 15px!important;
  }
  .workorderdetailsForm2 .sdtitle{
   height: 30px!important;
   font-size: 15px!important;   
  }
  
	.workorderdetailsForm .detail_row_wrapper td{
		font-size:12px!important;
	}	

  .de_data{
  	font-size:12px!important;
  }
  
	.slupdetaillbl{
		font-weight:500!important; 
		font-size: 11px!important;
	}
	
	.detaillbl{
		font-size: 35px!important;
		font-weight:600!important; 
	}
	#slupdetaildata{
		font-size: 12px!important;
	}		
	
	#tbl_assign_workers{
		position:relative!important;
		top: 30px!important;
	}
	
	.assign_worker_info{
		font-size:12px!important;
	}	
	
	.col-sm-4 {
     width: 33.3333%!important;
  }
  
	.sl2FormFont2{
		font-size:10px!important;
	} 
  
  .submitFeedback{
  background: #003567!important;
		color: #fff!important;
		border: 1px #003567 solid!important;
		-webkit-border-radius: 5px!important;
		-moz-border-radius: 5px!important;
		border-radius: 5px!important;
		height: 40px!important;
		width: 100px!important;
		font-size:12px!important;   
		position: relative!important;
		top: -12px!important;
		font-weight: 400!important;
		white-space: normal!important;   
  }
  #SubmitMe {
  font-size:18px!important;   
		top: -2px!important; 
  }
  .submitFeedback:hover{
   background: #930104!important;
   border: 1px #930104 solid!important;
   -webkit-border-radius: 5px!important;
   -moz-border-radius: 5px!important;
   border-radius: 5px!important; 
  }
  .feedback-forms-input {
   width: 135px!important;
   height: 23px!important;
  }  
/**********FEEDBACK*****************/

   .feedbackForm{width: 100%!important;}
   
   .feedbackForm td{font-size: 30px!important;}    
    #feedback-form-wrapper {
    width: 100%!important;
   } 
   .feedback-forms-select {
    height: 30px!important;
   } 
 
   .feedback-values, .mech-notes {
    padding-left: 15px!important;
    white-space: normal!important;
    word-break: break-word;
   }  
  .submitFeedback{
  background: #003567!important;
		color: #fff!important;
		border: 1px #003567 solid!important;
		-webkit-border-radius: 5px!important;
		-moz-border-radius: 5px!important;
		border-radius: 5px!important;
		height: 40px!important;
		width: 100px!important;
		font-size:12px!important;   
		position: relative!important;
		top: -12px!important;
		font-weight: 400!important;
		white-space: normal!important;    
  }
  #SubmitMe {
  font-size:18px!important;   
		top: -2px!important; 
  }
  .submitFeedback:hover{
   background: #930104!important;
   border: 1px #930104 solid!important;
   -webkit-border-radius: 5px!important;
   -moz-border-radius: 5px!important;
   border-radius: 5px!important; 
  }
  .feedback-forms-input {
   width: 135px!important;
   height: 23px!important;
  }  
  .feedbackForm #name{
   font-size: 12px!important;
   width: 500px!important;
   height: 30px!important;
   } 
  
  .feedbackForm #email{
   font-size: 12px!important;
   width: 500px!important;
   height: 30px!important;
  } 
  
  .feedbackForm #phone{
   font-size: 12px!important;
   width: 180px!important;
   height: 30px!important; 
   } 
   
  .feedbackForm .dcomments{
   font-size: 16px!important;
   height: 150px!important;
  } 
.feedback-forms-textarea {
 width: 300px!important;
}
    .feedbackForm #ddrating{
    font-size: 12px!important;
    width: 180px!important;
    height: 30px!important;   
  }
  

 .employeePic{
	  -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;
 }
 
 #employeeName{
 position:relative!important;
 left: 7px!important;
 }  
 
 .feedbackForm #outputHours{
   position:relative!important;
   right: 170px!important;
   white-space:nowrap!important;
 } 
 
/****REQUEST NOTE****/
.requestnote font{
 font-size: 15px!important;
}
.requestnote{
 font-size: 8pt!important;
 margin-top: 30px!important
}

/*******SERVICE MULTIPLE REQUEST*********/
 #srtable .btnService{
 font-size: 12px;
 }
 #srtable .lblService{
   position: relative!important;
   font-size: 12px;
 } 

}

@media screen 
and (min-width:0px)
and (device-width:540px)
and (max-width:540px)
and (orientation:landscape)
and (-webkit-min-device-pixel-ratio:1.5)
and (device-aspect-ratio:9/16){

	.added_note{    
	  font-size: 15px!important;
	}	

	#slupmaintitle{
		position:relative;
		left: 0px!important;
	} 

	
  /*CSS  */
	.t {
	    top: 4px!important;
	}  

  .identifyUser{
  	height:30px!important;
  	width:180px!important;
   margin-top: 5px!important;
   margin-bottom: 5px!important;
  }
  .txtUserfield{
		position: relative;
		width: 135px!important;
		top: 2px!important; 	
  }
  
  #duplicates, .scrollup_window{
  	height:280px!important;
  	width: 100%!important;
  }
  .scroll_dup{
  	font-size:30px!important;
  }
  
	.SortTR td .tcalIcon {
    position: relative!important;
    left: 280px!important;
    top: -52px!important;
    height: 23px!important;
	}  
	#tcal{
		width:100%!important;
		left:0!important;
	}
  div#tcal table {
  	table-layout: fixed;
  }	
	
	#tcal tr{
		height:100px;
	}
	div#tcal table.ctrl th {
	  font-size: 37px!important;
	}	
	
	.ctrl tr td img{
		height:30px;
	}
	.ctrl tr td[title="Previous Month"]{
		position: relative;
		left: 150px;
	}
	.ctrl tr td[title="Previous Year"]{
		position: relative;
		left: 50px;
	}  
	.ctrl tr td[title="Next Month"]{
		position: relative;
		right: 150px;
	}
	.ctrl tr td[title="Next Year"]{
		position: relative;
		right: 50px;
	}  
	div#tcal th{
		font-size:12px!important;
	}
	div#tcal td{
		font-size:35px;
	}
#sr_body .custom_tr {
    height: 30px!important;
}    
  #work_order_type_title{
  	font-size:20px!important;
  }
	.lbl{
		font-size:12px!important;
		left: 10px!important
	}  
	.lblRemember {
	 font-size:10px!important;
	}
	.identify {
	  width: 180px!important;
	  height:30px!important;
	  margin-top:5px!important;
	  margin-bottom:5px!important;
	}	
	.assign {
	  width: 180px!important;
	}	
	.txtfield {
	 width: 135px!important;
	}	
		.div_location {
	 width: 260px!important;
	}
	.fa-envelope{
		position: relative!important;
		top: -3px!important;
		font-size:16px!important;
  }	 
	.txtEmail{
		position:relative!important;
		top:2px!important;
		font-size:30px!important;
	}
	
	.glyphicon-user{
		position: relative!important;
		top: 2px!important;
		font-size:16px!important;		
	}
	
	.fa-phone{
		float:left!important;
		font-size:16px!important;
    margin-left: 15px!important;
    position: relative!important;
    top: 2px!important;
    margin-right: 6px!important;
	}
	.fa-search, .glyphicon-map-marker, .fa-pencil-alt, .fa-key{
		font-size:16px!important;
		position:relative!important;
		top:-2px!important;
		margin-left: 3px!important;
	}


	#requiredWrap, .txtDate{
	  width: 100px!important;
	  height: 30px!important;
	}	
	#requiredtimeWrap{
	 width: 75px!important;
	 height: 30px!important;
	}
	.txtRequired {
		width:80px!important;
		position: relative;
		left: 54px;
	}
	.txtRequiredTime{
	 width:60px!important;
		position: relative;
		left: 54px;
	}	
	.txtDate{
		width:100px!important;
	}
	.txtDateTime{
		width:75px!important;
	}
	.txtDateUserfield{
		width: 80px!important;
	}
	.txtDateUserfieldTime{
		width: 60px!important;
	}
	#dd_date_wrap {
    float: right!important;
    position: relative!important;
    right: 100px!important;
    top: -57px!important;
	}	
	
	.mlbl{
    position: relative!important;
    top: -7px!important;		
	}
	
	.dropzone {
	    height: 50px;
	    width: 300px!important;
	}	
	
	.dropzone .dz-message {
     margin-top: 11px;
     font-size: 10px; 
	}

  
  #wrapper{
   width:100%!important;
   position: relative!important;
  	top: -31px!important;
  }
  #srtable{
   width:100%!important;
   border: none!important;
   border-radius:0!important;
  }
  
  
  #srtable td{
   height:20px!important;
   font-size: 15px!important;
   padding-right: 8px;
  }
  #srtable td.lblRadio{
   font-size: 12px!important;
  }
  #srtable input{
   height: 23px!important;
   font-size:12px!important;
  }
  #srtable .title{
   font-size:15px!important;
   text-align: center!important;
  } 
  .calendar_link{
   margin-top: 5px;
  }
     
  #srtable select{
   height: 30px!important;
   font-size:12px!important;
	 margin-top:5px!important;  
	 margin-bottom:5px!important; 
  }
  #srtable .longinput{
   width: 180px!important;
   font-size:12px!important;
  }
  #srtable .shortinput{
   font-size:12px!important;
  }
  
  #srtable .cardinput{
   width: 80px!important;
   font-size:12px!important;
   display: inline!important;
  }
  #srtable .otherinput{
   width: 190px!important;
   font-size:12px!important;
  }
  #srtable #name{
   width: 180px!important;
   font-size:12px!important;
  }
  #srtable #phoneinput{
   width: 100px!important;
   font-size:12px!important;
   float: left!important;
  }
  #srtable #woinstruct{
    width: 300px!important;
    height: 100px!important;
    font-size:12px!important;
    /* margin-left: 20px!important; */
    margin-bottom: 30px;
  }

   #searhMore2{
    width:250px!important;
   }
  
  #srtable .btnSubmit{
		background: #003567!important;
		color: #fff!important;
		border: 1px #003567 solid!important;
		-webkit-border-radius: 5px!important;
		-moz-border-radius: 5px!important;
		border-radius: 5px!important;
		height: 40px!important;
		width: 100px!important;
		font-size:18px!important;   
		position: relative!important;
		top: -2px!important;
		font-weight: 400!important; 
  }
  
  #srtable .btnSubmit.gps{
		background: #003567!important;
		color: #fff!important;
		border: 1px #003567 solid!important;
		-webkit-border-radius: 3px!important;
		-moz-border-radius: 3px!important;
		border-radius: 3px!important;
		height: 30px!important;
		width: 70px!important;
		font-size:10px!important;   
		position: relative!important;
		top: -2px!important;
		font-weight: 400!important; 
		margin-top: 5px!important;
  }

  #srtable .btnSubmit:hover{
   background: #B31212!important;
   border: solid 1px #B31212!important;
   -webkit-border-radius: 5px!important;
   -moz-border-radius: 5px!important;
   border-radius: 5px!important;
  }
  

  #asset{
   height: 30px!important;
  }
  
  #unit_num{
   height: 30px!important;
   font-size:12px!important;
  }
  #unit_num:hover{

  }

  .seviceSelectWrap{
   width: 100%!important;
   position:relative;
   top: 40px;
  }
  .field{
   display: block!important;
    margin-bottom: 5px!important;
    font-size: 38px!important;
    float: left!important;
    white-space:normal!important;
    width: 100%!important;
  }
  .ServiceDept{
   font-size: 35px!important;
  }
  .RequestServ{
   font-size: 35px!important;
  }
  .nonbreak{
   width: 100%!important;
   float: left!important;
  }
  #lblselectService3{
   font-size: 35px!important; 
  }
  #logo{
   height: 75px!important;
  }
  #logoHeight{
   height: 400px!important;
  }
  .serviceselectnewwrap{
   position: relative!important;
   top: 40px!important;
  }
  .pageFont{
   font-size: 25px!important;   
  }
  .pageFont2{
   font-size: 20px!important;   
  }
  .thankyou{
   font-size: 20px!important;
  }
  
  #uploadDocForm{height:400px!important;}
  
  #uploadDocForm td{
   height: 30px!important;
   font-size: 40px!important;
  }
  #uploadDocForm input{
   height: 40px!important;
   font-size: 12px!important;
  }
  
  #uploadDocForm .deleteDoc{
   background: #003567!important;
   color: #fff!important;
   height: 60px!important;
   width: 150px!important;
   border: solid 1px #003567!important;
   font-size: 30px!important; 
   text-align: center!important;
   -webkit-border-radius: 5px!important;
   -moz-border-radius: 5px!important;
   border-radius: 5px!important;
   font-weight: 400!important; 
   position:relative!important;
   top: 10px!important;  
  }
  #uploadDocForm .deleteDoc:hover{
   background: #B31212!important;
   border: solid 1px #B31212!important;
   -webkit-border-radius: 5px!important;
   -moz-border-radius: 5px!important;
   border-radius: 5px!important;   
  }
  
  #DocumentUpload1{
   height: 650px!important;
  }
  
/**********SERVICE LOOKUP********/

	.titleLabel{
		font-size: 40px!important;
		font-weight: bold!important;
		display: inline-block!important;
		width: 100%!important;
		color: #FFF!important;
		margin-top: 0px!important;
		text-align: center!important;
	}

	.sluplbl{
		font-size:12px!important;
	}
	
	.sluplblquerydate{
		top: 0px!important;
		left: 0px!important;
	}	
	
	.queryDateWrap {
	  width: 80px!important;
	  position: relative;
	  top: 12px!important;
	  height: 30px!important;
	}		
	
	.txtQueryDate {
	  position: relative;
	  top: 4px!important;
	  left: 0px;
	  width: 74px!important;
	  font-weight: 300;
	}	
	
	#querydatestartdate, #querydateenddate{
		position: relative;
		left: -15px!important;		
		top: 15px!important;
	}	
	
	#sluplblstart{
		position:relative;
		left:50px!important;
		top: 4px!important;
	}

	#sluplblend {
		position: relative;
		left: 50px!important;
		top: 4px!important;
	}
	
	.sluplblcalendar{
		display:none!important;
	}	
	
	.sluptaclIcon {
    position: relative;
    top: -22px!important;
    height: 45px!important;
	}
	
	.daterow #tcalico_0, .daterow #tcalico_1 {
	  position: relative;
	  left: 0px!important;
	  top: -11px!important;
	}	
	
	.txtQueryDate {
	  position: relative;
	  top: 4px!important;
	  left: 0px;
	  width: 74px!important;
	  font-weight: 300;
	}	
	
	#daterowwrapper{
		height:  100px!important;
	}	
	.daterow {
	 width: 33%!important;
	}
	.date_range_info i {
    position: relative;
    top: -12px!important;
	}	
	#slupsearchciteria{
		padding-bottom:20px!important;
	}
	
	
	.date_range_lbl {
	  font-size: 12px!important;
	  top: 0px!important;
	  left: 0px!important;
	}
	
	.date_range #date_range{
    position: relative!important;
    top: -2px!important;
    right: 0px!important;
    height: 30px!important;
    width: 100px!important;		
	}

	.date_range_info {
	   font-size: 12px!important;
	}	
	.date_range {
	 width: 33%;
	}		
	.queryEmailWrap, .queryLocationWrap {
		height: 30px!important;
		width: 180px!important;
	}	
	.queryEmailWrap .slupemail, .queryLocationWrap .sluplocation{
		width: 135px!important;
	}
	.queryCodeWrap {
		height: 50px!important;
		width: 280px!important;
    position: relative;
    top: 10px!important;
	}		
	.queryCodeWrap #security_code{
		width: 210px!important;
		font-size:12px!important;
		top: 10px!important;
	}
	#reqSecureCode {
	  float: right;
	  position: relative;
	  top: -32px!important;
	  right: 40px!important;
	  font-size: 12px;
	}	
	.criteria_icon_wrapper {
	    top: 9px!important;
	}	
	.criteria_icon_wrapper .glyphicon-lock{
		font-size: 20px!important;
	}


  .slWrapper{
   width:100%!important;
   position: relative!important;
   top: 50px!important;
   } 
   
  .slForm{
    width: 100%!important;
   font-size: 12px!important;
  }
  
  .slForm select{
   height: 30px!important;
   font-size: 12px!important;
   width:195px!important;
  }

  .slForm input[type="text"]{
   height: 23px!important;
   font-size: 12px!important;
  }
  .slForm #area_num{
   height: 30px!important;
   font-size: 12px!important;
   width:500px!important;
  }
  .slForm .label{
   font-size: 12px!important;
  }

  
  .slForm .date{
   font-size: 12px!important; 
   width: 100%!important;
   display:block!important; 
   float: left!important;
   margin-top: 10px!important;
  }
  
  .slForm .date_range{
   font-size: 12px!important;
  }
  
/******SERVICE LOOKUP 2***********/
  #sr2Title{
   width: 100%!important;
   height: 30px!important;
   font-size: 20px!important;
  }
  .sr2Form{border}
    
  .sr2Form #title1, .sr2Form #title2{
   height: 30px;
  }
  .sr2Form #title1{font-size: 21px;}
  
  .sr2Form #title2{text-align: center;}
  
  .sr2Form #data{
   height: 33px!important;
   text-align: center;
  }
  
  
  #dept_name{
  	font-size: 15px;
  }
  
  .sr2Form .sl2FormFont{
   font-size: 8px!important;
  }
  
  .btnfindWO, .btnLoopUp2{
		background: #003567!important;
		color: #fff!important;
		border: 1px #003567 solid!important;
		-webkit-border-radius: 5px!important;
		-moz-border-radius: 5px!important;
		border-radius: 5px!important;
		height: 40px!important;
		width: 100px!important;
		font-size:18px!important;   
		position: relative!important;
		top: -2px!important; 
  font-weight: 400!important;
  }
  .btnfindWO:hover, .btnLoopUp2:hover{
   background: #930104!important;
   border: 1px #930104 solid!important;
   -webkit-border-radius: 5px!important;
   -moz-border-radius: 5px!important;
   border-radius: 5px!important;    
  }
  
  .errorMessage{
   font-size: 20px!important;
  }
  
  .clickinfo{font-size:12px!important;}
  
  
  .workorderdetailsForm .sdtitle{
   height: 30px!important;
   font-size: 15px!important;
  }
  .workorderdetailsForm2 .sdtitle{
   height: 30px!important;
   font-size: 15px!important;   
  }
  
	.workorderdetailsForm .detail_row_wrapper td{
		font-size:12px!important;
	}	

  .de_data{
  	font-size:12px!important;
  }
  
	.slupdetaillbl{
		font-weight:500!important; 
		font-size: 11px!important;
	}
	
	.detaillbl{
		font-size: 35px!important;
		font-weight:600!important; 
	}
	#slupdetaildata{
		font-size: 12px!important;
	}		
	
	#tbl_assign_workers{
		position:relative!important;
		top: 30px!important;
	}
	
	.assign_worker_info{
		font-size:12px!important;
	}	
	
	.col-sm-4 {
     width: 33.3333%!important;
  }
  
	.sl2FormFont2{
		font-size:10px!important;
	} 
  
  .submitFeedback{
  background: #003567!important;
		color: #fff!important;
		border: 1px #003567 solid!important;
		-webkit-border-radius: 5px!important;
		-moz-border-radius: 5px!important;
		border-radius: 5px!important;
		height: 40px!important;
		width: 100px!important;
		font-size:12px!important;   
		position: relative!important;
		top: -12px!important;
		font-weight: 400!important;
		white-space: normal!important;    
  }
  #SubmitMe {
  font-size:18px!important;   
		top: -2px!important; 
  }
  .submitFeedback:hover{
   background: #930104!important;
   border: 1px #930104 solid!important;
   -webkit-border-radius: 5px!important;
   -moz-border-radius: 5px!important;
   border-radius: 5px!important; 
  }
  .feedback-forms-input {
   width: 135px!important;
   height: 23px!important;
  }  
/**********FEEDBACK*****************/

   .feedbackForm{width: 100%!important;}
   
   .feedbackForm td{font-size: 30px!important;}    
   #feedback-form-wrapper {
    width: 100%!important;
   }    
     .feedback-forms-select {
    height: 30px!important;
   } 
   .feedback-values, .mech-notes {
    padding-left: 15px!important;
    white-space: normal!important;
    word-break: break-word;
   }
  .submitFeedback{
  background: #003567!important;
		color: #fff!important;
		border: 1px #003567 solid!important;
		-webkit-border-radius: 5px!important;
		-moz-border-radius: 5px!important;
		border-radius: 5px!important;
		height: 40px!important;
		width: 100px!important;
		font-size:12px!important;   
		position: relative!important;
		top: -12px!important;
		font-weight: 400!important;
		white-space: normal!important;  
  }
  #SubmitMe {
  font-size:18px!important;   
		top: -2px!important; 
  }
  .submitFeedback:hover{
   background: #930104!important;
   border: 1px #930104 solid!important;
   -webkit-border-radius: 5px!important;
   -moz-border-radius: 5px!important;
   border-radius: 5px!important; 
  }
  .feedback-forms-input {
   width: 135px!important;
   height: 23px!important;
  }  
  .feedbackForm #name{
   font-size: 12px!important;
   width: 500px!important;
   height: 30px!important;
   } 
  
  .feedbackForm #email{
   font-size: 12px!important;
   width: 500px!important;
   height: 30px!important;
  } 
  
  .feedbackForm #phone{
   font-size: 12px!important;
   width: 180px!important;
   height: 30px!important; 
   } 
   
  .feedbackForm .dcomments{
   font-size: 16px!important;
   height: 150px!important;
  }
.feedback-forms-textarea {
 width: 300px!important;
}  

    .feedbackForm #ddrating{
    font-size: 12px!important;
    width: 180px!important;
    height: 30px!important;   
  }
   
 .employeePic{
	  -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;
 }
 
 #employeeName{
 position:relative!important;
 left: 7px!important;
 }  
 
 .feedbackForm #outputHours{
   position:relative!important;
   right: 170px!important;
   white-space:nowrap!important;
 }
   
/****REQUEST NOTE****/
.requestnote font{
 font-size: 15px!important;
}
.requestnote{
 font-size: 8pt!important;
 margin-top: 30px!important
}

/*******SERVICE MULTIPLE REQUEST*********/
 #srtable .btnService{
 font-size: 12px;
 }
 #srtable .lblService{
   position: relative!important;
   font-size: 12px;
 }
 
}

@media only screen and (min-device-width : 360px) and (max-device-width : 640px){
	
	.added_note{    
	  font-size: 15px!important;
	}		
	
	#slupmaintitle{
		position:relative;
		left: 0px!important;
	} 

  /*CSS  */
	.t {
	    top: 4px!important;
	}  

  .identifyUser{
  	height:30px!important;
  	width:180px!important;
  	margin-top: 5px!important;
   margin-bottom: 5px!important;
  }
  .txtUserfield{
		position: relative;
		width: 135px!important;
		top: 2px!important; 
  }
  
  #duplicates, .scrollup_window{
  	height:280px!important;
  	width: 100%!important;
  }
  .scroll_dup{
  	font-size:30px!important;
  }
  
	.SortTR td .tcalIcon {
    position: relative!important;
    left: 280px!important;
    top: -52px!important;
    height: 23px!important;
	}  
	#tcal{
		width:100%!important;
		left:0!important;
	}
  div#tcal table {
  	table-layout: fixed;
  }	
	
	#tcal tr{
		height:100px;
	}
	div#tcal table.ctrl th {
	  font-size: 37px!important;
	}	
	
	.ctrl tr td img{
		height:30px;
	}
	.ctrl tr td[title="Previous Month"]{
		position: relative;
		left: 150px;
	}
	.ctrl tr td[title="Previous Year"]{
		position: relative;
		left: 50px;
	}  
	.ctrl tr td[title="Next Month"]{
		position: relative;
		right: 150px;
	}
	.ctrl tr td[title="Next Year"]{
		position: relative;
		right: 50px;
	}  
	div#tcal th{
		font-size:12px!important;
	}
	div#tcal td{
		font-size:35px;
	}
 #sr_body .custom_tr {
    height: 30px!important;
}   
  #work_order_type_title{
  	font-size:20px!important;
  }
	.lbl{
		font-size:12px!important;
		left: 10px!important
	}  
	.lblRemember {
	 font-size:10px!important;
	}
	.identify {
	  width: 180px!important;
	  height:30px!important;
	  margin-top:5px!important;
	  margin-bottom:5px!important;
	}	
	.assign {
	  width: 180px!important;
	}	
		.txtfield {
	 width: 135px!important;
	}
		.div_location {
	 width: 260px!important;
	}
	.fa-envelope{
		position: relative!important;
		top: -3px!important;
		font-size:16px!important;
  }	 
	.txtEmail{
	
		position:relative!important;
		top:2px!important;
		font-size:30px!important;
	}
	
	.glyphicon-user{
		position: relative!important;
		top: 2px!important;
		font-size:16px!important;		
	}
	
	.fa-phone{
		float:left!important;
		font-size:16px!important;
    margin-left: 15px!important;
    position: relative!important;
    top: 2px!important;
    margin-right: 6px!important;
	}
	.fa-search, .glyphicon-map-marker, .fa-pencil-alt, .fa-key{
		font-size:16px!important;
		position:relative!important;
		top:-2px!important;
		margin-left: 3px!important;
	}


	#requiredWrap, .txtDate{
	  width: 100px!important;
	  height: 30px!important;
	}	
	#requiredtimeWrap{
	 width: 75px!important;
	 height: 30px!important;
	}
	.txtRequired {
		width:80px!important;
		position: relative;
		left: 54px;
	}
	.txtRequiredTime{
	 width:60px!important;
		position: relative;
		left: 54px;
	}	
	.txtDate{
		width:100px!important;
	}
	.txtDateTime{
		width:75px!important;
	}
	.txtDateUserfield{
		width: 80px!important;
	}
	.txtDateUserfieldTime{
		width: 60px!important;
	}
	#dd_date_wrap {
    float: right!important;
    position: relative!important;
    right: 100px!important;
    top: -57px!important;
	}
	
	.mlbl{
    position: relative!important;
    top: -7px!important;		
	}
	
	.dropzone {
	    height: 50px;
	    width: 300px!important;
	}		
	
	.dropzone .dz-message {
     margin-top: 11px;
     font-size: 10px; 
	}

  
  #wrapper{
   width:100%!important;
   position: relative!important;
  	top: -31px!important;
  }
  #srtable{
   width:100%!important;
   border: none!important;
   border-radius:0!important;
  }
  
  
  #srtable td{
   height:20px!important;
   font-size: 15px!important;
   padding-right: 8px;
  }
  #srtable td.lblRadio{
   font-size: 12px!important;
  }
  #srtable input{
   height: 23px!important;
   font-size:12px!important;
  }
  #srtable .title{
   font-size:15px!important;
   text-align: center!important;
  } 
  .calendar_link{
   margin-top: 5px;
  }
     
  #srtable select{
   height: 30px!important;
   font-size:12px!important;
	 margin-top:5px!important;  
	 margin-bottom:5px!important; 
  }
  #srtable .longinput{
   width: 180px!important;
   font-size:12px!important;
  }
  #srtable .shortinput{
   font-size:12px!important;
  }
  
  #srtable .cardinput{
   width: 80px!important;
   font-size:12px!important;
   display: inline!important;
  }
  #srtable .otherinput{
   width: 190px!important;
   font-size:12px!important;
  }
  #srtable #name{
   width: 180px!important;
   font-size:12px!important;
  }
  #srtable #phoneinput{
   width: 100px!important;
   font-size:12px!important;
   float: left!important;
  }
  #srtable #woinstruct{
    width: 300px!important;
    height: 100px!important;
    font-size:12px!important;
    /* margin-left: 20px!important; */
    margin-bottom: 30px;
  }

   #searhMore2{
    width:250px!important;
   }
  
  #srtable .btnSubmit{
		background: #003567!important;
		color: #fff!important;
		border: 1px #003567 solid!important;
		-webkit-border-radius: 5px!important;
		-moz-border-radius: 5px!important;
		border-radius: 5px!important;
		height: 40px!important;
		width: 100px!important;
		font-size:18px!important;   
		position: relative!important;
		top: -2px!important;
		font-weight: 400!important; 
  }

  #srtable .btnSubmit.gps{
		background: #003567!important;
		color: #fff!important;
		border: 1px #003567 solid!important;
		-webkit-border-radius: 3px!important;
		-moz-border-radius: 3px!important;
		border-radius: 3px!important;
		height: 30px!important;
		width: 70px!important;
		font-size:10px!important;   
		position: relative!important;
		top: -2px!important;
		font-weight: 400!important; 
		margin-top: 5px!important;
  }

  #srtable .btnSubmit:hover{
   background: #B31212!important;
   border: solid 1px #B31212!important;
   -webkit-border-radius: 5px!important;
   -moz-border-radius: 5px!important;
   border-radius: 5px!important;
  }
  

  #asset{
   height: 30px!important;
  }
  
  #unit_num{
   height: 30px!important;
   font-size:12px!important;
  }
  #unit_num:hover{

  }

  .seviceSelectWrap{
   width: 100%!important;
   position:relative;
   top: 40px;
  }
  .field{
   display: block!important;
    margin-bottom: 5px!important;
    font-size: 38px!important;
    float: left!important;
    white-space:normal!important;
    width: 100%!important;
  }
  .ServiceDept{
   font-size: 35px!important;
  }
  .RequestServ{
   font-size: 35px!important;
  }
  .nonbreak{
   width: 100%!important;
   float: left!important;
  }
  #lblselectService3{
   font-size: 35px!important; 
  }
  #logo{
   height: 75px!important;
  }
  #logoHeight{
   height: 400px!important;
  }
  .serviceselectnewwrap{
   position: relative!important;
   top: 40px!important;
  }
  .pageFont{
   font-size: 25px!important;   
  }
  .pageFont2{
   font-size: 20px!important;   
  }
  .thankyou{
   font-size: 20px!important;
  }
  
  #uploadDocForm{height:400px!important;}
  
  #uploadDocForm td{
   height: 30px!important;
   font-size: 40px!important;
  }
  #uploadDocForm input{
   height: 40px!important;
   font-size: 12px!important;
  }
  
  #uploadDocForm .deleteDoc{
   background: #003567!important;
   color: #fff!important;
   height: 60px!important;
   width: 150px!important;
   border: solid 1px #003567!important;
   font-size: 30px!important; 
   text-align: center!important;
   -webkit-border-radius: 5px!important;
   -moz-border-radius: 5px!important;
   border-radius: 5px!important;
   font-weight: 400!important; 
   position:relative!important;
   top: 10px!important;  
  }
  #uploadDocForm .deleteDoc:hover{
   background: #B31212!important;
   border: solid 1px #B31212!important;
   -webkit-border-radius: 5px!important;
   -moz-border-radius: 5px!important;
   border-radius: 5px!important;   
  }
  
  #DocumentUpload1{
   height: 650px!important;
  }
  
/**********SERVICE LOOKUP********/

	.titleLabel{
		font-size: 40px!important;
		font-weight: bold!important;
		display: inline-block!important;
		width: 100%!important;
		color: #FFF!important;
		margin-top: 0px!important;
		text-align: center!important;
	}
	
	.sluplbl{
		font-size:12px!important;
	}
	
	.sluplblquerydate{
		top: 0px!important;
		left: 0px!important;
	}	
	
	.queryDateWrap {
	  width: 80px!important;
	  position: relative;
	  top: 12px!important;
	  height: 30px!important;
	}	
	
	.txtQueryDate {
	  position: relative;
	  top: 4px!important;
	  left: 0px;
	  width: 74px!important;
	  font-weight: 300;
	}	
	
	#querydatestartdate, #querydateenddate{
		position: relative;
		left: -15px!important;		
		top: 15px!important;
	}	
	
	#sluplblstart{
		position:relative;
		left:50px!important;
		top: 4px!important;
	}

	#sluplblend {
		position: relative;
		left: 50px!important;
		top: 4px!important;
	}
	
	.sluplblcalendar{
		display:none!important;
	}	
	
	.sluptaclIcon {
    position: relative;
    top: -22px!important;
    height: 45px!important;
	}
	
	.daterow #tcalico_0, .daterow #tcalico_1 {
	  position: relative;
	  left: 0px!important;
	  top: -11px!important;
	}	
	
	.txtQueryDate {
	  position: relative;
	  top: 4px!important;
	  left: 0px;
	  width: 74px!important;
	  font-weight: 300;
	}			
		
	#daterowwrapper{
		height:  100px!important;
	}	
	.daterow {
	 width: 33%!important;
	}
	.date_range_info i {
    position: relative;
    top: -12px!important;
	}	
	#slupsearchciteria{
		padding-bottom:20px!important;
	}
		
	.date_range_lbl {
	  font-size: 12px!important;
	  top: 0px!important;
	  left: 0px!important;
	}

	.date_range #date_range{
    position: relative!important;
    top: -2px!important;
    right: 0px!important;
    height: 30px!important;
    width: 100px!important;		
	}

	.date_range_info {
	    font-size: 12px!important;
	}	
	.date_range {
	 width: 33%;
	}	
	.queryEmailWrap, .queryLocationWrap {
		height: 30px!important;
		width: 180px!important;
	}	
	.queryEmailWrap .slupemail, .queryLocationWrap .sluplocation{
		width: 135px!important;
	}
	.queryCodeWrap {
		height: 50px!important;
		width: 280px!important;
    position: relative;
    top: 10px!important;
	}		
	.queryCodeWrap #security_code{
		width: 210px!important;
		font-size:12px!important;
		top: 10px!important;
	}
	#reqSecureCode {
	  float: right;
	  position: relative;
	  top: -32px!important;
	  right: 40px!important;
	  font-size: 12px;
	}	
	.criteria_icon_wrapper {
	    top: 9px!important;
	}	
	.criteria_icon_wrapper .glyphicon-lock{
		font-size: 20px!important;
	}
	
  .slWrapper{
   width:100%!important;
   position: relative!important;
   top: 50px!important;
   }  
   
	.sluplbl{
		font-size:12px!important;
	}
	
	.sluplblquerydate{
		top: 0px!important;
		left: 0px!important;
	}	
   
  .slForm{
    width: 100%!important;
   font-size: 12px!important;
  }
  
  .slForm select{
   height: 30px!important;
   font-size: 12px!important;
   width:195px!important;
  }

  .slForm input[type="text"]{
   height: 23px!important;
   font-size: 12px!important;
  }
  .slForm #area_num{
   height: 30px!important;
   font-size: 12px!important;
   width:500px!important;
  }
  .slForm .label{
   font-size: 12px!important;
  }
  
  
	.sluptitle{
		height: 20px!important;
	}	
	.sluptitle td b font{
		font-size: 15px!important;
	}
  

  
  .slForm .date{
   font-size: 12px!important; 
   width: 100%!important;
   display:block!important; 
   float: left!important;
   margin-top: 10px!important;
  }
  
  .slForm .date_range{
   font-size: 12px!important;
  }
  
/******SERVICE LOOKUP 2***********/
  #sr2Title{
   width: 100%!important;
   height: 30px!important;
   font-size: 20px!important;
  }
  .sr2Form{border}
    
  .sr2Form #title1, .sr2Form #title2{
   height: 30px;
  }
  .sr2Form #title1{font-size: 21px;}
  
  .sr2Form #title2{text-align: center;}
  
  .sr2Form #data{
   height: 33px!important;
   text-align: center;
  }
  
  
  #dept_name{
  	font-size: 15px;
  }
  
  .sr2Form .sl2FormFont{
   font-size: 8px!important;
  }
  
  .btnfindWO, .btnLoopUp2{
		background: #003567!important;
		color: #fff!important;
		border: 1px #003567 solid!important;
		-webkit-border-radius: 5px!important;
		-moz-border-radius: 5px!important;
		border-radius: 5px!important;
		height: 40px!important;
		width: 100px!important;
		font-size:18px!important;   
		position: relative!important;
		top: -2px!important;
		font-weight: 400!important;  
  }
  .btnfindWO:hover, .btnLoopUp2:hover{
   background: #930104!important;
   border: 1px #930104 solid!important;
   -webkit-border-radius: 5px!important;
   -moz-border-radius: 5px!important;
   border-radius: 5px!important;    
  }
  
  .errorMessage{
   font-size: 20px!important;
  } 
  
  .clickinfo{font-size:12px!important;}
   
  
  .workorderdetailsForm .sdtitle{
   height: 30px!important;
   font-size: 15px!important;
  }
  .workorderdetailsForm2 .sdtitle{
   height: 30px!important;
   font-size: 15px!important;   
  }
  

	.workorderdetailsForm .detail_row_wrapper td{
		font-size:12px!important;
	}	

  .de_data{
  	font-size:12px!important;
  }
  
	.slupdetaillbl{
		font-weight:500!important; 
		font-size: 11px!important;
	}
	
	.detaillbl{
		font-size: 35px!important;
		font-weight:600!important; 
	}
	#slupdetaildata{
		font-size: 12px!important;
	}		
	
	#tbl_assign_workers{
		position:relative!important;
		top: 30px!important;
	}
	
	.assign_worker_info{
		font-size:12px!important;
	}	
	
	.col-sm-4 {
     width: 33.3333%!important;
  }
  
	.sl2FormFont2{
		font-size:10px!important;
	}  
	
/**********FEEDBACK*****************/

   .feedbackForm{width: 100%!important;}
   
   .feedbackForm td{font-size: 30px!important;}    
   #feedback-form-wrapper {
    width: 100%!important;
   }
    .feedback-forms-select {
    height: 30px!important;
   } 
   .feedback-values, .mech-notes {
    padding-left: 15px!important;
    white-space: normal!important;
    word-break: break-word;
   }    
  .submitFeedback{
  background: #003567!important;
		color: #fff!important;
		border: 1px #003567 solid!important;
		-webkit-border-radius: 5px!important;
		-moz-border-radius: 5px!important;
		border-radius: 5px!important;
		height: 40px!important;
		width: 100px!important;
		font-size:12px!important;   
		position: relative!important;
		top: -12px!important;
		font-weight: 400!important;
		white-space: normal!important;    
  }
  #SubmitMe {
  font-size:18px!important;   
		top: -2px!important; 
  }
  .submitFeedback:hover{
   background: #930104!important;
   border: 1px #930104 solid!important;
   -webkit-border-radius: 5px!important;
   -moz-border-radius: 5px!important;
   border-radius: 5px!important; 
  }
  .feedback-forms-input {
   width: 135px!important;
   height: 23px!important;
  }  
  .feedbackForm #name{
   font-size: 12px!important;
   width: 500px!important;
   height: 30px!important;
   } 
  
  .feedbackForm #email{
   font-size: 12px!important;
   width: 500px!important;
   height: 30px!important;
  } 
  
  .feedbackForm #phone{
   font-size: 12px!important;
   width: 180px!important;
   height: 30px!important; 
   } 
   
  .feedbackForm .dcomments{
   font-size: 16px!important;
   height: 150px!important; 
  }
.feedback-forms-textarea {
 width: 300px!important;
}  

   .feedbackForm #ddrating{
    font-size: 12px!important;
    width: 180px!important;
    height: 30px!important;   
  }
   
 .employeePic{
	  -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;
 }
 
 #employeeName{
 position:relative!important;
 left: 7px!important;
 }  
 
 .feedbackForm #outputHours{
   position:relative!important;
   right: 170px!important;
   white-space:nowrap!important;
 }
   
/****REQUEST NOTE****/
.requestnote font{
 font-size: 15px!important;
}
.requestnote{
 font-size: 8pt!important;
 margin-top: 30px!important
}

/*******SERVICE MULTIPLE REQUEST*********/
 #srtable .btnService{
 font-size: 12px;
 }
 #srtable .lblService{
   position: relative!important;
   font-size: 12px;
 }
}