/* common */
body {
	background-color: #E8E8E8; /*E8E8E8*/
}
.hidden {
	display: none !important;
	visibility: hidden !important;
}
.row_hidden {
	display: none !important;
	top: -10000px !important;
	left: -10000px !important;
	position: absolute!important;
}
.pointer {
	cursor: pointer !important;
}


.inline {
	display: inline !important;
}
#navbar {
	box-shadow: 0px -3px 0px 0px #F52F64 inset;
}
#navbar a.item {
	/*
	border-top: solid 3px #341e48;
	border-left: solid 3px #341e48;
	border-right: solid 3px #341e48;
	border-bottom: solid 3px #341e48;
	*/
}
#navbar .active.item {
	border-right: 3px solid #F52F64;
	border-left: 3px solid #F52F64;
	box-shadow: 0px 3px 0px 0px #F52F64 inset;
	margin-left: -3px;
	margin-right: -3px;
	/*border-bottom: 3px #341e48 solid;*/
	background-color: #8c3194;
}
.menu_logo {
	background-color: #F52F64 !important;
	padding: 0 10px !important;
}
.menu_logo img {
	width: 45px !important;
	margin-top: 2px !important;
}
.bill_modal_header {
	width: 49%;
	float: left;
	font-size: 14px;
}
#bill_modal_holder {
	height: 200px;
	overflow-y: auto;
	clear: both;
}
#bill_modal_holder table {
	width: 50%;
	float: left;
}
#bill_modal_holder table tr td {
	padding: 2px;
}
/*
#navbar {
	border-bottom: solid 3px #F52F64;
}
*/
#navbar a.item .desktop-only.transl{
	display: none !important;
}
/*
#navbar a.item {
	border-top: solid 3px #341e48;
	border-left: solid 3px #341e48;
	border-right: solid 3px #341e48;
	border-bottom: solid 3px #341e48;
}
#navbar a.active {
	border-top: solid 3px #f00 !important;
	border-left: solid 3px #f00 !important;
	border-right: solid 3px #f00 !important;
	border-bottom: solid 3px #341e48 !important;
}
*/

.hidden_header {
	display: none !important;
}

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

.condi_length {
	display: none !important;
}

.max_size_i {
	width: 35px !important;
	height: 35px !important;
	line-height: 35px !important;
}

.ui.segment.clear {
	background: none;
	border: none;
	box-shadow: none;
}
.ui.menu .item > i.icon {
	margin: 0 5px;
}
td.delete {
	text-align: center !important;
	cursor: pointer;
}

.ui.positive.message {
	display: none;
}

.white_bg tr th {
	/* background-color: white !important; */
	background-color: white;
}

.delete_verif, .delete_batt, .update_verif, .update_batt {
	width: 20px;
	cursor: pointer;
}

.ui.button.custom-padding {
  padding: 4px 8px !important;
  font-size: 0.9em;
}

#loading {
	display: block;
	position: absolute;
	z-index: 1;
	left: 45%;
	top: 110px;
	background-color: #f8eebd;
	padding: 8px 15px;
	border: solid 1px #dcc29d;
	font-weight: bold;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
	display: none;
}
#mToast {
	position: absolute;
	z-index: 1;
	left: 45%;
	top: -50px;
	background-color: #f8eebd;
	padding: 8px 15px;
	border: solid 1px #dcc29d;
	font-weight: bold;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
	display: none;
	/*width: 200px;*/
}
#copy_paste_r {
	display: none;
	position: absolute;
	top: 200px;
	left: 50%;
	z-index: 1;
	padding: 10px;
	border: solid 2px #000;
	background-color: #fff;
	text-align: center;
}
.copy_paste_background div {
	background-color: #aaaaff;
}

.copy_paste_to_background div {
	background-color: #aaffaa;
}


#report_data_table thead tr th {
	//border: none !important;
	border-bottom: 2px solid #aaa;
}


.progress_bar {
	display: inline-block;
	width: 150px;
	height: 11px;
	border: 1px solid #aaa;
	background-color: #eee;
	padding: 2px;
}
.progress_bar div {
	height: 100%;
	color: #fff;
	text-align: right;
	line-height: 10px;
	font-size: 10px;
	width: 0;
	background-color: #0099ff;
	overflow: hidden !important;
}

.alert_place_list .menu .item.active {
	background-color: #777 !important;
	color: #fff !important;
}

.ui.search.cur_place i {
	width: 36px;
	height: 37px;
	line-height: 35px;
	color: #fff;
}
#cur_place_main_i {
	float: left;
}
.ui.search.cur_place .result {
	padding: 0 0 1px 0 !important;
}
.ui.search.cur_place .prompt {
	width: 250px !important;
	border-radius: 0 !important;
	background-color: #8c3194 !important;
	color: #fff !important;
	border: none !important;
	padding-right: 0px !important;
	padding-left: 0px !important;
}

.ui.search.cur_place .prompt::placeholder {
    color: white;
    opacity: 1;
}
.ui.search.cur_place .prompt:-ms-input-placeholder {
    color: white;
}
.ui.search.cur_place .prompt::-ms-input-placeholder {
    color: white;
}

#place_settings_form.ui.form .dropdown .header {
	background-color: #bbb;
	color: #fff;
	margin: 0;
	height: 30px;
	line-height: 30px;
}
.dropdown.reports_type_id .menu .header {
	background-color: #bbb;
	color: #fff;
	margin: 0;
	height: 30px;
	line-height: 30px;
}

i.scada:before {
	content: "\f247"
}

.scada_table tr td {
	padding: 2px 4px;
}

.dropdown.reports_type_id .menu .item .icon_svg, .dropdown.reports_type_id .text .icon_svg {
	color: #222;
	font-size: 70px;
	height: 30px;
	line-height: 30px;
	width: 30px;
	float: left;
	margin: 1px 5px;
}
.dropdown.reports_type_id .menu .item .item_header, .dropdown.reports_type_id .text .item_header {
	margin: 3px 0;
}
.dropdown.reports_type_id .menu .item .item_desc, .dropdown.reports_type_id .text .item_desc {
	font-size: 12px;
	color: #999;
}
/* device filter params */
.filter_params {
	list-style: none;
}
.filter_params li {
	float: left;
	margin-right: 10px;
}
.filter_params li label span {
	color: #fff;
}

/* ouman */
#ouman_data_holder_pw {
	overflow: auto;
	position: relative;
}
#ouman_data_holder_pw .ouman_overview_item {
	position: absolute;

	text-align: center;
	width: 45px;
	font-size: 11px;
}
.ouman_item {
	position: absolute;
	font-size: 24px;
	padding-top: 2%;
}

