body
{
	//background-color: #a2a2a2;
	background-color: #eaeaea;
}

.block-header>h2
{
	color: #383232;
	font-size: 1.2em;
}


.block-header
{
	padding-left: 0px;
}

.hoverable-name:hover
{
	text-decoration: underline;
}

.hoverable-icon:hover
{
	background-color: #00BCD4;

}

.hoverable-icon:hover .zmdi, .hoverable-icon:hover .fa
{
	color: white !important;
}

#header .zmdi, #sidebar .zmdi
{
	color: #00BCD4;
}

.fa
{
	color: #00BCD4;
}

[data-ma-theme=bluegray]
{
	    background-color: #383232;
}

#header
{
	//min-height: 100px;
}

.menu-phone
{
	color: white;
	padding-left: 2em;
}

.menu-phone span
{
	font-size: 1em;
}

.menu-phone b
{
	font-size: 2em;
}


.user-icon
{
	color: white;
	font-size: 2em;
}

.user-name
{
	color: white;
}

.user-name span
{
	font-size: 1.7em;
}

.menu-out i
{
	font-size: 2.2em;
	margin-bottom: 10px;
}



.dw-item
{
	min-height: 314px;
	margin-bottom: 0px;
}

.head-counter
{
	padding: 1em;
	color: white;
	font-size: 1.1em;
}

.head-counter-name
{

}

.head-counter-data
{
	font-weight: bold;
	font-size: 1.2em;
}

.body-counter
{
	color: white;
	font-size: 3em;
	font-weight: bold;
	text-align: center;
	margin-top: 2.5em;
}

.btn-counter
{
	text-align: center;
	margin-top: 4.5em;
}

.s-profile>a
{
	background: url(../../images/default/profile-m.jpg);
}

.s-profile>a .sp-info
{
	background: rgba(0, 0, 0, 0.71);
}

.zmdi-assignment-account
{
	color: white;
}



.temp-num
{
	font-size: 2.5em;
}

.temp-flap
{
	font-size: 2.5em;
	color: white;
}

.temp-sensor-num
{
	font-size: 2.5em;
}

.temp-sensor-status
{
	font-size: 1.8em;
	font-wight: bold;
	//padding: 0.3em;
}


.setting-card-body
{
	padding-bottom: 0px !important;
}

 .flat-box:before
{
	border: 2px solid white;
}

.btn-active
{
	background-color: #cccccc !important;
}

body, body.modal {
    margin-right: 0 !important;
}

body.modal {
    overflow-y: hidden;
}

#table-status .danger a
{
	color: #FFEB3B!important;
}

.fixed-table-pagination .pagination a
{
	line-height: 38px !important;
	padding: 0 !important;
}

.fixed-table-pagination
{
	padding-left: 1em;
	padding-right: 1em;
}

.bootstrap-table .table
{
	border-radius: 0px !important;
	border: 0px !important;
}

.fixed-table-container
{
	border-radius: 0px !important;
	border: 0px !important;
}

.meter_correction
{

    font-weight: 500;
	font-size: 1.3em;
    color: red;
    margin-left: 0.5em;
    position: absolute;
    margin-top: -0.2em;

}

.meter_correction:hover
{
	cursor: pointer;
}

.meter_correction1 i
{
    position: absolute;
    left: 25px;
    font-size: 20px;
    top: 0;
    width: 25px;
    text-align: center;
    padding: 13px 0;
}

.meter_correction_table
{
	width: 100%;
}

.meter_correction_table th,.meter_correction_table td
{
	text-align: left;
}


.logo-bg {
	background-color: #444444;
}

.simple_columb > div
{
	margin-bottom: 2em;
}

.simple_columb .head-counter-data
{
	font-size: 1.5em;
}

.simple_mode .temp-num
{
	font-size: 6em;
}

.simple_mode .temp-num p
{
	margin-bottom: 0px;
}

.simple_mode .btn
{
	height: 100px;
	width: 100px;
}

.simple_mode .btn i
{
	font-size: 70px;
}

.mobile-btn-plus
{
	height: 50%;
	width: 100%;
	border-radius: 6px;
	border: none;
	background-color: transparent;
	background-image: url("/images/default/mobile-btn-bg.png");
	background-position: center center;

}


.mobile-btn-plus:active
{
	background-color: #e37318;
}

.mobile-btn-plus i
{
	color: #e37318;
	font-size: 5.4em;
	text-shadow: 1px 1px 2px #23083b, 0 0 0.5em #e37318;
	/*top: 10px;*/
	/*margin-top: -150px !important;*/
}

