body {  
	#-moz-user-select: none;
	#-khtml-user-select: none;
	#user-select: none; 
	#-moz-user-select: none; 
}



@font-face {
    font-family: "PT Sans Narrow";									/* Гарнитура шрифта */
    src: url("../vendor/fonts/PT-Sans-Narrow.woff2") format("woff2"),	/* Путь к файлу со шрифтом */
         url("../vendor/fonts/PT-Sans-Narrow.woff") format("woff"),
         url("../vendor/fonts/PT-Sans-Narrow.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}


.container_main {
	width: 1100px;
	margin: 0  auto;
	font: 16px PT Sans Narrow; color: #666666;
	*background-color: RGB(230, 230, 230);
}

.vip_main {
	background-color: rgba(255, 0, 0, 0.2);
}

.container_main_all_city {
	width: 700px;
	margin-left: calc(50% - 350px);
	font: 16px PT Sans Narrow; color: #666666;
}

.cities_list .city {
	cursor: pointer;
	position: relative;
	color: RGB(15, 15, 15);
	padding: 2px 10px;
	padding-top: 5px;
	border-radius: 9px;
	
	box-shadow: 2px 2px 2px rgba(0, 0, 0, .3);
	font: 18px PT Sans Narrow; color: #666666;
	background-color: RGB(210, 210, 210);
	height: 25px;
	width: 200px;
	margin: 0 auto;
	margin-top: -8px;
}

.cities_list .city .checkbox_update_content {
	position: absolute;
	top: 7px;
	right: 10px;
}


.container_main label {
	font-weight: normal;
}

.form_filter table {
	margin: 10px 0px 10px 0px; 
	border-collapse: collapse; 
	font-size: 15px; 
	table-layout: auto; 
	width: 90%;
	margin: 30px auto;
}
.form_filter tr {
	width: 100%;
}
.form_filter td, th {
	padding: 6px 5px; 
	#text-align: center; 
	vertical-align: top; 
	margin: 0 auto;
}
.form_filter th {
	padding-left: 30px;
}

.form_filter .filter_line {
	min-height: 30px;
	display: block;
	position: relative;
}
.filter_line input[type="checkbox"] {
	display: inline-block;
	height: 15px;
	width: 15px;
	margin: 5px 2px;
	position: relative;
	left: 0px;
	cursor: pointer;
}
.filter_line label {
	position: relative;
	#left: 20px;
	font-weight: normal;
	margin: 2px 2px;
	text-align: left;
	display: inline-block;
	vertical-align:top;
	white-space: nowrap;
}
.filter_line .count_null {
	color: RGB(200, 200, 200); 
}
.filter_counter, .filter_counter_error {
	position: absolute;
	font-size: 10px;
	margin-left: 3px;
	color: RGB(12, 150, 53); 
	font-weight: bold;
}
.filter_counter_error {
	color: red;
}
.filter_line input[type="checkbox"][disabled] + label {
	color: RGB(200, 200, 200); 
}


/* Заголовки экспозиций и залов */

.exposition {  /* ul */
	position: relative;
	padding: 0px; 
	margin: 0px 0px 20px 0px;  
}
.exposition_counter {
	position: absolute;
	margin: 7px 0px 0px 10px;
	cursor: pointer; 
	font-size: 15px;  
	
}
.shutdown_exposition_container {
	position: absolute;
	margin: 0px 0px 0px 900px;
	border-radius: 9px;
	border-radius: 0px 3px 3px 0px;
	width: 200px;
	height: 30px;  
}
.shutdown_exposition {
	position: absolute;
	border-radius: 9px;
	background-color: RGB(220, 64, 74);
	color: RGB(15, 15, 15);
	text-align: center;
	cursor: pointer; 
	font-size: 15px;	
	padding-top: 6px;
	border-radius: 0px 3px 3px 0px;
	width: 200px;
	height: 30px;  
}
.exposition_header { 	/* h2 */
	cursor: pointer; 
	font-size: 22px;  
	margin-left: 0px; 
	padding-top: 4px; 
	text-align: center; 
	width: 100%; 
	height: 30px; 
	background-color: RGB(166, 171, 169);
	border-radius: 3px;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, .3);   
	color: RGB(250, 250, 250); 
}
.room { 	/* li */
	padding: 0px; 
	margin: 7px 5px 2px 20px; 
	list-style-type: none; 
	display: none;
}
.room_header {	/* h3 */
	cursor: pointer;
	font-size: 14px; 
	margin: 0px; 
	padding-top: 5px; 
	text-align: center; 
	width: 100px; 
	height: 22px; 
	background-color: RGB(255, 137, 0);
	border-radius: 3px;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, .3);
	color: RGB(250, 250, 250); 
}
.room_header_screenshot {
	margin-left: -145px;
}
/* Параметры Таблицы устройств */

