@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
  html, body{
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.1, rgb(250, 250, 250)), to(rgb(229, 229, 229)))!important;
  }

  #feedback-form-wrapper {
    width: 100%!important;
    font-size: 27px!important;
    box-shadow: none!important;
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;
    border-radius: 0px!important;  
    margin-top: 0px!important;
    margin-bottom:30px!important;
  }

  .feedback-main-title-wrapper{
    height: 80px!important;
  }

  .tbl-header-title-wrapper {
    height: 70px!important;
    text-align: left!important;
  } 

  #feedback-main-title{
    font-size: 30px!important;
  }
  .feedback-header-title {
    font-size: 25px!important;
  }

  .feedback-forms-textarea {
    width: 94%!important;
  }

  .feedback-labels, .feedback-values, .mech-notes {
    font-size: 27px!important;
  } 

  .employee-content-wrapper {
    width: 320px!important;
    height: 320px!important;
  }

  .feedback-employee-wrapper {
    width: 320px!important;
    height: 288px!important;
  }

  #feedback-form-wrapper .glyphicon-user{
    top: 5px!important;
  }
  #feedback-form-wrapper .fa-envelope {
    top: 4px!important;
  }

  .feedback-forms-select {
    height: 50px!important;
  }

  .feedback-forms-input {
    top: 8px!important;
  }

  .feedback-forms-input, .feedback-forms-textarea {
    font-size: 27px!important;
  }

  .feedback-forms-select {
    font-size: 22px!important;
  }  

  #feedback-form-wrapper .submitFeedback{
    padding: 14px!important;
  }
  
  #feedback-form-wrapper .btnLoopUp2{
    width: 245px!important;
    top: 0px!important;
  }
}

@media only screen and (max-width: 600px) and (device-width: 800px){
  html, body{
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.1, rgb(250, 250, 250)), to(rgb(229, 229, 229)))!important;
  }

  #feedback-form-wrapper {
    width: 100%!important;
    font-size: 27px!important;
    box-shadow: none!important;
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;
    border-radius: 0px!important;  
    margin-top: 0px!important;
    margin-bottom:30px!important;
  }

  .feedback-main-title-wrapper{
    height: 80px!important;
  }

  .tbl-header-title-wrapper {
    height: 70px!important;
    text-align: left!important;
  } 

  #feedback-main-title{
    font-size: 30px!important;
  }
  .feedback-header-title {
    font-size: 25px!important;
  }

  .feedback-forms-textarea {
    width: 94%!important;
  }

  .feedback-labels, .feedback-values, .mech-notes {
    font-size: 27px!important;
  } 

  .employee-content-wrapper {
    width: 320px!important;
    height: 320px!important;
  }

  .feedback-employee-wrapper {
    width: 320px!important;
    height: 288px!important;
  }

  #feedback-form-wrapper .glyphicon-user{
    top: 5px!important;
  }
  #feedback-form-wrapper .fa-envelope {
    top: 4px!important;
  }

  .feedback-forms-select {
    height: 50px!important;
  }

  .feedback-forms-input {
    top: 8px!important;
  }

  .feedback-forms-input, .feedback-forms-textarea {
    font-size: 27px!important;
  }

  .feedback-forms-select {
    font-size: 22px!important;
  }  

  #feedback-form-wrapper .submitFeedback{
    padding: 14px!important;
  }
  
  #feedback-form-wrapper .btnLoopUp2{
    width: 245px!important;
    top: 0px!important;
  }
}

@media only screen and (min-device-width: 480px) and (max-device-width: 800px) {
  html, body{
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.1, rgb(250, 250, 250)), to(rgb(229, 229, 229)))!important;
  }

  #feedback-form-wrapper {
    width: 100%!important;
    font-size: 27px!important;
    box-shadow: none!important;
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;
    border-radius: 0px!important;  
    margin-top: 0px!important;
    margin-bottom:30px!important;
  }

  .feedback-main-title-wrapper{
    height: 80px!important;
  }

  .tbl-header-title-wrapper {
    height: 70px!important;
    text-align: left!important;
  } 

  #feedback-main-title{
    font-size: 30px!important;
  }
  .feedback-header-title {
    font-size: 25px!important;
  }

  .feedback-forms-textarea {
    width: 94%!important;
  }

  .feedback-labels, .feedback-values, .mech-notes {
    font-size: 27px!important;
  } 

  .employee-content-wrapper {
    width: 320px!important;
    height: 320px!important;
  }

  .feedback-employee-wrapper {
    width: 320px!important;
    height: 288px!important;
  }

  #feedback-form-wrapper .glyphicon-user{
    top: 5px!important;
  }
  #feedback-form-wrapper .fa-envelope {
    top: 4px!important;
  }

  .feedback-forms-select {
    height: 50px!important;
  }

  .feedback-forms-input {
    top: 8px!important;
  }

  .feedback-forms-input, .feedback-forms-textarea {
    font-size: 27px!important;
  }

  .feedback-forms-select {
    font-size: 22px!important;
  }  

  #feedback-form-wrapper .submitFeedback{
    padding: 14px!important;
  }
  
  #feedback-form-wrapper .btnLoopUp2{
    width: 245px!important;
    top: 0px!important;
  }
}

@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){
  html, body{
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.1, rgb(250, 250, 250)), to(rgb(229, 229, 229)))!important;
  }

  #feedback-form-wrapper {
    width: 100%!important;
    font-size: 27px!important;
    box-shadow: none!important;
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;
    border-radius: 0px!important;  
    margin-top: 0px!important;
    margin-bottom:30px!important;
  }

  .feedback-main-title-wrapper{
    height: 80px!important;
  }

  .tbl-header-title-wrapper {
    height: 70px!important;
    text-align: left!important;
  } 

  #feedback-main-title{
    font-size: 30px!important;
  }
  .feedback-header-title {
    font-size: 25px!important;
  }

  .feedback-forms-textarea {
    width: 94%!important;
  }

  .feedback-labels, .feedback-values, .mech-notes {
    font-size: 27px!important;
  } 

  .employee-content-wrapper {
    width: 320px!important;
    height: 320px!important;
  }

  .feedback-employee-wrapper {
    width: 320px!important;
    height: 288px!important;
  }

  #feedback-form-wrapper .glyphicon-user{
    top: 5px!important;
  }
  #feedback-form-wrapper .fa-envelope {
    top: 4px!important;
  }

  .feedback-forms-select {
    height: 50px!important;
  }

  .feedback-forms-input {
    top: 8px!important;
  }

  .feedback-forms-input, .feedback-forms-textarea {
    font-size: 27px!important;
  }

  .feedback-forms-select {
    font-size: 22px!important;
  }  

  #feedback-form-wrapper .submitFeedback{
    padding: 14px!important;
  }
  
  #feedback-form-wrapper .btnLoopUp2{
    width: 245px!important;
    top: 0px!important;
  }
}

@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){
  html, body{
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.1, rgb(250, 250, 250)), to(rgb(229, 229, 229)))!important;
  }

  #feedback-form-wrapper {
    width: 100%!important;
    font-size: 27px!important;
    box-shadow: none!important;
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;
    border-radius: 0px!important;  
    margin-top: 0px!important;
    margin-bottom:30px!important;
  }

  .feedback-main-title-wrapper{
    height: 80px!important;
  }

  .tbl-header-title-wrapper {
    height: 70px!important;
    text-align: left!important;
  } 

  #feedback-main-title{
    font-size: 30px!important;
  }
  .feedback-header-title {
    font-size: 25px!important;
  }

  .feedback-forms-textarea {
    width: 94%!important;
  }

  .feedback-labels, .feedback-values, .mech-notes {
    font-size: 27px!important;
  } 

  .employee-content-wrapper {
    width: 320px!important;
    height: 320px!important;
  }

  .feedback-employee-wrapper {
    width: 320px!important;
    height: 288px!important;
  }

  #feedback-form-wrapper .glyphicon-user{
    top: 5px!important;
  }
  #feedback-form-wrapper .fa-envelope {
    top: 4px!important;
  }

  .feedback-forms-select {
    height: 50px!important;
  }

  .feedback-forms-input {
    top: 8px!important;
  }

  .feedback-forms-input, .feedback-forms-textarea {
    font-size: 27px!important;
  }

  .feedback-forms-select {
    font-size: 22px!important;
  }  

  #feedback-form-wrapper .submitFeedback{
    padding: 14px!important;
  }
  
  #feedback-form-wrapper .btnLoopUp2{
    width: 245px!important;
    top: 0px!important;
  }
}

