/*
	Theme Name:				ASBE
	Theme URI:				https://vis.asbe.lv/
	Description:				Analytics
	Version:					1.0
	Author:					Sergei Granin
	Author URI:				https://granin.design/
*/

@font-face { font-family: 'Roboto'; src: url('fonts/Roboto/Roboto-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; }
@font-face { font-family: 'Roboto'; src: url('fonts/Roboto/Roboto-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; }
@font-face { font-family: 'Roboto'; src: url('fonts/Roboto/Roboto-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Roboto'; src: url('fonts/Roboto/Roboto-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; }
@font-face { font-family: 'Roboto'; src: url('fonts/Roboto/Roboto-Medium.ttf') format('truetype'); font-weight: bold; font-style: normal; }

::selection {
	background:				rgba(0,0,0,0.2);
	}

::-moz-selection {
	background:				rgba(0,0,0,0.2);
	}

.IIV::-webkit-media-controls-play-button, .IIV::-webkit-media-controls-start-playback-button {
	width:					0;
	opacity:					0;
	pointer-events:			none;
	}

* {
    padding:					0;
    margin:					0;
	outline:					none;
	-webkit-tap-highlight-color:transparent;
	}

html, body {
	overflow-x:				hidden;
	}

body {
	font-family:				'Roboto', helvetica, sans-serif;
	font-size:				16px;
	line-height:				24px;
	font-weight:				normal;
	color:					#555555;
	cursor:					default;
	width:					100%;
	background-color:			#ffffff;
	-webkit-font-smoothing:		antialiased;
	}

.dark_bg {
	color:					#ffffff;
	}

header, section, footer, .content {
	width:					93.75vw;
	max-width:				960px;
	margin-left:				auto;
	margin-right:				auto;
	}

header {
	position:					relative;
	height:					auto;
	margin-top:				23px;
	padding-top:				7px;
	padding-bottom:			7px;
	z-index:					999;
	}

.auth_true header {
	margin-top:				0;
	}

.auth_true header:after {
	position:					absolute;
	top:						0;
	left:					calc(-50vw + 50%);
	display:					block;
	content:					'';
	width:					100vw;
	height:					100%;
	z-index:					-1;
	}

.light_nav header:after {
	background-color:			rgba(0,0,0,0.8);
	}

.dark_nav header:after {
	background-color:			rgba(240,240,240,0.9);
	}

section {
	display:					table;
	margin-bottom:				60px;
	margin-top:				calc(/* Header slider height */300px - /* Header margin top */23px - /* Header height */44px + /* Section margin top */60px);
	min-height:				calc(100vh - /* Header slider height */300px - /* Section margin & bottom */120px - /* Footer height & margin bottom */60px - /* Cookie popup */ 20px);
	}

.project_page section, .page-log-in section, .page-reset-password section {
	margin-top:				60px;
	min-height:				calc(100vh - /* Header margin top */23px - /* Header height */44px - /* Section margin & bottom */120px - /* Footer height & margin bottom */60px - /* Cookie popup */ 20px);
	}

.auth_true section {
	margin-top:				60px;
	min-height:				calc(100vh - /* Header height */44px - /* Section margin & bottom */120px - /* Footer height & margin bottom */60px - /* Cookie popup */ 20px);
	}

article {
	display:					table-cell;
	vertical-align:			middle;
	}

footer {
	margin-bottom:				calc(40px + 20px);
	text-align:				center;
	font-size:				10px;
	line-height:				20px;
	letter-spacing:			1px;
	font-weight:				bold;
	text-transform:			uppercase;
	}

h1 {
	font-size:				30px;
	line-height:				30px;
	font-weight:				300;
	margin-top:				0px;
	margin-bottom:				20px;
	}

h2 {
	font-size:				22px;
	line-height:				30px;
	font-weight:				300;
	margin-top:				20px;
	margin-bottom:				20px;
	}

h3 {
	font-size:				22px;
	line-height:				30px;
	font-weight:				300;
	margin-top:				0px;
	margin-bottom:				10px;
	}

hr {
	height:					100px;
	border-top:				none;
	border-right:				none;
	border-bottom:				none;
	border-left:				none;
	display:					block;
	margin:					0;
	padding:					0;
	}

strong {
	font-weight:				bold;
	}

a:link, a:visited {
	color:					#0070c9;
	text-decoration:			none;
	}

a:hover, a:active {
	text-decoration:			underline;
	}

.hover_no_underline {
	text-decoration:			none !important;
	}

a, #nav_toggle, a:after, input, select, label, #account_menu_toggle, #select_lang_toggle, .button, .graph_svg_legend_label, .sql_table_button_edit, .sql_table_button_delete, .sql_table_button_hide, #sql_table_button_save, #sql_table_button_cancel {
	-o-transition:				all 150ms ease-in-out;
	-ms-transition:			all 150ms ease-in-out;
	-moz-transition:			all 150ms ease-in-out;
	-webkit-transition:			all 150ms ease-in-out;
	transition:				all 150ms ease-in-out;
	}

.div_table {
	display:					table;
	width:					100%;
	}

.div_cell {
	display:					table-cell;
	text-align:				center;
	}

.vert_mid {
	vertical-align:			middle;
	}

.vert_top {
	vertical-align:			top;
	}

.align_norm {
	text-align:				left;
	}

.cont_1 {
	width:					calc((100% * 300) / 960);
	}

.cont_mid {
	width:					calc((100% * 30) / 960);
	}

.cont_2 {
	position:					relative;
	width:					calc((100% * 630) / 960);
	}

.cont_1 img {
	display:					block;
	width:					100%;
	height:					auto;
	margin:					0 auto;
	-moz-border-radius:			3px;
	-webkit-border-radius:		3px;
	border-radius:				3px;
	}

.align_center {
	text-align:				center;
	}

.grad_list {
	list-style:				none;
	margin-top:				-60px;
	margin-bottom:				-60px;
	}

.grad_list h2 {
	font-size:				30px;
	margin-top:				0;
	margin-bottom:				10px;
	}

.grad_list p {
	margin:					0;
	text-align:				center;
	font-size:				22px;
	line-height:				30px;
	font-weight:				300;
	}

.grad_list li {
	position:					relative;
	padding-top:				60px;
	padding-bottom:			60px;
	}

.grad_list li:before {
	position:					absolute;
	top:						0;
	left:					calc(-50vw + 50%);
	display:					block;
	content:					'';
	width:					100vw;
	height:					100%;
	background:				linear-gradient(#fff,#fdfdfd,#f7f7f7);
	z-index:					-1;
	}

.grad_list li:last-child:before {
	display:					none;
	}

/*  ========================================= Blur Start ========================================= */

.blur_0 {
	-webkit-filter:			none;
	-moz-filter:				none;
	-o-filter:				none;
	-ms-filter:				none;
	filter:					none;
	}

.blur_1 {
	-webkit-filter:			blur(10px) !important;
	-moz-filter:				blur(10px) !important;
	-o-filter:				blur(10px) !important;
	-ms-filter:				blur(10px) !important;
	filter:					blur(10px) !important;
	filter:					progid:DXImageTransform.Microsoft.Blur(PixelRadius='10') !important;
	}

.blur_2 {
	-webkit-filter:			blur(30px) !important;
	-moz-filter:				blur(30px) !important;
	-o-filter:				blur(30px) !important;
	-ms-filter:				blur(30px) !important;
	filter:					blur(30px) !important;
	filter:					progid:DXImageTransform.Microsoft.Blur(PixelRadius='30') !important;
	}

.fade_in {
	opacity:					1 !important;
	display:					block !important;
	}

.no-cssfilters #nav_mask {
	background-color:			rgba(0,0,0,0.8) !important;
	}

/*  ========================================= Nav Start ========================================= */

#nav_toggle {
	display:					none;
	}

nav {
	width:					calc(100% - 17px - 10px - 16px);
	white-space:				nowrap;
	position:					relative;
	overflow-x:				scroll;
	overflow-y:				hidden;
	-webkit-overflow-scrolling:	touch;
	-ms-overflow-style:			none;
    overflow:					-moz-scrollbars-none;
	}

nav::-webkit-scrollbar {
	display:					none;
	}

header nav {
	position:					relative;
	}

header nav ul {
	font-size:				0;
	line-height:				0;
	list-style:				none;
	padding:					0;
	margin:					0;
	}

header nav ul li {
	display:					inline-block;
	position:					relative;
	vertical-align:			top;
	}

header nav ul li a:link, header nav ul li a:visited {
	position:					relative;
	display:					inline-block;
	color:					rgba(255,255,255,1);
	font-size:				12px;
	line-height:				30px;
	font-weight:				bold;
	text-transform:			uppercase;
	padding-left:				15px;
	padding-right:				15px;
	letter-spacing:			0px;
	}

header nav ul li a:hover, header nav ul li a:active, .auth_true header nav ul li a:hover, .auth_true header nav ul li a:active, .auth_true header nav ul li.current_page_item a:link, .auth_true header nav ul li.current_page_item a:visited, .auth_true header nav ul li.current_page_parent a:link, .auth_true header nav ul li.current_page_parent a:visited, .auth_true header nav ul li.current-page-ancestor a:link, .auth_true header nav ul li.current-page-ancestor a:visited {
	color:					rgba(255,255,255,0.65);
	text-decoration:			none;
	}

header nav ul li.current_page_item a:after, header nav ul li.current_page_parent a:after, header nav ul li.current-page-ancestor a:after {
	position:					absolute;
	bottom:					0px;
	left:					50%;
	display:					block;
	content:					'';
	width:					0;
	height:					0;
	margin-left:				-5px;
	border-top:				5px solid #ffffff;
	border-left:				5px solid transparent;
	border-right:				5px solid transparent;
	border-bottom:				none;
	}

header nav ul li a:hover:after, header nav ul li a:active:after {
	border-top-color:			rgba(255,255,255,0.65);
	}

header nav ul li:first-child a {
	position:					relative;
	width:					30px;
	height:					30px;
	padding:					0;
	margin-right:				15px;
	text-indent:				-999px;
	overflow:					hidden;
	background-image:			url('images/logo_w.png');
	background-repeat:			no-repeat;
	background-position:		0% 50%;
	background-size:			contain;
	-moz-border-radius:			2px;
	-webkit-border-radius:		2px;
	border-radius:				2px;
	}

.dark_nav header nav ul li:first-child a {
	background-image:			url('images/logo_b.png');
	}

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
header nav ul li:first-child a {
	background-image:			url('images/logo_w@2x.png');
	}
.dark_nav header nav ul li:first-child a {
	background-image:			url('images/logo_b@2x.png');
	}
}

header nav ul li:first-child a:hover, header nav ul li:first-child a:active {
	opacity:					0.65;
	}

header nav ul li:first-child a:after {
	display:					none;
	}

.dark_nav header nav ul li a:link, .dark_nav header nav ul li a:visited {
	color:					#000000;
	font-weight:				normal;
	}

.dark_nav.project_page header nav ul li a:hover,
.dark_nav.project_page header nav ul li a:active {
	color:					rgba(0,0,0,0.5);
	}

.dark_nav.project_page header nav ul li a:hover:after,
.dark_nav.project_page header nav ul li a:active:after {
	border-top-color:			rgba(0,0,0,0.5);
	}

.dark_nav.auth_true header nav ul li a:hover,
.dark_nav.auth_true header nav ul li a:active,
.dark_nav.auth_true header nav ul li.current_page_item a:link,
.dark_nav.auth_true header nav ul li.current_page_item a:visited,
.dark_nav.auth_true header nav ul li.current_page_parent a:link,
.dark_nav.auth_true header nav ul li.current_page_parent a:visited,
.dark_nav.auth_true header nav ul li.current-page-ancestor a:link,
.dark_nav.auth_true header nav ul li.current-page-ancestor a:visited {
	color:					rgba(0,0,0,0.5);
	}

.dark_nav header nav ul li a:after {
	border-top-color:			#000000;
	}

.auth_true header nav ul li a:after {
	display:					none;
	}

.project_page_sub_nav {
	font-size:				0;
	line-height:				0;
	list-style:				none;
	padding:					0;
	margin:					0px 0px 40px 0px;
	}

.project_page_sub_nav li {
	display:					inline-block;
	font-size:				16px;
	line-height:				20px;
	padding-left:				8px;
	padding-right:				8px;
	border-right:				1px solid #cccccc;
	}

.project_page_sub_nav .current_page_item a {
	text-decoration:			underline; !important;
	cursor:					default !important;
	}

.project_page_sub_nav li:first-child {
	padding-left:				0;
	}

.project_page_sub_nav li:last-child {
	padding-right:				0;
	border-right:				none;
	}

/*  ========================================= Lang Start ========================================= */

#header_right {
	position:					absolute;
	top:						7px;
	right:					0;
	height:					30px;
	text-align:				right;
	}

#account_menu_toggle {
	display:					inline-block;
	vertical-align:			top;
	width:					18px;
	height:					30px;
	padding:					0px 8px 0px 8px;
	background-image:			url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 18' fill='%23ffffff'%3E%3Cpath d='M8.5 0.5c-4.4 0-8 3.6-8 8 0 4.4 3.6 8 8 8 4.4 0 8-3.6 8-8C16.5 4.1 12.9 0.5 8.5 0.5zM12.5 14.2c0 0-0.1 0-0.1 0 -0.4-0.2-0.9-0.3-1.3-0.4 -0.6-0.1-0.8-0.4-0.9-1.1 0-0.1-0.1-0.9 0-0.9 0.4-0.2 0.5-0.9 0.5-1.3 0-0.3 0.2-0.4 0.3-0.7 0.2-0.3 0.3-0.6 0.4-0.9 0.1-0.2 0.2-0.6 0.1-0.8 0-0.2-0.2-0.4-0.2-0.6 0-0.3 0-0.5 0.1-0.8 0.1-0.4 0-0.9 0-1.3 0-0.2-0.1-0.5-0.3-0.6 -0.2-0.3-0.4-0.5-0.6-0.6C9.9 3.8 9.2 3.6 8.5 3.6 7.8 3.6 7.1 3.8 6.6 4.1 6.3 4.3 6.1 4.5 5.9 4.8 5.8 5 5.7 5.2 5.7 5.4 5.6 5.8 5.6 6.3 5.6 6.7c0 0.3 0.1 0.5 0.1 0.8 0 0.2-0.1 0.4-0.2 0.6C5.5 8.3 5.6 8.7 5.6 8.9 5.7 9.2 5.9 9.6 6 9.8c0.1 0.2 0.3 0.4 0.3 0.7 0 0.4 0.1 1.1 0.5 1.3 0.1 0.1 0 0.8 0 0.9 0 0.7-0.3 1-0.9 1.1 -0.5 0.1-0.9 0.2-1.3 0.4 0 0-0.1 0-0.1 0.1C2.7 12.9 1.5 10.8 1.5 8.5c0-3.8 3.1-7 7-7s7 3.1 7 7C15.5 10.8 14.3 12.9 12.5 14.2z' /%3E%3C/svg%3E");
	background-repeat:			no-repeat;
	background-position:		50% 50%;
	background-size:			17px 18px;
	cursor:					pointer;
	}

.dark_nav #account_menu_toggle {
	background-image:			url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 18' fill='%23000000'%3E%3Cpath d='M8.5 0.5c-4.4 0-8 3.6-8 8 0 4.4 3.6 8 8 8 4.4 0 8-3.6 8-8C16.5 4.1 12.9 0.5 8.5 0.5zM12.5 14.2c0 0-0.1 0-0.1 0 -0.4-0.2-0.9-0.3-1.3-0.4 -0.6-0.1-0.8-0.4-0.9-1.1 0-0.1-0.1-0.9 0-0.9 0.4-0.2 0.5-0.9 0.5-1.3 0-0.3 0.2-0.4 0.3-0.7 0.2-0.3 0.3-0.6 0.4-0.9 0.1-0.2 0.2-0.6 0.1-0.8 0-0.2-0.2-0.4-0.2-0.6 0-0.3 0-0.5 0.1-0.8 0.1-0.4 0-0.9 0-1.3 0-0.2-0.1-0.5-0.3-0.6 -0.2-0.3-0.4-0.5-0.6-0.6C9.9 3.8 9.2 3.6 8.5 3.6 7.8 3.6 7.1 3.8 6.6 4.1 6.3 4.3 6.1 4.5 5.9 4.8 5.8 5 5.7 5.2 5.7 5.4 5.6 5.8 5.6 6.3 5.6 6.7c0 0.3 0.1 0.5 0.1 0.8 0 0.2-0.1 0.4-0.2 0.6C5.5 8.3 5.6 8.7 5.6 8.9 5.7 9.2 5.9 9.6 6 9.8c0.1 0.2 0.3 0.4 0.3 0.7 0 0.4 0.1 1.1 0.5 1.3 0.1 0.1 0 0.8 0 0.9 0 0.7-0.3 1-0.9 1.1 -0.5 0.1-0.9 0.2-1.3 0.4 0 0-0.1 0-0.1 0.1C2.7 12.9 1.5 10.8 1.5 8.5c0-3.8 3.1-7 7-7s7 3.1 7 7C15.5 10.8 14.3 12.9 12.5 14.2z' /%3E%3C/svg%3E");
	}

#account_menu_toggle:hover {
	opacity:					0.65;
	}

