/* my.css Mar/19/2020 */

/* Configuration of VIS Colors */
/* This is for the extra line under the site title */
.vis-my-font {font-family: "Comic Sans MS", cursive, sans-serif;}
 
/* For colors below - Hex values can be used - example #ff0000 for red - available colors at https://www.w3schools.com/colors/colors_hex.asp */
.vis-alert-txt {color: red;}
.vis-header-txt {color: blue;}
.vis-cond-txt {color: white;}

/* Color of the Current Conditions headers */
.vis-curr-cond-header {color: #4CAF50;} /* default #4CAF50 */
 
/* Menu and Footer background color. Note - very dark colors may require changing text color to white - #fff */
.vis-menu-back {color: #000; background-color: #ddffdd;} /* default #ddffdd */

/* Background color for all pages. See Note above. */
.vis-page-back {color: #000; background-color: #ffffcc;} /* default #ffffcc */

/* Background color for Records table headers. See Note above. */
.vis-tbl-hdr {color: #000; background-color: #ffdddd;} /* default #ffdddd */

/* Background color for Records table hover. See Note above. */
.vis-tbl-hover:hover {color: #000; background-color: #ddffdd;} /* default #ddffdd */
/* END VIS COLOR CONFIGURATION - NO CONFIGURATION BELOW */

div#DP00, div#DP01, div#DP02, div#DP03, div#DP04, div#DP05, div#DP06, div#DP07, div#DP08, div#DP09,
div#DP0A, div#DP0B, div#DP0C, div#DP0D, div#DP0E, div#DP0F, div#DP0G, div#DP0H, div#DP0I, div#DP0J, 
div#DP0K, div#DP0L, div#DP0M, div#DP0N, div#DP0O, div#DP0P,
 
div#DP10, div#DP11, div#DP12, div#DP13, div#DP14, div#DP15, div#DP16, div#DP17, div#DP18, div#DP19,
div#DP1A, div#DP1B, div#DP1C, div#DP1D, div#DP1E, div#DP1F, div#DP1G, div#DP1H,
 
div#DP20, div#DP21, div#DP22, div#DP23, div#DP24, div#DP25, div#DP26, div#DP27, div#DP28, div#DP29,
div#DP2A, div#DP2B, div#DP2D, div#DP2E, div#DP2F, div#DP2G, div#DP2H, div#DP2I, div#DP2J, div#DP2K, 
div#DP2L, div#DP2M, div#DP2N, div#DP2O,
 
div#DP30, div#DP31, div#DP32, div#DP33, div#DP34, div#DP35, div#DP36, div#DP37, div#DP38, div#DP39,

div#DP40, div#DP41, div#DP42, div#DP43, div#DP44, div#DP45, div#DP46, div#DP47, div#DP48, div#DP49, 
div#DP4C, div#DP4D, div#DP4E, div#DP4F, div#DP4G, div#DP4H, div#DP4I, div#DP4J, div#DP4K, div#DP4L,
div#DP4M, div#DP4N, div#DP4O,

div#DP50, div#DP51, div#DP52, div#DP53, div#DP54, div#DP55, div#DP56, div#DP57, div#DP58, div#DP59, 
div#DP5A, div#DP5B, div#DP5C, div#DP5D, div#DP5E, div#DP5F, div#DP5H, div#DP5I, div#DP5J, div#DP5K, 
div#DP5L, div#DP5S,

div#DP60, div#DP61, div#DP62, div#DP63, div#DP64, div#DP65, div#DP66, div#DP67, div#DP68, div#DP69, 
div#DP6A, div#DP6B, div#DP6C, div#DP6D, div#DP6E, div#DP6F, div#DP6G, div#DP6H, div#DP6I, div#DP6J, 
div#DP6K, div#DP6L, div#DP6M, div#DP6N, div#DP6O, div#DP6P, div#DP6Q, div#DP6R, div#DP6S, div#DP6T,
div#DP6U, div#DP6V, div#DP6W, div#DP6X, div#DP6Y, div#DP6Z,

div#DP70, div#DP71, div#DP72, div#DP73, div#DP74, div#DP75, div#DP76, div#DP77, div#DP78, div#DP79, 
div#DP7A, div#DP7B, div#DP7C, div#DP7D, div#DP7E, div#DP7F, div#DP7G, div#DP7H, div#DP7I, div#DP7J,
div#DP7K, div#DP7L, div#DP7M, div#DP7N, div#DP7O, div#DP7P, div#DP7Q, div#DP7R, div#DP7S, div#DP7T,
div#DP7U, div#DP7V, div#DP7W, div#DP7X, div#DP7Y, div#DP7Z,

div#DP80, div#DP81, div#DP82, div#DP83, div#DP84, div#DP85, div#DP86, div#DP87, div#DP88,

div#DP90, div#DP91, div#DP92, div#DP93, div#DP94, div#DP95, div#DP96, div#DP97, div#DP98, div#DP99,
div#DP9A, div#DP9B, div#DP9C, div#DP9D, div#DP9E, div#DP9F, div#DP9G, div#DP9H, div#DP9I, div#DP9J,
div#DP9K, div#DP9L {
display: inline-block;
}
table {
	font-family: arial, sans-serif;
	border-collapse: collapse;
    width: 100%;
}
td, th  {
	text-align: center;
    padding: 1px;
}
.resp-container-gauges {
	position: relative;
	overflow: hidden;
	padding-top: 61.40%;
}
.resp-container-records {
	position: relative;
	overflow: hidden;
	padding-top: 126.25%;
}
.resp-container-fire {
	position: relative;
	overflow: hidden;
	padding-top: 84%;
}
.resp-container-about {
	position: relative;
	overflow: hidden;
	padding-top: 64.5%;
}
.resp-iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	Height: 100%;
	border: 0;
}
@media (max-width:1102px) and (min-width:601px){.my-hide-medium{display:none!important}
}