/* Mobile */
@media only screen and (max-width: 767px) {
	.ouman_item {
		font-size: 12px;

	}
}

/* Tablet / iPad Portrait */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.ouman_item {
		font-size: 14px;
	}
}

/* Computer / Desktop / iPad Landscape */
@media only screen and (min-width: 992px) and (max-width: 1199px) {

}

/* Large Monitor */
@media only screen and (min-width: 1200px) and (max-width: 1919px) {

}

/* Widescreen Monitor */
@media only screen and (min-width: 1920px) {

}

/* media */
@media only screen and (max-width: 767px) {
	.right.menu.navbar_desktop {
		display: none !important;
	}
}
@media only screen and (min-width: 767px) {
	.right.menu.navbar_mobile {
		display: none !important;
	}
}
@media only screen and (min-width: 767px) {
    .desktop-only {
        display:block !important;
    }
}

@media only screen and (max-width: 767px) {
    .mobile-only {
        display:block !important;
    }

    .desktop-only {
        display:none !important;
    }

    #navbar_scada_item {
    	/*display:none !important;*/
    }
}

table.data_table_style {
	width: 100%;
}
table.data_table_style td {
	border-bottom: solid 1px #aaa;
	padding: 3px;
}

/* no data modal */
.no_data_content {
	overflow-y: auto;
	overflow-x: hidden;
	height: 350px;
	padding: 0 !important;
}
.no_data_content .todo {
	padding: 15px 30px 25px 30px;
}
.no_data_content .header {
	padding: 10px;
	background-color: #f2f2f2;
}
.no_data_content .last_data {
	float: right;
	margin-top: 9px;
	color: #49365b;
}
.no_data_content .radio label {
	font-size: 14px;
}
.no_data_content .description {
	 margin-top: 10px;
	 font-size: 12px;
}

.ui.modal > .close {
	top: 1.0535rem;
	right: 1rem;
	color: rgba(0,0,0,.87);
	color: #222;
}
.menu_max_h {
	overflow-y: auto;
	max-height: 300px;
	overflow-x: hidden;
}
.nowrap {
	white-space: nowrap;
}
.white {
	color: #ffffff !important;
}
.href {
	color: #1e99ba !important;
	cursor: pointer;
}

#preview {
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
}

.ui.dropdown .item .ico {
	display: inline-block;
	width: 26px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	margin-right: 5px;
}
.ui.dropdown .ico {
	display: none;
}


.ui.search.dropdown .menu {
	max-height: 34rem;
}

table {
	border-collapse: collapse;
}
td {
	padding: 0;
}

/* toggle buton */
.switch input {
	display: none;
}
.switch{
	display: inline-block;
	width: 36px; /*=w*/
	height: 16px; /*=h*/
	margin: 2px;
	transform: translateY(50%);
	position: relative;
	top: -6px;
}
.slider {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 30px;
	box-shadow: 0 0 0 2px #777, 0 0 4px #777;
	cursor: pointer;
	border: 2px solid transparent;
	overflow: hidden;
	transition: 0.2s;
}
.slider:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background-color: #777;
	border-radius: 30px;
	transform: translateX(-20px); /*translateX(-(w-h))*/
	transition: 0.2s;
}
input:checked + .slider:before {
	transform: translateX(20px); /*translateX(w-h)*/
	background-color: limeGreen;
}
input:checked + .slider {
	box-shadow: 0 0 0 2px limeGreen, 0 0 8px limeGreen;
}
.switch200 .slider:before {
	width: 200%;
	transform: translateX(-82px); /*translateX(-(w-h))*/
}
.switch200 input:checked + .slider:before {
	background-color: red;
}
.switch200 input:checked + .slider {
	box-shadow: 0 0 0 2px red, 0 0 8px red;
}

/* loading */
.ui.dimmer {
	background-color: transparent !important;
}
#page_loading {
	height: 100%;
	background-color: #BB1D8C;
  background: -moz-linear-gradient(90deg, #BB1D8C 0%, #554099 100%); /* ff3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #554099), color-stop(100%, #BB1D8C)); /* safari4+,chrome */
  background: -webkit-linear-gradient(90deg, #BB1D8C 0%, #554099 100%); /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(90deg, #BB1D8C 0%, #554099 100%); /* opera 11.10+ */
  background: -ms-linear-gradient(90deg, #BB1D8C 0%, #554099 100%); /* ie10+ */
  background: linear-gradient(0deg, #BB1D8C 0%, #554099 100%); /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#554099', endColorstr='#BB1D8C',GradientType=0 ); /* ie6-9 */
	margin: 0;

	position: fixed;
	width: 100%;
	z-index: 1;

	display: flex;
	align-items: center;
	justify-content: center;
}
.ui.loader {
	font-size: 24px;
}
#loading_progress {
	font-size: 14px;
}
/* login */
#page_login {
	height: 100%;
	background-color: #BB1D8C;
  background: -moz-linear-gradient(90deg, #BB1D8C 0%, #554099 100%); /* ff3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #554099), color-stop(100%, #BB1D8C)); /* safari4+,chrome */
  background: -webkit-linear-gradient(90deg, #BB1D8C 0%, #554099 100%); /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(90deg, #BB1D8C 0%, #554099 100%); /* opera 11.10+ */
  background: -ms-linear-gradient(90deg, #BB1D8C 0%, #554099 100%); /* ie10+ */
  background: linear-gradient(0deg, #BB1D8C 0%, #554099 100%); /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#554099', endColorstr='#BB1D8C',GradientType=0 ); /* ie6-9 */
	margin: 0;

	display: flex;
	align-items: center;
	justify-content: center;
}
#page_login .column {
	max-width: 350px;
}
#link_to_old {
	color: white;
}
#link_to_old:hover {
	text-decoration: underline;
}
#login_fofm .forgot_row {
	padding-top: 10px;
	text-align: right;
}
#login_fofm .resend_code_row {
	padding-top: 10px;
	text-align: center;
	display: none;
}
#login_fofm .resend_code_row a {
	margin: 0 5px;
}
#page_login .image img {
	width: 300px;
	height: 100px;
}

/* app*/

.ui.stacked.segment::after {
		border: none !important;
	}
