	
 .button{
	background:$color_blue;
	color:$color_white;
	width:200px;
	height:30px;
	transition:0.3s;
	text-align:center;
	font-size:14px;
	position:absolute;
	line-height:30px;
	cursor:pointer;	
	-webkit-user-select: none
}
.button:hover{
	background:$color_db;
}


 .red_button{
	background:$color_red;
	color:$color_white;
	width:200px;
	height:30px;
	transition:0.3s;
	text-align:center;
	font-size:14px;
	position:absolute;
	line-height:30px;
	cursor:pointer;	
	-webkit-user-select: none
}
.red_button:hover{
	background:$color_dr;
}

.red_text{
	color:$color_red;
}
.yellow_text{
	color:$color_yellow;
}
.green_text{
	color:$color_green;
}

		@font-face { font-family: ClearSans; font-weight:normal; src: url('/assets/ClearSans-Regular.ttf') format('truetype');}
		@font-face { font-family: ClearSans; font-weight:bold; src: url('/assets/ClearSans-Bold.ttf') format('truetype');}
		html *{font-size: 1em;font-family: ClearSans ;-webkit-font-smoothing: antialiased;}
::-webkit-scrollbar {width: 15px;height: 15px;}
::-webkit-scrollbar-thumb {background: $color_gray;}
::-webkit-scrollbar-thumb:hover {background: $color_blue;}
body {
	scrollbar-base-color: $color_gray;
	scrollbar-3dlight-color:  transparent;
	scrollbar-highlight-color:  transparent;
	scrollbar-track-color: transparent;
	scrollbar-arrow-color:  transparent;
	scrollbar-shadow-color:  transparent;
	scrollbar-dark-shadow-color:  transparent;
}
select {	
	background:transparent;
	color:$color_db;
	-webkit-appearance:none;
	-moz-appearance:none;
	-webkit-user-select: none;
	appearance:none;
	padding: 0px 0px 0px 5px;
	font-size:$f_b;
	border: 0px solid  $color_gray;
	border-bottom: 1px solid $color_gray;
	border-radius: 0px;
	cursor:pointer;
}
select::-ms-expand {
    display: none;
}
input::-ms-clear {
    display: none;
}
select:focus {outline:0;}
		
		td {padding: 5px 5px 5px 5px}
		.table_header{
			background:$color_red;
			color:$color_white;
			font-size:$f_m;
			width:100%;
			height:40px;
			top:0px;
			left:0px;
			position:absolute;
		}
		.table_body{
			color:$color_db;
			font-size:$f_m;
			width:100%;
			top:0px;
			left:0px;
			position:absolute;
		}
		table {table-layout:fixed;word-wrap: break-word;-webkit-font-smoothing: antialiased;border-collapse:collapse;}
		
		
		
		.text_s{
			color:$color_db;
			font-size:$f_s;
		}
		.text_m{
			color:$color_db;
			font-size:$f_m;
		}
		.text_b{
			color:$color_db;
			font-size:$f_b;
		}
		
		
		.text_field{
			background:transparent;
			color:$color_db;
			width:200px;
			text-align:center;
			font-size:$f_m;
			outline:0;
			border:0;
			height:27px;
			border-bottom:1px solid $color_gray;
			position:absolute;
		}
		.text_field_relative{
			border:0;
			background:$color_white;
			color:$color_db;
			outline:0;
			width:250px;
			height:30px;
			text-align:center;
			font-size:$f_m;
			border-bottom:1px solid $color_gray;
			position:relative;;
		}
		
		
		.text_header_red_line{
			line-height:30px;
			font-size:16px;
			color:$color_db;
			position:absolute;
			border-bottom:2px solid $color_red;
		}
		
		
		.status_green_block{
			width:40px;
			height:30px;
			line-height:30px;
			float:left;
			background:$color_green;
			text-align:center;
			color:$color_white;
		}
		.status_yellow_block{
			width:40px;
			height:30px;
			line-height:30px;
			float:left;
			background:$color_yellow;
			text-align:center;
			color:$color_white;
		}
		.status_red_block{
			width:40px;
			height:30px;
			line-height:30px;
			float:left;
			background:$color_red;
			text-align:center;
			color:$color_white;
		}
		
		
		
		
		
		
