@font-face { font-family: 'PF Din Text Cond Pro'; src: url('/font/PFDinTextCondPro-Regular.ttf'); } 

html, body {
	widht: 100%;
	height: 100%;
        margin: 0px;
        padding: 0px;
	font-family: 'Calibri';
	background-image:url('pattern.jpg');
	background-repeat:repeat;
}
.login {
	position: absolute; 
	background-color:#4d97c2; 
	top:30%; 
	left:30%; 
	width: 300px; 
	height: 200px;
        border: 3px solid transparent;
        border-radius: 10px 10px 10px 10px;
}

.login_input {
	margin-top: 30px;
}


#map-canvas {
	float:left;
	width: 100%;
	height: 100%; 
	padding: 0px;
}

#panel {
	float: left;
   	position: absolute;
	left: 10px;
   	top: 50px;
	width:15%;
	min-width:200px;
   	z-index: 1;
	background-color: rgba(0, 0, 0, 0.5);
	padding: 1px;

	//height:85%;
        font-family:'PF Din Text Cond Pro'; 
        color:#FFFFFF; 
        font-size:15px;
        letter-spacing:0px;
        border: 3px solid transparent;
        border-radius: 10px 10px 10px 10px;

}


div.total {
	float: left;
	margin: 0;
	height: 50px;
	width: 100%;
	position: relative;
	padding: 0;
        color:#FFFFFF; 
        font-size:15px;
        letter-spacing:0px;
        border: 1px solid transparent;
	border-radius: 2px;
	text-align: left;
}
div.total:hover {
	background-color: #948bfc;
}

div#blue.total 		{background-color: #6154ff;}
div#blue.total:hover 	{background-color: #948bfc;}
div#purple.total	{background-color: #9e21ff;}
div#purple.total:hover 	{background-color: #c987fd;}
div#red.total 		{background-color: #ff3c15;}
div#red.total:hover 	{background-color: #fb826a;}
div#green.total 	{background-color: #00c60a;}
div#green.total:hover 	{background-color: #79d963;}
div#inputPanel.total	{background-color: #6154ff;}




//div#prjstat {
//        color:#FFFF00; 
//}

//.SelTable{
//	border-collapse:collapse; 
//        color:#FFFFFF; 
//}

//.SelTable tr{
//	height:16px;
//}



#data-table1 {
	font-size:13px;
}

#data-table2 {
	font-size:13px;
}


.total1 {
        color:#FFFFFF; 
        font-size:20px;
        letter-spacing:0px;
    	display: table;
    	margin: 0 auto;
	padding: 0;
	position: relative;
}



.controls {
        margin-top: 16px;
        border: 1px solid transparent;
        border-radius: 2px 0 0 2px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        height: 32px;
        outline: none;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
      }

.input {
        margin-top: 3px;
        border: 1px solid transparent;
        border-radius: 2px 0 0 2px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        height: 32px;
	width: 90%;
        outline: none;
        //box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
      }


#pac-input {
        background-color: #fff;
        padding: 0 11px 0 13px;
        width: 400px;
        font-family: Roboto;
        font-size: 15px;
        font-weight: 300;
        text-overflow: ellipsis;
      }

#pac-input:focus {
        border-color: #4d90fe;
        margin-left: -1px;
        padding-left: 14px;  
        width: 401px;
      }

.pac-container {
        font-family: Arial;
      }

#type-selector {
        color: #fff;
        background-color: #4d90fe;
        padding: 5px 11px 0px 11px;
      }

#type-selector label {
        font-family: Arial;
        font-size: 13px;
        font-weight: 300;
      }

#target {width: 345px;}
body{background-color: #222222; margin:0;} 

#zagolovok {
	        font-family:'PF Din Text Cond Pro'; 
	        color:#FFFFFF; 
	        font-size:2em;
	        letter-spacing:-1px;
	    }
#info {
//	        font-family:'PF Din Text Cond Pro'; 
//	        color:#FFFFFF; 
//	        font-size:30px;
//	        letter-spacing:-1px;
	    }


#label {
	        font-family:'PF Din Text Cond Pro'; 
	        color:#FFFFFF; 
	        font-size:20px;
	        letter-spacing:0px;
	    }

#footer {
		position: absolute;
		top: 95%;
		left: 1%;
	        font-family:'PF Din Text Cond Pro'; 
	        color:#FFFFFF; 
	        font-size:20px;
	        letter-spacing:0px;
	    }
		

.info-table{
		width:100%; 
		border-collapse:collapse; 
	        //color:#FFFFFF; 
	        font-size:12px;
	}
.info-table tr{
		height:10px;
	}
.info-table td{
		padding:1px; 
		height:10px;
	}



#box-table-a {
	font-size: 14px;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	margin: 0px;
}
#box-table-a th {
	font-size: 13px;
	font-weight: normal;
	background: #b9c9fe;
	border-top: 4px solid #aabcfe;
	border-bottom: 1px solid #fff;
	color: #039;
	padding: 8px;
}
#box-table-a td {
	background: #e8edff;
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
	padding: 8px;
}


.dialog {
	position: absolute;
	width: 300px;
	height: 300px;
	top: 30%;
	left: 45%;
 	display: none;	
	background-color: rgba(0, 0, 0, 0.6);
	padding: 20px;
        color:#FFFFFF; 
   	z-index: 5;
        border: 3px solid transparent;
        border-radius: 10px 10px 10px 10px;

}

#about {
	position: absolute;
	width: 400px;
	height: 300px;
	left: 40%;
   	top: 50px;
 	display: none;	
	background-color: rgba(0, 0, 0, 0.8);
	padding: 20px;
        color:#FFFFFF; 
   	z-index: 5;
        border: 3px solid transparent;
        border-radius: 10px 10px 10px 10px;

}






#button{
border: 1px solid #0c799e;
width: 250px;
padding: 10px;
font-size: 16px;
font-weight: bold;
color: white;
border-radius: 3px;
background: linear-gradient(to bottom, #59d0f8 5%, #49c0e8 100%);
cursor:pointer;
}
 
#button:hover{
background: linear-gradient(to bottom, #49c0e8 5%, #59d0f8 100%);
}

input[type=text]{
margin-top: 5px;
margin-bottom: 5px;
width: 96%;
border-radius: 5px;
border: 0;
padding: 5px 0;
} 

input[type=password]{
margin-top: 5px;
margin-bottom: 5px;
width: 96%;
border-radius: 5px;
border: 0;
padding: 5px 0;
} 


 
input[type=submit]{
width:30%;
border: 1px solid #59b4d4;
background: #0078a3;
color: #eeeeee;
padding: 3px 0px;
border-radius: 5px;
margin-top: 10px;
cursor:pointer;
}
 
input[type=submit]:hover{
border: 1px solid #666666 ;
background: #555555;
color: white;
}


#drop_zone {
border: 2px dashed #bbb;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 25px;
width: 100%;
text-align: center;
font: 12pt regular 'PF Din Text Cond Pro';
color: #bbb;
}