@media only screen and (min-device-width: 360px) and (max-device-width: 640px){
  html, body{
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.1, rgb(250, 250, 250)), to(rgb(229, 229, 229)))!important;
  }

  #feedback-form-wrapper {
    width: 100%!important;
    font-size: 27px!important;
    box-shadow: none!important;
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;
    border-radius: 0px!important;  
    margin-top: 0px!important;
    margin-bottom:30px!important;
  }

  .feedback-main-title-wrapper{
    height: 80px!important;
  }

  .tbl-header-title-wrapper {
    height: 70px!important;
    text-align: left!important;
  } 

  #feedback-main-title{
    font-size: 30px!important;
  }
  .feedback-header-title {
    font-size: 25px!important;
  }

  .feedback-forms-textarea {
    width: 94%!important;
  }

  .feedback-labels, .feedback-values, .mech-notes {
    font-size: 27px!important;
  } 

  .employee-content-wrapper {
    width: 320px!important;
    height: 320px!important;
  }

  .feedback-employee-wrapper {
    width: 320px!important;
    height: 288px!important;
  }

  #feedback-form-wrapper .glyphicon-user{
    top: 5px!important;
  }
  #feedback-form-wrapper .fa-envelope {
    top: 4px!important;
  }

  .feedback-forms-select {
    height: 50px!important;
  }

  .feedback-forms-input {
    top: 8px!important;
  }

  .feedback-forms-input, .feedback-forms-textarea {
    font-size: 27px!important;
  }

  .feedback-forms-select {
    font-size: 22px!important;
  }  

  #feedback-form-wrapper .submitFeedback{
    padding: 14px!important;
  }
  
  #feedback-form-wrapper .btnLoopUp2{
    width: 245px!important;
    top: 0px!important;
  }

}  

@media only screen and (max-device-width: 480px) {
  html, body{
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.1, rgb(250, 250, 250)), to(rgb(229, 229, 229)))!important;
  }

  #feedback-form-wrapper {
    width: 100%!important;
    font-size: 27px!important;
    box-shadow: none!important;
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;
    border-radius: 0px!important;  
    margin-top: 0px!important;
    margin-bottom:30px!important;
  }

  .feedback-main-title-wrapper{
    height: 80px!important;
  }

  .tbl-header-title-wrapper {
    height: 70px!important;
    text-align: left!important;
  } 

  #feedback-main-title{
    font-size: 30px!important;
  }
  .feedback-header-title {
    font-size: 25px!important;
  }

  .feedback-forms-textarea {
    width: 94%!important;
  }

  .feedback-labels, .feedback-values, .mech-notes {
    font-size: 27px!important;
  } 

  .employee-content-wrapper {
    width: 320px!important;
    height: 320px!important;
  }

  .feedback-employee-wrapper {
    width: 320px!important;
    height: 288px!important;
  }

  #feedback-form-wrapper .glyphicon-user{
    top: 5px!important;
  }
  #feedback-form-wrapper .fa-envelope {
    top: 4px!important;
  }

  .feedback-forms-select {
    height: 50px!important;
  }

  .feedback-forms-input {
    top: 8px!important;
  }

  .feedback-forms-input, .feedback-forms-textarea {
    font-size: 27px!important;
  }

  .feedback-forms-select {
    font-size: 22px!important;
  }  

  #feedback-form-wrapper .submitFeedback{
    padding: 14px!important;
  }
  
  #feedback-form-wrapper .btnLoopUp2{
    width: 245px!important;
    top: 0px!important;
  }


}














@media (max-width:800px){
	#work_order_type_title{
		font-size:25px!important;
	}
	
	.lbl{
		font-size:18px!important;
	}
}



/*iPhone4S, iPhone5, Nexus 4, Nexus 7, etc*/
@media only screen and (-webkit-min-device-pixel-ratio : 2){
  
  /*CSS  */
  
  #work_order_type_title{
  	font-size:30px!important;
  }
	.lbl{
		font-size:27px!important;
	}  
	.identify {
	  width: 520px!important;
	  height: 50px!important;
	  margin-top:5px!important;
	  margin-bottom:5px!important;
	}	
	
	.fa-envelope{
		position: relative!important;
		top: -3px;
		font-size:27px!important;
  }	 
	.txtEmail{
		position:relative!important;
		top:2px!important;
		font-size:30px!important;
	}
	
	.glyphicon-user{
		position: relative!important;
		top: 2px;
		font-size:27px!important;		
	}
	
	.fa-phone{
		float:left!important;
		font-size:27px!important;
    margin-left: 15px!important;
    position: relative!important;
    top: 10px!important;
    margin-right: 6px!important;
	}
	.fa-search, .glyphicon-map-marker, .fa-calendar-alt, .fa-pencil-alt{
		font-size:27px!important;
		position:relative!important;
		top:-2px!important;
	}
	.spcReq{
		top: -12px;
	}
	#requiredWrap, .txtDate{
	  width: 270px!important;
	}	
	.txtRequired {
		width:200px!important;
		position: relative;
		top: -25px;
		left: 54px;
	}
	
	.dropzone {
	    height: 100px!important;
	}	
	
	.dropzone .dz-message {
     margin-top: 11px; 
	}

  
  #wrapper{
   width:100%!important;
   position: relative!important;
  	top: -31px!important;
  }
  #srtable{
   width:100%!important;
   border: none!important;
   border-radius:0!important;
  }
  
  
  #srtable td{
   height: 70px!important;
   font-size: 30px!important;
  }
  #srtable input{
   height: 40px!important;
   font-size: 27px!important;
   width: 459px;
  }
  #srtable .title{
   font-size: 50px!important;
   text-align: center!important;
  } 

     
  #srtable select{
   height: 47px!important;
   font-size: 27px!important;
	 margin-top:5px!important;  
	 margin-bottom:5px!important; 
  }
  #srtable .longinput{
   width: 350px!important;
   font-size: 28px!important;
  }
  #srtable .shortinput{
   font-size: 28px!important;
  }
  
  #srtable .cardinput{
   width: 80px!important;
   font-size: 28px!important;
   display: inline!important;
  }
  #srtable .otherinput{
   width: 190px!important;
   font-size: 28px!important;
  }
  #srtable #name{
   width: 350px!important;
   font-size: 28px!important;
  }
  #srtable #phoneinput{
   width: 170px!important;
   font-size: 28px!important;
   float: left!important;
  }
  #srtable #woinstruct{
    width: 900px!important;
    height: 100px!important;
    font-size: 28px!important;
    /* margin-left: 20px!important; */
    margin-bottom: 30px;
  }

   #searhMore2{
    width:250px!important;
   }
  
  #srtable .btnSubmit{
   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;
  }

  #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;
  }
  
  img.tcalIcon{visibility:hidden!important;}

  #asset{
   height: 40px!important;
  }
  
  #unit_num{
   height: 47px!important;
   font-size: 27px!important;
   width: 350px!important;
  }

  .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: 27px!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********/
  .slWrapper{
   width:100%!important;
   position: relative!important;
   top: 50px!important;
   }  
   
  .slForm{
    width: 100%!important;
   font-size: 27px!important;
  }
  
  .slForm select{
   height: 40px!important;
   font-size: 27px!important;
   width:150px!important;
  }

  .slForm input{
   height: 40px!important;
   font-size: 25px!important;
  }
  .slForm #area_num{
   height: 40px!important;
   font-size: 27px!important;
   width:500px!important;
  }
  .slForm .label{
   font-size: 25px!important;
  }
  .btnfindWO{
   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: 60px!important;
   font-size:25px!important;   
  }
  .btnfindWO:hover{
   background: #930104!important;
   border: 1px #930104 solid!important;
   -webkit-border-radius: 5px!important;
   -moz-border-radius: 5px!important;
   border-radius: 5px!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;
  }
  
/******SERVICE LOOKUP 2***********/
  #sr2Title{
   width: 100%!important;
   height: 30px!important;
   font-size: 20px!important;
    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(top, #003D75 0%, #00284D 100%);
    
    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #003D75 0%, #00284D 100%);
    
    /* Opera */ 
    background-image: -o-linear-gradient(top, #003D75 0%, #00284D 100%);
    
    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #003D75), color-stop(1, #00284D));
    
    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #003D75 0%, #00284D 100%);
    
    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to bottom, #003D75 0%, #00284D 100%);
  }
  .sr2Form{border}
  
  .sr2Form #title1, .sr2Form #title2{
   height: 50px;
  }
  .sr2Form #title1{font-size: 21px;}
  
  .sr2Form #title2{text-align: center;}
  
  .sr2Form #data{
   height: 100px;
   text-align: center;
    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(top, #D3D7DB 0%, #F5FAFF 100%);
    
    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #D3D7DB 0%, #F5FAFF 100%);
    
    /* Opera */ 
    background-image: -o-linear-gradient(top, #D3D7DB 0%, #F5FAFF 100%);
    
    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D3D7DB), color-stop(1, #F5FAFF));
    
    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #D3D7DB 0%, #F5FAFF 100%);
    
    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to bottom, #D3D7DB 0%, #F5FAFF 100%);   
  }
  
  .sr2Form .sl2FormFont2{
   font-size: 28px!important;
  }
  
  .sr2Form .sl2FormFont{
   font-size: 24px!important;
  }
  
  .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: 60px!important;
		width: 150px!important;
		font-size:25px!important;   
		position: relative!important;
		top: -2px!important; 
  }
  .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: 30px!important;
  }
  
  .clickinfo{font-size:25px!important;}
  
  .workorderdetailsForm{margin-top:50px!important;} 

  .workorderdetailsForm td{
   font-size: 30px!important;   
  }
  .workorderdetailsForm2 td{
   font-size: 30px!important;
  }
  
  .workorderdetailsForm .commetsExcluded{
   font-size: 27px!important;
  }
  