.dark_nav #account_menu_toggle:hover {
	opacity:					0.5;
	}

.dark_nav #account_menu_toggle {
	background-image:			url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 18' fill='%23000000'%3E%3Cpath d='M8.5 0.5c-4.4 0-8 3.6-8 8 0 4.4 3.6 8 8 8 4.4 0 8-3.6 8-8C16.5 4.1 12.9 0.5 8.5 0.5zM12.5 14.2c0 0-0.1 0-0.1 0 -0.4-0.2-0.9-0.3-1.3-0.4 -0.6-0.1-0.8-0.4-0.9-1.1 0-0.1-0.1-0.9 0-0.9 0.4-0.2 0.5-0.9 0.5-1.3 0-0.3 0.2-0.4 0.3-0.7 0.2-0.3 0.3-0.6 0.4-0.9 0.1-0.2 0.2-0.6 0.1-0.8 0-0.2-0.2-0.4-0.2-0.6 0-0.3 0-0.5 0.1-0.8 0.1-0.4 0-0.9 0-1.3 0-0.2-0.1-0.5-0.3-0.6 -0.2-0.3-0.4-0.5-0.6-0.6C9.9 3.8 9.2 3.6 8.5 3.6 7.8 3.6 7.1 3.8 6.6 4.1 6.3 4.3 6.1 4.5 5.9 4.8 5.8 5 5.7 5.2 5.7 5.4 5.6 5.8 5.6 6.3 5.6 6.7c0 0.3 0.1 0.5 0.1 0.8 0 0.2-0.1 0.4-0.2 0.6C5.5 8.3 5.6 8.7 5.6 8.9 5.7 9.2 5.9 9.6 6 9.8c0.1 0.2 0.3 0.4 0.3 0.7 0 0.4 0.1 1.1 0.5 1.3 0.1 0.1 0 0.8 0 0.9 0 0.7-0.3 1-0.9 1.1 -0.5 0.1-0.9 0.2-1.3 0.4 0 0-0.1 0-0.1 0.1C2.7 12.9 1.5 10.8 1.5 8.5c0-3.8 3.1-7 7-7s7 3.1 7 7C15.5 10.8 14.3 12.9 12.5 14.2z' /%3E%3C/svg%3E");
	}

.dark_nav #account_menu_toggle:hover {
	opacity:					0.5;
	}

#account_menu, #select_lang {
	position:					absolute;
	display:					none;
	top:						calc(30px + 7px + 4px);
	right:					0px;
	width:					auto;
	height:					auto;
	padding:					10px 20px 10px 20px;
	background-color:			#ffffff;
	color:					#555555;
	-moz-border-radius:			2px;
	-webkit-border-radius:		2px;
	border-radius:				2px;
	border:					1px solid #cccccc;
	}

#account_menu {
	text-align:				left;
	padding:					20px 20px 20px 20px;
	font-size:				12px;
	text-transform:			uppercase;
	}

#account_menu h3 {
	text-transform:			none;
	white-space:				nowrap;
	overflow:					hidden;
	text-overflow:				ellipsis;
	margin:					0;
	}

#account_menu:before, #select_lang:before {
	position:					absolute;
	top:						-6px;
	right:					calc((34px - 14px) / 2 + 34px + 10px);
	display:					block;
	content:					'';
	width:					10px;
	height:					10px;
	background-color:			#ffffff;
	border-top:				1px solid #cccccc;
	border-left:				1px solid #cccccc;
	border-bottom:				1px solid #ffffff;
	border-right:				1px solid #ffffff;
	transform:				rotate(45deg);
	}

#select_lang:before {
	right:					calc((34px - 14px) / 2);
	}

#select_lang_toggle {
	display:					inline-block;
	vertical-align:			top;
	width:					18px;
	heght:					30px;
	padding:					0px 8px 0px 8px;
	margin-left:				10px;
	line-height:				30px;
	font-size:				12px;
	font-weight:				bold;
	color:					#ffffff;
	text-transform:			uppercase;
	text-align:				center;
	cursor:					pointer;
	}

#select_lang_toggle:hover {
	color:					rgba(255,255,255,0.65);
	}

.dark_nav #select_lang_toggle {
	color:					#000000;
	font-weight:				normal;
	}

.dark_nav #select_lang_toggle:hover {
	color:					rgba(0,0,0,0.5);
	}

#select_lang a:link, #select_lang a:visited {
	display:					block;
	font-size:				12px;
	text-transform:			uppercase;
	line-height:				30px;
	height:					30px;
	padding-right:				16px;
	color:					#0070c9;
	}

#select_lang a:hover, #select_lang a:active {
	text-decoration:			none;
	color:					#555555;
	}

.active_lang {
	background-image:			url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26' fill='%230070c9'%3E%3Cpath d='m0.3 14c-0.2-0.2-0.3-0.5-0.3-0.7s0.1-0.5 0.3-0.7l1.4-1.4c0.4-0.4 1-0.4 1.4 0l0.1 0.1 5.5 5.9c0.2 0.2 0.5 0.2 0.7 0l13.4-13.9h0.1v0c0.4-0.4 1-0.4 1.4 0l1.4 1.4c0.4 0.4 0.4 1 0 1.4l0 0-16 16.6c-0.2 0.2-0.4 0.3-0.7 0.3-0.3 0-0.5-0.1-0.7-0.3l-7.8-8.4-0.2-0.3z'/%3E%3C/svg%3E ");
	background-repeat:			no-repeat;
	background-position:		100% 50%;
	background-size:			8px 8px;
	}

.active_lang:hover {
	background-image:			url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26' fill='%23555555'%3E%3Cpath d='m0.3 14c-0.2-0.2-0.3-0.5-0.3-0.7s0.1-0.5 0.3-0.7l1.4-1.4c0.4-0.4 1-0.4 1.4 0l0.1 0.1 5.5 5.9c0.2 0.2 0.5 0.2 0.7 0l13.4-13.9h0.1v0c0.4-0.4 1-0.4 1.4 0l1.4 1.4c0.4 0.4 0.4 1 0 1.4l0 0-16 16.6c-0.2 0.2-0.4 0.3-0.7 0.3-0.3 0-0.5-0.1-0.7-0.3l-7.8-8.4-0.2-0.3z'/%3E%3C/svg%3E ");
	}

/*  ========================================= Cookie Start ========================================= */

#cookie_popup_wrapper {
	position:					fixed;
	bottom:					0;
	left:					0;
	width:					100%;
	height:					auto;
	background-color:			rgba(240,240,240,0.9);
	padding:					10px 0px 10px 0px;
	z-index:					9999 !important;
	}

#cookie_popup {
	font-size:				10px;
	line-height:				20px;
	text-transform:			uppercase;
	font-weight:				bold;
	color:					#333333;
	letter-spacing:			1px;
	text-align:				center;
	}

#cookie_popup_ok {
	display:					inline-block;
	color:					#0088cc;
	cursor:					pointer;
	}

/*  ========================================= Main Start ========================================= */

#mask {
	position:					fixed;
	top:						0;
	right:					0;
	bottom:					0;
	left:					0;
	background-color:			#000000;
	z-index:					9999;
	}

/*  ========================================= Enter Start ========================================= */

input, select, textarea {
	display:					block;
	width:					100%;
	height:					20px;
	font-family:				'Roboto', sans-serif;
	font-size:				16px;
	line-height:				20px;
	font-weight:				normal;
	color:					#0070c9;
	background-color:			transparent;
	margin:					0px 0px 20px 0px;
	padding:					0px 0px 0px 0px;
	border:					none;
	overflow:					hidden;
	cursor:					pointer;
	-webkit-appearance:			none;
	-moz-appearance:			none;
	appearance:				none;
	}

input:-webkit-autofill {
	-webkit-box-shadow:			0 0 0 30px #ffffff inset;
	-webkit-text-fill-color:		#555555 !important;
	}