.device_table { 	/* table */
	margin: 10px 0px 10px 0px; 
	border-collapse: collapse; 
	display: none; 
	font-size: 15px; 
	table-layout: auto; 
	width: 100%;
}
.device_row_head { 	/* tr */
	width: 1074px;
}
.device_row { 	/* tr */
	width: 1074px;
}
.expositions .device_row:hover { 
	background: #e3e3e3; 
}
.tr_online {
	background: #FFF;
}
.tr_offline {
	background: #E6E6E6;
}
.td_my { 	/* td */
	padding: 6px 5px; 
	text-align: center; 
	vertical-align: middle; 
}

/* Параметры скриншотов устройств */

.device_screenshots {
	position: relative;	
	margin: 10px 0px 10px -150px;
	#text-align: center; 
	width: 1370px;
	display: none;
}
.device_screenshots .device_screenshot_container {
	position: relative;	
	display: inline-block;
	top: 0px;
	max-width : 215px;
	vertical-align: top;
	margin: 0px 5px 25px 5px;
	
}
.device_screenshots .device_screenshot {
	position: relative;	
	height: 135px;
	width : 215px;
	margin: 0px 0px 0px 0px;
	display: inline-block;
	box-shadow: 4px 4px 4px rgba(0, 0, 0, .3);
}
.device_screenshot .info_line {
	position: relative;		
	height: 25px;
	background-color: rgba(200, 200, 200, .9);
	display: block;
	padding: 2px 0px;
}
.device_screenshot .screenshot_line {
	height: 110px;
}
.info_line .box_1, .info_line .box_2, .info_line .box_3, .info_line .box_4, .info_line .box_5 {
	position: absolute;
	height: 21px;	
}
.info_line .box_2, .info_line .box_3 {
	padding-top: 1px;
	color: RGB(30,30,30);
	text-align: left;	
}
.info_line .box_1 {
	width : 35px;
	left: 0px;	
}
.info_line .box_2 {
	width : 75px;
	left: 35px;	
}
.info_line .box_3 {
	width : 70px;
	left: 100px;
	padding: 0px 0px 0px 0px;
	text-align: center; 
}
.info_line .box_4 {
	width : 35px;
	left: 145px;
}
.info_line .box_5 {
	width : 35px;
	left: 180px;
}

/* Основное меню Один город */
.menu {
	position: relative;		
	height: 22px;
	width : 100%;
	margin: 0px 0px;
	#background-color: RGB(200, 200, 200);
	display: block;
	padding: 0px 0px;
	#margin-bottom: 35px;
	#border: 1px solid gray;
}
.menu .block_1, .menu .block_1_1, .menu .block_2, .menu .block_3 , .menu .block_4, .menu .block_5, .menu .block_6 {
	position: absolute;		
	height: 22px;
	#background-color: RGB(20, 200, 200);
	margin: 0px 0px 0px 0px;
	top: 0;
	#border: 1px solid gray;	
}
.menu .block_1 {
	width: 200px;
	left: 0px;	
	text-align: left;
}
.menu .block_1_1 {
	width: 200px;
	left: 120px;	
	text-align: left;
}
.menu .block_2 {
	width: 250px;
	left: 800px;
	text-align: right;
}
.menu .block_3 {
	width: 50px;
	left: 1050px;
	text-align: right;		
}
.menu .block_4 {
	top: 20px;
	left: 0px;
	text-align: right;		
}
.menu .block_5 {
	top: 40px;
	left: 0px;
	text-align: right;		
}
.menu .block_6 {
	top: 60px;
	left: 0px;
	text-align: right;		
}