/**********FEEDBACK*****************/

   
   .feedbackForm td{font-size: 30px!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: 60px!important;
   font-size:25px!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; 
  }  
  
  .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: 200px!important;
   height: 30px!important; 
   }  
   
  .feedbackForm .dcomments{
   font-size: 16px!important;
   height: 150px!important;
  } 
  

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

 .employeePic{
  height:280px!important;
  -webkit-border-radius: 10px!important;
  -moz-border-radius: 10px!important;
  border-radius: 10px!important;
  box-shadow: 3px 3px 5px #ccc!important;
  -moz-box-shadow:3px 3px 5px #ccc!important;
  -webkit-box-shadow: 3px 3px 5px #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: 45px!important;
}
.requestnote{
 font-size: 45px!important;
}

/*******SERVICE MULTIPLE REQUEST*********/
 #srtable .btnService{
  height: 2.8em!important;
  width: 2.8em!important;
 }
 #srtable .lblService{
   position: relative!important;
   top: -18px!important;
 }
 
}

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

  /*CSS  */
  
  #work_order_type_title{
  	font-size:30px!important;
  }
	.lbl{
		font-size:27px!important;
	}  
	.identify {
	  width: 520px!important;
	  height: 50px!important;
	  margin-top:5px!important;
	  margin-bottom:5px!important;
	}	
	
	.fa-envelope{
		position: relative!important;
		top: -3px;
		font-size:27px!important;
  }	 
	.txtEmail{
		position:relative!important;
		top:2px!important;
		font-size:30px!important;
	}
	
	.glyphicon-user{
		position: relative!important;
		top: 2px;
		font-size:27px!important;		
	}
	
	.fa-phone{
		float:left!important;
		font-size:27px!important;
    margin-left: 15px!important;
    position: relative!important;
    top: 10px!important;
    margin-right: 6px!important;
	}
	.fa-search, .glyphicon-map-marker, .fa-calendar-alt, .fa-pencil-alt{
		font-size:27px!important;
		position:relative!important;
		top:-2px!important;
	}
	.spcReq{
		top: -12px;
	}
	#requiredWrap, .txtDate{
	  width: 270px!important;
	}	
	.txtRequired {
		width:200px!important;
		position: relative;
		top: -25px;
		left: 54px;
	}
	
	.dropzone {
	    height: 100px!important;
	}	
	
	.dropzone .dz-message {
     margin-top: 11px; 
	}

  
  #wrapper{
   width:100%!important;
   position: relative!important;
  	top: -31px!important;
  }
  #srtable{
   width:100%!important;
   border: none!important;
   border-radius:0!important;
  }
  
  
  #srtable td{
   height: 70px!important;
   font-size: 30px!important;
  }
  #srtable input{
   height: 40px!important;
   font-size: 27px!important;
   width: 459px;
  }
  #srtable .title{
   font-size: 50px!important;
   text-align: center!important;
  } 

     
  #srtable select{
   height: 47px!important;
   font-size: 27px!important;
	 margin-top:5px!important;  
	 margin-bottom:5px!important; 
  }
  #srtable .longinput{
   width: 350px!important;
   font-size: 28px!important;
  }
  #srtable .shortinput{
   font-size: 28px!important;
  }
  
  #srtable .cardinput{
   width: 80px!important;
   font-size: 28px!important;
   display: inline!important;
  }
  #srtable .otherinput{
   width: 190px!important;
   font-size: 28px!important;
  }
  #srtable #name{
   width: 350px!important;
   font-size: 28px!important;
  }
  #srtable #phoneinput{
   width: 170px!important;
   font-size: 28px!important;
   float: left!important;
  }
  #srtable #woinstruct{
    width: 900px!important;
    height: 100px!important;
    font-size: 28px!important;
    /* margin-left: 20px!important; */
    margin-bottom: 30px;
  }

   #searhMore2{
    width:250px!important;
   }
  
  #srtable .btnSubmit{
   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;
  }

  #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;
  }
  
  img.tcalIcon{visibility:hidden!important;}

  #asset{
   height: 40px!important;
  }
  
  #unit_num{
   height: 47px!important;
   font-size: 27px!important;
   width: 350px!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: 27px!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********/
  .slWrapper{
   width:100%!important;
   position: relative!important;
   top: 50px!important;
   }  
   
  .slForm{
    width: 100%!important;
   font-size: 27px!important;
  }
  
  .slForm select{
   height: 40px!important;
   font-size: 27px!important;
   width:150px!important;
  }

  .slForm input{
   height: 40px!important;
   font-size: 25px!important;
  }
  .slForm #area_num{
   height: 40px!important;
   font-size: 27px!important;
   width:500px!important;
  }
  .slForm .label{
   font-size: 25px!important;
  }
  .btnfindWO{
   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: 60px!important;
   font-size:25px!important;   
  }
  .btnfindWO:hover{
   background: #930104!important;
   border: 1px #930104 solid!important;
   -webkit-border-radius: 5px!important;
   -moz-border-radius: 5px!important;
   border-radius: 5px!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;
  }
  
/******SERVICE LOOKUP 2***********/
  #sr2Title{
   width: 100%!important;
   height: 30px!important;
   font-size: 20px!important;
    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(top, #003D75 0%, #00284D 100%);
    
    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #003D75 0%, #00284D 100%);
    
    /* Opera */ 
    background-image: -o-linear-gradient(top, #003D75 0%, #00284D 100%);
    
    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #003D75), color-stop(1, #00284D));
    
    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #003D75 0%, #00284D 100%);
    
    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to bottom, #003D75 0%, #00284D 100%);
  }
  .sr2Form{border}

  
  .sr2Form #title1, .sr2Form #title2{
   height: 50px;
  }
  .sr2Form #title1{font-size: 21px;}
  
  .sr2Form #title2{text-align: center;}
  
  .sr2Form #data{
   height: 100px;
   text-align: center;
    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(top, #D3D7DB 0%, #F5FAFF 100%);
    
    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #D3D7DB 0%, #F5FAFF 100%);
    
    /* Opera */ 
    background-image: -o-linear-gradient(top, #D3D7DB 0%, #F5FAFF 100%);
    
    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D3D7DB), color-stop(1, #F5FAFF));
    
    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #D3D7DB 0%, #F5FAFF 100%);
    
    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to bottom, #D3D7DB 0%, #F5FAFF 100%);   
  }
  .sr2Form #data:hover{
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(bottom, #B9BDBF 0%, #B5B9BD 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(bottom, #B9BDBF 0%, #B5B9BD 100%);

/* Opera */ 
background-image: -o-linear-gradient(bottom, #B9BDBF 0%, #B5B9BD 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #B9BDBF), color-stop(1, #B5B9BD));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(bottom, #B9BDBF 0%, #B5B9BD 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to top, #B9BDBF 0%, #B5B9BD 100%);
  }
  
  .sr2Form .sl2FormFont2{
   font-size: 28px!important;
  }
  
  .sr2Form .sl2FormFont{
   font-size: 24px!important;
  }
  
  .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: 60px!important;
		width: 150px!important;
		font-size:25px!important;   
		position: relative!important;
		top: -2px!important;   
  }
  .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: 30px!important;
  }
  
  .clickinfo{font-size:25px!important;}
  
/*************WORK ORDER SERVICE DETAILS**********8*/
  
  .workorderdetailsForm{margin-top:50px!important;} 
  
  .workorderdetailsForm .sdtitle{
   height: 30px!important;
   font-size: 27px!important;
  }
  .workorderdetailsForm2 .sdtitle{
   height: 30px!important;
   font-size: 27px!important;   
  }
  .workorderdetailsForm td{
   font-size: 30px!important;   
  }
  .workorderdetailsForm2 td{
   font-size: 30px!important;
  }
  
  .workorderdetailsForm .commetsExcluded{
   font-size: 27px!important;
  }
  
/**********FEEDBACK*****************/

   
   .feedbackForm td{font-size: 30px!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: 60px!important;
   font-size:25px!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; 
  }
  
  .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: 200px!important;
   height: 30px!important; 
   }  
   
  .feedbackForm .dcomments{
   font-size: 16px!important;
   height: 150px!important;
  }
  

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

 .employeePic{
  height:280px!important;
  -webkit-border-radius: 10px!important;
  -moz-border-radius: 10px!important;
  border-radius: 10px!important;
  box-shadow: 3px 3px 5px #ccc!important;
  -moz-box-shadow:3px 3px 5px #ccc!important;
  -webkit-box-shadow: 3px 3px 5px #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: 45px!important;
  }
  .requestnote{
   font-size: 45px!important;
  }

