@import url('/tpls/css/fontello.css');
.scales_block {
	left: 10px;
	position: relative;
	width: 100%;
	height: 700px;
	overflow-x: auto;
    overflow-y: hidden;
}
.bars {
	display: inline-block;
}
.weight, .temp, .temp2, .hum, .bat {
	background: #333;
	position: absolute;
	bottom: 0;
	width: 16px;
}
.weight span {
  display: none;
  width: 170px;
  background: #fff;
  color: #222;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: fixed;
  z-index: 9;
  right: 2%;
  top: 20px;
}
/*.weight:hover span {
  visibility: visible;
}*/
.temp, .hum, .temp2 {
	width: 3px;
	border: 0;
}
.hum {
	background: #00b359;
	left: 10px;
}
.bat {
	background: none;
	width: 16px;
	border-top: 5px solid;
}
.temp {
	background: #0086b3;
	left: 2px;
}
.temp2 {
	background: #ffc926;
	left: 6px;
}

.day_change {
	background: #ff0080 !important;
}

.setka_div {
	position: absolute;
	width: inherit;
	height: 1px;
	font-weight: bold;
	z-index: 1;
	border-bottom: 1px solid #777;
}
.kg {
	position: absolute;
	border-color: #ff0080;
	color: #ff0080;
}


.content {
	width: 95%;
}
.field {
	float: left;
    margin-right: 10px;
}

.right_scale div {
	font-weight: bold;
	position: absolute;
}
.right_scale {

}
.alert {
	color: #ff265c;
}
.context-menu {
    display: none;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.54);
    background-color: white;
}
.cm-select {
	background-color: #8c008c !important;
}
.context-menu ul {
    padding: 0;
    margin: 0;
}
.context-menu ul li {
    cursor: pointer;
    list-style: none;
    padding: 10px 12px;
    margin: 0;
    border-bottom: 1px solid #777;
}
.context-menu ul li:last-child {
    border-bottom: 1px solid transparent;
}
.context-menu ul li:hover {
    background-color: #ccc;
}

.sel_bar{
	background: #0080ff !important;
}

.info .sun,
.info .rain,
.info .dull,
.info .remove
 {
	position: absolute;
	left: 1px;
	top: -17px;
	font-family: fontello;
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	text-decoration: inherit;
}
.info .sun {color: #ffc926;}
.info .sun:before {content: "\e884";}
.info .rain {color: #0080ff;}
.info .rain:before {content: "\e882";}
.info .dull {color: #999999;}
.info .dull:before {content: "\e86a";}
.info .remove {color: #d90000;}
.info .remove:before {content: "\e80e";}

.green {
	border-color:#00b359;
}
.yellow {
	border-color:#ffc926;
}
.red {
	border-color:#d90000;
}