.ui.inverted.menu a {
  color: #FFF !important;
}
/*
.ui.inverted.teal.menu {
	border-bottom: 3px solid #1E87DA;
}
*/
#feeder_list .label {
	padding: 0.5833em 0.5833em;
}
#feeder_list  .ui.label {
	/*margin:0;*/
}
#feeder_list {
	cursor: pointer;
}
#feeder_list .volt_td .label {
	width: 40px;
	text-align: center;
}
#feeder_list .teh {
	display:none;
}

.ol-zoom {
   left: unset;
   right: 8px;
}
/* Map */
#map {
   position: relative;
   z-index: 0;
}
#map > .map-wrapper {
    position: relative;
    z-index: 5;
}
.tr_pointers tr td, .td_pointer {
	cursor: pointer;
}

.status_red {
	color: #660000;
	background-color: #ffcccc;
}
.status_green {
	color: #006600;
	background-color: #c1fcc1;
}
.sub_row td {
	border-bottom: solid 1px #aaa;
	cursor: default !important;
}

#report_data_table .open td {
	background-color: #aaa !important;
}

.first_td span {
	width: 9px;
	height: 9px;
	display: inline-block;
	margin: 0 2px;
	border: solid 1px #999;
	border-radius: 9px;
}

#map:before {
    content: '';
    position: absolute;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    z-index: 10;
    pointer-events: none;
		-webkit-box-shadow: inset 3px 3px 3px 0px rgba(0,0,0,0.19);
		-moz-box-shadow: inset 3px 3px 3px 0px rgba(0,0,0,0.19);
		box-shadow: inset 3px 3px 3px 0px rgba(0,0,0,0.19);
}

.ui.breadcrumb.tab_holder {
	margin: 0;
	padding: 0;
}
.ui.breadcrumb.tab_holder .section.tab {
  border-right: solid 1px #fff;
  height: 100%;
  line-height: 35px;
  padding: 0 10px !important;
  cursor: pointer;
}
.section.tab.active {
  background-color: #C267CA;
}

.register_filter_title span.error_code {
	display: none !important;
}
#map_tooltip {
	background-color: #fff;
	border: 2px solid #666;
	display: none;
	padding: 2px 5px;
	position: absolute;
	z-index: 100;
}
#map_tooltip::after, #map_tooltip::before {
	border: medium solid transparent;
	content: " ";
	height: 0;
	pointer-events: none;
	position: absolute;
	right: 100%;
	top: 50%;
	width: 0;
}
#map_tooltip::after {
	border-color: rgba(102, 102, 102, 0) #666 rgba(102, 102, 102, 0) rgba(102, 102, 102, 0);
	border-width: 5px;
	margin-top: -5px;
}
#map_tooltip::before {
	border-color: rgba(102, 102, 102, 0) #666 rgba(102, 102, 102, 0) rgba(102, 102, 102, 0);
	border-width: 8px;
	margin-top: -8px;
}

.navbar-xs { min-height:60px; height: 70px; }
.navbar-xs .navbar-brand{ padding: 0px 12px;font-size: 16px;line-height: 69px; }
.navbar-xs .navbar-nav > li > a {  padding-top: 0px; padding-bottom: 0px; line-height: 49px; margin-top: 10px; margin-bottom: 10px; }

.tooltip {
  position: relative;
  padding: 3px;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  white-space: nowrap;
  font: 10pt sans-serif;
  border-radius: 3px;
}
.ui.inverted.teal.menu .active.item:after {
  background-color: #2196F3 !important;
}
.slabel {
  margin-left: 0.1em;
  font-size: 0.8em;
  opacity: 0.5;
}
.ui.floating.label {
	top: 0.5em;
	left: 80%;
}
.ui.stacked.segment::after {
	border: none !important;
}
@media only screen and ( max-width: 767px ) {
  .not.mobile {
    display: none;
  }
}
@media only screen and ( min-width: 767px ) {
  .only.mobile {
    display: none;
  }
}
.ui.dropdown .menu > .divider {
	margin: 0 !important;
}

#map_resize_div.list_open #map {
	margin-left: 360px;
}
#map_resize_div #map_places {
	display: none;
	position: absolute;
	top: 150px;
	left: 0;
	width: 360px;
	padding-top: 20px;
	overflow-x: hidden;
	overflow-y: auto;
}
#map_resize_div.list_open #map_places {
	display: block;
}
#map_resize_div #map_places table {
	width: 100%;
}
#map_resize_div #map_places table td.moveto {
	cursor: pointer;
}
#map_resize_div #map_toggle {
	position: absolute;
	top: 50%;
	left: 0;
	cursor: pointer;
	z-index: 1;
	cursor: w-resize;
	height: 50px;
	width: 20px;
	background-color: #ddd;
	padding: 5px;
	line-height: 35px;
	font-size: 18px;
	border-top: solid 1px #aaa;
	border-right: solid 1px #aaa;
	border-bottom: solid 1px #aaa;
}
#map_resize_div #map_toggle:before {
	content: '>';
}
#map_resize_div.list_open #map_toggle {
	left: 360px;
}
#map_resize_div.list_open #map_toggle:before {
	content: '<';
}

/* overview_left */
#overview_left {
	display: none;
}

div.connection{
	display: inline-block;
	width: 29px !important;
	height: 29px !important;
	background: transparent url(/img/icon_20x20_connection.png) 7px 2px no-repeat !important;
	margin-top: 6px !important;
}

#overview_div_data {
	background-color: #fff;
}
#overview_div_data div.obj_row {
	background-color: #ddd;
	padding-left: 5px;
	border-bottom: 2px solid #ccc;
	clear:both;
	height: 35px;
	line-height: 35px;
}
#overview_div_data div.place_row {
	border-bottom: 1px solid #ccc;
	cursor: pointer;
	clear:both;
	line-height: 35px;
	height: 35px;
	overflow: hidden;
}
#overview_div_data div.place_row i {
	width: 35px;
	height: 35px;
	line-height: 35px;
	float: left;
	color: #fff;
}
#overview_div_data div.place_unactive {
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

#overview_div_data div.place_name {
	float: left;
	width: 170px;
}
#overview_div_data div.place_fields {
	margin-left: 220px;
}
#overview_div_data div.field_group {
	width:120px;
	white-space: nowrap;
	display: inline-block;
	height: 35px;
	line-height: 35px;
	overflow: hidden;
}

#overview_div_data div.field_group.error {
	background-color: #FF6A6A;
	color: #000 !important;
}
#overview_div_data div.field_group.need_repair {
	background-color: #00FF00 !important;
	color: #fff;
}

#overview_div_data div.field_group.error .ico.clock {
	background-color: red;
	color: #fff !important;
}
#overview_div_data div.field_group.error span {
	color: #fff !important;
}

