body {
    margin: 0;
}


/*#container {
    position: absolute;
    width: 100%;
    height: 100%;
}*/

/*.ui-page { -webkit-backface-visibility: hidden; }*/

a 
{
    text-shadow:none;
    color:yellow;
}
.ui-body-a .ui-link 
{
    color:yellow;
}

table {
color : black;
background : #fff;
border : 2px solid #B4B4B4;
font : bold small Helvetica;
padding : 0;
color : black;
text-shadow:none;
border-collapse : collapse;
border:0;
margin :  10px 1px 10px 0px;
vertical-align : middle;
text-align : center;
-webkit-border-radius : 8px;
width : 98%;
}

td { 
padding :  1px 0px 1px 0px;
}
table td 
{
	border: 1px solid #145072;
}
table td input 
{
	color : black;
	font-size:x-small;
}
td.hovered { background-color: #ADD8E6;    color: #666; } 
tr.selected td {
  background: #5959AB;
  color: #fff;
}
.tblside , .rowdivider { background:   #2567AB; 
background: -moz-linear-gradient(center top , #4E89C5, #2567AB) repeat scroll 0 0 #2567AB;
background:	#5E87B0 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#81A8CE), to(#5E87B0));
border: 1px solid #145072;
color : white;
padding : 4px 5px 4px 4px;
}
#tbl_PO
{
    width: 100%;
}
#tbl_PO td,#tbl_PO td input,#tbl_PO th input
{
    font-size:medium;
    font-weight:bold;
    text-align:center;
    
}
#tbl_PO td input, #tbl_PO th input
{
    width:90%;
    border:none;
     background-color:Yellow;
     height:100%;
}

.time
{
	margin: 0.5em 5px;
	width:200px ; max-width: 200px ;
}

#div_despatch, #div_despatch2, #div_arrival, #div_arrival2, #div_finish, #div_finish2
{
    width: 65px;
    max-width: 65px;
    display: inline-block;
}

.time input.ui-input-text { width:100px ; max-width: 100px ;height : 2em ;font-size :medium; font-weight:bold; overflow:hidden; display: inline-block; margin: 0px 10px;}
.date div.ui-btn { text-align:left;}
.date span.ui-btn-inner { padding-left:5px; padding-right : 5px;}
select 
{
     background: #444;
      -webkit-background-size: 800px 32px;
     color:Blue;
 } 
 option 
 {
 	color:#fff;
 }
 label
 {
 	font-weight:bold;color:#fff;
 }
.completelabel { font-weight:bold;color: black;padding-left :10px;}
.historylabel {font-weight:bold;color: white;padding-left :10px;}
.ps-label {font-weight:bold; padding-left :10px;}
.ps-category {color:Navy; font-size:medium;padding-left:4em;}
.ps-border {border-bottom-width:thin;border-bottom-style:outset; border-bottom-color :Silver;}
.ps-select {  width:95% ; font-size:small ;   }
.ps-date-input{ width : 90%;}







#div_stock,#div_login {min-height:260px;}
.lblEngId { color:Yellow;}
.lblBooked { color : Black ; background-color: White;}
#div_sign {min-height:230px;}
#div_sign_swipe { height:70px;}
#QuestionTable td { background-color :#000;height:70px ; border:0 }
#QuestionTable a {height: 60px;vertical-align : middle;font:bold medium helvetica;}
#div_mileage { margin-top:30px}




.ps-anchor {
	color:Silver ;
	font-weight: bold;
}
label.ui-input-text{ font-weight:bold;}
.hidecol {display:none;}

#add_table tr td:nth-child(2)
{
word-wrap: break-word;
max-width: 100px;
}

.hidden_label_field, .hidden_input_field
{
    display: none !important;
}

.hiddenColumn
{
    display: none;
}




#div_hist_page .complete_table.noformat.detailsTable
{
     color: #000;
}

#div_hist_page .noformat tr td, #hist_times_page .noformat tr td, 
#hist_codes_page .noformat tr td, #hist_meters_page .noformat tr td,
#hist_stock_page .noformat tr td
{
    color: #000;
}





.main_list_li
{
    padding-left: 0px 20px 20px 20px;
    box-sizing: border-box;
}

.highlight
{
    background-color: #5E87B0;
}

.hiddenRow
{
    display: none;
}

.detailsTable tr td:nth-child(2)
{
    font-weight: normal !important;
}

#sendLogPopup, #sendCompletePopup
{
    padding: 10px;
    position: relative;
}

#send_log, #send_comp_log, #cancel_log, #cancel_comp_log
{
    margin: 0px 20px 2px 15px;
}

#log_text
{
    min-height: 140px;
}
.main_list_li {
padding-left: 10px;
}

.main_list_li .ui-btn-inner {
padding-left: 10px;
padding-top: -2px;
border-top: 0px;
}

#engIdent, #UserIdent
{
    padding: 5px 10px;
    font-size: 15px;
}

#engIdent
{
    color: sliver;
}

div.ui-input-text
{
    margin: 5px 5px;
    min-width: 50px;
}

.txt-black
{
    color: black !important;
}

.name_box
{
    max-width: 500px;
}

#div_hist_list .ui-content
{
    color: #000 !important;
}

#div_hist_page label, #hist_times label {
color: #000;
}

.ui-li-divider
{
    font-size: 14px;
    padding-left: 10px;
}

.ui-btn-up-base, .ui-li-divider
{
    margin: 0px;
    text-align: left;
}

.ui-btn-up-base
{
    font-color: #fff;
    font-weight: normal;
    padding: 0px;
    position: relative;
    list-style: none;
}

.ui-li-desc, .ui-btn-up-base h4
{
    padding: 0px;
    margin: 0px 0px 0px 10px;
    line-height: 28px;
}

    .ui-li-desc, .ui-btn-up-base p
    {
         line-height: 20px;
    }

input.ui-input-text
{
    min-height: 30px;
}

#divsignpad
{
    max-width: 320px;
}

.sigWrapper canvas
{
    position: relative;
}

.server_time
{
    color: red;
}

.ui-mobile label.LinkITHeader
{
    display: inline-block;
    width: 70px;
    margin: 0px;
}

.ui-mobile .lblversion
{
    display: inline-block;
    width: 40px;
    margin: 0px;
}

#div_call_list_page .ui-header .ui-title
{
    position: absolute;
    left: 0px;
    top: 0px;
    text-align: center;
    width: 100%;
    margin: 7px 0px 0px 0px;
}

#div_call_list_page .ui-input-btn
{
    left: 10px;
}

.ps-bc-white
{
background: white;
background: -webkit-linear-gradient(#fff, #ededed); 
background: -o-linear-gradient(#fff, #ededed);
background: -moz-linear-gradient(#fff, #ededed); 
background: linear-gradient(#fff, #ededed); 

} 


.ps-bc-black{ 
    background: black;
background: -webkit-linear-gradient(#555, #222); 
background: -o-linear-gradient(#555, #222);
background: -moz-linear-gradient(#555, #222); 
background: linear-gradient(#555, #222); 
}

.ps-bc-yellow{ background-color: Yellow;}
.ps-bc-green{ background-color : Green !important;}
.ps-bc-red{ background-color : Red; }
.ps-bc-magenta{ background-color :Purple; }
.ps-bc-blue{ background-color : Blue;}
.ps-bc-cyan{ background-color :  #00FFFF;}

.ps-bc-brown{ background-color :#854F04;}
.ps-bc-olive {background-color:#86964A;}





.ps-c-yellow{ color :Yellow; }
.ps-book{ background-color : White ; color:Black }
.ps-c-black{ color : Black !important; text-shadow: 0px 0px #fff;}
.ps-c-green{ color : Green;}
.ps-c-red{ color : Red; }   
.ps-c-magenta{ color :Purple; }

.ps-c-blue{ color : Blue; }
.ps-c-cyan{ color :  #00FFFF;}
.ps-c-white{ color : white;}
.ps-c-olive{color :#86964A;}
.integer{ font:bold x-small helvetica;width:95%;}
.tbltext{ font-size:x-small;}
.ps-hist-data {padding-left :10px;}
#div_sign 
{
	padding: 2px;
}







.ui-bar-f,
.ui-bar-f .ui-link-inherit {
	color: 					#fff;
}
.ui-bar-f .ui-link {
	color: 					#fff;
	font-weight: bold;
}
.ui-btn-up-base 
{
	border: 1px solid 		#222;
	font-weight: bold;
	color: 					#fff;
	cursor: pointer;
	text-shadow: 0 -1px 1px #000;
	text-decoration: none;
}



		.sigNav li {
			background: #396b9e;
            background-image: -webkit-gradient(linear, left top, left bottom, from(#5f9cc5), to(#396b9e));
            background-image: -webkit-linear-gradient(#5f9cc5 , #396b9e );
            background-image: -moz-linear-gradient(#5f9cc5, #396b9e );
            background-image: -ms-linear-gradient(#5f9cc5 , #396b9e);
            background-image: -o-linear-gradient(#5f9cc5 , #396b9e);
            background-image: linear-gradient(#5f9cc5, #396b9e );
            color: #fff;
            text-shadow: 0 1px  0  #194b7e;
            border: 1px soild #444;
			border-top-left-radius: 8px;
			border-top-right-radius: 8px;
			-moz-border-radius-topleft: 8px;
			-moz-border-radius-topright: 8px;
			-webkit-border-top-left-radius: 8px;
			-webkit-border-top-right-radius: 8px;
			padding: 10px;
            color: #fff;
			text-decoration: none;
			}


.sigNav li.current
{
    background-color: #fff;			
    color: #444;
}

.dwbw
{
          
   width: 75%;
}

.dwbw .dwb
{   
      background-image: -webkit-gradient(linear, left top, left bottom, from(#5f9cc5), to(#396b9e));
            background-image: -webkit-linear-gradient(#5f9cc5 , #396b9e );
            background-image: -moz-linear-gradient(#5f9cc5, #396b9e);
            background-image: -ms-linear-gradient(#5f9cc5, #396b9e);
            background-image: -o-linear-gradient(#5f9cc5, #396b9e);
            background-image: linear-gradient( #5f9cc5, #396b9e);
       display: inline;
       text-align: center;
       cursor: pointer;
       position: relative;
        padding: 10px;
        position: relative;
        width: 20px;
   box-shadow: 1px 1px 3px #666;
   border: 1px solid #444;
   border-radius: 20px;
   color: #fff;
   float: left;  
   width: 100%; 
   margin: 10px;
}

.ui-input-text
{
    font-size: 16px;
}

.ui-btn-up-yellow {
	background-position: 0% 0%;
    background-image: -webkit-gradient(linear,left top,left bottom,	color-stop(0, 		#FFCC00),color-stop(1, 		#FFFF00)) !important !important;
    background-color: #FFFF00 !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
}

.ui-btn-up-green {
	background-position: 0% 0%;
    background-image: -webkit-gradient(linear,left top,left bottom,	color-stop(0, 		#02D113),color-stop(1, 		#187800)) !important !important;
    background-color: #187800 !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
}
.ui-btn-up-red {
	background-position: 0% 0%;
    background-image: -webkit-gradient(linear,left top,left bottom,	color-stop(0, 		#FF0000),color-stop(1, 		#CC0000)) !important !important;
    background-color: #CC0000 !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
}
.ui-btn-up-magenta {
	background-position: 0% 0%;
    background-image: -webkit-gradient(linear,left top,left bottom,	color-stop(0, 		#BF00FF),color-stop(1, 		#66008F)) !important !important;
    background-color: #66008F !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
}
.ui-btn-up-blue {
	background-position: 0% 0%;
    background-image: -webkit-gradient(linear,left top,left bottom,	color-stop(0, 		#001299),color-stop(1, 		#001EFF)) !important !important;
    background-color: #001EFF !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
}
.ui-btn-up-cyan {
	background-position: 0% 0%;
    background-image: -webkit-gradient(linear,left top,left bottom,	color-stop(0, 		#00FCFB),color-stop(1, 		#009E9B)) !important !important;
    background-color: #009E9B !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
}

.ui-btn-up-brown {
	background-position: 0% 0%;
    background-image: -webkit-gradient(linear,left top,left bottom,	color-stop(0, 		#854F04),color-stop(1, 		#F7C072)) !important !important;
    background-color: #854F04 !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
}
.ui-btn-up-olive {
	background-position: 0% 0%;
    background-image: -webkit-gradient(linear,left top,left bottom,	color-stop(0, 		#999900),color-stop(1, 		#CCCC00)) !important !important;
    background-color: #999900 !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
}


label
{
    font-weight: bold !important;
}

.redspan
{
    color: #f00;
}

.hidden_button
{
    visibility: hidden;
}


#div_menu ul li
{
    list-style: none;    
}

.ui-overlay-a {
  background-color: #444444;
}

body
{
    background-color: #222;
}

#div_hist_list
{
    color: black !important;
}



.ui-btn-f {
border: 1px solid #3B6F07;
background: #56A00E;
font-weight: bold;
color: #fff;
text-shadow: 0 1px 1px #234403;
background-image: -webkit-gradient(linear, left top, left bottom, from(#74b042), to(#56A00E));
background-image: -webkit-linear-gradient(#74b042, #56A00E);
background-image: -moz-linear-gradient(#74b042, #56A00E);
background-image: -ms-linear-gradient(#74b042, #56A00E);
background-image: -o-linear-gradient(#74b042, #56A00E);
background-image: linear-gradient(#74b042, #56A00E);
}

.no_button
{
    display: none !important;
}

#div_hist_list
{
    color: #000 !important;
}

    #div_hist_list .ui-btn-inner, #div_call_list .ui-btn-inner
    {
        margin-top: 10px;
        margin-bottom:10px;
        text-shadow: none;
    }

.ui-footer p
{
    text-align: center;
}

#sendCompleteLogPopup
{
    background-color: white !important;
    padding: 20px;
}

html .ui-body-c .ui-btn{
	border: 1px solid 		#56A00E;
	background: 			green;
	color: 					#fff !important;
	font-weight: bold;
	text-shadow: 0 -1px 1px #234403;	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#56A00E), to(#74b042));
	background-image: -webkit-linear-gradient(top, #56A00E, #74b042); 
	background-image:    -moz-linear-gradient(top, #56A00E, #74b042); 
	background-image:     -ms-linear-gradient(top, #56A00E, #74b042);
	background-image:      -o-linear-gradient(top, #56A00E, #74b042); 
	background-image:         linear-gradient(top, #56A00E, #74b042);		
}

    html .ui-body-c .ui-btn:hover
    {
   border: 1px solid 		#56A00E;
	background: 			green;
	color: 					#fff !important;
	font-weight: bold;
	text-shadow: 0 -1px 1px #234403;	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#87DB35), to(#74b042));
	background-image: -webkit-linear-gradient(top, #87DB35, #74b042); 
	background-image:    -moz-linear-gradient(top, #87DB35, #74b042); 
	background-image:     -ms-linear-gradient(top, #87DB35, #74b042);
	background-image:      -o-linear-gradient(top, #87DB35, #74b042); 
	background-image:         linear-gradient(top, #87DB35, #74b042);

    }


    html .ui-body-e .ui-btn:active
    {
   border: 1px solid 		#f00;
	background: 			green;
	color: 					#fff !important;
	font-weight: bold;
	text-shadow: 0 -1px 1px #234403;	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#0ff), to(#0ff));
	background-image: -webkit-linear-gradient(top, #0ff, #0ff); 
	background-image:    -moz-linear-gradient(top, #0ff, #0ff); 
	background-image:     -ms-linear-gradient(top, #0ff, #0ff);
	background-image:      -o-linear-gradient(top, #0ff, #0ff); 
	background-image:         linear-gradient(top, #0ff, #0ff);

    }

.hist_noformat
{
    background: none;
    border: hidden;
    background: none;
    border: none;
    font-size: 16px;
    text-align: left;        
    font-wieght: normal;
    vertical-align: text-top;
    width: 500px;
}

    .hist_noformat tr td
    {
        border: hidden;
    }
.ui-checkbox
{
    margin-left: 5px;
}

.hidden_div
{
    display: none;
}

#tbl_exact_body tr td
{
 padding: 5px;   
}

.hideCol
{
    display: none;
}

#hist_codes_page label
{
   color:#000;
}

/*#btnExactPart
{
    /*width: 150px;
    text-decoration: none;
    float: right;
    margin-right: 20px;
}*/



.noformat, .noformat tr, .noformat tr td
{
    color: #fff;
    background: none;
    border: none;
    font-size: 16px;
    text-align: left;        
    font-wieght: normal;
    vertical-align: text-top;
}

.noFormat
{
        width: 100%;
        max-width:500px;
}

    .noformat tr td:first-child
    {
        width: 150px;
    }

table input[type=checkbox]
{
    /*width: 15px;
    height: 15px;
    position: relative;
    margin: 0 auto;
}

.ui-grid-c > .ui-block-a, .ui-grid-c > .ui-block-b
{
    width: 50%;
}


#lblverlogin
{
    width: 35px;
    display: inline-block;
}

.slight_left
{
    padding-left: 20px;
}

#sendCompleteLogPopup input, #sendCompleteLogPopup textarea
{
    color: #000;
}

.ajob
{
display: inline-block;
}

input[type='text'],input[type='number'],textarea {font-size:16px;}


.ui-input-button:before
{
    content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
border-top: 1px solid rgba(255,255,255,.3);
-webkit-border-radius: inherit;
border-radius: inherit;
}

#send_log, #cancel_log, #send_comp_log, #cancel_comp_log
{
    position: relative; width:80%;
}

.confirm
{
    height: 150px;
    width: 300px;
    positon: absolute;
    margin: 0 auto;
    z-index: 10;
    background-color: #fff;
    color: #000;
    border: 2px solid #666;
    border-radius: 25px;
    text-align: center;
    padding: 10px;
    display: none;
}


    .confirm input
    {
        padding: 10px;
        border-radius: 5px;
    }

input[type="checkbox"]
{
    width: 20px;
    height: 20px;
}

#disclaimer_text
{
    font-size: 16px;
    vertical-align: top;
    line-height: 27px;
}

.label_chargeable
{
    width: 200px;
}

a[data-role=button]:hover
{
    color: #fff;
}

.noformat
{
    max-width: 320px;
}

#hl1, #hl2, #hl3, #hl4, #hl5
{
    font-weight: bold;
}

#ENGLIST
{
    min-height: 45px !important;
}

input[type=checkbox]
{
    -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  margin-left: 10px;
}

.num_local
{
   float: right;
   color: yellow;
}

#label_nojobs
{
position: absolute;
top: 120px;
background-color: #999;
box-sizing: border-box;
z-index: 2;
color: #000;
left: 20px;
padding: 10px;
text-shadow: none;
display: none;
font-size: 13px;
}

.last-refreshed-time
{
    padding-left: 10px !important;
}

.ui-content
{
padding: 10px;

}
.paramHide
{
    display: none;
}
.label_cause, .label_action, .label_symptom
{
    font-weight: bold;
}

.Task_Type.hist, .EngId.hist
{
    float: right;
    padding: 0px 3px;
    font-weight: bold;
}

.Task_Type.hist
{
    color: darkblue;
}

.Task_Type, .EngId
{
    float: right;
    padding: 0px 3px;
    font-weight: bold;
}

.Task_Type
{
    color: yellow;
}

.EngId
{
    color: lightblue;
}

.Task_Type.hist
{
    color: darkblue;
}

.EngId.hist
{
    color: darkolivegreen;
}

.label_customermessage, .label_machinemessage
{
    margin-left: 12px;
}


.ui-checkbox
{
    display: inline;
}

.ui-block-a .ui-btn.ui-input-btn.ui-corner-all.ui-shadow,
.ui-block-b .ui-btn.ui-input-btn.ui-corner-all.ui-shadow {
padding: 12px;
font-size: 15px;
}


.ui-page-theme-a .ui-btn-active { color: #fff !important; background: none !important; background-color: #92C4F7 !important;  }

a.green-button
{
     background-color: green;
    border: 1px solid #132b14;
    color:#FFFFFF;
}
a.green-button:hover
{  
    background-color: green;
    border: 1px solid #132b14;
    color:#FFFFFF;
}
.ui-page-theme-f .ui-btn-active
{

    color: #fff !important; background: none !important; background-color: #C4E19D !important; 
}

.ui-page-theme-e .ui-btn-active
{
    color: #fff !important; background: none !important; background-color: #FFE46B !important; 
}