@charset "utf-8";
/* CSS Document */

body{
	background: white url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAB9JREFUeNpi/P//PwM6YGLAAuCCmpqacC2MRGsHCDAA+fIHfeQbO8kAAAAASUVORK5CYII=);
}

.form-signin {
    max-width: 500px;
    padding: 19px 29px 29px;
    margin: 0 auto;
	//margin-top:90px;
    background-color: #444;
    background: rgba(0,0,0,.2);
	
    border: 0.2px solid #e5e5e5;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
       -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
            box-shadow: 0 1px 2px rgba(0,0,0,.05);
			
	font-family:Tahoma, Geneva, sans-serif;
	color:#990000;
	font-weight:lighter;
}

.form-signin .form-signin-heading{
    color:black;
}
.form-signin input[type="date"],
.form-signin input[type="tel"],
.form-signin input[type="text"],
.form-signin input[type="password"],
.form-signin input[type="email"] {
    font-size: 16px;
    height: 45px;
    padding: 7px 9px;
}

.signin-form, .body-container
{
	//border:solid red 1px;
	margin-top:110px;
}
.navbar-brand{
	font-family:"Lucida Handwriting";
}
#btn-submit{
	height:45px;
}
.h5{
	font-family:Verdana, Geneva, sans-serif;
	color: black;
}
body{
	color: black;
}
h1{
	font-family:Verdana, Geneva, sans-serif;
}
.panel{
    width: 25%;
}
iframe{
    width:100%;
    border:none;
}
.footer {
  position: relative;
  bottom: 0;
  width: 100%;
  height: 60px;
  line-height: 60px;
  background-color: #f5f5f5;
}

#filter{float: left;}
#realtimed{float: left; background-color: white; height: 500px; overflow: scroll;}
#realtime{float: left; height: 250px; overflow: scroll;}
#realtimer{float: left;}
.perf img{width: 150px; height: 150px; border-radius: 100px;}
.per img{width: 120px; height: 120px; border-radius: 120px; float: right;}

#adminn{width: 100%;}
#admin{float: right; width: 73%;}
#result img{width: 150px; height: 150px; border-radius: 100px;}

#result{float: left;}
#link{text-decoration: none; color: white;}
@media (max-width: 800px) { #admin { width:100%; } #realtime {float: right; width:100%;} #realtimed {float: right; height: 300px; width:100%;}#realtimer {float: right; width:100%;}}
@media (max-width: 1200px) { #result {float: left; width:33.3333333%;}#result img{width: 120px; height: 120px; border-radius: 100px;}}
@media (max-width: 900px) { #result {float: left; width:50%;}#result img{width: 120px; height: 120px; border-radius: 100px;}}
@media (max-width: 600px) { #result {float: left; width:100%;}#result img{width: 120px; height: 120px; border-radius: 100px;}}