#overview_div_data div.text_field {
	padding-left: 10px;
	display: inline-block;
	width: 95px;
	overflow: hidden;
	height: 35px;
}
#overview_div_data div.text_field span {
	font-size: 11px;
	color: #999;
	margin-left: 2px;
}

#overview_div_data  div.field_group .ico {
	width: 35px;
	background-color: #eee;
	text-align: center;
	color: #aaa;
	font-weight: 300;
	overflow: hidden;
	display: inline-block;
}

.field_group.error42 {
	width: 240px !important;
	background-color: #ffabab !important;
}
.error42 .ico {
	background-color: red !important;
	color: #fff !important;
}
.error42 div.text_field {
	margin-top: -20px !important;
	vertical-align: text-top !important;
	line-height: normal !important;
	line-height: 14px !important;
	font-size: 11px;
	width: 206px !important;
	padding-left: 5px !important;
}

.alert_info {
	width: 50px !important;
	height: 40px !important;
	background-color: #fff !important;
	text-align: center;
	line-height: 40px !important;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
}

/* Register */
#register_alert_list tbody tr.active {
	background-color: #fff !important;
	color: #ff0000 !important;
}
#register_alert_list tbody tr.unactive {
	background-color: #eee !important;
}
/* force colors */
.forceYellow, .forceYellow .field_group.upd, .forceYellow .field_group.upd .clock {
	background-color: #fffaa1 !important;
}
.forceYellow .field_group.upd .calendar {
	background-color: #f6f677 !important;
	color: #aaa !important;
}
.forceYellow .field_group.upd div {
	font-size: 11px;
}
.forceRed, .forceRed .field_group.upd, .forceRed .field_group.upd .clock {
	background-color: #ffefe8 !important;
}
.forceRed .field_group.upd .wrench {
	background-color: red !important;
	color: white !important;
}
.register_filter_row {
	/*margin-top: 5px;*/
}
.register_filter_row .ui.icon.buttons {
	margin-left: 4px;
}
.register_filter_title {
	display: inline-block;
	/*height: 17px;*/
	height: 24px;
	overflow: hidden;
	min-width: 182px;
	width: 50%;
}
.register_filter_title span.value {
	cursor: pointer;
	text-align: center;
	min-width: 20px;
	display: inline-block;
	/*background-color: #bbb;*/
	border-bottom: solid 1px #000;
}
.register_filter_places {
	margin-right: 4px;
}

.meter_error_codes .header {
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0 4px 0;
}
.meter_error_codes .row {
	margin: 4px 0;
}


/* map_left */
#map_left{
	display: none;
}

/* reports_left */
#reports_left {
	display: none;
}

/* meters_left */
#meters_left {
	display: none;
}
#aeskey {
	display: none;
}

/* TABS */
.ui.tabular.menu .active.item {
	background-color: #187e98;
	color: #fff;
}

ul.tabs {
    border-bottom: 3px solid #1e99ba;
    min-height: 36px;
}
ul.tabs ul {
    display: inline-block;
}
ul.tabs li.tab_menu {
	background-color: #fff;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	cursor: pointer;
	display: inline-block;
	height: 15px;
	margin-left: -1px;
	padding: 10px 20px;
}
ul.tabs li.tab_menu span {
	background-color: #eee;
	border-radius: 20%;
	color: #aaa;
	float: right;
	font-size: 11px;
	height: 15px;
	line-height: 15px;
	margin-left: 10px;
	margin-right: -8px;
	margin-top: -3px;
	padding: 3px;
	text-align: center;
	width: 15px;
}
ul.tabs li.active span {
	background-color: #187e98;
	color: #fff;
}
ul.tabs li.active {
	background-color: #1e99ba;
	color: #fff;
}
ul.tabs li.add {
	padding: 10px 5px;
}
ul.tabs li.tab_droppable {
}
ul.tabs li.tab_droppable_active {
}

ul.icon_list li {
	border-radius: 3px;
	cursor: pointer;
	display: inline-block;
	font-size: 22px;
	padding: 5px;
}
ul.icon_list li:hover {
	background-color: #1e99ba;
	color: #fff;
}

/* Reports*/
#reports_list_holder .item {
	display: inline-block;
	width: 150px;
	height: 150px;
	background-color: #fff;
	border: solid 2px #aaa;
	margin: 15px 0 0 15px;
	cursor: pointer;
}
#reports_list_holder .item .icon {
	color: #222;
	font-size: 70px;
	height: 70px;
	line-height: 70px;
	margin: 5px auto auto;
	width: 70px;
}
#reports_list_holder .item .icon:before {
	font-family: 'icomoon';
	speak: none;
}

#reports_list_holder .item .icon_svg {
	color: #222;
	font-size: 70px;
	height: 70px;
	line-height: 70px;
	margin: 5px auto auto;
	width: 70px;
}
#reports_list_holder .item .name {
	height: 50px;
	margin-top: 10px;
	overflow: hidden;
	padding: 5px;
	text-align: center;
}
#reports_list_holder .item .additional {
	margin-top: 10px;
	padding: 5px;
	display: none;
}
#reports_list_holder .item .additional .date {
	float: left;
}
#reports_list_holder .item .additional .users {
	float: right;
	margin-left: 5px;
}
#reports_list_holder .item .additional .emails {
	float: right;
}
#reports_field_table_1 .ui.radio.checkbox {
	margin-top: 5px;
}

#reports_list_holder .report_type_bar {
	height: 36px;
	clear: both;
	border-bottom: solid 1px #aaa;
	border-top: solid 1px #aaa;
}
#reports_list_holder .report_type_bar .icon_holder {
	float: left;
}
#reports_list_holder .report_type_bar .icon_holder .icon {
	height: 35px;
	width: 35px;
	line-height: 35px;
}
#reports_list_holder .report_type_bar .title_holder {
	padding-left: 10px;
	color: #111;
	width: 35px;
	line-height: 35px;
}
#reports_list_holder .report_type_bar .add_holder {
	float: right;
	width: 35px;
	line-height: 35px;
}
#reports_list_holder .report_type_report_holder {
	min-height: 30px;
	padding-bottom: 15px;
}


.report_type button {
	background-color: #1565c0 !important;
	color: #fff !important;
}
.report_type button.active {
	background-color: #2196F3 !important;
}
.my-handle {
	cursor: move;
	cursor: -webkit-grabbing;
}
#reports_field_table_22 .row {
	padding: 5px 0;
}
#reports_field_table_22 .row.h div {
	background-color: #D3D3D3;
}
#reports_report_filters li:first-child {
	/*display: none;*/
}

