body {font-family:Verdana,Arial,Sans serif;font-size:9pt;color:#336666;padding:0px;margin:0px;background-color:#E6E7E8;
      min-height:100vh;box-sizing:border-box;text-align:center;}
body > * {text-align:left;}
body > div.body {display:inline-block;min-height:100vh;box-sizing:border-box;text-align:left;background-color:#CCCCCC;width:100%;}
body > div.stripe {width:100%;max-width:960px;}

input,
select,
textarea,
div {box-sizing:border-box;}


.tmpalette {list-style-type:none;margin:0px;padding:0px;}
.tmpalette li {float:left;margin:3px;border:1px solid #333333;color:black;width:32px;height:16px;font-size:11px;border-radius:2px;cursor:pointer;padding:2px;text-align:center;vertical-align:middle;}
.tmpalette li.sel {background-color:#0066CC; border:2px solid #0066CC;margin:2px;color:white;}
.tmpalette li .hour {font-size:11px;font-weight:bold;}
.tmpalette li .min {margin-left:1px;font-size:9px;text-decoration:underline;vertical-align:super;font-weight:normal;}

.zsched th {width:16%;font-size:11px;vertical-align:middle;font-weight:bold;text-align:center;color:#CCCC66;background-color:#666666;border-top:1px dotted #999933;border-bottom:1px dotted #999933;}
.zsched td {width:12%;font-size:12px;vertical-align:middle;font-weight:normal;text-align:right;padding-right:1px;white-space:nowrap;border-top:1px solid #CCCCCC;}

.zsched td .wrk {color:#003399;}
.zsched td .hol {color:#CC0033;}

.zsched .time {float:right;width:36px;height:22px;margin:1px 1px 1px 8px;font-size:11px;border-radius:2px;padding:1px;text-align:center;}
.zsched .time .hour {font-size:11px;font-weight:bold;}
.zsched .time .min {margin-left:1px;font-size:9px;text-decoration:underline;vertical-align:super;font-weight:normal;}

.zsched .ena {cursor:pointer;font-weight:bold;}
.zsched td.marked {background-color:#33FF99;border:1px solid #009933;}
.zsched td.markerr {background-color:#FF9999;border:1px solid #990033; color:#660000;}
.zsched .ena .time {border:1px solid #333333;background-color:white;color:black;}
.zsched .bef {color:#666666;cursor:default;font-weight:bold;text-decoration:line-through;}
.zsched .dis {color:#666666;cursor:default;font-weight:bold;}
.zsched .bef .time,
.zsched .dis .time {border:1px solid #999999;background-color:#CCCCCC;color:#666666;}

input.ronly {background-color:#CCCCCC;color:#333333;}
.zsched input.red {background-color:#FF99CC;color:#660033;}

.dow, .doh {font-size:14px;font-weight:bold;}
.doh {color:#993300;}
.hours {text-align:center;color:#333333;white-space:nowrap;font-style:normal;}
.hours .tmno {font-size:11px;font-weight:bold;color:#993300;}
.hours .hour {font-size:11px;font-weight:bold;}
.hours .min {margin-left:1px;font-size:9px;text-decoration:underline;vertical-align:super;font-weight:normal;}

.timesched {text-align:center;font-size:10px;}
.timesched div {text-align:right;font-size:12px;}
.timesched div select {width:60px;margin-left:8px;}

.field-warning {background-color:#FF9900; color:#333333;font-size:14px;font-weight:bold;padding:4px 12px 4px 12px; margin:4px 0px 4px 0px;
              border-radius:2px;border:1px solid #333333;box-shadow:0px 0px 6px #CC9900;}
.field-error {background-color:#FF3300; color:#FFFFFF;font-size:14px;font-weight:bold;padding:4px 12px 4px 12px; margin:4px 0px 4px 0px;
              border-radius:2px;border:1px solid #FFFFFF;box-shadow:0px 0px 6px #993300;}

.field-warning,
.field-error {display:none;}

.has-warning .field-warning,
.has-error .field-error {display:block;}

.fio-value {font-weight:bold;}
.purpose-value {font-weight:normal;}

.err-marked {display:inline-block;background-color:#FF3300;color:#FFFFFF;padding:4px 8px 4px 8px;border:1px solid #FFFFFF;border-radius:4px;font-weight:bold;}
.warn-marked {display:inline-block;background-color:#FFCC00;color:#333333;padding:4px 8px 4px 8px;border:1px solid #333333;border-radius:4px;font-weight:bold;}