///////// MAP Universal layout ////////////////////

#map_search_container{
	width:300px;
	height:50px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
	border-bottom:1px solid $color_gray;
	border-right:1px solid $color_gray
}

.map_graph_body{
	position:absolute;
	left:300px;
	top:10px;
	height:280px;
	width:calc(100% - 310px)
}

#map_time_compare_container{
	-webkit-user-select: none;
	cursor:pointer;
	width:300px;
	height:120px;
	position:absolute;
	left:0px;
	top:50px;
	border-right:1px solid $color_gray
}

#map_time_compare_text{
	width:80%;
	height:30px;
	position:absolute;
	top:10px;
	left:10%;
	line-height:30px;
	z-index:1;
	border-bottom:2px solid $color_red;
	text-align:center;
}

.map_time_compare_graph{
	transition:1s;
	width:80%;
	height:calc(100% - 80px);
	position:absolute;
	top:40px;
	left:10%;
}


.map_time_compare_under_text{
	width:40%;
	height:20px;
	position:absolute;
	bottom:10%;
	line-height:20px;
	font-size:14px;
	color:$color_db
}

#map_uniq_table_container{
	position:absolute;
	left:0px;
	top:170px;
	height:calc(100% - 170px);
	width:300px;
	border-right:1px solid $color_gray;
	
}

#map_uniq_table_divide{
	width:1px;
	top:40px;
	height:calc(100% - 40px);
	right:15px;position:absolute;
	background:$color_gray;
	z-index:2
}

#map_uniq_table_body_container{
	width:100%;
	top:40px;
	height:calc(100% - 40px);
	left:0px;
	overflow:scroll;
	overflow-x:hidden;
	position:absolute
}

#map_table_container{
	width:calc(100% - 301px);
	height:calc(100% - 300px);
	top:300px;
	left:300px;
	position:absolute;
	//border-left:1px solid $color_gray;
}


//////////////////////// Общие переходы //////////////

.link_container{
	width:70px;
	height:40px;
	position:relative;
	cursor:pointer;
	float:left;
}

.link_image{
	width:20px;
	height:20px;
	position:absolute;
	top:0px;
	left:25px;
}

.link_text{
	font-size:12px;
	position:absolute;
	line-height:20px;
	top:20px;
	width:100%;
	color:$color_blue;
	text-align:center;
}


///////////// A buttons ////////////////


.href_edit_button{
	color:$color_white;
	text-decoration: none;
	background-color:$color_blue;
	padding: 6px 15px;
	font-size:15px;
	width:70px;
	text-align: center; 
	position:relative;
	display: inline-block;
	transition:0.3s;
	cursor:pointer;
}
.href_edit_button:hover{
	background-color:$color_db;
	
}

.href_delete_button{
	color:$color_white;
	text-decoration: none;
	background-color:$color_red;
	padding: 6px 15px;
	font-size:15px;
	text-align: center; 
	position:relative;
	width:70px;
	display: inline-block;
	transition:0.3s;
	cursor:pointer;
}
.href_delete_button:hover{
	background-color:$color_dr;
}

.href_new_button{
	color:$color_white;
	text-decoration: none;
	background-color:$color_green;
	padding: 6px 15px;
	font-size:15px;
	text-align: center;
	width:150px; 
	position:relative;
	display: inline-block;
	transition:0.3s;
	cursor:pointer;
}
.href_new_button:hover{
	background-color:$color_dg;
}


input[type=submit] {
    padding: 6px 15px; 
    background:$color_blue; 
    border:0 none;
    cursor:pointer;
	font-size:15px;
	color:$color_white;
	transition:0.3s;
}
input[type=submit]:hover {
    background:$color_db; 
}