/* Основное меню Все города */
.container_main_all_city .menu {
	position: relative;		
	height: 22px;
	width : 100%;
	margin: 0px 0px;
	#background-color: RGB(200, 200, 200);
	display: block;
	padding: 0px 0px;
	#margin-bottom: 35px;
	#border: 1px solid gray;
}
.container_main_all_city .menu .block_1, .container_main_all_city .menu .block_2, .container_main_all_city .menu .block_3 {
	position: absolute;		
	height: 22px;
	#background-color: RGB(20, 200, 200);
	margin: 0px 0px 0px 0px;
	top: 0;
	#border: 1px solid gray;	
}
.container_main_all_city .menu .block_1 {
	width: 200px;
	left: 0px;	
	text-align: left;
}
.container_main_all_city .menu .block_2 {
	width: 250px;
	left: 400px;
	text-align: right;
}
.container_main_all_city .menu .block_3 {
	width: 50px;
	left: 650px;
	text-align: right;
			
}

/* Инфа о городе */
.city_info {
	position: relative;		
	height: 180px;
	width : 1100px;
	margin: 0px 0px;
	#background-color: RGB(200, 200, 200);
	display: block;
	#padding: 2px 0px;
	margin-bottom: 30px;
}
.city_info .block_0, .block_1, .city_info .block_2, .city_info .block_3, .city_info .block_4_1, .city_info .block_4_2, .city_info .block_5_1, .city_info .block_5_2, .city_info .block_6_1, .city_info .block_6_2 , .city_info .block_6_3, .city_info .block_6_4, .city_info .block_6_5 {
	position: absolute;		
	#background-color: RGB(20, 200, 200);
	margin: 0px 0px 0px 0px;
	top: 0;
	text-align: center;
	#border: 1px solid gray;	
}
.city_info .block_0 {
	width: 350px;
	height: 150px;
	left: -70px;	
	font-size: 40px;
	
}
.city_info .block_1 {
	width: 350px;
	height: 150px;
	left: 0px;	
	font-size: 40px;
	padding-top: 50px;
	color: red;
}
.city_info .block_2 {
	width: 400px;
	height: 150px;
	left: 350px;
	font-size: 55px;
	padding-top: 15px;
	#background-color: RGB(250, 250, 250);	
}
.city_info .block_3 {
	width: 400px;
	height: 50px;
	left: 350px;
	top: 100px;	
	font-size: 30px;
	padding-top: 5px;	
}
.city_info .block_4_1 {
	width: 266px;
	height: 25px;
	left: 750px;
	padding-top: 2px;			
}
.city_info .block_4_2 {
	width: 266px;
	height: 75px;
	left: 750px;
	top: 25px;
	margin: 0px 0px;
	padding: 0px 0px;
			
}
	.table_shutdown_time {
		table-layout: auto; 	
		width: 100%;
		margin: 0px 0px;
		padding: 0px 0px;
		color: RGB(120, 120, 120);
	}
	.table_shutdown_time th, .table_shutdown_time td {
		margin: 0px 0px;
		padding: 0px 0px;
		text-align: center;	
		width: 38px;
	
	}
	.table_shutdown_time th {
		height: 20px;
		font-size: 13px;
	}
	.table_shutdown_time td {
		position: relative;
		height: 25px;
		font-size: 14px;
		cursor: pointer;	
	}
	.table_shutdown_time input[type="text"] {
		background: none;
		border: 0 none;
		#outline: none;
		width: 38px;
		margin: 0px 0px;
		padding: 0px 0px;
		position: relative;
		display: inline-block;
		padding: 0px 0px;	
		text-align: center;	
	}
	.table_shutdown_time input[type="text"]:hover {
		background-color: RGB(220, 220, 220);
	}
	.table_shutdown_time input[type="text"]:focus {
		background-color: white;
	}
	.no_active_text {
		color: RGB(220, 220, 220);
	}
.city_info .block_5_1 {
	width: 80px;
	height: 55px;
	left: 1020px;
	font-size: 30px;
	padding-top: 5px;		
}
.city_info .block_5_2 {
	width: 70px;
	height: 25px;
	left: 1025px;
	top: 55px;
	color: RGB(15, 15, 15);
	padding-top: 2px;
	border-radius: 6px;
	cursor: pointer;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, .3);
}
	.save_shutdown_time {
		display: none;
		background-color: RGB(66, 163, 253);
	}
