@font-face
{
	font-family: OpenSans-Regular;
	src: url('../gfx/fonts/OpenSans-Regular.ttf');
}
@font-face
{
	font-family: OpenSans-Bold;
	src: url('../gfx/fonts/OpenSans-Bold.ttf');
}
@font-face
{
	font-family: OpenSans-Italic;
	src: url('../gfx/fonts/OpenSans-Italic.ttf');
}
@font-face
{
	font-family: OpenSans-Light;
	src: url('../gfx/fonts/OpenSans-Light.ttf');
}

/* for Html editor summernote */
@font-face
{
	font-family: 'Open Sans';
	src: url('../gfx/fonts/OpenSans-Regular.ttf');
}

html
{
	height: 100%;
}

body
{
	/*background-image: url('../gfx/background.png');*/
	background-color: #ecedf1;
	font-family: OpenSans-Regular, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 100%;
	margin: 0 /* 4px */;
	overflow-y: hidden;
}

select, button, input, time, textarea
{
	font-family: OpenSans-Regular, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

noscript
{
	position: absolute;
	top: 100px;
	width: 100%;
	text-align: center;
	color: #999;
	font-size: 14px;
}

#mask
{
	position: absolute;
	z-index: 1000;
	background-color: #000;
	display: none;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

/*.frame
{
	border: 1px solid #aaa;
	background-color: white;
	border-radius: 6px;
}*/

.window
{
	padding: 8px;
	display: none;
	background-color: white;
	box-shadow: 3px 3px 10px #888;
	/*border: 1px solid #aaa;*/
	/*border-radius: 6px;*/
}

.default_cursor
{
	cursor: default;
}

.pointer_cursor
{
	cursor: pointer;
}

.top
{
	vertical-align: top;
}

.middle
{
	vertical-align: middle;
}

.center
{
	text-align: center;
}

.right
{
	text-align: right;
}

.nowrap
{
	white-space: nowrap;
}

.inline
{
	display: inline-block;
}

.bold
{
	font-weight: bold;
}

#messageWindow
{
	position: fixed;
	width: 400px;
	height: 200px;
	left: 50%;
	top: 50%;
	margin-left: -200px;
	margin-top: -100px;
	padding: 8px;
	display: none;
	z-index: 10000;
	font-size: 22px;
	border: 1px solid #aaa;
	background-color: white;
	/*border-radius: 6px;*/
	box-shadow: 0 0 10px #888;
}

#messageWindowText
{
	width: 400px;
	height: 152px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

#messageWindow > .bigControlDiv
{
	text-align: center;
	vertical-align: middle;
}

/* canvas loader */
.canvasLoader
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	background-color: #FFF;
	border: 1px solid #D6D6D6;
	/*border-radius: 10px;*/
	box-shadow: 0 0 10px #888;
}

body > .canvasLoader
{
	position: fixed;
}

.canvasLoader div
{
	position: absolute;
	left: 50%;
	top: 50%;
}

.canvasLoader canvas
{
	display: block;
}
/* End of canvas loader */

/* Remove yellow background input from Chrome */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:active,
input:-webkit-autofill:focus
{
	background-color: #ecedf1 !important;
	-webkit-box-shadow: 0 0 0 1000px #ecedf1 inset !important;
}

#loader
{
	display: none;
	position: fixed;
	margin: -100px auto 0 -100px;
	width: 200px;
	height: 200px;
	left: 50%;
	top: 50%;
	/*background-color: #1a1a1a;*/
	/*border-radius: 12px;*/
	z-index: 10000;
	opacity: 0.9;
}

#cookieInfo
{
	display: none;
	position: fixed;
	width: 80%;
	left: 10%;
	bottom: 16px;
	z-index: 100;
	text-align: center;
}

#cookieInfo2
{
	display: inline-block;
	/*opacity: 0.9;*/
	/*background-color: #1a1a1a;*/
	/*border-radius: 12px;*/
	/*color: #999;*/
	/*padding: 12px;*/
}

#cookieClose
{
	font-size: 11pt;
	line-height: 23pt;
	margin: 0;
}

#cookieText
{
	text-align: justify;
	margin: 0 12px 0 6px;
}

.form
{
	position: fixed;
	left: 50%;
	top: 50%;
	margin-top: -88px;
	margin-left: -180px;
	padding: 20px 30px;
	/*border: 1px solid #bbb;*/
	/*box-shadow: 3px 3px 10px #888;*/
	background-color: white;
	/*border-radius: 5px;*/
	font-size: 14pt;
}

#login_form
{
	display: none;
	width: 450px;
	height: 350px;
	margin-left: -255px;
	margin-top: -175px;
}

.login_form_label1
{
	font-size: 23px;
	font-weight: bold;
}

.change_password_form_label1, .create_user_form_label1
{
	font-size: 23px;
	font-weight: bold;
	margin-bottom: 5px;
}

.change_password_form_label2, .change_password_form_label3, .change_password_form_label4,
.create_user_form_label2, .create_user_form_label3, .create_user_form_label4,
.create_user_form_label5,
.set_password_form_label2, .set_password_form_label3, .set_password_form_label4
{
	font-size: 14px;
	margin-top: 20px;
}

.set_password_form_label2 > span
{
	font-weight: bold;
}

.login_form_label2
{
	font-size: 14px;
	margin-bottom: 25px;
}

.login_form_label_user,
.login_form_label_password
{
	font-size: 14px;
	margin-top: 20px;
}

.login_form_button_div
{
	text-align: center;
	margin-top: 35px;
}

#welcome_form
{
	display: none;
	background-color: #ecedf1;
	text-align: center;
	position: fixed;
	z-index: 10;
	width: 100%;
	top: 55px;
	bottom: 55px;
}

/*#welcome_div
{
	width: 100%;
	height: 400px;
	position: fixed;
	margin-top: -200px;
	top: 50%;
	text-align: center;
	font-size: 32px;
	font-weight: bold;
	color: #323544;
	font-variant: small-caps;
}*/

#welcome_title1
{
	font-size: 23px;
	font-weight: bold;
}

#welcome_title2
{
	font-size: 16px;
	font-weight: bold;
}

#welcome_div_top
{
	text-align: center;
}

#welcome_div_top > table
{
	width: 100%;
	max-width: 900px;
}

#welcome_logo1
{
	width: 54px;
	vertical-align: middle;
}

#welcome_logo2
{
	width: 54px;
	vertical-align: middle;
}

#welcome_logo3
{
	height: 42px;
	vertical-align: middle;
}

#welcome_logo4
{
	height: 42px;
	vertical-align: middle;
}

#welcome_div1
{
	display: inline-block;
	vertical-align: middle;
}

#welcome_div1 > div
{
	float: right;
	padding-left: 12px;
	text-align: left;
	font-size: 10.5px;
}

#welcome_div2
{
	display: inline-block;
	vertical-align: middle;
}

#welcome_div2 > div
{
	float: right;
	padding-left: 12px;
	text-align: left;
}

#welcome_div2 b
{
	font-size: 14px;
}

#welcome_login_button
{
	margin: 15px 0;
}

#welcome_image_div
{
	height: 60%;
	text-align: center;
	padding: 16px 0;
}

#welcome_image
{
	height: 100%;
}

#change_password_form
{
	display: none;
	width: 300px;
	height: 385px;
	margin-left: -30px;
	margin-top: -195px;
}

#set_password_form
{
	display: none;
	width: 300px;
	height: 385px;
	margin-top: -195px;
}

#create_user_form
{
	display: none;
	width: 300px;
	height: 470px;
	margin-left: -30px;
	margin-top: -260px;
}

#users_manager, #instalations_groups_manager
{
	display: none;
}

#instalations_manager
{
	display: none;
	background-color: #ecedf1;
}

#instalations_manager .form_title_div
{
	font-size: 0;
	display: inline-block;
	margin-bottom: 10px;
}

#instalations_manager .form_title_div > div
{
	margin: 0!important;
}

.form_title
{
	font-size: 12pt;
	padding: 0 0 4px 2px;
	display: inline-block;
	margin-right: 40px;
}

.form_full
{
	position: absolute;
	left: 250px;
	right: 10px;
	top: 66px;
	bottom: 64px;
	padding: 10px;
	/*border: 1px solid #bbb;*/
	/*box-shadow: 3px 3px 10px #888;*/
	/*background-color: white;*/
	/*border-radius: 5px;*/
}

/*#logo
{
	opacity: 0.25;
	position: absolute;
	right: 20px;
	bottom: 20px;
	z-index: -1;
}*/

.map_div
{
	display: none;
	position: absolute;
	top: 55px;
	bottom: 55px;
	left: 240px;
	right: 0;
	overflow-y: auto;
	text-align: center;
}

.map
{
	width: 100%;
	height: 100%;
}

.map_div_hint
{
	cursor: pointer;
}

div.meteo_statistics
{
	display: none;
}

div.meteo_statistics_container
{
	position: absolute;
	left: 8px;
	right: 8px;
	top: 41px;
	bottom: 8px;
	overflow-y: auto;
}

#meteo_title
{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 4px 0;
	cursor: default;
}

.meteo_statistic
{
  margin-right: 16px;
	height: 120px;
}

.meteo_statistic > .legend > table > tbody > tr > td
{
	color: black;
	font-size: 16px;
	line-height: 16px;
}

.table_no_padding td
{
	padding: 0;
}

.table_div_green
{
	overflow: auto;
	position: absolute;
	top: 55px;
	bottom: 10px;
	left: 10px;
	right: 10px;
}

.table_green
{
	background-color: #DDDEE5;
	border-spacing: 1px;
}

.table_green > tbody > tr
{
}

.table_green > thead > tr > th
{
	background-color: #DDDEE5;
	padding: 4px 6px;
}

.table_green > tbody > tr:nth-child(even) > td
{
	background-color: #ECEDF1;
	padding: 4px 6px;
}

.table_green > tbody > tr:nth-child(odd) > td
{
	background-color: #ECEDF1;
	padding: 4px 6px;
}

.table_green > tbody > tr > td:first-child
{
	background-color: #DDDEE5;
}

.sum
{
	display: none;
	margin: 8px 0px 8px 8px;
	padding-right: 8px;
	position: absolute;
	top: 55px;
	bottom: 55px;
	left: 240px;
	right: 0;
	overflow-y: auto;
	overflow-x: auto;
}

.monitoring, .monitoring2
{
	display: none;
	margin: 8px 0px 8px 8px;
	/*padding-right: 8px;*/
	position: absolute;
	top: 55px;
	bottom: 55px;
	left: 240px;
	right: 0;
	overflow: hidden;
}

div.monitoring2_header_div
{
	text-align: center;
}

#monitoring2_div
{
	position: absolute;
	left: 0;
	right: 6px;
	top: 40px;
	bottom: 0;
}

.presentation
{
	display: none;
	margin: 8px 8px 8px 8px;
	padding: 0 22px;
	position: absolute;
	top: 55px;
	bottom: 55px;
	left: 240px;
	right: 0;
	overflow-y: auto;
}

.note-editor, #presentation_editor
{
	font-size: 14px;
	line-height: 1.42857143;
}

.presentation_button
{
	border: 1px solid #ccc;
	padding: 3px;
	border-radius: 3px;
	background-color: #fff;
	opacity: 1;
	cursor: pointer;
}

.presentation_edit
{
	position: absolute;
	right: 5px;
	top: 5px;
	z-index: 10;
	opacity: 0.4;
}

.presentation_save
{
	display: none;
	position: absolute;
	right: 40px;
	top: 5px;
	z-index: 10;
	opacity: 0.4;
}

.presentation_edit:hover, .presentation_save:hover
{
	opacity: 1;
}

div.presentation_sites
{
	position: absolute;
	left: 0;
	bottom: 4px;
	height: 32px;
}

.presentation_site_button
{
	border: 1px solid #ccc;
	padding: 3px;
	border-radius: 3px;
	background-color: rgba(255, 255, 255, 0.5);
	cursor: pointer;
	margin: 0 2px;
}

.presentation_site_button_active
{
	box-shadow: inset 3px 3px 5px 0px rgba(0, 0, 0, 0.35);
}

.presentation_site_button_add, .presentation_site_button_minus
{
	display: none;
}

.presentation_site_resolution
{
	vertical-align: top;
	padding-top: 7px;
	display: inline-block;
	padding-left: 4px;
}

#presentation_list
{
	display: none;
	position: absolute;
	right: 6px;
	top: 37px;
	z-index: 10;
	background-color: #fff;
	max-height: 400px;
	overflow-y: auto;
}

#presentation_list > div
{
	padding: 8px 12px;
	font-size: 14px;
	cursor: pointer;
}

#presentation_list > div:hover
{
	background-color: #323544;
	color: #f4f4f4;
}

.gallery
{
	display: none;
	margin: 22px;
	padding: 0;
	position: absolute;
	top: 55px;
	bottom: 55px;
	left: 240px;
	right: 0;
	overflow: hidden;
}

.gallery_image
{
	position: absolute;
}

#gallery_page
{
	position: absolute;
	bottom: 0;
	right: 0px;
	font-size: 16px;
	color: #444;
	background-color: #ecedf1;
}

#gallery_choice
{
	position: absolute;
	overflow-x: hidden;
	overflow-y: auto;
	left: 0;
	top: 0;
	right: 44px;
	bottom: 0;
}

.gallery_choice_title
{
	/*color: #0ba04a;*/
	font-size: 18px;
	font-weight: bold;
	vertical-align: middle;
	margin: 12px 0 8px 34px;
}

.gallery_choice_title > div
{
	display: inline-block;
	margin-right: 12px;
}

.gallery_choice_title > img
{
	vertical-align: middle;
	cursor: pointer;
}

.gallery_choice_item
{
	display: inline-block;
	position: relative;
	padding: 6px;
	cursor: pointer;
	min-width: 172px;
	min-height: 136px;
}

.gallery_choice_checked,
.gallery_choice_unchecked
{
	position: absolute;
	left: 12px;
	top: 12px;
	cursor: pointer;
}

.gallery_image_item_unchecked
{
	opacity: 0.6;
}

.gallery_choice_add_item
{
	cursor: pointer;
}

.gallery_button
{
	border: 1px solid #ccc;
	padding: 3px;
	border-radius: 3px;
	background-color: #fff;
	opacity: 1;
	cursor: pointer;
}

.gallery_edit
{
	position: absolute;
	right: 5px;
	top: 5px;
	z-index: 10;
	opacity: 0.4;
}

.gallery_edit2
{
	position: absolute;
	right: 5px;
	top: 45px;
	z-index: 10;
	opacity: 0.4;
}

.gallery_save
{
	/*display: none;*/
	position: absolute;
	right: 5px;
	top: 85px;
	z-index: 10;
	opacity: 0.4;
}

.gallery_edit:hover, .gallery_edit2:hover, .gallery_save:hover
{
	opacity: 1;
}

#tv_choice
{
	display: none;
}

#tv_choice_title1
{
	font-size: 18px;
	font-weight: bold;
}

#tv_choice_title2
{
	font-size: 12px;
	margin-top: 4px;
	margin-bottom: 16px;
}

#tv_choice_title2 a
{
	text-decoration: none;
}

#tv_choice_used, #tv_choice_unused
{
	display: inline-block;
	vertical-align: top;
	border: 2px solid #aaa;
	padding: 4px;
}

#tv_choice_used > span
{
	font-size: 16px;
	font-weight: bold;
	color: #0ba04a;
}

#tv_choice_unused > span
{
	font-size: 16px;
	font-weight: bold;
	color: red;
}

#tv_choice_used > div, #tv_choice_unused > div
{
	min-width: 100px;
	min-height: 32px;
}

.tv_choice_item
{
	border: 2px solid #aaa;
	padding: 4px;
	font-size: 14px;
	display: table;
	cursor: move;
	margin: 3px 0;
	background-color: #dedede;
}

.tv_choice_item_time
{
	width: 30px;
}

.tv_choice_item_instalations
{
	width: 30px;
}

.tv_choice_item_instalations_list
{
	width: 350px;
}

#tv_choice_description
{
	margin-top: 8px;
}

.note-editor
{
	margin-bottom: 0!important;
}

.fraction
{
	display: inline-block;
	vertical-align: middle;
}

.fraction_td_up
{
	border-bottom: 1px solid black;
	text-align: center;
}

.fraction_td_down
{
	text-align: center;
}