select {
	background-image:			url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 292.4 292.4' fill='%230070c9'%3E%3Cpath d='M286.9 69.4c-3.6-3.6-7.9-5.4-12.8-5.4H18.3c-5 0-9.2 1.8-12.8 5.4C1.8 73 0 77.3 0 82.2c0 4.9 1.8 9.2 5.4 12.8l127.9 127.9c3.6 3.6 7.9 5.4 12.9 5.4s9.2-1.8 12.8-5.4L286.9 95.1c3.6-3.6 5.4-7.9 5.4-12.8C292.4 77.3 290.5 73 286.9 69.4z'/%3E%3C/svg%3E");
	height:					20px;
	line-height:				20px;
	background-repeat:			no-repeat;
	background-position:		0 50%;
	background-size:			9px 9px;
	padding-left:				18px;
	padding-right:				0;
	}

input[type=checkbox] {
	display:					inline-block;
	width:					12px;
	height:					20px;
	margin:					0;
	padding:					0;
	vertical-align:			top;
	background-image:			url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 402 402' fill='%230070c9'%3E%3Cpath d='M377.9 24.1C361.8 8 342.4 0 319.8 0H82.2C59.6 0 40.2 8 24.1 24.1 8 40.2 0 59.6 0 82.2v237.5c0 22.6 8 42 24.1 58.1 16.1 16.1 35.5 24.1 58.1 24.1h237.5c22.6 0 42-8 58.1-24.1 16.1-16.1 24.1-35.5 24.1-58.1V82.2C402 59.6 394 40.2 377.9 24.1zM365.4 319.8c0 12.6-4.5 23.3-13.4 32.3 -8.9 8.9-19.7 13.4-32.3 13.4H82.2c-12.6 0-23.3-4.5-32.3-13.4 -8.9-8.9-13.4-19.7-13.4-32.3V82.2c0-12.6 4.5-23.3 13.4-32.3 8.9-8.9 19.7-13.4 32.3-13.4h237.5c12.6 0 23.3 4.5 32.3 13.4 8.9 8.9 13.4 19.7 13.4 32.3V319.8L365.4 319.8z'/%3E%3C/svg%3E");
	background-repeat:			no-repeat;
	background-position:		50% 50%;
	background-size:			12px 12px;
	}

input[type=checkbox]:checked {
	background-image:			url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 438.5 438.5' fill='%230070c9'%3E%3Cpath d='M414.4 24.1C398.3 8 379 0 356.3 0H82.2C59.6 0 40.2 8 24.1 24.1 8 40.2 0 59.6 0 82.2v274.1c0 22.6 8 42 24.1 58.1 16.1 16.1 35.5 24.1 58.1 24.1h274.1c22.6 0 42-8 58.1-24.1 16.1-16.1 24.1-35.5 24.1-58.1V82.2C438.5 59.6 430.5 40.2 414.4 24.1zM370.9 159l-175.3 175.3c-3.6 3.6-7.9 5.4-12.8 5.4 -4.9 0-9.2-1.8-12.8-5.4L67.7 232.1c-3.6-3.6-5.4-7.9-5.4-12.8 0-4.9 1.8-9.2 5.4-12.8l29.1-29.1c3.6-3.6 7.9-5.4 12.8-5.4 5 0 9.2 1.8 12.9 5.4l60.2 60.2 133.3-133.3c3.6-3.6 7.9-5.4 12.8-5.4 4.9 0 9.2 1.8 12.8 5.4l29.1 29.1c3.6 3.6 5.4 7.9 5.4 12.8S374.5 155.4 370.9 159z'/%3E%3C/svg%3E");
	}

.radio_graph {
	display:					inline-block;
	width:					12px;
	height:					20px;
	margin:					0;
	padding:					0;
	vertical-align:			top;
	margin-left:				8px !important;
	background-repeat:			no-repeat;
	background-position:		50% 50%;
	background-size:			12px 12px;
	}

.radio_graph:checked {
	display:					none;
	}

.radio_graph_2 {
	background-image:			url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 384' fill='%230070c9'%3E%3Cpath d='M277.333 213.333h-64V0h-42.666v213.333h-64L192 298.667M21.333 341.333h341.333V384H21.333z'/%3E%3C/svg%3E");
	}

.radio_graph_1 {
	background-image:			url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 384' fill='%230070c9'%3E%3Cpath d='M21.333 0h341.333v42.667H21.333zm85.334 170.667h64V384h42.666V170.667h64L192 85.333'/%3E%3C/svg%3E");
	}

.radio_graph_2:disabled {
	background-image:			url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 384' fill='%23dfdfdf'%3E%3Cpath d='M277.333 213.333h-64V0h-42.666v213.333h-64L192 298.667M21.333 341.333h341.333V384H21.333z'/%3E%3C/svg%3E");
	cursor:					default;
	}

.radio_graph_1:disabled {
	background-image:			url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 384' fill='%23dfdfdf'%3E%3Cpath d='M21.333 0h341.333v42.667H21.333zm85.334 170.667h64V384h42.666V170.667h64L192 85.333'/%3E%3C/svg%3E");
	cursor:					default;
	}

label {
	display:					inline-block;
	vertical-align:			top;
	line-height:				20px;
	height:					20px;
	margin:					0;
	padding:					0px 0px 0px 8px;
	cursor:					pointer;
	color:					#0070c9;
	}

.disabled_checkbox input[type=checkbox] {
	background-image:			url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 402 402' fill='%23dfdfdf'%3E%3Cpath d='M377.9 24.1C361.8 8 342.4 0 319.8 0H82.2C59.6 0 40.2 8 24.1 24.1 8 40.2 0 59.6 0 82.2v237.5c0 22.6 8 42 24.1 58.1 16.1 16.1 35.5 24.1 58.1 24.1h237.5c22.6 0 42-8 58.1-24.1 16.1-16.1 24.1-35.5 24.1-58.1V82.2C402 59.6 394 40.2 377.9 24.1zM365.4 319.8c0 12.6-4.5 23.3-13.4 32.3 -8.9 8.9-19.7 13.4-32.3 13.4H82.2c-12.6 0-23.3-4.5-32.3-13.4 -8.9-8.9-13.4-19.7-13.4-32.3V82.2c0-12.6 4.5-23.3 13.4-32.3 8.9-8.9 19.7-13.4 32.3-13.4h237.5c12.6 0 23.3 4.5 32.3 13.4 8.9 8.9 13.4 19.7 13.4 32.3V319.8L365.4 319.8z'/%3E%3C/svg%3E");
	}

.disabled_checkbox input[type=checkbox], .disabled_checkbox label {
	color:					#dfdfdf;
	cursor:					default;
	}

::placeholder {
	color:					#000000;
	opacity:					0.3;
	}

::-webkit-input-placeholder {
	color:					#000000;
	opacity:					0.3;
	}

::-moz-placeholder {
	color:					#000000;
	opacity:					0.3;
	}

:-ms-input-placeholder {
	color:					#000000;
	opacity:					0.3;
	}

.button {
	position:					relative;
	display:					inline-block;
	width:					calc(100%);
	margin:					0;
	height:					30px;
	line-height:				30px;
	font-size:				13px;
	font-weight:				bold;
	color:					#ffffff !important;
	background-color:			#0070c9;
	text-transform:			uppercase;
	text-align:				center;
	-moz-border-radius:			3px;
	-webkit-border-radius:		3px;
	border-radius:				3px;
	border:					none;
	cursor:					pointer;
	}

.button:hover, .button:active {
	background-color:			#000000 !important;
	text-decoration:			none;
	}

#user_login, #user_pass {
	-moz-border-radius:			3px;
	-webkit-border-radius:		3px;
	border-radius:				3px;
	}

/*  ========================================= Log in Start ========================================= */

#user_login, #user_pass {
	width:					calc(100% - 20px);
	height:					30px;
	line-height:				30px;
	border:					none;
	padding-left:				10px;
	padding-right:				10px;
	background-color:			#ffffff;
	}

#loginform, #reset_password_form {
	width:					220px;
	margin-left:				auto;
	margin-right:				auto;
	}

.password_reset_button {
	display:					block;
	max-width:				120px;
	margin-left:				auto;
	margin-right:				auto;
	}

#loginform label, .login-remember {
	display:					none;
	}

#loginform a {
	display:					block;
	margin-top:				20px;
	font-size:				12px;
	line-height:				20px;
	text-transform:			uppercase;
	text-align:				center;
	}

#background {
	position:					fixed;
	top:						0;
	left:					0;
	width:					100%;
	height:					100vh;
	background-color:			#eeeeee;
	background-repeat:			no-repeat;
	background-position:		50% 50%;
	background-size:			cover;
	z-index:					-1;
	}

#background_div {
	width:					100%;
	height:					100%;
	background-image:			url('images/vignette.png');
	background-repeat:			no-repeat;
	background-position:		50% 50%;
	background-size:			cover;
	}

#background {
	background-image:			url('images/world.jpg');
	transform:				matrix(1.1,0,0,1.1,0,0);
    -webkit-transform:			matrix(1.1,0,0,1.1,0,0);
	-moz-transform:			matrix(1.1,0,0,1.1,0,0);
    -ms-transform:				matrix(1.1,0,0,1.1,0,0);
	-o-transition:				matrix(1.1,0,0,1.1,0,0);
	transition:				all 5000ms ease-out;
    -webkit-transition:			all 5000ms ease-out;
    -moz-transition:			all 5000ms ease-out;
    -ms-transition:				all 5000ms ease-out;
    -o-transition:				all 5000ms ease-out;
	}

#background_div {
	display:					block;
	background-color:			rgba(255,255,255,0.85);
	}

.zoom_in {
	transform:				matrix(1,0,0,1,0,0) !important;
    -webkit-transform:			matrix(1,0,0,1,0,0) !important;
	-moz-transform:			matrix(1,0,0,1,0,0) !important;
    -ms-transform:				matrix(1,0,0,1,0,0) !important;
	-o-transition:				matrix(1,0,0,1,0,0) !important;
	}

.fade_out {
	opacity:					0;
	}

/*  ========================================= Dashboard Start ========================================= */

#unit_select {
	width:					calc(100% * 234 / 960);
	margin-bottom:				20px;
	}

.dashboard {
	font-size:				0;
	line-height:				0;
	}

.dashboard_panel {
	position:					relative;
	display:					inline-block;
	width:					calc(100% * 210 / 960);
	padding-left:				calc(100% * 12 / 960);
	padding-right:				calc(100% * 12 / 960);
	padding-top:				12px;
	padding-bottom:			12px;
	margin-right:				calc(100% * 8 / 960);
	margin-bottom:				8px;
	-moz-border-radius:			5px;
	-webkit-border-radius:		5px;
	border-radius:				5px;
	background:				linear-gradient(#fff,#fdfdfd,#f7f7f7);
	vertical-align:			top;
	}

.dashboard_panel_4n {
	margin-right:				0;
	}

.dashboard_panel svg {
	position:					relative;
	display:					block;
	width:					100%;
	height:					100%;
	}

.dashboard_arrow {
	position:					absolute;
	left:					50%;
	bottom:					50%;
	width:					1px;
	height:					35%;
	background-color:			#555555;
	-moz-border-radius:			1px;
	-webkit-border-radius:		1px;
	border-radius:				1px;
    transform-origin:			50% 100%;
    z-index:					1;
	}

.dashboard_arrow, #dashboard_panel_io_68_0_1_2_3_4_svg {
	transition:				all 1000ms ease-out;
    -webkit-transition:			all 1000ms ease-out;
    -moz-transition:			all 1000ms ease-out;
    -ms-transition:				all 1000ms ease-out;
    -o-transition:				all 1000ms ease-out;
	}

.dashboard h3, .dashboard span {
	position:					absolute;
	left:					0;
	bottom:					calc(12px + 20px);
	width:					100%;
	height:					20px;
	display:					block;
	font-size:				14px;
	line-height:				20px;
	margin:					0;
	font-weight:				normal;
	text-align:				center;
	z-index:					1;
	}

.dashboard span {
	bottom:					calc(12px + 0px);
	}

.io_red {
	animation:					io_red_animation ease 1s;
	animation-iteration-count:		infinite;
	-webkit-animation:				io_red_animation ease 1s;
	-webkit-animation-iteration-count:	infinite;
	-moz-animation:				io_red_animation ease 1s;
	-moz-animation-iteration-count:	infinite;
	-o-animation:					io_red_animation ease 1s;
	-o-animation-iteration-count:		infinite;
	-ms-animation:					io_red_animation ease 1s;
	-ms-animation-iteration-count:	infinite;
	}