/* Place */
#place_left .right.menu.navbar .item {
	display: none;
}
#place_left .right.menu.navbar_mobile .item {
	display: none;
}

.place_tab_content {
	display: none;
	margin: 0 !important;
}

/* Place chart */
@media only screen and (max-width: 767px) {
	[class*="m_width_100"] {
		width: 100% !important;
		height: auto !important;
		border-right: none !important;
		float: none !important;
	}
	#place_chart_holder {
		margin-left: 0 !important;
		max-height: 400px !important;
	}
	#register_list_holder {
		margin-left: 0 !important;
		max-height: 500px !important;
	}
	#place_chart_tab_holder {
		margin-left: 0 !important;
	}
	#place_chart_list {
		height: auto !important;
	}
	.input.daterange_holder {
		left: 10px !important;
		position: relative !important;
	}
	.top_daterange_holder {
		position: initial !important;
		padding-bottom: 20px;
	}
}

#place_chart_list table {
	width: 100%;
}
#place_chart_list table tr {
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	background-color: #eee;
	padding: 0;
	margin: 0;
}
#place_chart_list table tr.error td {
	background-color: #ffabab !important;
}
#place_chart_list table tr.error td.c1 {
	background-color: red !important;
}

#place_chart_list table td {
	padding: 4px 0 4px 0;
	font-weight: 600;
	font-size: 12px;
}

#place_chart_list .c1 {
	background-color: #ccc;
	text-align: center;
	background-color: #ccc;
	font-size: 14px;
	color: #fff;
	overflow: hidden;
}
#place_chart_list .c1a {
	text-align: center;
}

#place_chart_list .c2 {
	padding-left: 5px;
}
#place_chart_list .c2 span.n2 {
	font-size: 16px;
}
#place_chart_list .ui.multiple.dropdown {
	padding:2px;
	min-height: 2.22967033em;
}
#place_chart_list .c4 {
	text-align:center;
	cursor: pointer;
	vertical-align: middle;
}
#place_chart_list .c5 {
	text-align:center;
}
#place_chart_list .c5 i {
	cursor: pointer;
}

#place_chart_list .tab_active {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #fff;
	background-color: #fff;
}

#place_chart_list span.n1 {
	font-size: 11px;
	display: block;
	color: #999;
}
#place_chart_list span.n2 span {
	font-size: 13px;
	color: #999;
	margin-left: 2px;
}

.chart_type_title td {
	background-color: #777;
	color: #fff;
	padding: 5px;
	cursor: pointer;
}
tr.chart_type_title td.handler {
	text-align: center;
}
tr.chart_type_title td.handler i {
	display: none;
}
tr.chart_type_title.close td.handler i.white.chevron.right.icon {
	display: inline;
}
tr.chart_type_title.open td.handler i.white.chevron.down.icon {
	display: inline;
}

.input.daterange_holder {
	position: absolute;
	z-index: 1;
	left: 410px;
	top: 10px;
}
.top_daterange_holder {
	position: absolute;
	z-index: 1;
}

#place_chart_holder, #register_list_holder {
	height: 100%;
	margin-left: 400px;
	/* overflow: hidden; */
	overflow-y: auto !important;
}
#place_chart_tab_holder {
	height: 55px;
	position: relative;
	background-color: #fff;
	margin-left: 400px;
	border-bottom: solid 2px #777;
}

#place_chart_table_export_holder {
	position: absolute;
	top: 13px;
	right: 220px;
	width: 100px;
	display: none;
}

#place_chart_tabs {
	height: 55px;
	/*
	position: absolute;
	z-index: 1;
	top: 5px;
	left: 20px;
	*/
	list-style: none;
	margin: 0 0 0 10px;
}
#place_chart_tabs li {
	float: left;
	/*margin: 0 10px;*/
	cursor: pointer;
	height: 53px;
	line-height: 53px;
	text-align: center;
	width: 65px;
	background-color: #fff;
	color: #000;
	border-right: solid 1px #ccc;
}
#place_chart_tabs li.active {
	background-color: #fff;
	color: #fff;
	background: center bottom no-repeat url(/img/b_arrow.png)
}
#place_chart_tabs li img {
	height: 42px;
	margin-top: 6px;
}

div.week {
	padding: 2px 2px 0 2px;
}
div.week div.day {
	clear: both;
}
div.week div.day div.item_first {
	float: left;
	font-size: 11px;
	line-height: 15px;
	height: 15px;
	width: 10px;
}
div.week div.day div.item {
	float: left;
	background-color: #ccc;
	width: 2%;
	height:15px;
	border-right: solid 1px #fff;
	border-bottom: solid 2px #fff;
}
div.week div.day div.item_clock {
	float: left;
	width: 4%;
	border-right: solid 1px transparent;
	border-bottom: solid 2px transparent;
	font-weight: normal;
	font-size: 9px;
	text-align: center;

	line-height: 1.3em;
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform:rotate(-90deg);
    transform: rotate(-90deg);
}

div.week div.day div.item.dark {
	background-color: #bbb;
}

div.week div.day div.item.act {
	background-color: #0E90D2;
}

/* Place table */
tbody.date_row {
	background-color: #e3e3e3;
	cursor: pointer;
}
tbody.readings {
	display: none;
}

/* Place alerts */
@media only screen and (max-width: 767px) {
	#place_alerts_right {
		position: relative !important;
		width: auto !important;
		height: 300px !important;
		border-left: none;
		border-top: solid 1px #666;
	}
	#place_alerts_left {
		margin-right: 0 !important;
		height: 300px !important;
	}
}

#place_alerts {
	position: relative;
}

#place_alerts_left {
	margin-right: 420px;
}
#place_alerts_right {
	background-color: #fff;
	border-left: solid 1px #aaa;
	width: 420px;
	position: absolute;
	top: 0;
	right: 0;
}
.checkbox3 {
	white-space: nowrap;
}
.alert_rows .row {
	border-bottom: solid 1px #aaa;
	background-color: #fff;
	padding: 5px
}

#place_log_dropzone {
	width: 100%;
	height: 100%;
	overflow-y: auto;
	cursor: pointer;
}

#place_alerts_table tbody tr td {
	border: none;
	border-bottom: solid 1px #b3b3b3;
}
#place_alerts_table tbody tr.active_alert td {
	color: #ff0909;
	font-weight: bold;
}