.mobile-btn-plus i
{
	position: relative;
	margin-top: -50px !important;
}

.mobile-btn-minus
{
	height: 50%;
	width: 100%;

	border-radius: 6px;
	border: none;
	background-color: transparent;
	background-image: url("/images/default/mobile-btn-bg.png");
	background-position: center center;
}

.mobile-btn-minus:active
{
	background-color: #e37318;
}

.mobile-btn-minus i
{
	color: #e37318;
	font-size: 5.4em;
	text-shadow: 1px 1px 2px #23083b, 0 0 0.5em #e37318;
	position: relative;
	margin-top: 50px;
}

.mobile-temp-change
{
	position: absolute;
	/*//border: solid 2px red;*/
	/*height: 275px;*/
	height: 50%;
	width: calc(100% - 30px);
	top: 30%;
	/*//left: 25%;*/
	/*//margin-left: auto;*/
	/*//margin-right: auto;*/
	/*//background-image: url("/images/default/mobile-temp.png");*/
	/*//background-position: center center;*/
	/*//background-repeat: no-repeat;*/
	/*//display: table;*/
	/*//background-size: contain;*/
}

#tempHeat
{
	position: absolute;
	//width: calc(100% - 30px);
	z-index: 100;
	top: 40%;
	left: 0%;
	height: 40%;

}

.mobile-temp-change-block
{
	display: table-cell;
	vertical-align: middle;
}

.mobile-temp-change-num
{
	color: #e37318;
	font-size: 3.4em;
	text-shadow: 1px 1px 2px #23083b, 0 0 0.5em #e37318;
	/*//padding-bottom: 1em;*/
}

.mobile-temp-change-text
{
	color: #fefefe;
	font-size: 1.4em;
	text-transform: uppercase;
	letter-spacing: -0.05em;
}

.mobile-temp-now
{
	/*height: 580px;*/
	width: 100%;
	/*//border: solid 2px yellow;*/
	/*margin-top: 1em;*/
	/*background: #5aa2ba;*/
	/*background: -moz-linear-gradient(45deg,  #5aa2ba 0%, #003e55 100%);*/
	/*background: -webkit-linear-gradient(45deg,  #5aa2ba 0%,#003e55 100%);*/
	/*background: linear-gradient(45deg,  #5aa2ba 0%,#003e55 100%);*/
	/*background: linear-gradient(45deg,  rgba(0, 62, 85, 0.3) 0%, rgba(90, 162, 186, 0.3) 100%);*/
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5aa2ba', endColorstr='#003e55',GradientType=1 );*/
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	display: table;
	text-align: center;
	background-image: url("/images/default/mobile-btn-bg.png");
	background-position: center center;
	background-size: cover;
}

.mobile-temp-now-block
{
	display: table-cell;
	vertical-align: middle;
}

.mobile-temp-now-count
{
	color: #e37318;
	font-size: 4.4em;
	text-shadow: 1px 1px 2px #23083b, 0 0 0.5em #e37318;
	width: 100%;
}

.mobile-temp-now-text
{
	color: #fefefe;
	font-size: 2.4em;
	//text-shadow: 1px 1px 2px #23083b, 0 0 0.5em #f06d05;
	width: 100%;
	text-transform: uppercase;
}

.mobile-indicator-block
{
	/*//min-height: 108px;*/
	width: 100%;
	/*//border: solid 1px green;*/
	/*//margin-top: 1em;*/
	/*background: #5aa2ba;*/
	/*background: -moz-linear-gradient(45deg,  #5aa2ba 0%, #003e55 100%);*/
	/*background: -webkit-linear-gradient(45deg,  #5aa2ba 0%,#003e55 100%);*/
	/*background: linear-gradient(45deg,  #5aa2ba 0%,#003e55 100%);*/
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5aa2ba', endColorstr='#003e55',GradientType=1 );*/
	border-radius: 6px;
	font-size: 1.5em;
	/*text-transform: uppercase;*/
	color: white;
	text-align: right;
	vertical-align: middle;
	letter-spacing: -0.05em;
	height: 19%;
	padding-right: 1em;
	border: none;

	/*background-color:#003e55;*/
	/*background-image: linear-gradient(135deg, transparent,transparent 48%, rgba(255,255,255,.3) 48%, rgba(255,255,255,.3) 52%, transparent 52%);*/
	/*background-size:5px 5px;*/
	/*background: linear-gradient(45deg,  rgba(0, 62, 85, 0.3) 0%, rgba(90, 162, 186, 0.3) 100%);*/
	background-color: transparent;
	background-image: url("/images/default/mobile-btn-bg.png");
	background-position: center center;
	background-size: cover;
}