@keyframes io_red_animation { 50% { border-color: #ff0000; color: #ff0000; } }
@-moz-keyframes io_red_animation { 50% { border-color: #ff0000; color: #ff0000; } }
@-webkit-keyframes io_red_animation { 50% { border-color: #ff0000; color: #ff0000; } }
@-o-keyframes io_red_animation { 50% { border-color: #ff0000; color: #ff0000; } }
@-ms-keyframes io_red_animation { 50% { border-color: #ff0000; color: #ff0000; } }

#data_timestamp {
	color:					#dddddd;
	}

#io_66_wrapper {
	margin-top:				22px;
	margin-bottom:				20px;
	padding:					72px 0px 72px 35px;
	}

#io_66_plan {
	position:					relative;
	font-size:				0;
	line-height:				0;
	}

#io_66_plan > img {
	display:					block;
	width:					100% !important;
	height:					auto !important;
	opacity:					0.2;
	}

#io_66_plan > div {
	position:					absolute;
	display:					block;
	width:					60px;
	text-align:				center;
	background-color:			#000000;
	-moz-border-radius:			3px;
	-webkit-border-radius:		3px;
	border-radius:				3px;
	}

#io_66_plan > div > span {
	display:					block;
	font-size:				12px;
	line-height:				20px;
	font-weight:				bold;
	color:					#ffffff;
	}

.io_66_cam {
	position:					absolute;
	display:					block;
	width:					30px !important;
	height:					30px !important;
	background-color:			#000000;
	background-image:			url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 206.8 206.8' fill='white'%3E%3Cpath d='M154.4 163.8H0V43h154.4v42.2l52.4-42.6v121.5l-52.4-42.6V163.8z'/%3E%3C/svg%3E");
	background-repeat:			no-repeat;
	background-position:		50% 50%;
	background-size:			16px 16px;
	-moz-border-radius:			3px;
	-webkit-border-radius:		3px;
	border-radius:				3px;
	}

#io_66_cam_1 {
	bottom:					-35px;
	left:					5%;
	}
#io_66_cam_2 {
	top:						calc(50% - 15px);
	left:					-35px;
	}
#io_66_cam_3 {
	top:						-35px;
	left:					5%;
	}
#io_66_cam_4 {
	top:						14%;
	left:					6%;
	}

#io_66_cam_6 {
	bottom:					0px;
	left:					27%;
	transform:				translate(-50%,0%);
	}
/* Cam 6 */#io_66_1 {
	bottom:					-30px;
	left:					27%;
	transform:				translate(-50%,0%);
	}
/* Cam 6 */#io_66_1:after {
	display:					block;
	content:					'';
	position:					absolute;
	top:						-5px;
	left:					50%;
    transform:					translate(-50%,0%);
    border-top:				none;
    border-left:				5px solid transparent;
    border-right:				5px solid transparent;
    border-bottom:				5px solid #000000;
	}
/* Door 6 */#io_66_2 {
	bottom:					calc(0px - 30px - 21px);
	left:					27%;
	transform:				translate(-50%,0%);
	}
/* Box 6 */#io_66_0 {
	bottom:					calc(0px - 30px - 21px - 21px);
	left:					27%;
	transform:				translate(-50%,0%);
	}

#io_66_cam_5 {
	top:						0px;
	left:					27%;
    transform:					translate(-50%,0%);
	}
/* Box 5 */#io_66_4 {
	top:						calc(0px - 30px - 21px - 21px);
	left:					27%;
    transform:					translate(-50%,0%);
	}
/* Door 5 */#io_66_6 {
	top:						calc(0px - 30px - 21px);
	left:					27%;
    transform:					translate(-50%,0%);
	}
/* Cam 5 */#io_66_5 {
	top:						calc(0px - 30px);
	left:					27%;
    transform:					translate(-50%,0%);
	}
/* Cam 5 */#io_66_5:after {
	display:					block;
	content:					'';
	position:					absolute;
	bottom:					-5px;
	left:					50%;
    transform:					translate(-50%,0%);
    border-top:				5px solid #000000;
    border-left:				5px solid transparent;
    border-right:				5px solid transparent;
    border-bottom:				none;
	}

#io_66_cam_7 {
	top:						25%;
	left:					11%;
	}
/* Cam 7 */#io_66_9 {
	top:						calc(25% + 5px);
	left:					calc(11% + 30px + 10px);
	}
/* Cam 7 */#io_66_9:after {
	display:					block;
	content:					'';
	position:					absolute;
	top:						50%;
	left:					-5px;
    transform:					translate(0%,-50%);
    border-top:				5px solid transparent;
    border-left:				none;
    border-right:				5px solid #000000;
    border-bottom:				5px solid transparent;
	}
/* Box 7 */#io_66_8 {
	top:						calc(25% + 5px + 21px);
	left:					calc(11% + 30px + 10px);
	}

#io_66_cam_8 {
	top:						10%;
	right:					24%;
    transform:					translate(50%,0%);
	}
/* Cam 8 */#io_66_13 {
	top:						calc(10% - 10px - 20px);
	right:					24%;
	transform:				translate(50%,0%);
	}
/* Cam 8 */#io_66_13:after {
	display:					block;
	content:					'';
	position:					absolute;
	bottom:					-5px;
	left:					50%;
    transform:					translate(-50%,0%);
    border-top:				5px solid #000000;
    border-left:				5px solid transparent;
    border-right:				5px solid transparent;
    border-bottom:				none;
	}
/* Box 8 */#io_66_12 {
	top:						calc(10% - 10px - 20px - 21px);
	right:					24%;
    transform:					translate(+50%,0%);
	}

/* Main Box */#io_66_14 {
	bottom:					-30px;
	right:					1%;
	background-color:			#00bb00 !important;
	}

/* Inverter */#io_66_15 {
	bottom:					-51px;
	right:					1%;
	background-color:			#00bb00 !important;
	}

.io_66_red {
	animation:					io_66_red_animation ease 1s;
	animation-iteration-count:		infinite;
	-webkit-animation:				io_66_red_animation ease 1s;
	-webkit-animation-iteration-count:	infinite;
	-moz-animation:				io_66_red_animation ease 1s;
	-moz-animation-iteration-count:	infinite;
	-o-animation:					io_66_red_animation ease 1s;
	-o-animation-iteration-count:		infinite;
	-ms-animation:					io_66_red_animation ease 1s;
	-ms-animation-iteration-count:	infinite;
	}