/*******SERVICE MULTIPLE REQUEST*********/
 #srtable .btnService{
  height: 2.8em!important;
  width: 2.8em!important;
 }
 #srtable .lblService{
   position: relative!important;
   top: -18px!important;
 }

}

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

  /*CSS  */
  
  #work_order_type_title{
  	font-size:30px!important;
  }
	.lbl{
		font-size:27px!important;
	}  
	.identify {
	  width: 520px!important;
	  height: 50px!important;
	  margin-top:5px!important;
	  margin-bottom:5px!important;
	}	
	
	.fa-envelope{
		position: relative!important;
		top: -3px!important;
		font-size:27px!important;
  }	 
	.txtEmail{
		position:relative!important;
		top:2px!important;
		font-size:30px!important;
	}
	
	.glyphicon-user{
		position: relative!important;
		top: 2px!important;
		font-size:27px!important;		
	}
	
	.fa-phone{
		float:left!important;
		font-size:27px!important;
    margin-left: 15px!important;
    position: relative!important;
    top: 10px!important;
    margin-right: 6px!important;
	}
	.fa-search, .glyphicon-map-marker, .fa-calendar-alt, .fa-pencil-alt{
		font-size:27px!important;
		position:relative!important;
		top:-2px!important;
	}
	.spcReq{
		top: -12px;
	}
	#requiredWrap, .txtDate{
	  width: 270px!important;
	}	
	.txtRequired {
		width:200px!important;
		position: relative;
		top: -25px;
		left: 54px;
	}
	
	.dropzone {
	    height: 100px!important;
	}	
	
	.dropzone .dz-message {
     margin-top: 11px; 
	}

  
  #wrapper{
   width:100%!important;
   position: relative!important;
   top: -31px!important;
  }
  #srtable{
   width:100%!important;
   border: none!important;
   border-radius:0!important;
  }
  
  
  #srtable td{
   height: 70px!important;
   font-size: 30px!important;
  }
  #srtable input{
   height: 40px!important;
   font-size: 27px!important;
   width: 459px;
  }
  #srtable .title{
   font-size: 50px!important;
   text-align: center!important;
  } 

     
  #srtable select{
   height: 47px!important;
   font-size: 27px!important;
	 margin-top:5px!important;  
	 margin-bottom:5px!important; 
  }
  #srtable .longinput{
   width: 350px!important;
   font-size: 28px!important;
  }
  #srtable .shortinput{
   font-size: 28px!important;
  }
  
  #srtable .cardinput{
   width: 80px!important;
   font-size: 28px!important;
   display: inline!important;
  }
  #srtable .otherinput{
   width: 190px!important;
   font-size: 28px!important;
  }
  #srtable #name{
   width: 350px!important;
   font-size: 28px!important;
  }
  #srtable #phoneinput{
   width: 170px!important;
   font-size: 28px!important;
   float: left!important;
  }
  #srtable #woinstruct{
    width: 900px!important;
    height: 100px!important;
    font-size: 28px!important;
    /* margin-left: 20px!important; */
    margin-bottom: 30px;
  }

   #searhMore2{
    width:250px!important;
   }
  
  #srtable .btnSubmit{
   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;
  }

  #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;
  }
  
  img.tcalIcon{visibility:hidden!important;}

  #asset{
   height: 40px!important;
  }
  
  #unit_num{
   height: 47px!important;
   font-size: 27px!important;
   width: 350px!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: 27px!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********/
  .slWrapper{
   width:100%!important;
   position: relative!important;
   top: 50px!important;
   } 
   
  .slForm{
    width: 100%!important;
   font-size: 27px!important;
  }
  
  .slForm select{
   height: 40px!important;
   font-size: 27px!important;
   width:150px!important;
  }

  .slForm input{
   height: 40px!important;
   font-size: 25px!important;
  }
  .slForm #area_num{
   height: 40px!important;
   font-size: 27px!important;
   width:500px!important;
  }
  .slForm .label{
   font-size: 25px!important;
  }
  .btnfindWO{
   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: 60px!important;
   font-size:25px!important;   
  }
  .btnfindWO:hover{
   background: #930104!important;
   border: 1px #930104 solid!important;
   -webkit-border-radius: 5px!important;
   -moz-border-radius: 5px!important;
   border-radius: 5px!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: 30px!important;
  } 
  
/******SERVICE LOOKUP 2***********/
  #sr2Title{
   width: 100%!important;
   height: 30px!important;
   font-size: 20px!important;
    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(top, #003D75 0%, #00284D 100%);
    
    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #003D75 0%, #00284D 100%);
    
    /* Opera */ 
    background-image: -o-linear-gradient(top, #003D75 0%, #00284D 100%);
    
    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #003D75), color-stop(1, #00284D));
    
    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #003D75 0%, #00284D 100%);
    
    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to bottom, #003D75 0%, #00284D 100%);
  }
  .sr2Form{border}


  .sr2Form #title1{font-size: 24px;}
  
  .sr2Form #title1, .sr2Form #title2{
   height: 50px;
  }
  .sr2Form #title2{text-align: center;}
  
  .sr2Form #data{
   height: 100px;
   text-align: center;
    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(top, #D3D7DB 0%, #F5FAFF 100%);
    
    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #D3D7DB 0%, #F5FAFF 100%);
    
    /* Opera */ 
    background-image: -o-linear-gradient(top, #D3D7DB 0%, #F5FAFF 100%);
    
    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D3D7DB), color-stop(1, #F5FAFF));
    
    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #D3D7DB 0%, #F5FAFF 100%);
    
    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to bottom, #D3D7DB 0%, #F5FAFF 100%);   
  }
  
  .sr2Form .sl2FormFont2{
   font-size: 28px!important;
  }
  
  .sr2Form .sl2FormFont{
   font-size: 24px!important;
  }
  
  .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: 60px!important;
		width: 150px!important;
		font-size:25px!important;   
		position: relative!important;
		top: -2px!important; 
  }
  .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: 30px!important;
  }
  
 .clickinfo{font-size:25px!important;} 
 
 .workorderdetailsForm{margin-top:50px!important;}
 
  .workorderdetailsForm .sdtitle{
   height: 30px!important;
   font-size: 27px!important;
  }
  .workorderdetailsForm2 .sdtitle{
   height: 30px!important;
   font-size: 27px!important;   
  }
  .workorderdetailsForm td{
   font-size: 30px!important;   
  }
  .workorderdetailsForm2 td{
   font-size: 30px!important;
  }
  
  .workorderdetailsForm .commetsExcluded{
   font-size: 27px!important;
  }
  
/**********FEEDBACK*****************/

   
   .feedbackForm td{font-size: 30px!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: 60px!important;
   font-size:25px!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; 
  }
  
  .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: 200px!important;
   height: 30px!important; 
   }   
   
  .feedbackForm .dcomments{
   font-size: 16px!important;
   height: 150px!important;
  } 
  
  .feedbackForm #ddrating{
    font-size: 25px!important;
    width: 200px!important;
    height: 30px!important;   
  }

 .employeePic{
  height:280px!important;
  -webkit-border-radius: 10px!important;
  -moz-border-radius: 10px!important;
  border-radius: 10px!important;
  box-shadow: 3px 3px 5px #ccc!important;
  -moz-box-shadow:3px 3px 5px #ccc!important;
  -webkit-box-shadow: 3px 3px 5px #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: 45px!important;
}
.requestnote{
 font-size: 45px!important;
}

/*******SERVICE MULTIPLE REQUEST*********/
 #srtable .btnService{
  height: 2.8em!important;
  width: 2.8em!important;
 }
 #srtable .lblService{
   position: relative!important;
   top: -18px!important;
 }
 
}

