/*
 * @author JB Data31 2020-05
 */
/* html {text-align: center;} */
body {font-family: 'comic sans', Arial, sans-serif;}
/* body {font: Arial;} */
a:link {text-decoration: none;}
/* table {border: 1px solid black; width: 100%;} */
/* td {vertical-align: top;} */

.title { font-size: 18px; font-weight: bold; }
h3 { width:100%; white-space: nowrap; display:block; margin-top: 60px; margin-bottom: 15px; text-decoration: underline overline #1111FF; }

table.dataset { width: 100%; border-width: 0px; border-style: solid; border-color: gray; border-collapse: collapse; }
th.dataset { text-align: left; font-weight:normal; border-width: 1px; border-style: solid; background-color: #EEEEEE; }
tr.dataset { border-width: 1px; border-style: solid; border-color: gray; }
td.dataset { text-align: left; vertical-align: top; border-width: 1px; border-style: solid; border-color: gray; }

table.result { width: 100%; border-width: 1px; border-style: solid; border-color: gray; border-collapse: collapse; }
th.result { text-align: left; background-color: #CCCCCC; }
tr.result { border-width: 1px; border-style: solid; border-color: gray; }
td.result { text-align: left; vertical-align: top; border-width: 1px; border-style: solid; border-color: gray; }

th.logo { width: 33%; background-color: #CCCCCC; }
img.logo { height: auto; width: auto; max-width: 100px; max-height: 50px; margin: 1px 20px 1px 20px; padding: 0px 0px 0px 0px; }

pre { white-space: pre-wrap; font-family: monospace; color: #000000; background-color: #ffffff; }
/* .Constant { color: #ff6060; } */
.constant { color: #6060ff; }
.identifier { color: #00ffff; }
.info { font-weight: bold; }
.warn { color: orange; font-weight: bold; }
.success { color: green; font-weight: bold; }

.test { width:100%;  margin-top: 50px; text-decoration: underline overline #1111FF; }

#MapboxContainerDiv {width: 100%; height: 100%; border: 1px solid lightgray;}
#MapboxDiv {position: relative; top:0; bottom:0; width: 100%; height: 450px;}
.buttonStyle {height: 25px; width: 140px; font: 'comic sans', 14px Arial, sans-serif;}
.buttonStyle2 {height: 25px; width: 140px; font: 'comic sans', 14px Arial, sans-serif; font-weight: bold;}
.buttonStyle1 {height: 25px; width: 150px; font: 'comic sans', 14px Arial, sans-serif; color:blue; font-weight: bold;}
#VisjsContainerDiv {width: 100%; height: 100%; border: 1px solid lightgray;}
#VisjsDiv {position: relative; top:0; bottom:0; width: 100%; height: 500px;}