@keyframes io_66_red_animation { 50% { background-color: #ff0000; } }
@-moz-keyframes io_66_red_animation { 50% { background-color: #ff0000; } }
@-webkit-keyframes io_66_red_animation { 50% { background-color: #ff0000; } }
@-o-keyframes io_66_red_animation { 50% { background-color: #ff0000; } }
@-ms-keyframes io_66_red_animation { 50% { background-color: #ff0000; } }

#io_66_1.io_66_red:after {
	animation:					io_66_arrow_top_red_animation ease 1s;
	animation-iteration-count:		infinite;
	-webkit-animation:				io_66_arrow_top_red_animation ease 1s;
	-webkit-animation-iteration-count:	infinite;
	-moz-animation:				io_66_arrow_top_red_animation ease 1s;
	-moz-animation-iteration-count:	infinite;
	-o-animation:					io_66_arrow_top_red_animation ease 1s;
	-o-animation-iteration-count:		infinite;
	-ms-animation:					io_66_arrow_top_red_animation ease 1s;
	-ms-animation-iteration-count:	infinite;
	}
@keyframes io_66_arrow_top_red_animation { 50% { border-bottom-color: #ff0000; } }
@-moz-keyframes io_66_arrow_top_red_animation { 50% { border-bottom-color: #ff0000; } }
@-webkit-keyframes io_66_arrow_top_red_animation { 50% { border-bottom-color: #ff0000; } }
@-o-keyframes io_66_arrow_top_red_animation { 50% { border-bottom-color: #ff0000; } }
@-ms-keyframes io_66_arrow_top_red_animation { 50% { border-bottom-color: #ff0000; } }

#io_66_5.io_66_red:after, #io_66_13.io_66_red:after {
	animation:					io_66_arrow_bottom_red_animation ease 1s;
	animation-iteration-count:		infinite;
	-webkit-animation:				io_66_arrow_bottom_red_animation ease 1s;
	-webkit-animation-iteration-count:	infinite;
	-moz-animation:				io_66_arrow_bottom_red_animation ease 1s;
	-moz-animation-iteration-count:	infinite;
	-o-animation:					io_66_arrow_bottom_red_animation ease 1s;
	-o-animation-iteration-count:		infinite;
	-ms-animation:					io_66_arrow_bottom_red_animation ease 1s;
	-ms-animation-iteration-count:	infinite;
	}
@keyframes io_66_arrow_bottom_red_animation { 50% { border-top-color: #ff0000; } }
@-moz-keyframes io_66_arrow_bottom_red_animation { 50% { border-top-color: #ff0000; } }
@-webkit-keyframes io_66_arrow_bottom_red_animation { 50% { border-top-color: #ff0000; } }
@-o-keyframes io_66_arrow_bottom_red_animation { 50% { border-top-color: #ff0000; } }
@-ms-keyframes io_66_arrow_bottom_red_animation { 50% { border-top-color: #ff0000; } }

#io_66_9.io_66_red:after {
	animation:					io_66_arrow_left_red_animation ease 1s;
	animation-iteration-count:		infinite;
	-webkit-animation:				io_66_arrow_left_red_animation ease 1s;
	-webkit-animation-iteration-count:	infinite;
	-moz-animation:				io_66_arrow_left_red_animation ease 1s;
	-moz-animation-iteration-count:	infinite;
	-o-animation:					io_66_arrow_left_red_animation ease 1s;
	-o-animation-iteration-count:		infinite;
	-ms-animation:					io_66_arrow_left_red_animation ease 1s;
	-ms-animation-iteration-count:	infinite;
	}
@keyframes io_66_arrow_left_red_animation { 50% { border-right-color: #ff0000; } }
@-moz-keyframes io_66_arrow_left_red_animation { 50% { border-right-color: #ff0000; } }
@-webkit-keyframes io_66_arrow_left_red_animation { 50% { border-right-color: #ff0000; } }
@-o-keyframes io_66_arrow_left_red_animation { 50% { border-right-color: #ff0000; } }
@-ms-keyframes io_66_arrow_left_red_animation { 50% { border-right-color: #ff0000; } }

/*  ========================================= Analytics Start ========================================= */

.page-analytics section, .page-fleet section {
	width:					100%;
	max-width:				100%;
	}

.analytics_form {
	padding-top:				30px;
	padding-bottom:			30px;
	}

.analytics_form h3 {
	margin-bottom:				20px;
	display:					none;
	}

.analytics_map_toggle_wrapper {
	margin-top:				20px;
	height:					20px;
	}

.analytics_alarm_toggle_wrapper {
	height:					20px;
	}

.analytics_form select, .analytics_block_time input {
	display:					block;
	margin:					0;
	text-transform:			uppercase;
	}

#unit_1_select, #from_time {
	margin-bottom:				20px;
	}

.analytics_form .button {
	max-width:				120px;
	display:					inline-block;
	vertical-align:			top;
	margin-right:				10px;
	}

.analytics_block {
	padding:					20px 20px 20px 20px;
	-moz-border-radius:			5px;
	-webkit-border-radius:		5px;
	border-radius:				5px;
	background:				linear-gradient(#ffffff,#fdfdfd,#f7f7f7);
	}

.analytics_block_x1, .analytics_block_x2 {
	display:					inline-block;
	vertical-align:			top;
	width:					calc(100% * 194 / 960);
	padding-left:				calc(100% * 20 / 960);
	padding-right:				calc(100% * 20 / 960);
	margin-right:				calc(100% * 8 / 960);
	min-height:				165px;
	padding-bottom:			15px;
	}

.analytics_block_x2 {
	padding-left:				calc(100% * 15 / 960);
	padding-right:				calc(100% * 15 / 960);
	width:					calc(100% * 446 / 960);
	}

.analytics_calendar_scroll {
	width:					100%;
	height:					calc(8 * 20px + 5px);
	white-space:				nowrap;
	position:					relative;
	overflow-x:				scroll;
	overflow-y:				hidden;
	-webkit-overflow-scrolling:	touch;
	-ms-overflow-style:			none;
    overflow:					-moz-scrollbars-none;
	}

.analytics_calendar_scroll::-webkit-scrollbar {
	display:					none;
	}

.analytics_calendar_wrapper {
	display:					inline-block;
	width:					calc(24px * 7);
	padding-right:				31px;
	}

.analytics_calendar_scroll .analytics_calendar_wrapper:last-child {
	padding-right:				0;
	}

.analytics_calendar_wrapper h4 {
	margin-left:				6px;
	font-size:				12px;
	line-height:				20px;
	letter-spacing:			0px;
	margin-bottom:				0px;
	color:					#aaaaaa;
	}

.analytics_calendar_table {
    border-spacing:				0;
    border-collapse:			collapse;
	}

.analytics_calendar_table th, .analytics_calendar_table td {
	width:					24px;
	font-size:				12px;
	line-height:				20px;
	font-weight:				normal;
	text-align:				center;
	}

.analytics_calendar_table td {
	color:					#dfdfdf;
	}

.analytics_calendar_wrapper h4, .analytics_calendar_table th {
	text-transform:			uppercase;
	font-weight:				normal;
	}

.analytics_block_label {
	display:					block !important;
	text-transform:			uppercase;
	font-size:				12px;
	line-height:				20px;
	color:					#aaaaaa;
	}

.analytics_block_time {
	margin-right:				0;
	}

.analytics_block_fields {
	background:				linear-gradient(#f7f7f7,#fdfdfd,#ffffff);
	margin-top:				8px;
	margin-bottom:				8px;
	}

.analytics_calendar_table span {
	display:					block;
	}

.calendar_day_available span {
	color:					#0070c9;
	cursor:					pointer;
	}

.calendar_day_selected span {
	background-color:			rgba(0,112,201,0.1);
	}

.analytics_block_time span {
	display:					inline-block;
	vertical-align:			top;
	width:					auto;
	height:					20px;
	line-height:				20px;
	}

.analytics_block_time input {
	display:					inline-block;
	vertical-align:			top;
	width:					calc(19px) !important;
	margin-bottom:				0;
	}

#from_minute, #to_minute {
	padding-left:				1px;
	}

#from, #to {
	display:					block;
	width:					100% !important;
	}

.analytics_block_time div:last-child .analytics_block_label {
	margin-top:				20px;
	}

.analytics_block_fields ul {
	list-style:				none;
	-webkit-column-count:		4;
	-moz-column-count:			4;
	column-count:				4;
	}

#analytics_submit {
	background-color:			#0070c9;
	}

#analytics_submit:hover {
	background-color:			#000000 !important;
	}

#map {
	width:					100%;
	background-color:			rgba(0,0,0,0.1);
	}

#graph {
	position:					relative;
	}

#graph_wrapper {
	position:					relative;
	overflow-x:				scroll;
	overflow-y:				hidden;
	-webkit-overflow-scrolling:	touch;
	-ms-overflow-style:			none;
    overflow:					-moz-scrollbars-none;
	font-size:				0;
	line-height:				0;
	}

#graph_wrapper::-webkit-scrollbar {
	display:					none;
	}

#graph_values {
	position:					absolute;
    white-space:				nowrap;
	z-index:					2;
	}

#graph_svg {
	position:					relative;
	display:					block;
	z-index:					1;
	}

.graph_values_line {
	position:					relative;
	display:					inline-block;
	height:					100%;
	cursor:					pointer;
	overflow:					visible;
	}

.graph_field_label {
	cursor:					pointer;
	}

.line_through {
	text-decoration:			line-through;
	}

.graph_scroll .graph_values_line {
	cursor:					ew-resize !important;
	}

.graph_values_line:after {
	position:					absolute;
	top:						0;
	left:					1px;
	display:					block;
	content:					'';
	width:					1px;
	height:					100%;
	background-color:			#555555;
	opacity:					0;
	}

.graph_values_line:hover:after {
	opacity:					1;
	}

.graph_values_line_selected:after {
	background-color:			#0070c9;
	opacity:					1;
	}

.graph_values_line:before {
	position:					absolute;
	top:						0;
	left:					0;
	display:					block;
	content:					'';
	width:					100%;
	height:					100%;
	background-color:			rgba(0,112,201,0.05);
	opacity:					0;
	}

.graph_values_line_interval:before {
	opacity:					1;
	}

.graph_values {
	display:					block;
	border-collapse:			collapse;
	background-color:			#ffffff;
	border:					1px solid #dfdfdf;
	padding:					5px 10px 5px 10px;
	font-size:				12px;
	line-height:				20px;
	-moz-border-radius:			3px;
	-webkit-border-radius:		3px;
	border-radius:				3px;
	z-index:					999 !important;
	}

.graph_values th, .graph_values td {
	padding:					2px 5px 2px 5px;
	text-align:				left;
	}

.graph_values th {
	font-weight:				bold;
	}

.graph_values tr td:first-child {
	font-weight:				bold;
	padding-left:				0;
	}

.graph_values tr td:last-child {
	padding-right:				0;
	}

.graph_values td {
	border-top:				1px solid #dfdfdf;
	}

#graph_menu {
	position:					absolute;
	bottom:					0px;
	width:					80%;
	height:					30px;
	z-index:					99;
	}

#graph_menu .button {
	max-width:				120px;
	display:					inline-block;
	vertical-align:			top;
	margin-right:				10px;
	}

#graph_position_wrapper {
	position:					absolute;
	width:					100%;
	height:					1px;
	z-index:					99;
	}

#graph_position {
	height:					100%;
	background-color:			#555555;
	display:					none;
	}

.graph_scroll #graph_position {
	display:					block !important;
	}

.analytics_alarms {
	overflow:					hidden;
	}

.analytics_alarms table {
    border-spacing:				0;
    border-collapse:			collapse;
	float:					left;
	overflow:					hidden;
	}

.analytics_alarms_2 table {
	margin-right:				20px;
	width:					calc(50% - 10px);
	}

.analytics_alarms_2 table:last-child {
	margin-right:				0;
	}

.analytics_alarms table th, .analytics_alarms table td {
	border-bottom:				1px solid #dfdfdf;
	font-size:				12px;
	line-height:				20px;
	text-align:				left;
	}

.analytics_alarms table td:hover {
	color:					#0070c9;
	cursor:					pointer;
	}

.analytics_alarms table tr:last-child td {
	border-bottom:				none;
	}

.analytics_alarms_timestamp {
	display:					inline-block;
	width:					110px;
	}

.analytics_alarms_info {
	margin-left:				10px;
	color:					#0070c9;
	}

.graph_info {
	font-size:				12px;
	}

/*  ========================================= Gears Start ========================================= */

#graph_mask {
	position:					fixed;
	top:						0;
	left:					0;
	width:					100%;
	height:					100vh;
	z-index:					99999;
	display:					none;
	}

.gears_wrapper_wrapper {
	position:					fixed;
	top:						50vh;
	left:					50%;
	transform:				translate(-50%,0%);
	}

.gears_wrapper {
	position:					relative;
	width:					50vh;
	height:					50vh;
	}

.gears_wrapper > div {
	position:					absolute;
	background-repeat:			no-repeat;
	background-position:		50% 50%;
	background-size:			100% 100%;
	}

.gear_cc {
	top:						10%;
	left:					-25%;
	width:					150%;
	height:					150%;
	}

.gear_bl {
	bottom:					-45%;
	left:					-45%;
	width:					90%;
	height:					90%;
	}

.gear_br {
	bottom:					-45%;
	right:					-45%;
	width:					90%;
	height:					90%;
	}

.gear_cc svg {
	fill:					#aaaaaa;
	}

.gear_bl svg, .gear_br svg {
	fill:					#555555;
	}

.gear_br svg {
	animation:					rotate_clockwise linear 2s;
	animation-iteration-count:		infinite;
	transform-origin:				50% 50%;
	-webkit-animation:				rotate_clockwise linear 2s;
	-webkit-animation-iteration-count:	infinite;
	-webkit-transform-origin:		50% 50%;
	-moz-animation:				rotate_clockwise linear 2s;
	-moz-animation-iteration-count:	infinite;
	-moz-transform-origin:			50% 50%;
	-o-animation:					rotate_clockwise linear 2s;
	-o-animation-iteration-count:		infinite;
	-o-transform-origin:			50% 50%;
	-ms-animation:					rotate_clockwise linear 2s;
	-ms-animation-iteration-count:	infinite;
	-ms-transform-origin:			50% 50%;
	}
@keyframes rotate_clockwise{
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
	}
@-moz-keyframes rotate_clockwise{
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
	}
@-webkit-keyframes rotate_clockwise {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
	}
@-o-keyframes rotate_clockwise {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
	}
@-ms-keyframes rotate_clockwise {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
	}

.gear_cc svg, .gear_bl svg {
	animation:					rotate_counterclockwise linear 2s;
	animation-iteration-count:		infinite;
	transform-origin:				50% 50%;
	-webkit-animation:				rotate_counterclockwise linear 2s;
	-webkit-animation-iteration-count:	infinite;
	-webkit-transform-origin:		50% 50%;
	-moz-animation:				rotate_counterclockwise linear 2s;
	-moz-animation-iteration-count:	infinite;
	-moz-transform-origin:			50% 50%;
	-o-animation:					rotate_counterclockwise linear 2s;
	-o-animation-iteration-count:		infinite;
	-o-transform-origin:			50% 50%;
	-ms-animation:					rotate_counterclockwise linear 2s;
	-ms-animation-iteration-count:	infinite;
	-ms-transform-origin:			50% 50%;
	}
@keyframes rotate_counterclockwise{
	0% { transform: rotate(0deg); }
	100% { transform: rotate(-360deg); }
	}
@-moz-keyframes rotate_counterclockwise{
	0% { transform: rotate(0deg); }
	100% { transform: rotate(-360deg); }
	}
@-webkit-keyframes rotate_counterclockwise {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(-360deg); }
	}
@-o-keyframes rotate_counterclockwise {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(-360deg); }
	}
@-ms-keyframes rotate_counterclockwise {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(-360deg); }
	}

/*  ========================================= Fleet Start ========================================= */

#map_container {
	position:					absolute;
	top:						0;
	left:					0;
	width:					100%;
	height:					100vh;
	z-index:					0;
	}

#map_panel_wrapper {
	position:					absolute;
	top:						44px;
	left:					0;
	height:					calc(100vh - 44px - 40px);
	background-color:			rgba(0,0,0,0.65);
	color:					#ffffff;
	font-size:				12px;
	line-height:				24px;
	font-weight:				bold;
	overflow-x:				hidden;
	overflow-y:				scroll;
	-webkit-overflow-scrolling:	touch;
	-ms-overflow-style:			none;
    overflow:					-moz-scrollbars-none;
	-o-transition:				all 150ms ease-in-out;
	-ms-transition:			all 150ms ease-in-out;
	-moz-transition:			all 150ms ease-in-out;
	-webkit-transition:			all 150ms ease-in-out;
	transition:				all 150ms ease-in-out;
	padding:					20px 20px 20px 20px;
	}

.panel_slided {
	transform:				translate(calc(-100% + 20px),0%) !important;
	background-color:			rgba(0,0,0,0) !important;
	cursor:					pointer;
	}

.panel_slided:hover {
	background-color:			rgba(0,0,0,0.65) !important;
	}

#map_panel_wrapper::-webkit-scrollbar {
	display:					none;
	}

.connection_sign {
	display:					inline-block;
	height:					30px;
	line-height:				30px;
	margin-left:				7px;
	font-size:				12px;
	font-weight:				bold;
	text-transform:			uppercase;
	vertical-align:			top;
	}

#online_sign {
	color:					#00ff00;
	}

#offline_sign {
	color:					#ff0000;
	display:					none;
	}

.connection_icon {
	display:					inline-block;
	height:					30px;
	width:					16px;
	line-height:				30px;
	background-repeat:			no-repeat;
	background-position:		0% 50%;
	background-size:			16px 16px;
	vertical-align:			top;
	}

#online_icon {
	color:					#00ff00;
	background-image:			url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 469.3 469.3' fill='%2300ff00'%3E%3Cpath d='M170.7 336.6l64 64 64-64C263.4 301.3 206 301.3 170.7 336.6z'/%3E%3Cpath d='M85.3 251.3L128 293.9c58.9-58.9 154.5-58.9 213.3 0L384 251.3C301.5 168.8 167.8 168.8 85.3 251.3z'/%3E%3Cpath d='M0 165.9L42.7 208.6c106-106 278-106 384 0l42.7-42.7C339.7 36.3 129.6 36.3 0 165.9z'/%3E%3C/svg%3E");
	}

#offline_icon {
	color:						#ff0000;
	background-image:				url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 489.6 489.6' fill='%23ff0000'%3E%3Cpath d='M179.6 235.6c-33.7 10.3-65.5 28.5-92.2 55.1l46.6 46.6c13.9-13.9 30.1-24.8 47.6-32.5L179.6 235.6z'/%3E%3Cpath d='M175.8 109C111.3 122 49.9 153.4 0 203.3l46.6 46.6c37.5-37.5 83.1-61.9 131.2-73.7L175.8 109z'/%3E%3Cpath d='M313.8 109l-2 67.3c48.1 11.8 93.7 36.2 131.2 73.7l46.6-46.6C439.8 153.4 378.3 122 313.8 109z'/%3E%3Cpath d='M307.9 304.8c17.5 7.7 33.7 18.6 47.7 32.6l46.6-46.6c-26.6-26.6-58.5-44.9-92.2-55.2L307.9 304.8z'/%3E%3Ccircle cx='244.8' cy='403.2' r='40'/%3E%3Cpath d='M260.6 330.4h-31.7c-8.3 0-15.1-6.6-15.3-14.9L206 62.2c-0.3-8.6 6.7-15.8 15.3-15.8h47c8.6 0 15.6 7.1 15.3 15.8l-7.7 253.3C275.7 323.8 268.9 330.4 260.6 330.4z'/%3E%3C/svg%3E");
	display:						none;
	animation:					animation_fade linear 1s;
	animation-iteration-count:		infinite;
	-webkit-animation:				animation_fade linear 1s;
	-webkit-animation-iteration-count:	infinite;
	-moz-animation:				animation_fade linear 1s;
	-moz-animation-iteration-count:	infinite;
	-o-animation:					animation_fade linear 1s;
	-o-animation-iteration-count:		infinite;
	-ms-animation:					animation_fade linear 1s;
	-ms-animation-iteration-count:	infinite;
	}

@keyframes animation_fade {
	0% { opacity: 0; }
	50% { opacity: 1; }
	100% { opacity: 0; }
	}
@-moz-keyframes animation_fade {
	0% { opacity: 0; }
	50% { opacity: 1; }
	100% { opacity: 0; }
	}
@-webkit-keyframes animation_fade {
	0% { opacity: 0; }
	50% { opacity: 1; }
	100% { opacity: 0; }
	}
@-o-keyframes animation_fade {
	0% { opacity: 0; }
	50% { opacity: 1; }
	100% { opacity: 0; }
	}
@-ms-keyframes animation_fade {
	0% { opacity: 0; }
	50% { opacity: 1; }
	100% { opacity: 0; }
	}


#map_panel a:link, #map_panel a:visited {
	color:					#26c7fe;
	}

#map_panel a:hover, #map_panel a:active {
	color:					#ffffff;
	}

.fleet_table {
    border-spacing:				0;
    border-collapse:			collapse;
	}

.fleet_table th, .fleet_table td {
	border-bottom:				1px solid transparent;
	text-align:				right;
	padding-right:				20px;
	}

.fleet_table th {
	border-color:				rgba(255,255,255,0.2);
	text-transform:			uppercase;
	}

.fleet_table tr th:last-child, .fleet_table tr td:last-child {
	padding-right:				0;
	}

.fleet_table tr:last-child td {
	border-color:				rgba(255,255,255,0.2);
	}

.fleet_table_locomotive {
	color:					#26c7fe;
	cursor:					pointer;
	}

.fleet_table_locomotive:hover {
	color:					#ffffff;
	}

.fleet_table_journal {
	width:					16px;
	height:					30px;
	overflow:					hidden;
	text-indent:				-999px;
	background-image:			url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 486.4 486.4' fill='%2326c7fe'%3E%3Cpath d='M425.6 60.8h-30.4V30.4C395.2 13.6 381.6 0 364.8 0H60.8C44 0 30.4 13.6 30.4 30.4v364.8c0 16.8 13.6 30.4 30.4 30.4h30.4v30.4c0 16.8 13.6 30.4 30.4 30.4h304c16.8 0 30.4-13.6 30.4-30.4V91.2C456 74.4 442.4 60.8 425.6 60.8zM60.8 395.2V30.4h304v364.8H60.8zM425.6 456H121.6v-30.4h243.2c16.8 0 30.4-13.6 30.4-30.4V91.2h30.4V456z'/%3E%3Cpath d='M319.2 91.2H167.2c-8.4 0-15.2 6.8-15.2 15.2s6.8 15.2 15.2 15.2h152c8.4 0 15.2-6.8 15.2-15.2S327.6 91.2 319.2 91.2z'/%3E%3Cpath d='M319.2 182.4H106.4c-8.4 0-15.2 6.8-15.2 15.2s6.8 15.2 15.2 15.2h212.8c8.4 0 15.2-6.8 15.2-15.2S327.6 182.4 319.2 182.4z'/%3E%3Cpath d='M319.2 243.2H106.4c-8.4 0-15.2 6.8-15.2 15.2 0 8.4 6.8 15.2 15.2 15.2h212.8c8.4 0 15.2-6.8 15.2-15.2C334.4 250 327.6 243.2 319.2 243.2z'/%3E%3Cpath d='M319.2 304H106.4c-8.4 0-15.2 6.8-15.2 15.2 0 8.4 6.8 15.2 15.2 15.2h212.8c8.4 0 15.2-6.8 15.2-15.2C334.4 310.8 327.6 304 319.2 304z'/%3E%3C/svg%3E");
	background-repeat:			no-repeat;
	background-position:		50% 50%;
	background-size:			16px 16px;
	cursor:					pointer;
	}

.fleet_table_journal:hover {
	background-image:			url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 486.4 486.4' fill='%23ffffff'%3E%3Cpath d='M425.6 60.8h-30.4V30.4C395.2 13.6 381.6 0 364.8 0H60.8C44 0 30.4 13.6 30.4 30.4v364.8c0 16.8 13.6 30.4 30.4 30.4h30.4v30.4c0 16.8 13.6 30.4 30.4 30.4h304c16.8 0 30.4-13.6 30.4-30.4V91.2C456 74.4 442.4 60.8 425.6 60.8zM60.8 395.2V30.4h304v364.8H60.8zM425.6 456H121.6v-30.4h243.2c16.8 0 30.4-13.6 30.4-30.4V91.2h30.4V456z'/%3E%3Cpath d='M319.2 91.2H167.2c-8.4 0-15.2 6.8-15.2 15.2s6.8 15.2 15.2 15.2h152c8.4 0 15.2-6.8 15.2-15.2S327.6 91.2 319.2 91.2z'/%3E%3Cpath d='M319.2 182.4H106.4c-8.4 0-15.2 6.8-15.2 15.2s6.8 15.2 15.2 15.2h212.8c8.4 0 15.2-6.8 15.2-15.2S327.6 182.4 319.2 182.4z'/%3E%3Cpath d='M319.2 243.2H106.4c-8.4 0-15.2 6.8-15.2 15.2 0 8.4 6.8 15.2 15.2 15.2h212.8c8.4 0 15.2-6.8 15.2-15.2C334.4 250 327.6 243.2 319.2 243.2z'/%3E%3Cpath d='M319.2 304H106.4c-8.4 0-15.2 6.8-15.2 15.2 0 8.4 6.8 15.2 15.2 15.2h212.8c8.4 0 15.2-6.8 15.2-15.2C334.4 310.8 327.6 304 319.2 304z'/%3E%3C/svg%3E");
	}

#fleet_panel {
	margin-top:				30px;
	text-transform:			uppercase;
	}

.infowindow h3 {
	font-weight:				normal;
	}

.infowindow table {
	border-collapse:			collapse;
	}

.infowindow table td {
	padding-right:				20px;
	font-weight:				16px;
	line-height:				16px;
	}

.infowindow table td:last-child {
	padding-right:				0;
	}

.infowindow table tr td:first-child {
	font-weight:				bold;
	}

.logged-in.original-page-id-340 footer {
	display:					none;
	}

.map_alarm {
	animation:					red_blink ease 1s;
	animation-iteration-count:		infinite;
	-webkit-animation:				red_blink ease 1s;
	-webkit-animation-iteration-count:	infinite;
	-moz-animation:				red_blink ease 1s;
	-moz-animation-iteration-count:	infinite;
	-o-animation:					red_blink ease 1s;
	-o-animation-iteration-count:		infinite;
	-ms-animation:					red_blink ease 1s;
	-ms-animation-iteration-count:	infinite;
	}
@keyframes red_blink { 50% { color: #ff0000; } }
@-moz-keyframes red_blink { 50% { color: #ff0000; } }
@-webkit-keyframes red_blink { 50% { color: #ff0000; } }
@-o-keyframes red_blink { 50% { color: #ff0000; } }
@-ms-keyframes red_blink { 50% { color: #ff0000; } }

/*  ========================================= Employees Start ========================================= */

.horizontal_scroll_pane_wrapper {
	display:					inline-block;
	max-width:				93.75vw;
	overflow-x:				scroll;
	overflow-y:				hidden;
	-webkit-overflow-scrolling:	touch;
	-ms-overflow-style:			none;
    overflow:					-moz-scrollbars-none;
/*	-moz-border-radius:			5px;
	-webkit-border-radius:		5px;
	border-radius:				5px;*/
	font-size:				0;
	line-height:				0;
	}

.horizontal_scroll_pane_wrapper::-webkit-scrollbar-track {
	border:					none;
	-webkit-box-shadow:			none;
	background-color:			#dfdfdf;
/*	-moz-border-radius:			0 0 4px 4px;
	-webkit-border-radius:		0 0 4px 4px;
	border-radius:				0 0 4px 4px;*/
	}

.horizontal_scroll_pane_wrapper::-webkit-scrollbar {
	width:					10px;
	height:					10px;
	background-color:			#transparent;
	}

.horizontal_scroll_pane_wrapper::-webkit-scrollbar-thumb {
	background-color:			#aaaaaa;
/*	-moz-border-radius:			4px;
	-webkit-border-radius:		4px;
	border-radius:				4px;*/
	}

.horizontal_scroll_pane {
	display:					inline-block;
	}

.select_client {
	max-width:				200px;
	}





.alarm_rules_list {
	margin:					40px 0px 0px 0px;
/*	padding:					10px 10px 10px 10px;
	background-color:			#f5f5f5;
	-moz-border-radius:			3px;
	-webkit-border-radius:		3px;
	border-radius:				3px;*/
	color:					#888888;
	}

.alarm_rules_list h2 {
	margin:					0;
	font-size:				14px;
	line-height:				20px;
	font-weight:				bold;
	text-transform:			uppercase;
	padding:					0px 0px 5px 0px;
	}

.alarm_rules_list ol {
	margin:					0;
	padding:					0px 0px 0px 20px;
	}

.page-manage-employees ol li {
	margin:					0;
	padding:					0px 0px 0px 0px;
	font-size:				12px;
	line-height:				20px;
	text-transform:			uppercase;
	}

.sql_table {
    border-spacing:				0;
    border-collapse:			collapse;
	}

.sql_table th, .sql_table td {
	text-align:				left;
	padding-left:				20px;
	line-height:				18px;
	padding-top:				6px;
	padding-bottom:			6px;
	white-space:				nowrap;
	overflow:					hidden;
	text-overflow:				ellipsis;
	}

.sql_table th {
	text-transform:			uppercase;
	font-size:				12px;
	background-color:			#dfdfdf;
	color:					#444444;
	vertical-align:			top;
	}

.sql_table td {
	font-size:				14px;
	vertical-align:			top;
	}

.sql_table tr:nth-child(odd) td {
	background-color:			#f5f5f5;
	}

.td_nth_last_child_1 {
	padding-left:				5px !important;
	}

.sql_table th:last-child, .sql_table td:last-child {
	padding-right:				20px;
	}

.sql_table_button_edit, .sql_table_button_delete, .sql_table_button_hide, #sql_table_button_save, #sql_table_button_cancel {
	width:					18px;
	height:					18px;
	overflow:					hidden;
	text-indent:				-999px;
	background-repeat:			no-repeat;
	background-position:		50% 50%;
	background-size:			14px 14px;
	cursor:					pointer;
	}

.sql_table_button_edit {
	background-image:			url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 469.3 469.3' fill='%230070c9'%3E%3Cpath d='M438.9 30.4c-40.4-40.5-106.1-40.5-146.5 0l-268.6 268.5c-2.1 2.1-3.4 4.8-3.8 7.7l-19.9 147.4c-0.6 4.2 0.9 8.4 3.8 11.3 2.5 2.5 6 4 9.5 4 0.6 0 1.2 0 1.8-0.1l88.8-12c7.4-1 12.6-7.8 11.6-15.2 -1-7.4-7.8-12.6-15.2-11.6l-71.2 9.6 13.9-102.8 108.2 108.2c2.5 2.5 6 4 9.5 4s7-1.4 9.5-4l268.6-268.5c19.6-19.6 30.4-45.6 30.4-73.3S458.5 49.9 438.9 30.4zM297.6 63.4l45.1 45.1 -245.1 245.1 -45.1-45.1L297.6 63.4zM160.9 416.8l-44.1-44.1 245.1-245.1 44.1 44.1L160.9 416.8zM424.8 152.4l-107.9-107.9c13.7-11.3 30.8-17.5 48.8-17.5 20.5 0 39.7 8 54.2 22.4s22.4 33.7 22.4 54.2C442.3 121.7 436.1 138.7 424.8 152.4z'/%3E%3C/svg%3E");
	}

.sql_table_button_delete {
	background-size:			16px 16px;
	background-image:			url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 486.4 486.4' fill='%230070c9'%3E%3Cpath d='M446 70H344.8V53.5c0-29.5-24-53.5-53.5-53.5h-96.2c-29.5 0-53.5 24-53.5 53.5V70H40.4c-7.5 0-13.5 6-13.5 13.5S32.9 97 40.4 97h24.4v317.2c0 39.8 32.4 72.2 72.2 72.2h212.4c39.8 0 72.2-32.4 72.2-72.2V97H446c7.5 0 13.5-6 13.5-13.5S453.5 70 446 70zM168.6 53.5c0-14.6 11.9-26.5 26.5-26.5h96.2c14.6 0 26.5 11.9 26.5 26.5V70H168.6V53.5zM394.6 414.2c0 24.9-20.3 45.2-45.2 45.2H137c-24.9 0-45.2-20.3-45.2-45.2V97h302.9v317.2H394.6z'/%3E%3Cpath d='M243.2 411c7.5 0 13.5-6 13.5-13.5V158.9c0-7.5-6-13.5-13.5-13.5s-13.5 6-13.5 13.5v238.5C229.7 404.9 235.7 411 243.2 411z'/%3E%3Cpath d='M155.1 396.1c7.5 0 13.5-6 13.5-13.5V173.7c0-7.5-6-13.5-13.5-13.5s-13.5 6-13.5 13.5v208.9C141.6 390.1 147.7 396.1 155.1 396.1z'/%3E%3Cpath d='M331.3 396.1c7.5 0 13.5-6 13.5-13.5V173.7c0-7.5-6-13.5-13.5-13.5s-13.5 6-13.5 13.5v208.9C317.8 390.1 323.8 396.1 331.3 396.1z'/%3E%3C/svg%3E");
	}

.sql_table_button_hide {
	background-size:			18px 18px;
	background-image:			url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 489.4 489.4' fill='%230070c9'%3E%3Cpath d='M122.8 394.7c17.8 19.4 43.2 30.6 69.5 30.6h216.9c44.2 0 80.2-36 80.2-80.2v-200.7c0-44.2-36-80.2-80.2-80.2h-216.9c-26.4 0-51.7 11.1-69.5 30.6l-111.8 121.7c-14.7 16.1-14.7 40.3 0 56.4L122.8 394.7zM29.1 233.1l111.8-121.8c13.2-14.4 32-22.6 51.5-22.6h216.9c30.7 0 55.7 25 55.7 55.7v200.6c0 30.7-25 55.7-55.7 55.7h-217c-19.5 0-38.3-8.2-51.5-22.6l-111.7-121.8C23 249.7 23 239.7 29.1 233.1z'/%3E%3Cpath d='M225.4 309.8c2.4 2.4 5.5 3.6 8.7 3.6s6.3-1.2 8.7-3.6l47.8-47.8 47.8 47.8c2.4 2.4 5.5 3.6 8.7 3.6s6.3-1.2 8.7-3.6c4.8-4.8 4.8-12.5 0-17.3l-47.9-47.8 47.8-47.8c4.8-4.8 4.8-12.5 0-17.3s-12.5-4.8-17.3 0l-47.8 47.8 -47.8-47.8c-4.8-4.8-12.5-4.8-17.3 0s-4.8 12.5 0 17.3l47.8 47.8 -47.8 47.8C220.7 297.3 220.7 305 225.4 309.8z'/%3E%3C/svg%3E");
	}

.sql_table_button_edit_disabled {
	background-image:			url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 469.3 469.3' fill='%23dfdfdf'%3E%3Cpath d='M438.9 30.4c-40.4-40.5-106.1-40.5-146.5 0l-268.6 268.5c-2.1 2.1-3.4 4.8-3.8 7.7l-19.9 147.4c-0.6 4.2 0.9 8.4 3.8 11.3 2.5 2.5 6 4 9.5 4 0.6 0 1.2 0 1.8-0.1l88.8-12c7.4-1 12.6-7.8 11.6-15.2 -1-7.4-7.8-12.6-15.2-11.6l-71.2 9.6 13.9-102.8 108.2 108.2c2.5 2.5 6 4 9.5 4s7-1.4 9.5-4l268.6-268.5c19.6-19.6 30.4-45.6 30.4-73.3S458.5 49.9 438.9 30.4zM297.6 63.4l45.1 45.1 -245.1 245.1 -45.1-45.1L297.6 63.4zM160.9 416.8l-44.1-44.1 245.1-245.1 44.1 44.1L160.9 416.8zM424.8 152.4l-107.9-107.9c13.7-11.3 30.8-17.5 48.8-17.5 20.5 0 39.7 8 54.2 22.4s22.4 33.7 22.4 54.2C442.3 121.7 436.1 138.7 424.8 152.4z'/%3E%3C/svg%3E") !important;
	cursor:					default !important;
	}

.sql_table_button_delete_disabled {
	background-image:			url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 486.4 486.4' fill='%23dfdfdf'%3E%3Cpath d='M446 70H344.8V53.5c0-29.5-24-53.5-53.5-53.5h-96.2c-29.5 0-53.5 24-53.5 53.5V70H40.4c-7.5 0-13.5 6-13.5 13.5S32.9 97 40.4 97h24.4v317.2c0 39.8 32.4 72.2 72.2 72.2h212.4c39.8 0 72.2-32.4 72.2-72.2V97H446c7.5 0 13.5-6 13.5-13.5S453.5 70 446 70zM168.6 53.5c0-14.6 11.9-26.5 26.5-26.5h96.2c14.6 0 26.5 11.9 26.5 26.5V70H168.6V53.5zM394.6 414.2c0 24.9-20.3 45.2-45.2 45.2H137c-24.9 0-45.2-20.3-45.2-45.2V97h302.9v317.2H394.6z'/%3E%3Cpath d='M243.2 411c7.5 0 13.5-6 13.5-13.5V158.9c0-7.5-6-13.5-13.5-13.5s-13.5 6-13.5 13.5v238.5C229.7 404.9 235.7 411 243.2 411z'/%3E%3Cpath d='M155.1 396.1c7.5 0 13.5-6 13.5-13.5V173.7c0-7.5-6-13.5-13.5-13.5s-13.5 6-13.5 13.5v208.9C141.6 390.1 147.7 396.1 155.1 396.1z'/%3E%3Cpath d='M331.3 396.1c7.5 0 13.5-6 13.5-13.5V173.7c0-7.5-6-13.5-13.5-13.5s-13.5 6-13.5 13.5v208.9C317.8 390.1 323.8 396.1 331.3 396.1z'/%3E%3C/svg%3E") !important;
	cursor:					default !important;
	}

#sql_table_button_save {
	background-image:			url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26' fill='%230070c9'%3E%3Cpath d='m0.3 14c-0.2-0.2-0.3-0.5-0.3-0.7s0.1-0.5 0.3-0.7l1.4-1.4c0.4-0.4 1-0.4 1.4 0l0.1 0.1 5.5 5.9c0.2 0.2 0.5 0.2 0.7 0l13.4-13.9h0.1v0c0.4-0.4 1-0.4 1.4 0l1.4 1.4c0.4 0.4 0.4 1 0 1.4l0 0-16 16.6c-0.2 0.2-0.4 0.3-0.7 0.3-0.3 0-0.5-0.1-0.7-0.3l-7.8-8.4-0.2-0.3z'/%3E%3C/svg%3E");
	}

#sql_table_button_cancel {
	background-size:			12px 12px;
	background-image:			url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21.9 21.9' fill='%230070c9'%3E%3Cpath d='M14.1 11.3c-0.2-0.2-0.2-0.5 0-0.7l7.5-7.5c0.2-0.2 0.3-0.5 0.3-0.7s-0.1-0.5-0.3-0.7l-1.4-1.4C20 0.1 19.7 0 19.5 0c-0.3 0-0.5 0.1-0.7 0.3l-7.5 7.5c-0.2 0.2-0.5 0.2-0.7 0L3.1 0.3C2.9 0.1 2.6 0 2.4 0S1.9 0.1 1.7 0.3L0.3 1.7C0.1 1.9 0 2.2 0 2.4s0.1 0.5 0.3 0.7l7.5 7.5c0.2 0.2 0.2 0.5 0 0.7l-7.5 7.5C0.1 19 0 19.3 0 19.5s0.1 0.5 0.3 0.7l1.4 1.4c0.2 0.2 0.5 0.3 0.7 0.3s0.5-0.1 0.7-0.3l7.5-7.5c0.2-0.2 0.5-0.2 0.7 0l7.5 7.5c0.2 0.2 0.5 0.3 0.7 0.3s0.5-0.1 0.7-0.3l1.4-1.4c0.2-0.2 0.3-0.5 0.3-0.7s-0.1-0.5-0.3-0.7L14.1 11.3z'/%3E%3C/svg%3E");
	}

.sql_table_button_edit:not(.sql_table_button_edit_disabled):hover, .sql_table_button_delete:not(.sql_table_button_delete_disabled):hover, .sql_table_button_hide:not(.sql_table_button_hide_disabled):hover, #sql_table_button_save:hover, #sql_table_button_cancel:hover {
	opacity:					0.5;
	}

.sql_table_tr_del td {
	color:					#dfdfdf !important;
	}

#add_row {
	font-size:				16px;
	line-height:				20px;
	height:					20px;
	color:					#0070c9;
	cursor:					pointer;
	margin-top:				40px;
	}

#add_row:hover {
	text-decoration:			underline;
	}

.add_row_disabled {
	color:					#dfdfdf !important;
	cursor:					default !important;
	text-decoration:			none !important;
	}

.sql_table input, .sql_table select {
	background-color:			rgba(0,0,0,0.0);
	width:					auto;
	height:					18px;
	line-height:				18px;
	font-size:				14px;
	padding:					0;
	margin:					0;
	background-image:			none;
	-moz-border-radius:			0;
	-webkit-border-radius:		0;
	border-radius:				0;
	}

#no_table_sign {
	text-transform:			uppercase;
	font-size:				12px;
	font-weight:				bold;
	color:					#ff0000;
	}

.sql_table input:disabled, .sql_table select:disabled {
	cursor:					default;
	color:					#dfdfdf !important;
	}

.popup_mask {
	position:					fixed;
	top:						0;
	left:					0;
	width:					100%;
	height:					100vh;
	background-color:			rgba(0,0,0,0.7);
	z-index:					99999;
	}

.popup_wrapper {
	position:					fixed;
	top:						50%;
	left:					50%;
	transform:				translate(-50%,-50%);
	padding:					30px 30px 30px 30px;
	background-color:			#ffffff;
	text-align:				center;
	-moz-border-radius:			5px;
	-webkit-border-radius:		5px;
	border-radius:				5px;
	}

.popup_wrapper h2 {
	margin:					0px 0px 20px 0px;
	}

.popup_wrapper input {
	text-align:				center;
	}

.popup_button {
	display:					inline-block;
	width:					120px;
	margin-left:				5px;
	margin-right:				5px;
	}

/*  ========================================= Medical Start ========================================= */

#medical_journal_filters_form {
	display:					block;
	border:					1px solid #dfdfdf;
	-moz-border-radius:			5px;
	-webkit-border-radius:		5px;
	border-radius:				5px;
	padding:					20px 20px 20px 20px;
	margin:					40px 0px 40px 0px;
	}

.medical_journal_filters_block {
	display:					inline-block;
	width:					calc(100% / 3);
	vertical-align:			top;
	margin-bottom:				10px;
	}

#medical_journal_filters_form span {
	display:					block;
	text-transform:			uppercase;
	font-size:				12px;
	line-height:				20px;
	color:					#aaaaaa;
	}

#medical_journal_filters_form select, #medical_journal_filters_form input {
	max-width:				200px;
	}

#medical_journal_filters_submit, #medical_journal_filters_clear, #medical_journal_filters_export {
	display:					inline-block;
	width:					120px;
	margin-right:				10px;
	vertical-align:			top;
	}

#medical_journal_table {
	width:					100%;
    border-spacing:				0;
    border-collapse:			collapse;
	}

#medical_journal_table img {
	display:					block;
	width:					80px;
	height:					45px;
	}

#medical_journal_table th, #medical_journal_table td {
	border-bottom:				1px solid #dfdfdf;
	font-size:				14px;
	line-height:				20px;
	text-align:				left;
	padding-right:				20px;
	}

#medical_journal_table th {
	text-transform:			uppercase;
	font-size:				12px;
	}

#medical_journal_table td {
	padding-top:				0px;
	padding-bottom:			0px;
	}

#medical_journal_table tr th:last-child, #medical_journal_table tr td:last-child, #medical_journal_table tr th:nth-last-child(2), #medical_journal_table tr th:nth-last-child(3), #medical_journal_table tr th:nth-last-child(4), #medical_journal_table tr td:nth-last-child(2), #medical_journal_table tr td:nth-last-child(3), #medical_journal_table tr td:nth-last-child(4) {
	padding-right:				0;
	width:					80px;
	}

#medical_journal_table tr td:nth-last-child(2), #medical_journal_table tr td:nth-last-child(3), #medical_journal_table tr td:nth-last-child(4) {
	border-right:				1px solid #dfdfdf;
	}

#medical_journal_table tr:last-child td {
	border-bottom:				none;
	}