.mobile-indicator-block2
{

	width: 100%;

	border-radius: 6px;
	font-size: 1.5em;

	color: white;
	text-align: right;
	vertical-align: middle;
	letter-spacing: -0.05em;
	height: 19%;
	padding-right: 1em;
	border: none;

	background-color: transparent;
	background-image: url("/images/default/mobile-btn-bg.png");
	background-position: center center;
	background-size: cover;
}

.mobile-indicator-block:active
{
	background-color: #e37318;
}

.mobile-indicator-block > span
{
	/*//color: #f06d05;*/
	color: #e37318;
	/*font-size: 3.4em;*/
	font-size: 200%; 
	float: left;
	padding-left: 0.2em;
	/*//text-shadow: 1px 1px 2px black, 0 0 0.5em #e37318;*/
	text-shadow: 1px 1px 2px #23083b, 0 0 0.5em #e37318;
	letter-spacing: -0.025em;
}

.mobile-indicator-block-margin
{
	margin-top:1.25%;
}

#content > .container {
	margin-top: 2em;
}

.h100
{
	height: 100%;
}

.h90
{
	height: 89%;
}


.h95
{
	height: 95%;

}

.h75
{
	height: 79.75%;

}

.h50
{
	margin-top: 0.5%;
	margin-bottom: 0.5%;
	height: 49%;
	width: 100%;
}
.modal-lg
{
	width: 95%;
}


.bbx, .bbx:before, .bbx:after
{
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
	box-sizing:;

}

.simple-text
{
	color: white;
	font-weight: bold;
	font-size: 2em;
	clear: both;
	line-height: 1;
}

/* @media (max-width: 1081px)
{ */
	.simple-text.mobile, .simple-text .mobile
	{
		font-size: 20px;
	}

	.hidden-mobile
	{
	}

	.mobile-text
	{
		font-size: 18px !important;
		padding-top: 9px !important;
		text-align: center;
		white-space: nowrap;
	}

	.temp-buttons #btn-temp-plus, .temp-buttons  #btn-temp-nm-plus
	{
		font-size: 8px !important;
		text-align: right;
		padding-right: 50px;
	}

 	.temp-buttons #btn-temp-plus i, .temp-buttons #btn-temp-nm-plus i
	{
		margin-top: 0px !important;

	}

	.temp-buttons #btn-temp-minus, .temp-buttons #btn-temp-nm-minus
	{
		font-size: 8px !important;
		text-align: right;
		padding-right: 50px;
	}

 	.temp-buttons #btn-temp-minus i, .temp-buttons #btn-temp-nm-minus i
	{
		margin-top: 0px !important;
		text-align: right !important;
	}

	.svg_container, .svg_container2
	{
		//display: none;

	}

	svg
	{
		width: 75px;
		height: 75px;
		margin-left: 35px;
	}

	.temp-buttons
	{
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

/* } */

@media (min-width: 980px) {
	.m-l-10-m
	{
		margin-left: 10px !important;
	}
	.btn-heating-now
	{
		/** margin-top: 250px; */
	}
}





.tc
{
	display: table-row;
	height: 50px;
}

.text-center2
{
	text-align: center !important;
}

#svg_container
{
}

.sm-wide-i, .sm-wide
{
	overflow-y: hidden;
}

@media (max-width: 951px) {
	.sm-wide-i
	{
		overflow-y:visible;
	}



}

@media (max-width: 1046px) and (min-width: 591px) {
	.admin-phone-text
	{
		display: none !important;
	}


}

@media (max-width: 419px)
{
	.phone-block
	{
		display: none;
	}
}

.state-table a.btn
{
	display: inline-table;
}

.state-table table.table thead
{
	display: block;
}

.state-table table.table thead
{
	padding-right: 20px;
}
.state-table table.table tbody
{
	display: block;
	height: 500px;
	overflow: auto;
}

.btn-heating-now
{

	border: 5px solid #00BCD4;
	border-radius: 10px;
	padding: 0.7em;
	color: #00BCD4;
	font-size: 1.5em;
	display: block;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.btn-heating-now:hover
{
	border-color: #e37318;
	color: #e37318;
}

.btn-heating-now.active
{
	background-color: #e37318;
	color: white;
}

.btn-heating-now.active:hover
{
	border: 5px solid #00BCD4;
}

.nonactive
{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	transition: 1s;
	opacity: 0;
}

@supports (-webkit-overflow-scrolling: touch) {

}