/* iPads (portrait and landscape) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

  /*CSS  */
  
  #work_order_type_title{
  	font-size:30px!important;
  }
	.lbl{
		font-size:27px!important;
	}  
	.identify {
	  width: 520px!important;
	  height: 50px!important;
	  margin-top:5px!important;
	  margin-bottom:5px!important;
	}	
	
	.fa-envelope{
		position: relative!important;
		top: -3px!important;
		font-size:27px!important;
  }	 
	.txtEmail{
		position:relative!important;
		top:2px!important;
		font-size:30px!important;
	}
	
	.glyphicon-user{
		position: relative!important;
		top: 2px!important;
		font-size:27px!important;		
	}
	
	.fa-phone{
		float:left!important;
		font-size:27px!important;
    margin-left: 15px!important;
    position: relative!important;
    top: 10px!important;
    margin-right: 6px!important;
	}
	.fa-search, .glyphicon-map-marker, .fa-calendar-alt, .fa-pencil-alt{
		font-size:27px!important;
		position:relative!important;
		top:-2px!important;
	}
	.spcReq{
		top: -12px;
	}
	#requiredWrap, .txtDate{
	  width: 270px!important;
	}	
	.txtRequired {
		width:200px!important;
		position: relative;
		top: -25px;
		left: 54px;
	}
	
	.dropzone {
	    height: 100px!important;
	}	
	
	.dropzone .dz-message {
     margin-top: 11px; 
	}

  
  #wrapper{
   width:100%!important;
   position: relative!important;
  	top: -31px!important;
  }
  #srtable{
   width:100%!important;
   border: none!important;
   border-radius:0!important;
  }
  
  
  #srtable td{
   height: 70px!important;
   font-size: 30px!important;
  }
  #srtable input{
   height: 40px!important;
   font-size: 27px!important;
   width: 459px;
  }
  #srtable .title{
   font-size: 50px!important;
   text-align: center!important;
  } 

     
  #srtable select{
   height: 47px!important;
   font-size: 27px!important;
	 margin-top:5px!important;  
	 margin-bottom:5px!important; 
  }
  #srtable .longinput{
   width: 350px!important;
   font-size: 28px!important;
  }
  #srtable .shortinput{
   font-size: 28px!important;
  }
  
  #srtable .cardinput{
   width: 80px!important;
   font-size: 28px!important;
   display: inline!important;
  }
  #srtable .otherinput{
   width: 190px!important;
   font-size: 28px!important;
  }
  #srtable #name{
   width: 350px!important;
   font-size: 28px!important;
  }
  #srtable #phoneinput{
   width: 170px!important;
   font-size: 28px!important;
   float: left!important;
  }
  #srtable #woinstruct{
    width: 900px!important;
    height: 100px!important;
    font-size: 28px!important;
    /* margin-left: 20px!important; */
    margin-bottom: 30px;
  }

   #searhMore2{
    width:250px!important;
   }
  
  #srtable .btnSubmit{
   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;
  }

  #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;
  }
  
  img.tcalIcon{visibility:hidden!important;}

  #asset{
   height: 40px!important;
  }
  
  #unit_num{
   height: 47px!important;
   font-size: 27px!important;
   width: 350px!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: 27px!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********/
  .slWrapper{
   width:100%!important;
   position: relative!important;
   top: 50px!important;
   } 
   
  .slForm{
    width: 100%!important;
   font-size: 27px!important;
  }
  
  .slForm select{
   height: 40px!important;
   font-size: 27px!important;
   width:150px!important;
  }

  .slForm input{
   height: 40px!important;
   font-size: 25px!important;
  }
  .slForm #area_num{
   height: 40px!important;
   font-size: 27px!important;
   width:500px!important;
  }
  .slForm .label{
   font-size: 25px!important;
  }
  .btnfindWO{
   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: 60px!important;
   font-size:25px!important;   
  }
  .btnfindWO:hover{
   background: #930104!important;
   border: 1px #930104 solid!important;
   -webkit-border-radius: 5px!important;
   -moz-border-radius: 5px!important;
   border-radius: 5px!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;
  }
  
/******SERVICE LOOKUP 2***********/
  #sr2Title{
   width: 100%!important;
   height: 30px!important;
   font-size: 20px!important;
    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(top, #003D75 0%, #00284D 100%);
    
    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #003D75 0%, #00284D 100%);
    
    /* Opera */ 
    background-image: -o-linear-gradient(top, #003D75 0%, #00284D 100%);
    
    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #003D75), color-stop(1, #00284D));
    
    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #003D75 0%, #00284D 100%);
    
    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to bottom, #003D75 0%, #00284D 100%);
  }
  .sr2Form{border}
    
  .sr2Form #title1, .sr2Form #title2{
   height: 50px;
  }
  .sr2Form #title1{font-size: 21px;}
  
  .sr2Form #title2{text-align: center;}
  
  .sr2Form #data{
   height: 100px;
   text-align: center;
    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(top, #D3D7DB 0%, #F5FAFF 100%);
    
    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #D3D7DB 0%, #F5FAFF 100%);
    
    /* Opera */ 
    background-image: -o-linear-gradient(top, #D3D7DB 0%, #F5FAFF 100%);
    
    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D3D7DB), color-stop(1, #F5FAFF));
    
    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #D3D7DB 0%, #F5FAFF 100%);
    
    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to bottom, #D3D7DB 0%, #F5FAFF 100%);   
  }
  
  .sr2Form .sl2FormFont2{
   font-size: 28px!important;
  }
  
  .sr2Form .sl2FormFont{
   font-size: 24px!important;
  }
  
  .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: 60px!important;
		width: 150px!important;
		font-size:25px!important;   
		position: relative!important;
		top: -2px!important;  
  }
  .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: 30px!important;
  }
  
  .clickinfo{font-size:25px!important;}
  
  .workorderdetailsForm{margin-top:50px!important;} 
  
  .workorderdetailsForm td{
   font-size: 30px!important;   
  }
  .workorderdetailsForm2 td{
   font-size: 30px!important;
  }
  
  .workorderdetailsForm .commetsExcluded{
   font-size: 27px!important;
  }
  
/**********FEEDBACK*****************/

   
   .feedbackForm td{font-size: 30px!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: 60px!important;
   font-size:25px!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; 
  }
  
  .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: 200px!important;
   height: 30px!important; 
   }  
   
  .feedbackForm .dcomments{
   font-size: 16px!important;
   height: 150px!important;
  }

     .feedbackForm #ddrating{
    font-size: 25px!important;
    width: 200px!important;
    height: 30px!important;   
  }
   
 .employeePic{
  height:280px!important;
  -webkit-border-radius: 10px!important;
  -moz-border-radius: 10px!important;
  border-radius: 10px!important;
  box-shadow: 3px 3px 5px #ccc!important;
  -moz-box-shadow:3px 3px 5px #ccc!important;
  -webkit-box-shadow: 3px 3px 5px #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: 45px!important;
}
.requestnote{
 font-size: 45px!important;
}

/*******SERVICE MULTIPLE REQUEST*********/
 #srtable .btnService{
  height: 2.8em!important;
  width: 2.8em!important;
 }
 #srtable .lblService{
   position: relative!important;
   top: -18px!important;
 }
 
}

/*Android Nexus 7  - chrome*/
@media only screen and (max-width : 600px) and (device-width : 800px){

  /*CSS  */
  
  #work_order_type_title{
  	font-size:30px!important;
  }
	.lbl{
		font-size:27px!important;
	}  
	.identify {
	  width: 520px!important;
	  height: 50px!important;
	  margin-top:5px!important;
	  margin-bottom:5px!important;
	}	
	
	.fa-envelope{
		position: relative!important;
		top: -3px!important;
		font-size:27px!important;
  }	 
	.txtEmail{
		position:relative!important;
		top:2px!important;
		font-size:30px!important;
	}
	
	.glyphicon-user{
		position: relative!important;
		top: 2px!important;
		font-size:27px!important;		
	}
	
	.fa-phone{
		float:left!important;
		font-size:27px!important;
    margin-left: 15px!important;
    position: relative!important;
    top: 10px!important;
    margin-right: 6px!important;
	}
	.fa-search, .glyphicon-map-marker, .fa-calendar-alt, .fa-pencil-alt{
		font-size:27px!important;
		position:relative!important;
		top:-2px!important;
	}
	.spcReq{
		top: -12px;
	}
	#requiredWrap, .txtDate{
	  width: 270px!important;
	}	
	.txtRequired {
		width:200px!important;
		position: relative;
		top: -25px;
		left: 54px;
	}
	
	.dropzone {
	    height: 100px!important;
	}	
	
	.dropzone .dz-message {
     margin-top: 11px; 
	}

  
  #wrapper{
   width:100%!important;
   position: relative!important;
  	top: -31px!important;
  }
  #srtable{
   width:100%!important;
   border: none!important;
   border-radius:0!important;
  }
  
  
  #srtable td{
   height: 70px!important;
   font-size: 30px!important;
  }
  #srtable input{
   height: 40px!important;
   font-size: 27px!important;
   width: 459px;
  }
  #srtable .title{
   font-size: 50px!important;
   text-align: center!important;
  } 

     
  #srtable select{
   height: 47px!important;
   font-size: 27px!important;
	 margin-top:5px!important;  
	 margin-bottom:5px!important; 
  }
  #srtable .longinput{
   width: 350px!important;
   font-size: 28px!important;
  }
  #srtable .shortinput{
   font-size: 28px!important;
  }
  
  #srtable .cardinput{
   width: 80px!important;
   font-size: 28px!important;
   display: inline!important;
  }
  #srtable .otherinput{
   width: 190px!important;
   font-size: 28px!important;
  }
  #srtable #name{
   width: 350px!important;
   font-size: 28px!important;
  }
  #srtable #phoneinput{
   width: 170px!important;
   font-size: 28px!important;
   float: left!important;
  }
  #srtable #woinstruct{
    width: 900px!important;
    height: 100px!important;
    font-size: 28px!important;
    /* margin-left: 20px!important; */
    margin-bottom: 30px;
  }

   #searhMore2{
    width:250px!important;
   }
  
  #srtable .btnSubmit{
   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;
  }

  #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;
  }
  
  img.tcalIcon{visibility:hidden!important;}

  #asset{
   height: 40px!important;
  }
  
  #unit_num{
   height: 47px!important;
   font-size: 27px!important;
   width: 350px!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: 27px!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********/
  .slWrapper{
   width:100%!important;
   position: relative!important;
   top: 50px!important;
   }
   
  .slForm{
    width: 100%!important;
   font-size: 27px!important;
  }
  
  .slForm select{
   height: 40px!important;
   font-size: 27px!important;
   width:150px!important;
  }

  .slForm input{
   height: 40px!important;
   font-size: 25px!important;
  }
  .slForm #area_num{
   height: 40px!important;
   font-size: 27px!important;
   width:500px!important;
  }
  .slForm .label{
   font-size: 25px!important;
  }
  .btnfindWO{
   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: 60px!important;
   font-size:25px!important;   
  }
  .btnfindWO:hover{
   background: #930104!important;
   border: 1px #930104 solid!important;
   -webkit-border-radius: 5px!important;
   -moz-border-radius: 5px!important;
   border-radius: 5px!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;
  }
  