#medical_journal_table tr:hover {
	cursor:					pointer;
	}

#medical_journal_table tr:hover td {
	color:					#0070c9;
	}

#lightbox_slide_title .medical_journal_alco_alarm {
	color:					#ffaa00;
	}

.medical_journal_alco_alarm {
	color:					#ff0000;
	}

.medical_journal_nb {
	width:					14px;
	height:					14px;
	background-image:			url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23ff0000'%3E%3Cpath d='M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256 256-114.6 256-256S397.4 0 256 0zM307.2 413.9c0 14.1-11.5 25.6-25.6 25.6h-51.2c-14.1 0-25.6-11.5-25.6-25.6V371.2c0-14.1 11.5-25.6 25.6-25.6h51.2c14.1 0 25.6 11.5 25.6 25.6V413.9zM323 100l-14.7 196.3c-1 13.4-12.2 23.8-25.6 23.7h-53.5c-13.4 0-24.6-10.3-25.6-23.7l-14.5-196.3c-1-14.1 9.6-26.4 23.7-27.4 0.6 0 1.3-0.1 1.9-0.1h82.7c14.1 0 25.6 11.4 25.7 25.5C323.1 98.7 323 99.4 323 100z' /%3E%3C/svg%3E");
	background-repeat:			no-repeat;
	background-position:		50% 50%;
	background-size:			100% 100%;
	}