#place_alerts_table tbody tr td.ico, #place_chart_alert_table tbody tr td.ico {
	padding: 0;
	width: 37px;
	color: #fff;
	text-align: center;
}

#place_chart_alert_table tbody tr td.ico i {
	margin: 30% 0 0 0;
}
#place_chart_alert_table {
	/*height: 200px;*/
}

#register_filter_list_holder .register_type_bar {
	height: 36px;
	clear: both;
	border-bottom: solid 1px #aaa;
	border-top: solid 1px #aaa;
}
#register_filter_list_holder .register_type_bar .icon_holder {
	float: left;
}
#register_filter_list_holder .register_type_bar .icon_holder .icon {
	height: 35px;
	width: 35px;
	line-height: 35px;
}
#register_filter_list_holder .register_type_bar .title_holder {
	padding-left: 10px;
	color: #111;
	width: 35px;
	line-height: 35px;
}
#register_filter_list_holder .register_type_alert_holder {
	min-height: 30px;
	padding-bottom: 5px;
	margin: 0.4em 0 0 0;
}

.alert_date_col {
	width: 100px;
	text-align: right;
}
.alert_data_col {
	padding: 2px 5px !important;
}
#place_chart_alert_table {
	padding: 0 !important;
}
#place_chart_alert_table tbody tr td {
	font-weight: normal !important;
}

#place_alerts_table tbody tr.damage td.ico, #place_chart_alert_table tbody tr.damage td.ico {
	background-color: #ff6c6c;
}
#place_alerts_table tbody tr.note td.ico, #place_chart_alert_table tbody tr.note td.ico {
	background-color: #808040;
}
#place_alerts_table tbody tr.register td.ico, #place_chart_alert_table tbody tr.register td.ico {
	background-color: #8080ff;
}

#place_chart_alert_table tbody tr.active_alert td {
	color: #ff0909;
	font-weight: bold !important;
}

#place_chart_alert_table tbody tr.active_alert td i {
	color: #eeeeee;
}

/* Place settings */
@media only screen and (max-width: 767px) {

}

#meter_row, #pulse_row, #repair_row, #overview_new_object_meter_row, #overview_new_object_pulse_row {
	display: none;
}

#place_settings_left {
	background-color: red;
	float: left;
	width: 300px;
}

#place_settings_right {
	background-color: green;
}

.ui.dropdown.place_type_id .menu .item {
	padding: 0 !important;
}
.ui.dropdown.place_type_id .menu .item i {
	height: 30px;
	width: 30px;
	line-height: 30px;
	text-align: center;
}

/* Devices */
#dev_meter_row, #dev_pulse_row, #dev_repair_row, #dev_overview_new_object_meter_row, #dev_overview_new_object_pulse_row {
	display: none;
}

#dev_place_settings_left {
	background-color: red;
	float: left;
	width: 300px;
}

#dev_place_settings_right {
	background-color: green;
}

.ui.dropdown.dev_place_type_id .menu .item {
	padding: 0 !important;
}
.ui.dropdown.dev_place_type_id .menu .item i {
	height: 30px;
	width: 30px;
	line-height: 30px;
	text-align: center;
}
#devices_table {
	display: none;
}

/* Objects */
#objects_form, #objects_table {
	display: none;
}

/* Mobile */

@media only screen and (max-width: 767px) {
    .mobile-hide{
        display: none !important;
    }
}

/* Tablet */

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tablet-hide{
        display: none !important;
    }
}

/* Small Monitor */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .small-hide{
        display: none !important;
    }
}


/* Large Monitor */

@media only screen and (min-width: 1200px) {
    .large-hide{
        display: none !important;
    }
}

td.c5.display button {
	margin-bottom: 5px;
}
td.c5.display button i {
	margin: 0 !important;
}

.jqstooltip {
 height: 40px;
 width: 60px;
 text-align: center;
}



.ui.range:not(.vertical) {
  width: 100%;
  padding: 1em 0.5em;
}

.ui.range {
  position: relative;
}

.ui.range:focus {
  outline: 0;
}

.ui.range .inner {
  position: relative;
  z-index: 2;
}

.ui.range:not(.vertical) .inner {
  height: 1.5em;
}

.ui.range .inner:hover {
  cursor: auto;
}

.ui.range .inner .track {
  position: absolute;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.05);
}

.ui.range:not(.vertical) .inner .track {
  width: 100%;
  height: 0.4em;
  top: 0.55em;
  left: 0;
}

.ui.range .inner .track-fill {
  position: absolute;
  border-radius: 4px;
  background-color: #1B1C1D;

		background: #5e9ae2; /* Old browsers */
		background: -moz-linear-gradient(left, #efe700 0%, #ff0000 100%) !important; /* FireFox 3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#efe700), color-stop(100%,#ff0000)); /* Chrome, Safari 4+ */
		background: -webkit-linear-gradient(left, #efe700 0%,#ff0000 100%); /* Chrome 10+, Safari 5.1+ */
		background: -o-linear-gradient(left, #efe700 0%,#ff0000 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left, #efe700 0%,#ff0000 100%); /* IE 10+ */
		background: linear-gradient(left, #efe700 0%,#ff0000 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#efe700’, endColorstr=’#ff0000′,GradientType=1 ); /* IE 6-9 */
	}

.ui.range:not(.vertical) .inner .track-fill {
  width: 0;
  height: 0.4em;
  top: 0.55em;
  left: 0;
}

.ui.range .inner .thumb {
  position: absolute;
  left: 0;
  top: 0;
  height: 1.5em;
  width: 1.5em;
  background: #FFFFFF -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  background: #FFFFFF linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  border-radius: 100%;
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}

.ui.range:not(.disabled) .inner .thumb:hover {
  pointer: pointer;
  background: #f2f2f2 -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  background: #f2f2f2 linear-gradient(transparent, rgba(0, 0, 0, 0.05));
}

.ui.range:not(.disabled):focus .inner .thumb {
  background: #f2f2f2 -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  background: #f2f2f2 linear-gradient(transparent, rgba(0, 0, 0, 0.05));
}

/*******************************
            States
*******************************/

/*--------------
     Disabled
---------------*/

.ui.range.disabled {
  opacity: 0.5;
}

.ui.range.disabled .inner:hover {
  cursor: auto;
}

.ui.range.disabled .inner .track-fill {
  background: #ccc;
}

/*--------------
    Reversed
---------------*/

.ui.range.reversed .inner .track-fill {
  left: auto;
  right: 0;
}

.ui.range.reversed .inner .thumb {
  left: auto;
  right: 0;
}

.ui.labeled.range.reversed > .labels .label {
  -webkit-transform: translate(-100%, -100%);
  transform: translate(-100%, -100%);
}
.range div.inner .thumb span {
	position: absolute;
	top: 15px;
	width: 20px;
	text-align: center;
	font-size: 9px;
	color: #666;
}

#reports_form label {
	display: block;
	margin: 0 0 3px 0;
	color: rgba(0,0,0,.87);
	font-size: .92307692em;
	font-weight: 700;
	text-transform: none;
}
#reports_field_table_22 .two.wide.column {
	text-align: center !important;
}
table.ui.celled.center.aligned.unstackable.table.hour thead,
table.ui.celled.center.aligned.unstackable.table.minute thead
{
	display: none !important;
}

/* report borders */
.b_t {
	border-top: solid 1px #000 !important;
}
.b_l {
	border-left: solid 1px #000 !important;
}
.b_r {
	border-right: solid 1px #000 !important;
}
.b_b {
	border-bottom: solid 1px #000 !important;
}

.b_t_s {
	border-top: solid 2px #000 !important;
}
.b_l_s {
	border-left: solid 2px #000 !important;
}
.b_r_s {
	border-right: solid 2px #000 !important;
}
.b_b_s {
	border-bottom: solid 2px #000 !important;
}

/* spec report */
#report_tab_holder {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}
#report_tab_holder li {
	display: inline-block;
	margin-left: 10px;
	margin-bottom: 10px;
	border: solid 1px #aaa;
	cursor: pointer;
	padding: 2px 5px;
}
#report_tab_holder li.act {
	background-color: #aaa;
	color: #fff;
}
.report_table_for_place {
	display: none;
}
/* excel http://cosicimiento.blogspot.com/2008/11/styling-excel-cells-with-mso-number.html */
.ex_num {
  mso-number-format:General;
}
.ex_text {
  mso-number-format:"\@";
  background-color: green;
}