/******SERVICE LOOKUP 2***********/
  #sr2Title{
   width: 100%!important;
   height: 30px!important;
   font-size: 20px!important;
    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(top, #003D75 0%, #00284D 100%);
    
    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #003D75 0%, #00284D 100%);
    
    /* Opera */ 
    background-image: -o-linear-gradient(top, #003D75 0%, #00284D 100%);
    
    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #003D75), color-stop(1, #00284D));
    
    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #003D75 0%, #00284D 100%);
    
    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to bottom, #003D75 0%, #00284D 100%);
  }
  .sr2Form{border}

   
  .sr2Form #title1, .sr2Form #title2{
   height: 50px;
  }
  .sr2Form #title1{font-size: 21px;}
  
  .sr2Form #title2{text-align: center;}
  
  .sr2Form #data{
   height: 100px;
   text-align: center;
    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(top, #D3D7DB 0%, #F5FAFF 100%);
    
    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #D3D7DB 0%, #F5FAFF 100%);
    
    /* Opera */ 
    background-image: -o-linear-gradient(top, #D3D7DB 0%, #F5FAFF 100%);
    
    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D3D7DB), color-stop(1, #F5FAFF));
    
    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #D3D7DB 0%, #F5FAFF 100%);
    
    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to bottom, #D3D7DB 0%, #F5FAFF 100%);   
  }
  
  .sr2Form .sl2FormFont2{
   font-size: 28px!important;
  }
  
  .sr2Form .sl2FormFont{
   font-size: 24px!important;
  }
  
  .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: 60px!important;
		width: 150px!important;
		font-size:25px!important;   
		position: relative!important;
		top: -2px!important;  
  }
  .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: 30px!important;
  }
  
  .clickinfo{font-size:25px!important;}
  
  .workorderdetailsForm{margin-top:50px!important;} 
  
  .workorderdetailsForm .sdtitle{
   height: 30px!important;
   font-size: 27px!important;
  }
  .workorderdetailsForm2 .sdtitle{
   height: 30px!important;
   font-size: 27px!important;   
  }
  
  .workorderdetailsForm td{
   font-size: 30px!important;   
  }
  .workorderdetailsForm2 td{
   font-size: 30px!important;
  }
  
  .workorderdetailsForm .commetsExcluded{
   font-size: 27px!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: 60px!important;
   font-size:25px!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*****************/

   .feedbackForm{width: 100%!important;}
   
   .feedbackForm td{font-size: 30px!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: 60px!important;
   font-size:25px!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; 
  }
  
  .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: 200px!important;
   height: 30px!important; 
   }     
   
  .feedbackForm .dcomments{
   font-size: 16px!important;
   height: 150px!important;
  } 

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

   
 .employeePic{
  height:280px!important;
  -webkit-border-radius: 10px!important;
  -moz-border-radius: 10px!important;
  border-radius: 10px!important;
  box-shadow: 3px 3px 5px #ccc!important;
  -moz-box-shadow:3px 3px 5px #ccc!important;
  -webkit-box-shadow: 3px 3px 5px #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: 45px!important;
}
.requestnote{
 font-size: 45px!important;
}

/*******SERVICE MULTIPLE REQUEST*********/
 #srtable .btnService{
  height: 2.8em!important;
  width: 2.8em!important;
 }
 #srtable .lblService{
   position: relative!important;
   top: -18px!important;
 }
 
}

@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) {

  /*CSS  */
  
  #work_order_type_title{
  	font-size:30px!important;
  }
	.lbl{
		font-size:27px!important;
	}  
	.identify {
	  width: 520px!important;
	  height: 50px!important;
	  margin-top:5px!important;
	  margin-bottom:5px!important;
	}	
	
	.fa-envelope{
		position: relative!important;
		top: -3px!important;
		font-size:27px!important;
  }	 
	.txtEmail{
		position:relative!important;
		top:2px!important;
		font-size:30px!important;
	}
	
	.glyphicon-user{
		position: relative!important;
		top: 2px!important;
		font-size:27px!important;		
	}
	
	.fa-phone{
		float:left!important;
		font-size:27px!important;
    margin-left: 15px!important;
    position: relative!important;
    top: 10px!important;
    margin-right: 6px!important;
	}
	.fa-search, .glyphicon-map-marker, .fa-calendar-alt, .fa-pencil-alt{
		font-size:27px!important;
		position:relative!important;
		top:-2px!important;
	}
	.spcReq{
		top: -12px;
	}
	#requiredWrap, .txtDate{
	  width: 270px!important;
	}	
	.txtRequired {
		width:200px!important;
		position: relative;
		top: -25px;
		left: 54px;
	}
	
	.dropzone {
	    height: 100px!important;
	}	
	
	.dropzone .dz-message {
     margin-top: 11px; 
	}

  
  #wrapper{
   width:100%!important;
   position: relative!important;
  	top: -31px!important;
  }
  #srtable{
   width:100%!important;
   border: none!important;
   border-radius:0!important;
  }
  
  
  #srtable td{
   height: 70px!important;
   font-size: 30px!important;
  }
  #srtable input{
   height: 40px!important;
   font-size: 27px!important;
   width: 459px;
  }
  #srtable .title{
   font-size: 50px!important;
   text-align: center!important;
  } 

     
  #srtable select{
   height: 47px!important;
   font-size: 27px!important;
	 margin-top:5px!important;  
	 margin-bottom:5px!important; 
  }
  #srtable .longinput{
   width: 350px!important;
   font-size: 28px!important;
  }
  #srtable .shortinput{
   font-size: 28px!important;
  }
  
  #srtable .cardinput{
   width: 80px!important;
   font-size: 28px!important;
   display: inline!important;
  }
  #srtable .otherinput{
   width: 190px!important;
   font-size: 28px!important;
  }
  #srtable #name{
   width: 350px!important;
   font-size: 28px!important;
  }
  #srtable #phoneinput{
   width: 170px!important;
   font-size: 28px!important;
   float: left!important;
  }
  #srtable #woinstruct{
    width: 900px!important;
    height: 100px!important;
    font-size: 28px!important;
    /* margin-left: 20px!important; */
    margin-bottom: 30px;
  }

   #searhMore2{
    width:250px!important;
   }
  
  #srtable .btnSubmit{
   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;
  }

  #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;
  }
  
  img.tcalIcon{visibility:hidden!important;}

  #asset{
   height: 40px!important;
  }
  
  #unit_num{
   height: 47px!important;
   font-size: 27px!important;
   width: 350px!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: 27px!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********/
  .slWrapper{
   width:100%!important;
   position: relative!important;
   top: 50px!important;
   }
   
  .slForm{
    width: 100%!important;
   font-size: 27px!important;
  }
  
  .slForm select{
   height: 40px!important;
   font-size: 27px!important;
   width:150px!important;
  }

  .slForm input{
   height: 40px!important;
   font-size: 25px!important;
  }
  .slForm #area_num{
   height: 40px!important;
   font-size: 27px!important;
   width:500px!important;
  }
  .slForm .label{
   font-size: 25px!important;
  }
  .btnfindWO{
   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: 60px!important;
   font-size:25px!important;   
  }
  .btnfindWO:hover{
   background: #930104!important;
   border: 1px #930104 solid!important;
   -webkit-border-radius: 5px!important;
   -moz-border-radius: 5px!important;
   border-radius: 5px!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;
  }
  