.city_info .block_6_1 {
	width: 350px;
	height: 20px;
	left: 750px;
	top: 100px;	
	text-align: left;	
}
.city_info .block_6_2 {
	width: 350px;
	height: 20px;
	left: 750px;
	top: 120px;	
	text-align: left;		
}
.city_info .block_6_3 {
	width: 350px;
	height: 20px;
	left: 750px;
	top: 140px;	
	text-align: left;		
}
.city_info .block_6_4 {
	width: 350px;
	height: 20px;
	left: 750px;
	top: 160px;	
	text-align: left;		
}
.city_info .block_6_5 {
	width: 350px;
	height: 20px;
	left: 750px;
	top: 180px;	
	text-align: left;		
}

/* Общие кнопки */
.сommon_buttons {
	position: relative;		
	height: 30px;
	width : 1100px;
	margin: 0 auto;
	#background-color: RGB(200, 200, 200);
	display: block;
	#padding: 2px 0px;
	#margin-bottom: -20px;
}
.сommon_buttons .block_1, .сommon_buttons .block_2, .сommon_buttons .block_3, .сommon_buttons .block_4, .сommon_buttons .block_5 {
	position: absolute;		
	height: 30px;
	#background-color: RGB(20, 200, 200);
	margin: 0px 0px 0px 0px;
	top: 0;
	text-align: center;
	padding: 0px 10px;
	width: 220px;
}
.сommon_buttons .block_1 {
	left: 0px;	
}
.сommon_buttons .block_2 {
	left: 220px;	
}
.сommon_buttons .block_3 {
	left: 440px;	
}
.сommon_buttons .block_4 {
	left: 660px;	
}
.сommon_buttons .block_5 {
	left: 880px;	
}


/* Раскрыть Все, Список-Скриншоты */

.menu_line {
	position: relative;		
	height: 27px;
	width : 100%;
	#background-color: RGB(200, 200, 200);
	display: block;
	#padding: 2px 0px;
	margin-bottom: -20px;
}
.menu_line label {
	margin: 3px;
}
.menu_line .block_1, .menu_line .block_2, .menu_line .block_3, .menu_line .block_4, .menu_line .block_5  {
	position: absolute;		
	height: 27px;
	#background-color: RGB(20, 200, 200);
	margin: 0px 0px 0px 0px;
	top: 0;
	text-align: center;
}
.menu_line .block_1 {
	width: 120px;
	left: 0px;	
}
.menu_line .block_1 input {
	margin: 2px;
	padding-top: 1px;
}
.menu_line .block_2 {
	width : 500px;
	left: 300px;
}
.menu_line .block_3 {
	width : 50px;
	left: 900px;
	text-align: right;	
}
.menu_line .block_4 {
	width : 70px;
	left: 950px;
	padding-top: 2px;
}
.menu_line .block_5 {
	width : 70px;
	left: 1020px;
	text-align: left;
}

/* Данные устройств */

.device_SSS_status_on, .device_SSS_status_off, .device_SSS_status_offer, .device_SSS_status_never { 
	width: 24px;
	height: 20px;
	background: url("../img/sprites.png") no-repeat;
    margin: 0 auto;
    position: relative;
	
}
.device_SSS_status_on { 
    background-position: -58px -250px;
}
.device_SSS_status_off { 
    background-position: -115px -240px;
}
.device_SSS_status_offer { 
    background-position: -208px -167px;
}
.device_SSS_status_never { 
    background-position: -115px -240px;
}

.device_SSS_plus_status_on, .device_SSS_plus_status_off, .device_SSS_plus_status_offer, .device_SSS_plus_status_never { 
	width: 24px;
	height: 20px;
	background: url("../img/sprites.png") no-repeat;
    margin: 0 auto;
    position: relative;
	
}
.device_SSS_plus_status_on { 
    background-position: -58px -250px;
}
.device_SSS_plus_status_off { 
    background-position: -115px -240px;
}
.device_SSS_plus_status_offer { 
    background-position: -208px -167px;
}
.device_SSS_plus_status_never { 
    background-position: -115px -240px;
}
.device_SSE_status_on, .device_SSE_status_off, .device_SSE_status_offer, .device_SSE_status_never { 
	width: 24px;
	height: 20px;
	background: url("../img/sprites.png") no-repeat;
    margin: 0 auto;
    position: relative;
	
}
.device_SSE_status_on { 
    background-position: -58px -250px;
}
.device_SSE_status_off { 
    background-position: -115px -240px;
}
.device_SSE_status_offer { 
    background-position: -208px -167px;
}
.device_SSE_status_never { 
    background-position: -115px -240px;
}