/*  ========================================= Grid Start ========================================= */

.grid {
	font-size:				0;
	line-height:				0;
	}

.grid > a, .grid > div {
	position:					relative;
	display:					inline-block;
	width:					calc((100% * 300) / 960);
	margin-right:				calc((100% * 30) / 960);
	margin-bottom:				calc((100% * 30) / 960);
	vertical-align:			top;
	}

.grid > a:nth-child(3n), .grid > div:nth-child(3n) {
	margin-right:				0;
	}

.grid > a:nth-last-child(-n+3), .grid > div:nth-last-child(-n+3) {
	margin-bottom:				0;
	}

.grid a > img {
	display:					block;
	width:					100%;
	height:					auto;
	box-shadow:				0px 1px 3px 0px rgba(42,48,60,0.19);
	-webkit-transition:			all .15s ease;
    -moz-transition:			all .15s ease;
    -ms-transition:				all .15s ease;
    -o-transition:				all .15s ease;
    transition:				all .15s ease;
	-moz-border-radius:			3px;
	-webkit-border-radius:		3px;
	border-radius:				3px;
	}

.grid a:hover > img {
	box-shadow:				0 9px 19px 0 rgba(110,127,134,.44);
    -moz-transform:				translateY(-1px);
    -webkit-transform:			translateY(-1px);
    -o-transform:				translateY(-1px);
    -ms-transform:				translateY(-1px);
    transform:					translateY(-1px);
	}