/******SERVICE LOOKUP 2***********/
  #sr2Title{
   width: 100%!important;
   height: 30px!important;
   font-size: 20px!important;
    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(top, #003D75 0%, #00284D 100%);
    
    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #003D75 0%, #00284D 100%);
    
    /* Opera */ 
    background-image: -o-linear-gradient(top, #003D75 0%, #00284D 100%);
    
    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #003D75), color-stop(1, #00284D));
    
    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #003D75 0%, #00284D 100%);
    
    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to bottom, #003D75 0%, #00284D 100%);
  }
  .sr2Form{border}

  
  .sr2Form #title1, .sr2Form #title2{
   height: 50px;
  }
  .sr2Form #title1{font-size: 21px;}
  
  .sr2Form #title2{text-align: center;}
  
  .sr2Form #data{
   height: 100px;
   text-align: center;
    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(top, #D3D7DB 0%, #F5FAFF 100%);
    
    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #D3D7DB 0%, #F5FAFF 100%);
    
    /* Opera */ 
    background-image: -o-linear-gradient(top, #D3D7DB 0%, #F5FAFF 100%);
    
    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D3D7DB), color-stop(1, #F5FAFF));
    
    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #D3D7DB 0%, #F5FAFF 100%);
    
    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to bottom, #D3D7DB 0%, #F5FAFF 100%);   
  }
  
  .sr2Form .sl2FormFont2{
   font-size: 28px!important;
  }
  
  .sr2Form .sl2FormFont{
   font-size: 24px!important;
  }
  
  .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: 60px!important;
		width: 150px!important;
		font-size:25px!important;   
		position: relative!important;
		top: -2px!important;    
  }
  .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: 30px!important;
  }
  
  .clickinfo{font-size:25px!important;}
  
  .workorderdetailsForm{margin-top:50px!important;} 
  
  .workorderdetailsForm .sdtitle{
   height: 30px!important;
   font-size: 27px!important;
  }
  .workorderdetailsForm2 .sdtitle{
   height: 30px!important;
   font-size: 27px!important;   
  }
  
  .workorderdetailsForm td{
   font-size: 30px!important;   
  }
  .workorderdetailsForm2 td{
   font-size: 30px!important;
  }
  
  .workorderdetailsForm .commetsExcluded{
   font-size: 27px!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: 60px!important;
   font-size:25px!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*****************/
   
   .feedbackForm td{font-size: 30px!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: 60px!important;
   font-size:25px!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; 
  }
  
  .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: 200px!important;
   height: 30px!important; 
   } 
   
  .feedbackForm .dcomments{
   font-size: 16px!important;
   height: 150px!important;
  } 

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

 .employeePic{
  height:280px!important;
  -webkit-border-radius: 10px!important;
  -moz-border-radius: 10px!important;
  border-radius: 10px!important;
  box-shadow: 3px 3px 5px #ccc!important;
  -moz-box-shadow:3px 3px 5px #ccc!important;
  -webkit-box-shadow: 3px 3px 5px #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: 45px!important;
}
.requestnote{
 font-size: 45px!important;
}

/*******SERVICE MULTIPLE REQUEST*********/
 #srtable .btnService{
  height: 2.8em!important;
  width: 2.8em!important;
 }
 #srtable .lblService{
   position: relative!important;
   top: -18px!important;
 }  

}

@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){
	

	
  /*CSS  */
  
  #work_order_type_title{
  	font-size:30px!important;
  }
	.lbl{
		font-size:27px!important;
	}  
	.identify {
	  width: 520px!important;
	  height: 50px!important;
	  margin-top:5px!important;
	  margin-bottom:5px!important;
	}	
	
	.fa-envelope{
		position: relative!important;
		top: -3px!important;
		font-size:27px!important;
  }	 
	.txtEmail{
		position:relative!important;
		top:2px!important;
		font-size:30px!important;
	}
	
	.glyphicon-user{
		position: relative!important;
		top: 2px!important;
		font-size:27px!important;		
	}
	
	.fa-phone{
		float:left!important;
		font-size:27px!important;
    margin-left: 15px!important;
    position: relative!important;
    top: 10px!important;
    margin-right: 6px!important;
	}
	.fa-search, .glyphicon-map-marker, .fa-calendar-alt, .fa-pencil-alt{
		font-size:27px!important;
		position:relative!important;
		top:-2px!important;
	}
	.spcReq{
		top: -12px;
	}
	#requiredWrap, .txtDate{
	  width: 270px!important;
	}	
	.txtRequired {
		width:200px!important;
		position: relative;
		top: -25px;
		left: 54px;
	}
	
	.dropzone {
	    height: 100px!important;
	}	
	
	.dropzone .dz-message {
     margin-top: 11px; 
	}

  
  #wrapper{
   width:100%!important;
   position: relative!important;
  	top: -31px!important;
  }
  #srtable{
   width:100%!important;
   border: none!important;
   border-radius:0!important;
  }
  
  
  #srtable td{
   height: 70px!important;
   font-size: 30px!important;
  }
  #srtable input{
   height: 40px!important;
   font-size: 27px!important;
   width: 459px;
  }
  #srtable .title{
   font-size: 50px!important;
   text-align: center!important;
  } 

     
  #srtable select{
   height: 47px!important;
   font-size: 27px!important;
	 margin-top:5px!important;  
	 margin-bottom:5px!important; 
  }
  #srtable .longinput{
   width: 350px!important;
   font-size: 28px!important;
  }
  #srtable .shortinput{
   font-size: 28px!important;
  }
  
  #srtable .cardinput{
   width: 80px!important;
   font-size: 28px!important;
   display: inline!important;
  }
  #srtable .otherinput{
   width: 190px!important;
   font-size: 28px!important;
  }
  #srtable #name{
   width: 350px!important;
   font-size: 28px!important;
  }
  #srtable #phoneinput{
   width: 170px!important;
   font-size: 28px!important;
   float: left!important;
  }
  #srtable #woinstruct{
    width: 900px!important;
    height: 100px!important;
    font-size: 28px!important;
    /* margin-left: 20px!important; */
    margin-bottom: 30px;
  }

   #searhMore2{
    width:250px!important;
   }
  
  #srtable .btnSubmit{
   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;
  }

  #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;
  }
  
  img.tcalIcon{visibility:hidden!important;}

  #asset{
   height: 40px!important;
  }
  
  #unit_num{
   height: 47px!important;
   font-size: 27px!important;
   width: 350px!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: 27px!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********/
  .slWrapper{
   width:100%!important;
   position: relative!important;
   top: 50px!important;
   } 
   
  .slForm{
    width: 100%!important;
   font-size: 27px!important;
  }
  
  .slForm select{
   height: 40px!important;
   font-size: 27px!important;
   width:150px!important;
  }

  .slForm input{
   height: 40px!important;
   font-size: 25px!important;
  }
  .slForm #area_num{
   height: 40px!important;
   font-size: 27px!important;
   width:500px!important;
  }
  .slForm .label{
   font-size: 25px!important;
  }
  .btnfindWO{
   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: 60px!important;
   font-size:25px!important;   
  }
  .btnfindWO:hover{
   background: #930104!important;
   border: 1px #930104 solid!important;
   -webkit-border-radius: 5px!important;
   -moz-border-radius: 5px!important;
   border-radius: 5px!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;
  }
  
/******SERVICE LOOKUP 2***********/
  #sr2Title{
   width: 100%!important;
   height: 30px!important;
   font-size: 20px!important;
    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(top, #003D75 0%, #00284D 100%);
    
    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #003D75 0%, #00284D 100%);
    
    /* Opera */ 
    background-image: -o-linear-gradient(top, #003D75 0%, #00284D 100%);
    
    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #003D75), color-stop(1, #00284D));
    
    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #003D75 0%, #00284D 100%);
    
    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to bottom, #003D75 0%, #00284D 100%);
  }
  .sr2Form{border}


  .sr2Form #title1, .sr2Form #title2{
   height: 50px;
  }
  .sr2Form #title1{font-size: 21px;}
  
  .sr2Form #title2{text-align: center;}
  
  .sr2Form #data{
   height: 100px;
   text-align: center;
    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(top, #D3D7DB 0%, #F5FAFF 100%);
    
    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #D3D7DB 0%, #F5FAFF 100%);
    
    /* Opera */ 
    background-image: -o-linear-gradient(top, #D3D7DB 0%, #F5FAFF 100%);
    
    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D3D7DB), color-stop(1, #F5FAFF));
    
    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #D3D7DB 0%, #F5FAFF 100%);
    
    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to bottom, #D3D7DB 0%, #F5FAFF 100%);   
  }
  
  .sr2Form .sl2FormFont2{
   font-size: 28px!important;
  }
  
  .sr2Form .sl2FormFont{
   font-size: 24px!important;
  }
  
  .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: 60px!important;
		width: 150px!important;
		font-size:25px!important;   
		position: relative!important;
		top: -2px!important; 
  }
  .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: 30px!important;
  }
  
  .clickinfo{font-size:25px!important;}
  
  .workorderdetailsForm{margin-top:50px!important;} 
  
  .workorderdetailsForm .sdtitle{
   height: 30px!important;
   font-size: 27px!important;
  }
  .workorderdetailsForm2 .sdtitle{
   height: 30px!important;
   font-size: 27px!important;   
  }
  
  .workorderdetailsForm td{
   font-size: 30px!important;   
  }
  .workorderdetailsForm2 td{
   font-size: 30px!important;
  }
  
  .workorderdetailsForm .commetsExcluded{
   font-size: 27px!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: 60px!important;
   font-size:25px!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*****************/
   
   .feedbackForm td{font-size: 30px!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: 60px!important;
   font-size:25px!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; 
  }
  
  .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: 200px!important;
   height: 30px!important; 
   } 
   
  .feedbackForm .dcomments{
   font-size: 16px!important;
   height: 150px!important;
  }
  

    .feedbackForm #ddrating{
    font-size: 25px!important;
    width: 200px!important;
    height: 30px!important;   
  }
   
 .employeePic{
  height:280px!important;
  -webkit-border-radius: 10px!important;
  -moz-border-radius: 10px!important;
  border-radius: 10px!important;
  box-shadow: 3px 3px 5px #ccc!important;
  -moz-box-shadow:3px 3px 5px #ccc!important;
  -webkit-box-shadow: 3px 3px 5px #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: 45px!important;
}
.requestnote{
 font-size: 45px!important;
}