.device_SB_status_on, .device_SB_status_off, .device_SB_status_offer, .device_SB_status_never { 
	width: 30px;
	height: 20px;
	background: url("../img/sprites.png") no-repeat;
    margin: 0 auto;
    position: relative;
	
}
.device_SB_status_on { 
    background-position: -196px -330px;
}
.device_SB_status_off { 
    background-position: -161px -330px;
}
.device_SB_status_offer { 
    background-position: -232px -330px;
    }
.device_SB_status_never { 
    background-position: -161px -330px;
    }

.device_Sr_status_on, .device_Sr_status_off, .device_Sr_status_offer, .device_Sr_status_never { 
	width: 24px;
	height: 20px;
	background: url("../img/sprites.png") no-repeat;
    margin: 0 auto;
    position: relative;
	
}
.device_Sr_status_on { 
    background-position: -330px -308px;
}
.device_Sr_status_off { 
    background-position: -308px -287px;
}
.device_Sr_status_offer { 
    background-position: -288px -287px;
}
.device_Sr_status_never { 
    background-position: -308px -287px;
}

.device_SrK_status_on, .device_SrK_status_off, .device_SrK_status_offer, .device_SrK_status_never { 
	width: 30px;
	height: 20px;
	background: url("../img/sprites.png") no-repeat;
    margin: 0 auto;
    position: relative;
	
}
.device_SrK_status_on { 
    background-position: 0px 0px;
}
.device_SrK_status_off { 
    background-position: -30px 0px;
}
.device_SrK_status_offer { 
    background-position: -60px 0px;
}
.device_SrK_status_never { 
    background-position: -30px 0px;
}

.content_name, .content_name_null {	
	width: 160px;
	margin: 0 auto;
}
.content_name span {
	cursor: pointer;
	padding: 0px 5px;
}
.content_name_null span {
	cursor: pointer;
	border-radius: 4px;
	background-color: RGB(241, 251, 158);
	padding: 0px 5px;
}
.device_id {
	width: 90px;
	margin: 0 auto;
}
.project_type {
	width: 40px;
	margin: 0 auto;
}
.content_theme {
	width: 130px;
	margin: 0 auto;
}
.cpu {
	width: 30px;
	margin: 0 auto;
}
.cpu_red {
	width: 30px;
	color: red;
	margin: 0 auto;
}
.cpu_temp {
	width: 35px;
	margin: 0 auto;
}
.cpu_temp_red {
	width: 35px;
	color: red;
	margin: 0 auto;
}
.free_space {
	width: 46px;
	margin: 0 auto;
}
.os_activeted {
	width: 30px;
}
.content_start, .content_no_start, .content_start_download, .content_start_no_content {
	width: 32px;
	height: 21px;
	background: url("../img/sprites.png") no-repeat;
    margin: 0 auto;
}
.content_start {
    background-position: -137px -253px;
}
.content_no_start {
    background-position: -266px -128px;
}
.content_start_download {
    background-position: -227px -189px;
}
.content_start_no_content {
    background-position: -180px -309px;
}

.content_download {
	width: 30px;
}

.update_ok, .update_none {
	width: 25px;
	height: 25px;
	margin: 0 auto;
	position: relative;
    #background-position: -120px -120px;
}
.update_ok {
	cursor: pointer;
	background: url("../img/sprites.png") no-repeat;
	background-position: -222px -305px;
}
.update_none {
	
}


/* Кнопки управления */

.update, .update_all, .theme_change_all, .screenshot, .restart, .restart_all, .shutdown, .shutdown_all, .delete, .delete_all, .teamviewer_all, .new_name {
	cursor: pointer;
	position: relative;
	color: RGB(15, 15, 15);
	padding: 3px 10px;
	border-radius: 9px;
	width: 70px;
	height: 25px;
	margin: 0 auto;
	
	box-shadow: 2px 2px 2px rgba(0, 0, 0, .3);
}

