html, body {
	width: 100%;
	/* height: 100%; */
	margin: 0px; overflow : hidden;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overflow: hidden;
	font-family: Arial, 微軟正黑體 !important;
}

html {overflow: scroll;}

h1,h2,h3,h4,h5,h6,div,span {font-family: Arial, 微軟正黑體 !important;}

a { outline: none; }

table.dialog tr.breakline { height:1px; }
table.dialog tr.breakline td { font-size:1px; line-height:1px; border-bottom-width:1px; border-bottom-style:dotted; border-bottom-color:#99CCFF; }
table.dialog td.spaceline { height:5px; }
table.dialog tr.spaceline td { font-size:5px; line-height:5px }

span.inputRemark { color:#003399; font-size:11px;}
span.highlight { color:#3399FF; font-size:12px;}

.addSet { width:100%; height:35px; text-align:center; }

/* icon */
i.layerRemove { margin-left:4px; color:red; cursor:pointer; }
a:hover .layerRemove { color:orange; }

i.layerCopy { margin-left:4px; color:#3399FF; cursor:pointer; }
a:hover .layerCopy { color:orange; }

i.external-link {
	color:#1ba8ed;
	font-size:1.2em;	
}

/* accordion */
.accordion-highlight  { border-color:#00BFFF; }

.rbtn-enlarge {
	width:18px; 
	height:18px;
}

.rbtn-normal {
	width:13px; 
	height:13px;
}

.font-enlarge {
	font-size:140%;
}

.font-normal {
	font-size:100%;
}

.font-label {
	font-size:100%; font-weight: bold;
}

div#web_title { 
	padding: 5px 0px 0px 0px;
 	letter-spacing: 1px;
	font-size: 18px; 
	color: #2369C6;
	text-shadow: 2px 2px #FCFAFA;
	line-height: 90%;
}

div#lang { 
	padding: 8px 4px 5px 4px;
 	letter-spacing: 1px;
	font-size:14px; 
	color: #2369C6;
	text-shadow: 2px 2px #FCFAFA;
}

/*a#btn_help, a#btn_bookmark {*/
a.fa_button { 
	font-size: 1.8em;
	position: relative;
	top: 2px;	
	color: orange;	
	text-shadow: 2px 1px white;
	padding: 0px 1px;
	cursor: pointer;
}

.profile_btn {
	width: 100%; 
	height: 35px; 
	text-align: left;
	letter-spacing: 1px; 
	font-weight: bold;
	color: #2e6e9e;
	background: #dfeffc url(../components/jquery-ui/themes/redmond/images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;	
	border: #c5dbec 1px solid;	
	border-radius: 5px;
}
.addSetHighlight { color:orangered; font-weight:bold; }

.ui-icon.red { background-image: url(../components/jquery-ui/themes/redmond/images/ui-icons_cd0a0a_256x240.png); }

span.highlight_orange { color:#FF4500; font-size:14px;}
span.highlight_green { color:#009933; font-size:12px;}
span.highlight_big_green { color:#009933; font-size:18px; font-weight:bold;}
span.highlight_big_grey { color:#D9D9D9; font-size:18px; font-weight:bold;}
span.highlight_big_white { color:#FFFFFF; font-size:18px; font-weight:bold;}

span.highlight_max { color:#3399FF; font-size:30px;}
span.highlight_max_orange { color:#FF4500; font-size:28px;}
span.highlight_max_green { color:#009933; font-size:26px;}
span.highlight_max_big_green { color:#009933; font-size:55px; font-weight:bold;}
span.highlight_max_big_grey { color:#D9D9D9; font-size:55px; font-weight:bold;}
span.highlight_max_big_white { color:#FFFFFF; font-size:55px; font-weight:bold;}

.infoDisplay_title { color:#3366CC; }

/* fix font-size for jquery-ui */
.ui-widget { font-family: Tahoma, Verdana, Trebuchet MS, Arial, sans-serif; font-size: 12px; }

.ui-front { z-index: 10000 }

.ui-dialog { z-index: 10000 }

.ui-tooltip { 
	z-index:100000; 
	line-height:1.5em;
	font-family: Tahoma, Verdana, Trebuchet MS, Arial, sans-serif;
	font-size: 12px;
}

/* fix for bootstrap img{max-width:100%}
.olPopup img {
  max-width : none;
}
 */

#map {
	margin: 0px;
	width: 100%;
	/* height: 100%; */
	height: 800px !important;
}

/* OpenLayers override */
.olControlAttribution { bottom: 2px !important; }

/* Top Panel*/
#toolbar {	
	margin: 1px;
	padding: 4px 2px 1px 2px;
	display: inline-block;
	background: rgba(30, 144, 255, 0.5);
}
/* support: IE7 */
*+html #toolbar {
	display: inline;
}

#loading {
    display: none;
    z-index: 10001;
    position: absolute; /*newly added*/
    right: 50%; /*newly added*/
    top: 40%; /*newly added*/
    color: #6495ed;
}

div#topPanel { left:0px; top:0px; right:0px; border:0px; padding:0px; }

div#topPanel div.verticalBL { height:30px; margin-right:1px; border-right: #E0FFFF 1px solid; }

div#topPanel div.leftWidget { float:left; margin-left:3px; background:transparent; color:white; border:none; text-shadow:1px 1px #696969;}
div#topPanel div.leftWidget button { 
	font-size:14px;
	font-weight:bold;
	color: #444; 
	background-color: #FFFAFA;
	border: #a6c9e2 1px solid;	
	border-radius: 5px;	
	height:28px; 
}
div#topPanel div.leftWidget button.quickButton { width:56px; font-size:12px; }
div#topPanel div.leftWidget select { border: #a6c9e2 1px solid; border-radius: 3px; }

div#topPanel input.dateField { font-size:16px; vertical-align:top !important; border: #a6c9e2 1px solid; border-radius: 3px; padding:3px; }
div#topPanel input.timeField { font-size:16px; vertical-align:top !important; border: #a6c9e2 1px solid; border-radius: 3px; padding:3px; }
div#topPanel button.timeZone { vertical-align:top !important; width:25px; }

.ui-timepicker-hour-cell, .ui-timepicker-minute-cell {cursor: pointer;} /* hack the cursor */

div#topPanel td.timeline { border:1px black solid; }

label#time_step_value { color:#FF4500; font-size:12px; text-shadow:1px 1px #FFFFFF;}
label#current_date_time { color:#FCFAFA; font-size:15px; text-shadow:2px 2px #000000; cursor:default; }
label#forecast { color:#E00000; font-size:17px; text-shadow:2px 2px #FFFFFF; cursor:default; display:none; }
label#forecast_date_time { color:#FCFAFA; font-size:17px; text-shadow:2px 2px #000000; cursor:default; display:none; }

div#topPanel button.updateOn#update  { color:#fff; background:orange; }
div#topPanel button.updateOff#update { color:#444; background:lightgrey;}

div#topPanel div.rightWidget { float:right; margin-right:3px }

/* sec row */
div#topPanel div.leftSecRowWidget { clear:left; margin-top:3px; float:left; margin-left:3px }
div#topPanel button.area  { color:black; background:lightgray; font-size:14px; }
div#topPanel button.area#area-set  { font-style:italic; }
div#topPanel button.highlightArea  { color:white !important; background:orange !important; font-size:14px; }

.no-close .ui-dialog-titlebar-close {
  display: none;
}

.topPanelDialog, .topPanelDialog .ui-dialog-titlebar {
	border: transparent;
	background: transparent;       
	display: none;
}

.topPanelDialog .ui-dialog-content {
	overflow: hidden;
}

/* Mouse Position */
div.olControlSmartMousePosition { left: 75px; bottom: 0px; padding: 0px 4px; display: none; }

/* Layer Panel */
button.ui-button:not(.ui-dialog-titlebar-close) {
	background-color: #FFFAFA;
	border: #c5dbec 1px solid;	
	border-radius: 3px;	
	min-width: 24px; 
	min-height: 24px;
}

.tabsTitle { font-size:14px; }
.ui-tab-content, .ui-tabs-panel{ overflow: auto; }

div.olControlLayerPanel { top: 65px; }

.ui-dialog .ui-dialog-titlebar-resize {
position: absolute;
right: 2.3em;
top: 50%;
width: 21px;
margin: -10px 0px 0 0;
padding: 1px;
height: 20px;}

/*span.selectedLayerName { color: #e17009; }*/
span.layerGroupName { color: #1466B8; font-weight: bold; font-size: 1.1em; }
span.layerGroupRemarks,  span.selectedLayerName { color: #007cff; padding-left:5px; font-weight:normal; display:block; }
span.regionHeader { text-decoration: underline; color: #e17009;  }
span.regionHeader_off { text-decoration: none; color: lightgray;  }
span.timeHeader { text-decoration: none; color: #00BFFF;  }

div.layers { padding:0px !important; overflow:visible !important; }
div.layers div.workingWrap { background-color:#ECEADF;border: 1px solid #BBBBBB; overflow-x:visible; overflow-y:auto; }
div.layers table.working td { padding-bottom:2px; }
div.layers button.layerName { min-width:100%;height:50px;white-space:nowrap; text-align:left;}
    button.checked  {border:3px inset; background-color:#F2F2ED;}

div.layers button.layerName.checked{
	background-repeat:no-repeat;
	background-position: left;
	background-size: 3px 100%;
	background-image:-webkit-gradient(linear,left top,right top,from(  #FFA500  ),to(  #FFA500  )); 
	background-image:-webkit-linear-gradient(left, #FFA500 , #FFA500  ); 
	background-image:   -moz-linear-gradient(left, #FFA500 , #FFA500  ); 
	background-image:    -ms-linear-gradient(left, #FFA500 , #FFA500  ); 
	background-image:     -o-linear-gradient(left, #FFA500 , #FFA500  ); 
	background-image:        linear-gradient(left, #FFA500 , #FFA500  ); 
}

div.layers button.layerName span.layerNameStr { display:inline-block; white-space:nowrap; }
div.layers button.layerName span.layerNameStr wbr { display:none; } /* fix for chrome frame */
div.layers button.layerName div.layerTime { display:inline-block; float:right; margin:2px 0 2px 5px; line-height: 12px; white-space:nowrap;}
div.layers button.layerName div.layerTime:not(.frozen) span.frozen {display:none;}
div.layers button.layerName div.layerTime.frozen span.frozen { display:inline-block; color: #4c4c4c; vertical-align: top; margin-left:4px;}
div.layers tr.isStaticLayer button.layerName div.layerTime {visibility:hidden;}
div.layers button.layerName span.layerTimeStr { display:inline-block;  opacity:0.4; white-space:nowrap; margin-left:5px; }
div.layers button.layerName div.remarks  { white-space:normal; text-align:left; margin:0 5px 0 2px; }

div.layers button.layerName div.remarks span.textlabel { color:#4c4c4c; display:inline-block; font-style: italic; white-space:nowrap; -webkit-transform: scale(0.85,0.85); -webkit-transform-origin: 0 50%; }
div.layers button.layerName div.remarks span.unicodelabel { font-size:16px; line-height:12px; }
div.layers button.layerName div.remarks span.iconlabel { color:#4c4c4c;} /* font-awesome */

/*div.layers button.layerTime { opacity:0.4; min-width:100%;height:50px;white-space:nowrap; }*/

div.layers td.layerButtons { width:24px; }
div.layers button.layerHelp { width:24px; height:24px; }
div.layers button.layerCopy, div.layers button.layerCopyDrawing { width:24px; height:24px; }
div.layers button.layerShowDrawing { width:24px; height:24px; }
div.layers button.layerDeleteDrawing { width:24px; height:24px; }
div.layers button.layerFrozen { width:24px; height:24px; }
div.layers button.layerMapTime { width:24px; height:24px; }
div.layers button.layerColor { width:24px; height:24px; }
div.layers button.layerOpacity { width:24px; height:24px; }
div.layers button.layerRFOpacity { width:24px; height:24px; }
div.layers button.layerRemove { width:24px; height:24px; }
div.layers button.layerTools { width:24px; height:24px; }
div.layers button.layerTimeSpan { width:24px; height:24px; }
div.layers div.layer-tools { position:absolute; background-color:green; }
tr.olControlLayerPanel-placeholder { height:30px; }

div.layersMenu-dialogContent { padding:1px 1px !important; }
div.layersMenu-column { font-size:12px; width:260px; overflow-x:hidden; overflow-y:auto; }
div.layersMenu-sectionTitle { margin:4px;font-weight:bold }
div.layersMenu-sectionContent{ margin:4px;padding:2px 0px;-moz-border-radius:5px;border-radius:5px;border:#A2C0DA solid 1px; }
table td.layers-columnTdLine { border-right:#C8DAE8 1px dashed; }
a.layersMenu-item { display:block; padding:4px 6px 4px 22px; background: 4px 2px no-repeat; text-decoration:none; overflow:hidden; white-space:nowrap; }
a.layersMenu-odd {background-color:#ECF2F8}
a.layersMenu-odd:hover { background-color:#A2C0DA; }
a.layersMenu-even {background-color:#C8DAE8}
a.layersMenu-even:hover { background-color:#A2C0DA; }
a.layersMenu-choice {background-image:url(img/folder.png);}
a.layersMenu-chosen { background-color:#0099FF; }
a.layersMenu-compound {background-image:url(img/shape_ungroup.png);}
a.layersMenu-layer {background-image:url(img/shape_handles.png);}
a.layersMenu-item-disable {color:gray;font-style:italic;}


div#groupLayers { font-size:11px }

div.layerGroup[name="Custom"] h3 { border: #87CEFA 2px dashed; }
div.layerGroup[name="Custom"] div#groupLayers { border: #87CEFA 2px dashed; border-top-width: 0px; }


span.ui-icon-color-raw { background-image:url(img/color.png) !important; background-position: 0 0;}
span.ui-icon-color-black { background-color:#000; margin:2px;}
span.ui-icon-color-red { background-color:#F00; margin:2px;}
span.ui-icon-color-green { background-color:#0F0; margin:2px;}
span.ui-icon-color-blue { background-color:#00F; margin:2px;}
span.ui-icon-opacity100 { background-image:url(img/opacity.png) !important; background-position: 0 0;}
span.ui-icon-opacity66 { background-image:url(img/opacity.png) !important; background-position: -16px 0;}
span.ui-icon-opacity33 { background-image:url(img/opacity.png) !important; background-position: -32px 0;}

div.layers div.layer-tools { background-color:#fff; padding:5px; padding-right:8px; border: 1px solid #87CEFA; border-radius:5px; min-height:42px; }
div.layers div.layer-tools:before, div.layers div.layer-tools:after  {
	content:"";
	top:0;
	left:0;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 14px 18px 14px 0;
	border-color: transparent #fff transparent transparent;
	position:absolute;
	z-index:2;
	margin-top:18px;
	margin-left:-17px;
}
div.layers div.layer-tools:after {
	border-color: transparent #87CEFA transparent;
	z-index:1;
	margin-left:-19px;
}

div.layers div.layer-tools.posFlipped:before, div.layers div.layer-tools.posFlipped:after  {top:auto; bottom:0px; margin-top:0px; margin-bottom:5px;}

div.layers div.layer-tools>div {padding:4px; white-space:nowrap; }
div.layers div.layer-tools button.ui-button {margin-right: 2px;}
button.layerDecimal {padding:1px 2px; min-width:30px;}
button.layerDensity {padding:1px 2px; min-width:24px;}
button.layerInterval {padding:1px 2px; min-width:24px; margin-bottom:2px;}
button.layerSetRFMap {padding:1px 2px; min-width:24px; margin-bottom:2px;}

button.layerOpacity.curOpacity, button.layerRFOpacity.curOpacity, button.layerColor.curColor, button.layerDensity.curDensity, 
button.layerInterval.curInterval, button.layerFrozen.curFrozen, button.layerShowDrawing.curShowDrawingState, 
button.layerTimeSpan.curTimeSpan, button.layerDecimal.curDecimal, button.layerSetRFMap.curRFMap { border-color: orange; border-radius:3px; }


/* Google Map */
.olLayerGoogleV3.olLayerGoogleCopyright { bottom:0px !important; right:0px !important; }
.olLayerGoogleV3.olLayerGooglePoweredBy { bottom:12px !important; right:0px !important; left:auto !important; }
div.olLayerGoogleCopyright, div.olLayerGooglePoweredBy { display: none !important; }

/* jquery ui addition icons */
.ui-icon-empty { background-position: -96px -224px; }


/* css for print */
.print [class^="olControl"], .print [class*=" olControl"] {
	display:none;
}
#timestamp-for-print{
	display: none;
	position: fixed;
	left:0;
	top:0;
	border: 1px solid #a6c9e2;
	background: white;
	color: #222;
	z-index: 2000;
	padding: 4px 8px;
    font-size: 120%;
    font-weight: 700;	
}
.print #timestamp-for-print{
    display: block;
}

.dropdown {
  display: inline-block;
  position: relative;
  overflow: hidden;
  height: 28px;
  width: 150px;
  background: #f2f2f2;
  border: 1px solid;
  border-color: white #f7f7f7 #f5f5f5;
  border-radius: 3px;
  background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
  background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
  background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.06));
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
}
.dropdown:before, .dropdown:after {
  content: '';
  position: absolute;
  z-index: 2;
  top: 9px;
  right: 10px;
  width: 0;
  height: 0;
  border: 4px dashed;
  border-color: #888 transparent;
  pointer-events: none;
}
.dropdown:before {
  border-bottom-style: solid;
  border-top: none;
}
.dropdown:after {
  margin-top: 7px;
  border-top-style: solid;
  border-bottom: none;
}
.dropdown-select {
  position: relative;
  width: 130%;
  margin: 0;
  padding: 6px 8px 6px 10px;
  height: 28px;
  line-height: 14px;
  font-size: 12px;
  color: #1C79B2;
  text-shadow: 0 1px white;
  /* Fallback for IE 8 */
  background: #f2f2f2;
  /* "transparent" doesn't work with Opera */
  background: rgba(0, 0, 0, 0) !important;
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
}
.dropdown-select:focus {
  z-index: 3;
  width: 100%;
  color: #1C79B2;
}
.dropdown-select > option {
  margin: 3px;
  padding: 6px 8px;
  text-shadow: none;
  background: #f2f2f2;
  border-radius: 3px;
  cursor: pointer;
}

.table_pop { margin: 0 auto; border-collapse:collapse; font-family:sans-serif; background-color:#FFFFE0; width:300px; padding: 0px; font-size:90%; }
.th_pop { border-style: solid; border-color: #E0E0E0; border-width: 1px 0px 1px 1px; font-size:150%; text-align:center; }
.td_pop { padding: 5px; border-bottom:1px solid #E0E0E0; border-left:1px solid #E0E0E0; border-right:1px solid #E0E0E0; font-size:120%; }
#th_close { border-style: solid; border-color:#E0E0E0; border-width: 1px 1px 1px 0px; text-align:center; vertical-align:middle; width:17px; cursor:pointer; }


/* override popup */
.olPopupCloseBox {
	background: url('img/close.png') no-repeat;
    right: 15px !important;	
}
	
.olFramedCloudPopupContent {
    padding: 5px;
    overflow: auto;	
	font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif;
	font-size: 12px;
    line-height: 1.5em;	
}
	
#light_tablestyle { 
font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;
border: 1px solid #ddd;
border-collapse: separate;
border-left: 0;
border-radius: 4px;
border-spacing: 0px;
}

#light_tablestyle thead {
display: table-header-group;
vertical-align: middle;
border-color: inherit;
border-collapse: separate;
}

#light_tablestyle tr {
font-size: 11px;
display: table-row;
vertical-align: inherit;
border-color: inherit;
}

#light_tablestyle td {
border-top: 1px solid #ddd;    
}

#light_tablestyle td {
padding: 5px 4px 6px 4px; 
text-align: left;
vertical-align: top;
border-left: 1px solid #ddd;    
}


.circle1 {
  background-image:
    -webkit-radial-gradient(
      circle,
      #FF0000, #FF0000 8px, transparent 5px
    );
  background-image:
    radial-gradient(
      circle,
      #FF0000, #FF0000 8px, transparent 5px
    );
}

.circle2 {
  background-image:
    -webkit-radial-gradient(
      circle,
      #FFA801, #FFA801 8px, transparent 5px
    );
  background-image:
    radial-gradient(
      circle,
      #FFA801, #FFA801 8px, transparent 5px
    );
}

.circle3 {
  background-image:
    -webkit-radial-gradient(
      circle,
      #00FFFF, #00FFFF 8px, transparent 5px
    );
  background-image:
    radial-gradient(
      circle,
      #00FFFF, #00FFFF 8px, transparent 5px
    );
}

.circle4 {
  background-image:
    -webkit-radial-gradient(
      circle,
      #8000FF, #8000FF 8px, transparent 5px
    );
  background-image:
    radial-gradient(
      circle,
      #8000FF, #8000FF 8px, transparent 5px
    );
}

.circle5 {
  background-image:
    -webkit-radial-gradient(
      circle,
      #004080, #004080 8px, transparent 5px
    );
  background-image:
    radial-gradient(
      circle,
      #004080, #004080 8px, transparent 5px
    );
}

.circle6 {
  background-image:
    -webkit-radial-gradient(
      circle,
      #808080, #808080 8px, transparent 5px
    );
  background-image:
    radial-gradient(
      circle,
      #808080, #808080 8px, transparent 5px
    );
}

/* Added by Franco */
div#hkologo {position: absolute; width:100%; z-index: 99990;}
div#warning {position: absolute; width:100%; top:10px; z-index: 999; text-align: center;}
span.cbs2 {
	/* display: inline-block; */
	border: 1px solid rgb(66, 151, 215); border-radius: 5px; 
	background-color: rgba(30, 144, 255, 0.5); 
	padding: 5px; 
	margin: auto; 
	display: inline-block;
}
/*
span.cbs {
	border: 1px solid rgb(66, 151, 215); border-radius: 5px; 
	background-color: rgba(30, 144, 255, 0.5); 
	padding: 41px 5px 5px 5px; 
	margin:auto; 
	display:none;
}
*/
span.capButtons {font-size:36px; font-weight:bold; color:#fff;}
button.capButton {
	cursor: default;
	width:50px; height:50px; 
	border-radius:2px; 
	background-color: #fff !important; 
	background-size: contain !important;
}
.dim {color: #c0c0c0;} /* Dimmed layer name in Layer Panel */
.ui-dialog-content {font-size: 14.5px; line-height: 1.5em;}
/*.ui-widget-content {background: none; background-color: rgba(252,253,253,0.75) !important;} /* Background of dialog */
.mobile_bg_white {background-color: rgba(252,253,253,1) !important;} 	/* Background of dialog for mobile */
.ui-widget-content .ui-widget-content {background-color: rgba(0,0,0,0) !important;} /* Layer Panel */
.groupLayers {font-size: 14px !important;} /* Layer Panel font size */
._temp1 {color: #0000ff !important;} /* Links in Legend in Layer Panel */
/* ._temp1:hover {text-decoration: underline;} */
.lightning_spot {margin-top: 6px; border: 1px solid black; border-radius:4px; padding:4px;}
.no-close .ui-dialog-titlebar-close {display: none;} /* Dialog box closing button */
#warning_desc {margin-bottom: 5px; font-size: 14px; color: #fff;}
.icr-text {font-size: 14px !important;}
div#submenu_area_level1 ul li.has-sub ul {z-index:  9999999;}
div#submenu_area_level1 ul li.has-sub ul li {z-index: 9999999;}
/* #submenu_area_level1 ul li:nth-child(2) ul, #submenu_area_level1 ul li:nth-child(2) ul ul {top: -51px;} */
#submenu_area_level1 ul li ul, #submenu_area_level1 ul li ul ul {top: -51px;}
/* #submenu_area {height: 260px !important;} */
.height260px {height: 260px !important;}
#hkoLogo {background-image: none; right:auto;}

/* From common_2018_en.css */
#clf_main_content_body
{
	width: 965px;
}
#clf_main_content
{
	margin-left: -200px;
}
#box_warning_stop {display: none;}
#dialog_all p {font-size: 14px; margin: 0;}
/*#dialog_all>div>div {height: 190px;}*/

/*#topPanel {display:none !important;}
.topPanelDialog {display:none !important;}*/
.icr-label {margin-bottom: 4px;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {color: #b05009;}
.ui-widget-header {background-color: rgb(54,124,175);}
/* .olPopup {display:none;} */

h1#title {background-color:rgba(255,255,255,0); margin:0; padding:0; font-size:24px; font-weight:bold; color: #004090; text-shadow: 2px 2px 3px #aaa;}
div#toolbar {display:none;}
.fancybox-navigation .fancybox-button {width:120px !important; height:140px !important;}
.fancybox-button svg {width:100% !important; height:100% !important;}

/* Added on Feb 2021 for location tab in layer menu */
.ico_event td.empty {
	border: 0;
	padding: 0 !important;
	background-color: #fff !important;
}
.ico_event td a:focus {
	background-color: #fff !important;
}
.ico_event2 td a {
	height: auto !important;
	padding: 5px !important;
}
.ico_event2 td a:focus {
	height: auto !important;
	background-color: #fff !important;
}
.ui-tabs .ui-tabs-nav li a {
	padding: 7px 8px;
}
#tabs_location {
	font-size: 1.3em;
}
select.location_select {
	display: block;
	text-align: center;
	width: 100%;
	margin-bottom: 8px;
	border: 3px solid #e0e0e0;
	border-radius: 10px;
	padding: 3px;
}
select.location_select:focus {
	border-color: rgb(110,167,210);
	background-color: rgb(219,235,249);
}
select.location_select:active {
	background-color: #fff;
}
select.location_select option {
	font-size: 16px !important;
	color: green;
}
select.location_select option.black {
	color: black;
	text-align: center;
}
select.location_select option.red {
	color: red;
}
select:focus {
    outline: none;
}

div.catname {
	margin: 5px 0 2px 0; font-size:0.9em;
}

div#layer-menu {display: none !important;}
#mydiv {
  position: absolute;
  bottom: 0; right: 0;
  z-index: 99991;
  width: 188px; height: 296px;
  background-color: #fff;
  border: 1px solid rgb(166, 201, 226);
  border-radius: 5px;
  padding: 2px;
  text-align: left;
}
#mydiv #mydivheader {
  padding: 5px 5px 0 5px;
  cursor: move;
  z-index: 10;
  background-color: rgb(110, 167, 210);
  color: #fff;
}
#mydiv #mydivheader .tablinks {
  background-color: rgb(219, 235, 249);
  border: 1px solid rgb(166, 201, 226);
  border-radius: 5px 5px 0 0;
  padding: 5px 7px;
  color: rgb(46, 110, 158);
  font-size: 15px !important;
  font-weight: bold;
  cursor: pointer
}
#mydiv #mydivheader .tablinks.active {
  color: rgb(176, 80, 9);
  background-color:#fff;
  border-bottom: 1px solid #fff;
}
#mydiv #mydivbody {
  padding: 2px 10px;
}
#mydiv #mydivbody #mydiv_layer, #mydiv #mydivbody #mydiv_location {display:none;}
#mydiv #mydivbody #mydiv_layer.active, #mydiv #mydivbody #mydiv_location.active {display:block;}