.grid > a > span {
	display:					block;
	margin-top:				10px;
	text-align:				center;
	font-size:				16px;
	line-height:				24px;
	font-weight:				normal;
	color:					#0070c9 !important;
	}

.grid > a:hover {
	text-decoration:			none !important;
	}

.grid > a > span > div {
	color:					#555555 !important;
	font-size:				14px;
	line-height:				20px;
	}

/*  ========================================= Error 404 Start ========================================= */

.error404 h1 {
	text-align:				center;
	margin-bottom:				0;
	font-size:				10em;
	font-weight:				300;
	}

/*  ========================================= Mobile Start ========================================= */

@media only screen and (max-width: 767px) {

.project_page header {
	margin-top:				30px;
	padding:					0;
	}

.project_page header:after {
	display:					none;
	}

#nav_toggle {
	position:					relative;
	display:					block;
	width:					26px;
	height:					30px;
	cursor:					pointer;
	overflow:					hidden;
	z-index:					99999;
	}

#bar_top, #bar_bottom {
	position:					absolute;
	top:						calc(25% - 1px);
	left:					0%;
	width:					100%;
	height:					2px;
	background-color:			#ffffff;
	-moz-border-radius:			1px;
	-webkit-border-radius:		1px;
	border-radius:				1px;
	transform-origin:			50% 50%;
	-webkit-transform-origin:	50% 50%;
	transition:				all 400ms ease-in-out;
	-webkit-transition:			all 400ms ease-in-out;
	}

#bar_bottom {
	top:						calc(75% - 1px);
	}

.nav_toggle_active #bar_top {
	transform:				translateY(calc(30px * 0.25)) rotateZ(135deg);
	-webkit-transform:			translateY(calc(30px * 0.25)) rotateZ(135deg);
	}

.nav_toggle_active #bar_bottom {
	transform:				translateY(calc(-30px * 0.25)) rotateZ(45deg);
	-webkit-transform:			translateY(calc(-30px * 0.25)) rotateZ(45deg);
	}

#nav_mask {
	display:					none;
	position:					fixed;
	top:						0;
	left:					0;
	width:					100%;
	height:					100vh;
	background-color:			rgba(0,0,0,0.2);
	z-index:					99990;
	}

header nav {
	display:					none;
	position:					absolute;
	top:						calc(30px + 23px);
	left:					0;
	width:					100%;
	z-index:					99999;
	}

header nav ul li {
	display:					block;
	}

header nav ul li a:link, header nav ul li a:visited {
	display:					block;
	color:					rgba(255,255,255,1);
	font-size:				26px;
	line-height:				40px;
	text-transform:			uppercase;
	padding-left:				0;
	padding-right:				0;
	font-weight:				300 !important;
	}

header nav ul li a:hover, header nav ul li a:active, header nav ul li.current_page_item a, header nav ul li.current_page_parent a, header nav ul li.current-page-ancestor a {
	color:					rgba(255,255,255,0.65);
	}

header nav ul li.current_page_item a:after, header nav ul li.current_page_parent a:after, header nav ul li.current-page-ancestor a:after {
	display:					none;
	}

header nav ul li:first-child a {
	width:					auto;
	height:					auto;
	margin-right:				0;
	text-indent:				0;
	background-image:			none;
	-moz-border-radius:			0;
	-webkit-border-radius:		0;
	border-radius:				0;
	}

header nav ul li:first-child a, .project_2 header nav ul li:first-child a {
	background-image:			none !important;
	}

header nav ul li:first-child a:hover, header nav ul li:first-child a:active {
	opacity:					1;
	}

.project_page #bar_top, .project_page #bar_bottom {
	background-color:			#000000;
	}

.project_page #nav_mask {
	background-color:			rgba(255,255,255,0.65);
	}

.project_page header nav ul li a:link, .project_page header nav ul li a:visited {
	color:					rgba(0,0,0,0.5) !important;
	}

.project_page header nav ul li a:hover, .project_page header nav ul li a:active, .project_page header nav ul li.current_page_item a:link, .project_page header nav ul li.current_page_item a:visited, .project_page header nav ul li.current_page_parent a:link, .project_page header nav ul li.current_page_parent a:visited, .project_page header nav ul li.current-page-ancestor a:link, .project_page header nav ul li.current-page-ancestor a:visited {
	color:					rgba(0,0,0,1) !important;
	}

#header_right {
	z-index:					99999;
	top:						0;
	}

#account_menu_toggle:hover {
	opacity:					0.5;
	}

.project_page #select_lang_toggle {
	color:					#000000;
	}

.project_page #select_lang_toggle:hover {
	color:					rgba(0,0,0,0.5);
	}

.project_page_sub_nav li {
	display:					block;
	padding-left:				0;
	padding-right:				0;
	border-right:				none;
	}

.swiper-button-prev, .swiper-button-next, .swiper-button-disabled {
	display:					none;
	}

h1 {
	font-size:				22px;
	}

h2 {
	font-size:				22px;
	}

.swiper-slide-content {
	font-size:				22px;
	line-height:				30px;
	}

.cont_2 p {
	font-size:				16px;
	line-height:				24px;
	}

footer span {
	display:					block;
	}

.div_table {
	overflow:					hidden;
	display:					block;
	position:					relative;
	padding-top:				320px;
	}

.div_cell {
	width:					100%;
	}

.cont_mid {
	display:					none;
	}

.cont_2 {
	display:					block;
	}

.cont_1 {
	display:					block;
	position:					absolute;
	top:						0;
	left:					0;
	height:					300px;
	}

.cont_1 img {
	height:					100%;
	max-height:				300px;
	width:					auto;
	}

.div_table.contacts_wrapper {
	padding-top:				0;
	}

.contacts_wrapper .cont_1 {
	position:					relative;
	height:					auto;
	margin-bottom:				20px;
	}

#unit_select {
	width:					100%;
	}

.dashboard_panel {
	position:					relative;
	display:					inline-block;
	width:					calc(100% * 444 / 960);
	padding-left:				calc(100% * 12 / 960);
	padding-right:				calc(100% * 12 / 960);
	padding-top:				12px;
	padding-bottom:			12px;
	margin-right:				calc(100% * 24 / 960);
	margin-bottom:				24px;
	-moz-border-radius:			5px;
	-webkit-border-radius:		5px;
	border-radius:				5px;
	background:				linear-gradient(#fff,#fdfdfd,#f7f7f7);
	vertical-align:			top;
	}

.dashboard_panel_2n {
	margin-right:				0;
	}

#notifications_wrapper {
	top:						3.125vw;
	width:					93.75vw;
	}

#notifications_wrapper > div {
	font-size:				14px;
	}

.param_wrapper {
	width:					calc(100% * 444 / 960);
	padding-left:				calc(100% * 12 / 960);
	padding-right:				calc(100% * 12 / 960);
	margin-right:				calc(100% * 24 / 960);
	margin-bottom:				calc(93.75vw * 24 / 960);
	}

.params_wrapper .param_wrapper:nth-child(2n) {
	margin-right:				0;
	}

#io_66_wrapper {
	padding-left:				35px;
	padding-right:				0;
	}

.analytics_block, .analytics_block_x1, .analytics_block_x2 {
	display:					block;
	width:					calc(100% - 40px);
	padding-left:				20px;
	padding-right:				20px;
	margin-right:				0;
	margin-bottom:				8px;
	min-height:				auto;
	}

.analytics_block_x2 {
	width:					calc(100% - 30px);
	padding-left:				15px;
	padding-right:				15px;
	}

.analytics_block_date {
	width:					calc(93.75vw - 30px) !important;
	overflow:					hidden !important;
	}

.analytics_block_fields {
	background:				linear-gradient(#ffffff,#fdfdfd,#f7f7f7);
	}

.analytics_block_fields ul {
	-webkit-column-count:		2;
	-moz-column-count:			2;
	column-count:				2;
	}

.analytics_block_menu .button {
	width:					80px !important;
	}

#map_panel_wrapper {
	top:						0;
	height:					calc(100vh - 60px - 20px);
	padding-top:				60px;
	padding-left:				3.125vw;
	padding-right:				3.125vw;
	}

.panel_slided {
	transform:				translate(calc(-100% + 3.125vw),0%) !important;
	}

}