.update_all, .theme_change_all, .restart_all, .shutdown_all, .delete_all, .teamviewer_all {
	height: 30px;
	width: 200px;
	font-size: 16px;
	padding-top: 5px;
}

.screenshot {
	background-color: RGB(241, 250, 46);
}
.restart, .restart_all {  
	background-color: RGB(255, 137, 0);
}   
.shutdown, .shutdown_all { 
	background-color: RGB(252, 64, 74);
}
.delete, .delete_all { 
	background-color: RGB(50, 50, 50);
	color: RGB(230, 230, 230);
}
.teamviewer_all { 
	background-color: #3EB5F0;
	color: RGB(230, 230, 230);
}
.update, .update_all {
	background-color: RGB(73, 202, 62);
}
.theme_change_all {
	background-color: RGB(241, 250, 46);
}
.no_active {
	background-color: RGB(200, 200, 200);
	cursor: default;
}
.new_name {
	background-color: RGB(241, 251, 158);
}

/* Всплывающие ФОРМЫ для отправки команд */

.form_data {
	position: absolute;
	width: 335px;
	padding: 10px 20px;
	/* красивости... */
	text-align: left;
	margin: -17px 0px 0px 22px;
	border-radius: 9px;
	#text-align: center;
	#font: italic 14px/1.3 arial, sans-serif;
	background: #fff;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, .3);
	z-index: 2;
	border: 2px solid RGB(140, 140, 140);
}
.form_data p {
	text-align: center;
}
.form_data .form_line {
	min-height: 35px;
	display: block;
	position:relative;
}
.form_line p {
	text-align: left;
	padding: 5px 0px;
	margin: 0px;
}
.form_line input { 
	display: inline-block;
} 
.form_line input[type="radio"], .form_data input[type="checkbox"]{ 
	height: 15px;
	 width: 15px;
	 margin: 10px 2px;
	 top: 0px;
	 position:relative; 
	bottom:0; 
	vertical-align:top;
}
.form_line label {
	font-weight: normal;
	margin: 8px 2px;
	min-width: 60px;
	display: inline-block;
	vertical-align:top;
}
.form_line .col-sm-6 {
margin-top: 8px;
	float: none;
	width: 200px;
	display: inline-block;
	padding: 0px;
	z-index: 1;
	vertical-align: top;
}
.form_line .form-control {
	height: 28px;
	padding: 2px 12px;
}
.form_line input[type="radio"]:checked+label { 
	font-weight: bold; 
} 
.form_line input[type="submit"], input[type="button"] {
	height: 25px;
	margin: 10px 20px;
	border: 0px;
}
.form_line input[type="submit"][disabled], button[disabled] {
    background-color: RGB(166, 171, 169);
}
.form_line input[type="text"] {	
	width: 200px;
	margin-top: 5px;
}

select {
      display: inline-block;
      height: 22px;
      width: 144px;
      outline: none;
      color: #74646e;
      border: 1px solid #ccc;
      border-radius: 5px;
      box-shadow: 1px 1px 2px #999;
      background: #eee;
      #font: italic 11px/1 arial, sans-serif;
      }

/* Всплывающий комментарий */

.comment_icon, .comment_status_icon  {
	width: 14px;
	height: 14px;
	position: absolute;
	border-radius: 8px;
	background-color: RGB(244, 212, 0);
	box-shadow: 2px 2px 2px rgba(0, 0, 0, .3);
	font-size: 11px;  
	text-align: center; 
}

.content_theme .comment_icon {
	position: absolute;
	left: 260px;
}


.comment_icon {
	margin: -8px 0px 0px 0px;
	right: -8px;
}
.comment_status_icon {
	margin: -7px 0px 0px 0px;
	right: -3px;
}
.comment_icon p, .comment_status_icon p {
	margin: 0;
	padding: 1px 0 0 1px;
	cursor: default;
	color: black;
}
.icon_ok {
	background-color: RGB(73, 202, 62);
}
.icon_wait {
	background-color: RGB(244, 212, 0);
}
.icon_bad {
	background-color: RGB(252, 64, 74);
}

