body { overflow: hidden}
#head { height:80px; width:100%; position:absolute; top:0px; }
.nopadding { padding: 0 !important; margin: 0 !important; }
.bg-theta { background-color:#82bc00; }
.bg-lgray { background-color:#eeeeee; }
.bg-lgrey { background-color:#cdcdcd; }
.btn-w1 { min-width:120px; }
.btn-w2 { min-width:96px; }
.fse-15 { font-size: 1.5em; }
.tabs { position:absolute; top:80px; bottom:0px; width:100%; background:light-gray; overflow:none; }
.tab-head { position:absolute; top:0px; height:70px; width:100%; }
.tab-body { position:absolute; top:70px; bottom:0px; width:100%; overflow:auto; }
.tnav { width:112px; text-align:center; margin:0px; padding:8px 0 0 0; }
.tcol { background:#1B5E20; }
.bg-head { background-color:#2E7D32; }
#map { position:absolute; top:0px; bottom:48px; width:100%; }
#mapi { bottom:48px; height:300px; width:500px; border:1px solid black; z-index:1000; background:rgba(255,255,255,0.7); border:1px solid blue; border-radius:5px; display:none; }

.mptr { cursor: pointer; }
.selopt { padding:7px 0; }
.inpdate { padding:3px 0; }
.tac { text-align:center !important; }
.tal { text-align:left !important; }
.tar { text-align:right !important; padding-right:4px;}
.twh { width:100%; }
.square { height:100%; }
.scroll { height:100%; width:100%; overflow:auto; }
.scrolls { position:absolute; top:0px; bottom:0px; height:100%; width:100%; overflow:auto; }
#foot { position:absolute; bottom:0px; height:48px; width:100%; }

/* Legend */
.legend { padding: 6px 8px; font: 14px Arial, Helvetica, sans-serif; background: white; background: rgba(255, 255, 255, 0.8); line-height: 24px; color: #555; }
.legend h4 { text-align: center; font-size: 16px; margin: 2px 12px 8px; color: #777; }
.legend i { width: 18px; height: 18px; float: left; margin: 0 8px 0 0; opacity: 0.7; }
.legend i.icon { background-size: 18px; background-color: rgba(255, 255, 255, 1); }
.legend span { position: relative; bottom: 3px; }
.legend2 { text-align:center; font-weight:bold; font-size:23px; line-height: 40px; display:block; float:left; width:50px; height:40px; margin:4px 4px 4px 4px; border-radius:10px; }

/* scroll */
.scroll-basic { overflow:auto; height:calc(100vh - 9.5rem);}
.lightgrey { background-color : lightgrey; }

/* gantt table */
#gc_tabletask th, #gc_tablehtask th { font-size: 0.8rem }
#gc_tabletask td { font-size: 0.8rem }
#gc_tablehtask th, #gc_tabletask th, #gc_tabletask td { border: 0; box-shadow: inset -1px 1px 1px 0px #000000;}
#gc_tabletask { border-bottom: 1px solid black !important;}

#gc_tablehtask .htop,
#gc_tabletask .sticky-col { position: -webkit-sticky; position: sticky; background-color: white !important; z-index: 1000}

.gc_tabletask_date {min-width: 60px; max-width: 60px;}
.gc_tabletask_day {min-width: 47px; max-width: 47px;}

.gc_tablehtask_col1, .gc_tabletask_col1 {min-width: 50px; max-width: 50px; left: 0px;}
.gc_tablehtask_col2, .gc_tabletask_col2 {min-width: 320px; max-width: 320px; left: 50px;}
.gc_tabletask_col3 {left: 370px;}
.gc_tabletask_col4 {left: 430px;}
.gc_tabletask_col5 {left: 490px;}
.gc_tabletask_col6 {left: 537px;}
.gc_tabletask_col7 {left: 597px;}
.gc_tabletask_col8 {left: 657px;}
.gc_tabletask_col9 {min-width: 37px; max-width: 37px; left: 704px;}
.gc_tabletask_col10 {min-width: 91px; max-width: 91px; left: 741px;}

.gc_tablehtask_col3 { min-width:167px; max-width:167px}
.gc_tablehtask_col4 { min-width:279px; max-width:279px}
.gc_tablehtask_col5 { min-width: calc(100vw - 865px);}