@import url('https://fonts.googleapis.com/css?family=Numans');

body {
  padding-top: 0px;
    font-family: 'Tahoma', sans-serif;
    background-color: #000;
    background-image :  url(data:image/jpg;), url(../phpimages/bg2a.jpg);
    background-repeat:  repeat, no-repeat ;
    background-position:  right top, center;
    background-attachment:  fixed, fixed;
    background-size: auto, cover;

}

.ico-warning 	{ color : orange; }
.ico-monitor 	{ color : #fecc1d; }
.ico-evacuate 	{ color : red; }
.ico-normal 	{ color : green; }

.switches .stat0 { color : red; }
.switches .stat1 { color : green; }
.switches .stat, .switches .statnull  { display:none; }



.wallpaper {
    background-position: center top;
    background-size: 100% auto;
    height:350px;
    background-repeat: no-repeat;
	background-color : #909598 !important;
}
.container{
height: 100%;
align-content: center;

}
.login-panel
{
	margin-top: 10%;


}
.card{
/*margin-left: 50%;*/
height: 450px;
margin-top: -10%;
margin-bottom: auto;
width: 450px;
 border-color: #7B0608;
      border-style: solid;
background-color: rgba(0,0,0,0.2) !important;
}
.container{
height: 100%;
align-content: center;
}
.card-header h3{
color: white;
}


.input-group-prepend span{
width: 50px;
background-color: #960002;
color: white;
border:0 !important;
}
input:focus{
outline: 0 0 0 0  !important;
box-shadow: 0 0 0 0 !important;

}



.remember{
color: white;
}

.remember input
{
width: 20px;
height: 20px;
margin-left: 15px;
margin-right: 5px;
}

.login_btn{
color: white;
font-style: bold;
background-color: #960002;
width: 100px;
}

.login_btn:hover{
color: black;
background-color: white;
}

.links{
color: white;
}

.links a{
margin-left: 4px;
}

.wallpaper-status {
	right : 30px;
	margin : 5px;
	position : absolute; 
	padding:20px;
	font-size:12px;
	color:#fff;
}

.wallpaper-status table td {
	padding:5px;
	text-align: right;
}

 b.fa-bullhorn.ico-warning::before,
 b.fa-check.ico-normal::before,
 b.fa-eye.ico-monitor::before
  {
 	content:"";
 }


/*
 .mapplic-pin.hydromets { background-image: url(images/hydromet.png); 	background-size: 32px 32px;
	background-repeat: no-repeat;
	background-position: center;
	width: 32px;
	height: 32px;
 }

*/
/*

.mapplic-pin.iconpin.orange { background-image: url(images/pin-orange-large.png); }
.mapplic-pin.iconpin.yellow { background-image: url(images/pin-yellow-large.png); }
.mapplic-pin.iconpin.green { background-image: url(images/pin-green-large.png); }
.mapplic-pin.iconpin.blue { background-image: url(images/pin-blue-large.png); }
.mapplic-pin.iconpin.purple { background-image: url(images/pin-purple-large.png); }
*/


	.mapplic-pin.hydromets 	{
		background-size: 48px 40px;
		background-repeat: no-repeat;
		background-position: center;
		width: 48px;
		height: 40px;		
	}

	.mapplic-pin.hydromets.normal  {background-image: url(images/green-pin-with-shadow-hi.png);}
	.mapplic-pin.hydromets.monitor {background-image: url(images/yellow-pin-with-shadow-hi.png);}
	.mapplic-pin.hydromets.warning {background-image: url(images/orange-google-maps-pin-hi.png);}
	.mapplic-pin.hydromets.danger  {background-image: url(images/red-pin-with-shadow-hi.png);}


.hydryo-title { color: #fff;}
#snapshots img { height:100px; overflow: hidden; }
#snapshots a { height:80px; overflow: hidden; }