.comment {
	position: fixed;
	padding: 6px 10px;
	border: 1px solid RGB(244, 212, 0);
	border-radius: 6px;
	text-align: center;
	font: italic 14px/1.3 arial, sans-serif;
	color: #333;
	background: #fff;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, .3);
}
    
.preview_screenshot {
	position: fixed;	
	height: 147px;
	width : 228px;
	border: 6px solid RGB(241, 250, 46);
	border-radius: 6px;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, .3);
	-webkit-animation: city 10s linear infinite;
}
.preview_screenshot_216 {
	position: fixed;	
	height: 147px;
	width : 228px;
	border: 6px solid RGB(241, 250, 46);
	border-radius: 6px;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, .3);
	-webkit-animation: city 10s linear infinite;
}
.preview_screenshot_240 {
	position: fixed;	
	height: 147px;
	width : 252px;
	border: 6px solid RGB(241, 250, 46);
	border-radius: 6px;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, .3);
	-webkit-animation: city 10s linear infinite;
}


@-webkit-keyframes city {
    from { background-position: 0px}
    to { background-position: 100%}
}

.screenshot_container {
	display: block;
	position: fixed;	
	height: 100%;
	width: 100%;
	top: 0;
    left: 0;
    right: 0;
    bottom: 0;    
	background: rgba(0, 0, 0, .3);
	cursor: pointer;
}
.screenshot_img {
	display: block;
	position: fixed;	
	width : 972px;
	height: 552px;
	top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
 	background: #f3f3f3;
 	overflow: scroll;
 	cursor: auto;
	border: 6px solid RGB(140, 140, 140);
	border-radius: 6px;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, .3);
}
.screenshot_img img {
	height: 100%;
	#width: 100%;
}


/* Переключатель Teamviewer */
.teamviewer {
	margin: 0px 15px;
}
.teamviewer .onoffswitch {
    position: relative; 
    width: 65px;
    -webkit-user-select:none; 
    -moz-user-select:none; 
    -ms-user-select: none;    
}
.teamviewer .onoffswitch input[type="checkbox"] {
    display: none;
}
.teamviewer .onoffswitch-label {
    display: block; 
    overflow: hidden; 
    cursor: pointer;
    border: 2px solid #999999; 
    border-radius: 20px;
    margin: 0px;
}
.teamviewer .onoffswitch-inner {
    display: block; 
    width: 200%; 
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.teamviewer .onoffswitch-inner:before, .teamviewer .onoffswitch-inner:after {
    display: block; 
    float: left; 
    width: 50%; 
    height: 18px; 
    padding: 0; 
    line-height: 18px;
    font-size: 12px; 
    color: white; 
    font-family: Trebuchet, Arial, sans-serif; 
    font-weight: bold;
    box-sizing: border-box;
}
.teamviewer .onoffswitch-inner:before {
    background-color: #3EB5F0; 
    color: #FFFFFF;
}
.teamviewer .onoffswitch-inner:after {
    background-color: #EEEEEE; 
    color: #999999;
    text-align: right;
}
.teamviewer .off-switch:before {
	content: "Start";
    padding-right: 20px;
}
.teamviewer .off-switch:after {
	content: "OFF";
    padding-right: 5px;
}
.teamviewer .on-switch:before {
	content: "ON";
    padding-right: 30px;
}
.teamviewer .on-switch:after {
	content: "Stop";
    padding-right: 5px;
}
.teamviewer .onoffswitch-switch {
    display: block; 
    width: 20px; 
    margin: 1px;
    background: #FFFFFF;
    position: absolute; 
    top: 0; 
    bottom: 0;
    right: 43px;
    border: 2px solid #999999; 
    border-radius: 20px;
    transition: all 0.3s ease-in 0s; 
}
.teamviewer input[type="checkbox"]:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.teamviewer input[type="checkbox"]:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}

