html, body { 
  font-family : tahoma, verdana, arial, helvetica; 
  font-size : 8pt;
  height: 98%; 
  color : black; 
  background-color : rgb(255,253,99); }
table.body, table.body.td, div.body {
  height : 100%;
  font-size : 8pt;
  text-align : center; 
  vertical-align : top;
  overflow : auto;
  background-color : white }
table.manage_list {
  text-align : left;
  font-size : 10pt; }
table.manage_list.th {
  padding-right : 5px;
  text-decoration : underline;
  vertical-align : middle;
  text-align : left;
  font-size : 10pt; 
  white-space: nowrap; } 
table.manage_list.td {
  padding-right : 5px;
  text-align : left;
  font-size : 10pt; }
table.alerts {
  border : 2px groove red;
  background-color : rgb(212,255,224); }
table.alerts.th, th.alerts {
  font-size : 8pt;
  font-weight : bold;
  height : 22px;
  text-align : left;
  padding-right : 5px;
  background-color : rgb(212,255,224); }
table.alerts.td, td.alerts {
  font-size : 8pt;
  font-weight : normal;
  padding-right : 5px;
  border-top : 1px solid silver; }
tr.popup_early {
  background-color : aqua; }
tr.popup_overdue {
  background-color : orange; }
tr.popup_due {
  background-color : yellow; }
tr.popup_completed {
  background-color : palegreen;
  text-decoration : line-through; }
td.label {
  padding-left : 5px; }
td.input {
  padding-left : 5px; }
table.status {
  border : solid black 1px; 
  margin-left : 13px; }
table.status.tr, table.status.td, th.status, td.status {
  border-style : dotted;
  border-color : gray;
  border-width : 0px 1px 1px 0px;
  font-size : 8pt; }
tr.status_menu, tr.status_menu.td, td.status_menu {
  background-color : silver;
  padding : 4px 8px 4px 8px;
  font-size : 8pt; }
td.status_break {
  border-style : none none solid none;
  border-width : 1px; }
div.error-details {
  visibility : hidden; 
  display : none; }
div.error-details-expanded {
  visibility : visible;
  display : block;
  padding : 4px;
  margin : 4px;
  width : 400px;
  text-align : left;
  border : 1px solid black; }
div.status {
  border : solid black 1px; 
  margin-left : 13px; 
  font-size : 8pt; 
  padding : 4px; }
span.status_header {
  display : block;
  padding-top : 8px; 
  padding-bottom : 4px; 
  font-size : 10pt; 
  font-weight : bold; 
  white-space: nowrap; }
p, td { 
  font-size : 10pt; }
p.error { 
  font-weight : bold; 
  color : #cc3333; }
p.page-footer {
  font-size : 8pt; 
  font-weight : bold; 
  text-align : center; }
p.page-header {
  font-size : 12pt; 
  font-weight : bold;
  white-space : nowrap;
  color : rgb(16,82,58); }
a:link { 
  text-decoration : none; 
  font-weight : bold; 
  color : #3333ff; }
a:visited { 
  text-decoration : none; 
  font-weight : bold; 
  color : #3333ff; }
a:active { 
  text-decoration : none; 
  font-weight : bold; 
  color : #3333ff; }
a:hover { 
  text-decoration : underline; 
  font-weight : bold; 
  color : #3333ff; 
  background-color : #dddddd; }
input { 
  font-family: tahoma, verdana, arial, helvetica; 
  font-size: 10pt; 
  background-color: #eeeeee; }
input.status {
  border : none;
  color : gray;
  font-size : 8pt;
  width : 50px;
  height : 100%; }
input.status_entry {
  border : none;
  font-size : 8pt;
  width : 50px;
  height : 100%; }
select { 
  font-family: tahoma, verdana, arial, helvetica; 
  font-size: 10pt; 
  background-color: #eeeeee; }
textarea { 
  font-family: tahoma, verdana, arial, helvetica; 
  font-size: 10pt; 
  background-color: #eeeeee; }
table.gg, table.gg.tr, table.gg.td {
  font-family:arial, helvetica; 
  font-size: 7pt; 
  vertical-align: top; }
table.ggnw, table.ggnw.td {
  font-family:arial, helvetica; 
  font-size: 7pt; 
  vertical-align: top; 
  white-space: nowrap; }
table.shopping {
  font-family : arial, helvetica; 
  width : 100%;
  font-size : 10pt; 
  vertical-align : top; 
  text-align : center;
  white-space : nowrap; }
table.shopping.td {
  font-family : arial, helvetica; 
  font-size : 10pt; 
  vertical-align : top; 
  text-align : center;
  white-space : nowrap; }
div.photo_filename_true_divbox{
	height: 0;
	overflow: hidden;
}

.gg .buttons a.negative, .gg button.negative{color:#d12f19;}
.gg .buttons a.negative:hover, .gg button.negative:hover{opacity:1;background:#fbe3e4;border:1px solid #fbc2c4;color:#d12f19;}

.gg .buttons a.sani, .gg button.sani{color:#3336ff;}
.gg .buttons a.sani:hover, .gg button.sani:hover{opacity:1;background:#CCCEEC;border:1px solid #898FED;color:#3336ff;}

/*code by zhang.jiachao begin*/

@media only screen and (min-width: 10px) and (max-width: 480px) {
    button.mobilemapnewfeature,
    button.mobilemapdefault{
        width: 100px !important;
    }
    button.nextJOBbutton{
        width: 100px !important;
        /*font-size: 12px !important;*/
    }
    div.buttons.inlinecomp button.positive{
        font-size: 12px !important;
        margin: 5px 3px;
        float: none;
        display: inline;
    }
    div.logoutbox{
        width: 100% !important;
        text-align: center !important;
    }
    div.logoutbox button.negative{
        display: inline !important;
        float: none !important;
    }
    button#cancelButton.mobiledefaultcancelbtn,
    button#cancelButton.mobilenewfeaturecancelbtn{
        width: 150px !important;
    }
    button.ARRIVEDbtn{
        width: 150px !important;
    }
    div.buttons.mobilemaptoptwobtns{
		width:100%;
    	left:50% !important;
    }
    div.buttons.mobilemaptoptwobtns button#listButton,
    div.buttons.mobilemaptoptwobtns button#listserviceButton{
		width:100px !important;
    }
}

/*code by zhang.jiachao end*/
.report-card-table{margin-left:5px;margin-right:5px;}
.report-card-table td{padding:2px;}

.dueAudit {
  background-color : rgb(200,0,0);   
}
.completedAudit {
  background-color : rgb(0,200,0);   
}
.openAudit {
  background-color : rgb(0,200,0);   
}