/****** Custom CSS *****/
* {margin: 0;}
html, body {height: 100%;}
/** body {padding:70px 70px 0px 70px;}   /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
code {font-family:'Courier New', Courier, monospace;white-space: pre;}
hr {display:block;margin-top:2.5em;margin-bottom:2.5em;margin-left:auto;margin-right:auto;color: #f0ecec;border-width:1px;} 
tr, th, td {vertical-align:middle;}
ul, li {list-style:none}
/** video {background:transparent url('images/dash8_q400.jpg') no-repeat 0 0;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}  **/

.capital {font-size:18px;font-weight:bold;}
.centerthis {display:flex;align-items:center;justify-content:center;}
.cursor {cursor: pointer;}
.margin-vertical30 {margin:30px 0px 30px 0px;}
.margin-vertical {margin-bottom:50px;}
.margin-horizontal30 {margin:0px 30px 0px 30px;}
.margin-top8 {margin-top:8px;}
.margin-topbottom8 {margin-top: 8px; margin-bottom:8px;}
.imgmaxwidth300 {max-width: 300px;}
.codebox {width:auto;overflow:auto;border:1px solid rgb(39, 17, 240);background-color:rgba(213, 222, 247, 0.493);padding-left:10px;}
/****** Custom CSS *****/
.tmax {color: #f00c0c;}
.tmin {color: #0883f0;}

#spinner {display: none; position: relative; left: 47%;}

#srlbtn {display:none;position:fixed;bottom:60px;right:30px;z-index:99;border:1px solid;border-color: #331281;outline:none;background-color: #8d4cca85;color: #ffffff;cursor:pointer;padding:15px;border-radius:4px;font-size:18px;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overflow-x:scroll;opacity:0.6;transition:0.3;}
#srlbtn:hover {color: #fff;background-color: #563d7c;border-color: #331281;opacity: 1.0;}

#sidenavi a {position: absolute;left: -230px;transition:0.5s;padding:15px;width:300px;text-decoration:none;font-size:20px;border: 2px solid #0059b3;color: #0059b3;border-radius: 0 5px 5px 0;}
#sidenavi a:hover {left: 0;background-color:#02458886;color:white;}
#weather {top:440px;}
#metarSearch {background-image:url('../images/search.png');background-position: 10px 12px;background-repeat: no-repeat;width:100%;font-size: 16px;padding:12px 20px 12px 40px;border:1px solid#ddd;margin-bottom: 12px;}

.collapsible {background-color:#793ab480;color:#292b2c;cursor:pointer;padding:18px;width:100%;border:none;text-align:left;outline:none;font-size:15px;}
.active, .collapsible:hover {color: #fff;background-color: #563d7c;border-color: #331281;opacity: 1.0;}
.contentmetar {padding: 0 18px;display:none;overflow:hidden;background-color: #f7f7f7;}

.spacetop {
    margin-top:50px;
}
.spacehor {
    margin-left:20px;
}
.spacetopbot {
    margin-top:20px;
    margin-bottom:20px;
}
hr.new4 {
    border: 1px solid #c5c5c5;
  }
.novis {
    visibility: hidden;
}
.nocol {
    visibility: collapse;
}
.filterDiv {
    margin-left: 0px;
    display: none; /* Hidden by default */
}
  
  /* The "show" class is added to the filtered elements */
.show {
    display: block;
}