.rotate-north2 {
	top: 225px;
	left: .5em;
}
#layer_control_layer_obj_holder .layer_control {
	display: none;
	background-color: #fff;
}
.layer_control div.layer_holder div.item input {
	margin: 3px;
}
.style_prevu_kit {
	cursor: move;
}
.active_svg_td svg {
	cursor: pointer;
}


.month {
	fill: none;
	stroke: #000;
	stroke-width: 2px;
}
.day {
	fill: #fff;
	stroke: #ccc;
	padding-left: 5px;
}
/*
.text {
	font-family:sans-serif;
	font-size:1.5em;
}
*/
.dayLabel   {
	fill:#666;
	font-size:0.8em;
}
.monthLabel {
	text-anchor:middle;
	font-size:0.8em;
	fill:#666;
}
.yearLabel  {
	fill:#666;
	font-size:1.2em;
}

.key    {font-size:0.5em;}

#data_temp_table{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 10px 0 5px 0;
}
#data_temp_table td.data {
	height: 20px;
	border: solid 1px #aaa;
	padding: 2px;
	text-align: center;
	cursor: pointer;
	position: relative;
}
#data_temp_table td.data table {
	width: 150px;
}
#data_temp_table td.data table tr td {
	text-align: left;
}
#data_temp_table td.hour {
	text-align: center;
	padding: 2px;
}
#data_temp_table td.date {
	padding: 2px 4px;
	text-align: center;
}
#data_temp_table td.split {
	width: 20px;
}
#data_temp_table td.divid {
	width: 4px;
	background-color: #999;
}
#data_temp_table td.title {
	text-align: center;
	font-size: 30px;
}
.data_table.table2 .date {
	padding: 1px;
	text-align: center;
	width: auto !important;
}
.data_table .name {
	text-align: left;
	width: 300px;
}
.data_table .date, .data_table .data {
	padding: 1px;
	position: relative;
	text-align: center;
	border-left: solid 1px #666;
	border-top: solid 1px #666;
}
.data_table .date {
	font-size: 9px;
	text-align: center;
	line-height: 12px;
}
.data_table .data {
	font-size: 8px;
}
.data_table .date, .data_table .data table {
	/*width: 150px;*/
}
.data_table .data table {
	width: 150px;
}
.data_table .b_left {
	border-left: solid 3px #666;
}
.data_table.table2 {
	border-collapse: inherit;
	border-spacing: 0px;
}

.bc1 {
	background-color: #FFF;
}
.bc2 {
	background-color: #FF6835;
}
.bc3 {
	background-color: #FF9F40;
}
.bc4 {
	background-color: #FBCA37;
}
.bc5 {
	background-color: #B0DD55;
}
.bc6 {
	background-color: #B0E2FF;
}
.bc7 {
	background-color: #63B8FF;
}
.bc8 {
	background-color: #007FFF;
}

.chart_bar_holder {
	width: 40px;
	height: 100px;
	white-space: nowrap;
	vertical-align: bottom;
}
.chart_bar_holder .bar {
	display: inline-block;
	width: 5px;
	height: 100%;
	vertical-align: baseline;
}
.chart_bar_holder .bar.color1 {
	background-color: #00ccff;
}
.chart_bar_holder .bar.color2 {
	background-color: #33cc33;
}
.chart_bar_holder .bar.color3 {
	background-color: #ff6600;
}

.text_color1 {
	color: #00ccff;
}
.text_color2 {
	color: #33cc33;
}
.text_color3 {
	color: #ff6600;
}

#sub_lost_places div {
	margin 2px 0;
}

.ui.basic.buttons .active.button {
	background: #8c3194 !important;
	color: #fff !important;
}
.ui.basic.buttons {
	border: 1px solid rgba(34, 36, 38, .3);
	background-color: #fff;
}
.ui.basic.buttons .button {
	border-left: 1px solid rgba(34,36,38,.3);
}
.ui.basic.buttons .active.button {
	background: #8c3194 !important;
	color: #fff !important;
}
.ui.basic.buttons {
	border: 1px solid rgba(34, 36, 38, .3);
	background-color: #fff;
}
.ui.basic.buttons .button {
	border-left: 1px solid rgba(34,36,38,.3);
	padding: .4em;
}

#place_chart_add_additional {
	height: 30px;
	display: inline-block;
	line-height: 30px;
}