/* Переключатель Screenshot */
.screenshot_view {
	#position: relative;
	#margin: 0px 15px;
	height: 25px;
}
.screenshot_view .screenshot_label {
	#position: relative;
	display: inline-block;
	#height: 25px;
	margin: 0px 0px 0px 0px;
}
.screenshot_view .onoffswitch {
	display: inline-block;
    position: relative; 
    width: 50px;
    -webkit-user-select:none; 
    -moz-user-select:none; 
    -ms-user-select: none;    
}
.screenshot_view .onoffswitch input[type="checkbox"] {
    display: none;
}
.screenshot_view .onoffswitch-label {
    display: block; 
    overflow: hidden; 
    cursor: pointer;
    border: 2px solid #999999; 
    border-radius: 20px;
    margin: 0px;
}
.screenshot_view .onoffswitch-inner {
    display: block; 
    width: 200%; 
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.screenshot_view .onoffswitch-inner:before, .screenshot_view .onoffswitch-inner:after {
    display: block; 
    float: left; 
    width: 50%; 
    height: 18px; 
    padding: 0; 
    line-height: 18px;
    font-size: 12px; 
    color: white; 
    font-family: Trebuchet, Arial, sans-serif; 
    font-weight: bold;
    box-sizing: border-box;
}
.screenshot_view .onoffswitch-inner:before {
    background-color: #3EB5F0; 
    color: #FFFFFF;
}
.screenshot_view .onoffswitch-inner:after {
    background-color: #EEEEEE; 
    color: #999999;
    text-align: right;
}
.screenshot_view .switch:before {
	content: "";
    padding-right: 10px;
}
.screenshot_view .switch:after {
	content: "";
    padding-right: 10px;
}
.screenshot_view .onoffswitch-switch {
    display: block; 
    width: 20px; 
    margin: 1px;
    background: #FFFFFF;
    position: absolute; 
    top: 0; 
    bottom: 0;
    right: 28px;
    border: 2px solid #999999; 
    border-radius: 20px;
    transition: all 0.3s ease-in 0s; 
}
.screenshot_view input[type="checkbox"]:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.screenshot_view input[type="checkbox"]:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}

/* Форма входа */
.login_form {
	display: block;
	position: fixed;	
	width : 300px;
	height: 150px;
	top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
 	background: #f3f3f3;
 	border: 6px solid RGB(140, 140, 140);
	border-radius: 6px;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, .3);
}
.login_form .block_0, .login_form .block_1_1, .login_form .block_1_2, .login_form .block_2_1, .login_form .block_2_2, .login_form .block_3, .login_form .block_4 {
	position: absolute;		
	height: 25px;
	#background-color: RGB(20, 200, 200);
	margin: 0px 0px 0px 0px;
	top: 0;
	#border: 1px solid gray;	
}
.login_form input {
	width: 200px;
	height: 18px;
}
.login_form input[type="submit"] {
	width: 120px;
	font-size: 20px;
}
.login_form .block_0 {
	width: 300px;
	height: 30px;
	left: 0px;	
	top: 5px;
	text-align: center;
	font-size: 20px;
}
.login_form .block_1_1 {
	width: 65px;
	left: 0px;	
	top: 35px;
	text-align: right;
}
.login_form .block_1_2 {
	width: 230px;
	left: 70px;
	top: 35px;
	text-align: left;
}
.login_form .block_2_1 {
	width: 65px;
	left: 0px;	
	top: 65px;
	text-align: right;
}
.login_form .block_2_2 {
	width: 230px;
	left: 70px;
	top: 65px;
	text-align: left;
}
.login_form .block_3 {
	width: 300px;
	left: 0px;
	top: 90px;
	text-align: center;			
}
.login_form .block_4 {
	width: 300px;
	left: 0px;
	top: 120px;
	text-align: center;			
}

.create_theme_table {
	width: 100%; /* Ширина таблицы */
    background: white; /* Цвет фона таблицы */
    color: black; /* Цвет текста */
    border: 1px solid black;
    border-collapse: collapse;
}
.create_theme_table .id {
	width: 35px;
	text-align: center;
	border: 1px solid black;
}

.create_theme_table .content_name {
	width: 50%;
	text-align: center;
	border: 1px solid black;
}
.create_theme_table .content_name {
	width: 50%;
	text-align: center;
	border: 1px solid black;
}

.create_theme_table .city_name, .create_theme_table .device_id, .create_theme_table .mapping_name {
	width: 16%;
	text-align: center;
	border: 1px solid black;
}

.error_div {
	color: red;
}

.create_theme_button {
	width: 400px;
	margin-left: 150px;
	margin-top: 20px;

}