/*******SERVICE MULTIPLE REQUEST*********/
 #srtable .btnService{
  height: 2.8em!important;
  width: 2.8em!important;
 }
 #srtable .lblService{
   position: relative!important;
   top: -18px!important;
 }
 
}

@media only screen and (min-device-width : 360px) and (max-device-width : 640px){

  /*CSS  */
  
  #work_order_type_title{
  	font-size:30px!important;
  }
	.lbl{
		font-size:27px!important;
	}  
	.identify {
	  width: 520px!important;
	  height: 50px!important;
	  margin-top:5px!important;
	  margin-bottom:5px!important;
	}	
	
	.fa-envelope{
		position: relative!important;
		top: -3px;
		font-size:27px!important;
  }	 
	.txtEmail{
		position:relative!important;
		top:2px!important;
		font-size:30px!important;
	}
	
	.glyphicon-user{
		position: relative!important;
		top: 2px;
		font-size:27px!important;		
	}
	
	.fa-phone{
		float:left!important;
		font-size:27px!important;
    margin-left: 15px!important;
    position: relative!important;
    top: 10px!important;
    margin-right: 6px!important;
	}
	.fa-search, .glyphicon-map-marker, .fa-calendar-alt, .fa-pencil-alt{
		font-size:27px!important;
		position:relative!important;
		top:-2px!important;
	}
	.spcReq{
		top: -12px;
	}
	#requiredWrap, .txtDate{
	  width: 270px!important;
	}	
	.txtRequired {
		width:200px!important;
		position: relative;
		top: -25px;
		left: 54px;
	}
	
	.dropzone {
	    height: 100px!important;
	}	
	
	.dropzone .dz-message {
     margin-top: 11px; 
	}

  
  #wrapper{
   width:100%!important;
   position: relative!important;
  	top: -31px!important;
  }
  #srtable{
   width:100%!important;
   border: none!important;
   border-radius:0!important;
  }
  
  
  #srtable td{
   height: 70px!important;
   font-size: 30px!important;
  }
  #srtable input{
   height: 40px!important;
   font-size: 27px!important;
   width: 459px;
  }
  #srtable .title{
   font-size: 50px!important;
   text-align: center!important;
  } 

     
  #srtable select{
   height: 47px!important;
   font-size: 27px!important;
	 margin-top:5px!important;  
	 margin-bottom:5px!important; 
  }
  #srtable .longinput{
   width: 350px!important;
   font-size: 28px!important;
  }
  #srtable .shortinput{
   font-size: 28px!important;
  }
  
  #srtable .cardinput{
   width: 80px!important;
   font-size: 28px!important;
   display: inline!important;
  }
  #srtable .otherinput{
   width: 190px!important;
   font-size: 28px!important;
  }
  #srtable #name{
   width: 350px!important;
   font-size: 28px!important;
  }
  #srtable #phoneinput{
   width: 170px!important;
   font-size: 28px!important;
   float: left!important;
  }
  #srtable #woinstruct{
    width: 900px!important;
    height: 100px!important;
    font-size: 28px!important;
    /* margin-left: 20px!important; */
    margin-bottom: 30px;
  }

   #searhMore2{
    width:250px!important;
   }
  
  #srtable .btnSubmit{
   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;
  }

  #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;
  }
  
  img.tcalIcon{visibility:hidden!important;}

  #asset{
   height: 47px!important;
  }
  
  #unit_num{
   height: 47px!important;
   font-size: 27px!important;
   width: 350px!important;
  }

  .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: 27px!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********/
  .slWrapper{
   width:100%!important;
   position: relative!important;
   top: 50px!important;
   }  
   
  .slForm{
    width: 100%!important;
   font-size: 27px!important;
  }
  
  .slForm select{
   height: 40px!important;
   font-size: 27px!important;
   width:150px!important;
  }

  .slForm input{
   height: 40px!important;
   font-size: 25px!important;
  }
  .slForm #area_num{
   height: 40px!important;
   font-size: 27px!important;
   width:500px!important;
  }
  .slForm .label{
   font-size: 25px!important;
  }
  .btnfindWO{
   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: 60px!important;
   font-size:25px!important;   
  }
  .btnfindWO:hover{
   background: #930104!important;
   border: 1px #930104 solid!important;
   -webkit-border-radius: 5px!important;
   -moz-border-radius: 5px!important;
   border-radius: 5px!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;
  }
  
/******SERVICE LOOKUP 2***********/
  #sr2Title{
   width: 100%!important;
   height: 30px!important;
   font-size: 20px!important;
    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(top, #003D75 0%, #00284D 100%);
    
    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #003D75 0%, #00284D 100%);
    
    /* Opera */ 
    background-image: -o-linear-gradient(top, #003D75 0%, #00284D 100%);
    
    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #003D75), color-stop(1, #00284D));
    
    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #003D75 0%, #00284D 100%);
    
    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to bottom, #003D75 0%, #00284D 100%);
  }
  .sr2Form{border}

  
  .sr2Form #title1, .sr2Form #title2{
   height: 50px;
  }
  .sr2Form #title1{font-size: 21px;}
  
  .sr2Form #title2{text-align: center;}
  
  .sr2Form #data{
   height: 100px;
   text-align: center;
    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(top, #D3D7DB 0%, #F5FAFF 100%);
    
    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #D3D7DB 0%, #F5FAFF 100%);
    
    /* Opera */ 
    background-image: -o-linear-gradient(top, #D3D7DB 0%, #F5FAFF 100%);
    
    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D3D7DB), color-stop(1, #F5FAFF));
    
    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #D3D7DB 0%, #F5FAFF 100%);
    
    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to bottom, #D3D7DB 0%, #F5FAFF 100%);   
  }
  
  .sr2Form .sl2FormFont2{
   font-size: 28px!important;
  }
  
  .sr2Form .sl2FormFont{
   font-size: 24px!important;
  }
  
  .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: 60px!important;
		width: 150px!important;
		font-size:25px!important;   
		position: relative!important;
		top: -2px!important; 
  }
  .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: 30px!important;
  } 
  
  .clickinfo{font-size:25px!important;}
  
  .workorderdetailsForm{margin-top:50px!important;}  
  
  .workorderdetailsForm .sdtitle{
   height: 30px!important;
   font-size: 27px!important;
  }
  .workorderdetailsForm2 .sdtitle{
   height: 30px!important;
   font-size: 27px!important;   
  }
  
  .workorderdetailsForm td{
   font-size: 30px!important;   
  }
  .workorderdetailsForm2 td{
   font-size: 30px!important;
  }
  
  .workorderdetailsForm .commetsExcluded{
   font-size: 27px!important;
  }
  
/**********FEEDBACK*****************/


   
   .feedbackForm td{font-size: 30px!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: 60px!important;
   font-size:25px!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; 
  }
  
  .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: 200px!important;
   height: 30px!important; 
   } 
   
  .feedbackForm .dcomments{
   font-size: 16px!important;
   height: 150px!important;
  }
  

    .feedbackForm #ddrating{
    font-size: 25px!important;
    width: 200px!important;
    height: 30px!important;   
  }
   
 .employeePic{
  height:280px!important;
  -webkit-border-radius: 10px!important;
  -moz-border-radius: 10px!important;
  border-radius: 10px!important;
  box-shadow: 3px 3px 5px #ccc!important;
  -moz-box-shadow:3px 3px 5px #ccc!important;
  -webkit-box-shadow: 3px 3px 5px #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: 45px!important;
}
.requestnote{
 font-size: 45px!important;
}

/*******SERVICE MULTIPLE REQUEST*********/
 #srtable .btnService{
  height: 2.8em!important;
  width: 2.8em!important;
 }
 #srtable .lblService{
   position: relative!important;
   top: -18px!important;
 }
 
}