ul.math_fields {
	list-style: none;
	padding: 0;
}
li.math_field {
	background-color:#ccc;
	padding:10px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #bbb;
	border-collapse: collapse;
}
li.math_type {
	background-color:#ccc;
	margin-left: 80px;
	margin-top: -1px;
	border-left:1px solid #bbb;
	border-right:1px solid #bbb;
	padding:10px;
	padding-top:2px;
	padding-bottom:2px;
	border-collapse: collapse;
	width: 82px;
	text-align:center;
	position:relative;
	margin-bottom:-1px;
}
/*
#place_chart_add_additional {
	display: inline-block;
	position: absolute;
	bottom:0;
	height:30px;
	width:300px;
	background-color: #ccc;
	text-align: center;
	line-height: 30px;
}
*/
.active_place_type {
	cursor: pointer !important;
}
#place_ul_fields.math_fields li.math_field div.btn-group.bootstrap-select.show-tick.selectric.place_select.open div.dropdown-menu.open {
	max-height: 250px !important;
}
#place_ul_fields.math_fields li.math_field div.btn-group.bootstrap-select.open div.dropdown-menu.open ul.dropdown-menu.inner.selectpicker {
	max-height: 250px !important;
}


.modal_alert {
	float: left;
	height: 35px;
	line-height: 35px;
	font-size: 16px !important;
}

	/* COLORPICKER */
div.colorPicker-picker {
  height: 16px;
  width: 16px;
  padding: 0 !important;
  border: 1px solid #ccc;
  background: url(/img/arrow.gif) no-repeat top right;
  cursor: pointer;
  line-height: 16px;
}

div.colorPicker-palette {
  width: 110px;
  position: absolute;
  border: 1px solid #598FEF;
  background-color: #EFEFEF;
  padding: 2px;
  z-index: 9999;
}
  div.colorPicker_hexWrap {width: 100%; float:left }
  div.colorPicker_hexWrap label {font-size: 95%; color: #2F2F2F; margin: 5px 2px; width: 25%}
  div.colorPicker_hexWrap input {margin: 5px 2px; padding: 0; font-size: 95%; border: 1px solid #000; width: 65%; }

div.colorPicker-swatch {
  height: 12px;
  width: 12px;
  border: 1px solid #000;
  margin: 2px;
  float: left;
  cursor: pointer;
  line-height: 12px;
}

.main_hour .first_col {
	cursor: pointer;
	font-size: 24px;
}
.sub_hour {
	display: none;
}
.sub_hour span {
	display: none;
}
.main_hour .first_col {
	font-size: 14px;
}
td.c3.modbus div.compact.mini.ui.icon.buttons .ui.small.basic.label {
	cursor: pointer;
}

#add_clients a {
	display: block;
	color: #000 !important;
	padding: 4px 0;
}

#fixedH {
    position: absolute;
    left: 0;
    background-color: white;
}
#fixedH div {
	float: left;
	border-bottom: 2px solid #aaa !important;
	padding-left: .7em;
	padding-right: .7em;
	cursor: auto;
background: #f9fafb;
text-align: inherit;
color: rgba(0,0,0,.87);
padding: .92307692em .76923077em;
    padding-right: 0.769231em;
    padding-left: 0.769231em;
vertical-align: inherit;
font-style: none;
font-weight: 700;
text-transform: none;
border-bottom: 1px solid rgba(34,36,38,.1);
border-left: none;
}

#place_chart_tab_holder .daterange_holder_ {
	position: absolute;
	right: 5px;
	top: 8px;"
}

@media only screen and (max-width: 767px) {
	#place_chart_tab_holder {
	    height: 110px;
	}
	#place_chart_tab_holder .daterange_holder_ {
		left: 5px;
		top: 60px;
		width: 200px;
	}
}

.ico img {
	width: 35px;
	height: 35px;
}
#place_chart_list table td {
    padding: 0px 0 0 0 !important;
}


.ui.dimmer .ui.small.modal.content {
	top: 30px !important;
	height: auto !important;
}

#place_chart_alert_table td {
    padding: 0px 0 0 0 !important;
    height: 38px;
}
#place_chart_alert_table  .alert_data_col {
	padding-left: 4px !important;
}

#st_api_resize_div .ui.action.input.api_key {
	margin: 10px 10px 0 10px;
	width: 55%;
	min-width: 400px;
}

#menu_orders {
	display: none;
}

/* #st_api_resize_div {
	padding: 10px;
}

#st_api_key {
	width: 200px;
	border: solid 1px #999;
	padding: 3px;
	height: 25px;
	line-height: 25px;
}

#get_st_api_key {
	padding: 3px;
	height: 25px;
} */

#orders_form div.ui.segment.basic.clearing {
	padding: 15px 0;
}
#orders_form .form_row {
	padding: 0 30px;
}
#orders_form .metbox_title {
	padding: 0px 10px 10px 0px;
	font-size: 20px;
}
#orders_form .metbox7 {
	height: 220px;
}
#orders_form .metbox7 img {
	float: left;
}

#orders_form.ui.form div.ui.segment.basic.clearing div.meter_model {
	background-color: #ccc;
	margin-top: 10px;
	height: 55px;
}
#orders_form.ui.form div.ui.segment.basic.clearing div.meter_model div.title {
	float: left;
	padding: 0 0 0 30px;
	height: 100%;
	line-height: 55px;
	font-size: 16px;
}
#orders_form.ui.form div.ui.segment.basic.clearing div.meter_model img {
	float: right;
	margin: 10px;
}
#orders_form.ui.form div.ui.segment.basic.clearing div div.mod_item {
	display: inline-block;
	/* width: 200px; */
	margin: 4px;
}
#orders_form.ui.form div.ui.segment.basic.clearing div.form_row div.mod_item .title {
	margin-bottom: 4px;
}
#orders_form.ui.form div.ui.segment.basic.clearing div.form_row div.mod_item img {
	height: 110px;
}
#orders_form.ui.form div.ui.segment.basic.clearing div div.ui.buttons {
	display: inline-block;
	margin: 0 20px;
}
#orders_form.ui.form div.ui.segment.basic.clearing div div.ui.buttons button
 {
	background-color: #ccc !important;
}
#orders_form.ui.form div.ui.segment.basic.clearing div div.ui.buttons button.ui.basic.button.info
 {
	background-color: #dedede !important;
	font-size: 18px;
	cursor: default;
	padding: 8px 24px;
}

#scada_resize_div .place_block {
	width: 350px;
	float: left;
	margin: 5px;
	border: solid 1px #999;
	background-color:#fff;
}
#scada_resize_div .place_block .name {
	height: 45px;
	padding: 4px;
}
#scada_resize_div .place_block .cal {
	height: 210px;
	
}