@import url(https://fonts.googleapis.com/css?family=Pacifico);
@import url(https://fonts.googleapis.com/css?family=Great+Vibes);

@font-face{
font-family: "Steady";
src: url('../fonts/Steady.ttf'),
url('../fonts/Steady.eot'); /* IE9 */
}

@font-face{
font-family: "Segoe UI";
src: url('../fonts/Segoe UI.ttf'),
url('../fonts/Segoe UI.eot'); /* IE9 */
}

td {
    font-family: Segoe UI;
    font-size: 13px;
    line-height: 16px;
    color: #000000;
    text-align: left;
}

body {
    font-family: Segoe UI;
    font-size: 13px;
    line-height: 16px;
    color: #000000;
    text-align: left;
}

.hiddenBox {display:none}
.bodyContainer {margin:auto;max-width:600px}
.pageHeader {font-family:Segoe UI;font-size:24px;color:#0e2242}
.bannerHeader {line-height:42px;font-size:38px;font-weight:bold;font-family:Segoe UI;color: #0d2240;text-shadow: 0px 1px 1px #fff;}
.contentPage{position:relative;top:0px;left:0px;width:100%}
.pageButtons{position:relative;float:right;}
.tableCentered{margin:auto}
.loginPage{    background-image:url(/images/background.jpg);
    background-size:cover;
}
.fullWidth{width:100%}
.halfWidth{width:50%}
.chartDiv{width:100%; height: 250px; background-color: #FFFFFF;}
.mapHeader{margin:auto;font-size:18px}
.h500{height:500px}
.w215{font-size:15px;width:215px}
.w25{width:25px}
.h65{height:65px}
.w95{width:95%;margin:auto}
a img {
    border: none;max-width:100%
}

a:link {COLOR: #0d2240;TEXT-DECORATION: none}
a:visited {COLOR: #0d2240;TEXT-DECORATION: none}
a:hover {TEXT-DECORATION: underline;color: #0d2240}

.white:link{color:#ffffff;text-alignment:left;text-decoration:none;}
.white:visited{color:#ffffff;text-alignment:left;text-decoration:none;}
.white:hover{color:#ffffff;text-alignment:left;text-decoration:underline;}

 .searchbar{

margin-bottom: auto;
    
margin-top: auto;
    
height: 40px;
    
background-color: #e7e7e8;
    
border-radius: 20px;
    
padding: 5px;
    
}

    

.search_input{
   
font-family:Segoe UI; 
font-size:14px;
color: black;
    
border: 0;
    
outline: 0;
    
background: none;
    
width: 0;
    
caret-color:white;
    
line-height: 30px;
    
transition: width 0.4s linear;
    
}

    

.searchbar:hover > .search_input{
    
padding: 0 10px;
    
width: 300px;
    
caret-color:gold;
    
transition: width 0.4s linear;
    
}

    

.searchbar:hover > .search_icon{
    
background: white;
    
color: gold;
    
}

    

.search_icon{
    
height: 30px;
    
width: 30px;
    
float: right;
    
display: flex;
    
justify-content: center;
    
align-items: center;
    
border-radius: 50%;
    
color:white;
    
}