@charset "UTF-8";

* {
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
}
body {
	margin: 0;
	padding: 0;
	width: 100%;

	font-size: 12px;
	font-family: sans-serif;
	cursor: default;
}
table {
	border-collapse: collapse;
}
div {
	margin: 0;
	padding: 0;
}
ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="tel"],
textarea {
	-webkit-user-select: auto;
	outline: none;
}
select {
	outline: none;
}
html.scrollLock {
	overflow: auto;
	height: 100%;
}
html.scrollLock body {
	overflow: hidden;
	height: 100%;
}
.clearfix:after {
	content: "";
	clear: both;
	display: block;
}
.unselectable {
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
.noDisplay {
	display: none;
}
.noDisplayForce {
	display: none !important;
}
.noWrap {
	white-space: nowrap;
}
.smoothScroll {
	-webkit-overflow-scrolling: touch;
}
.smoothScroll > * {
	-webkit-transform: translateZ(0px);
}

/* color: background */
.bgGreen {
	background-color: #d3e5e5;
}
.bgLightBrown {
	background-color: #ffffff;
}
.bgLightBrown2 {
	background-color: #f0ecdb;
}
.bgDarkBrown {
	background-color: #eb6e46;
}
.bgBlack {
	background-color: rgb(0, 0, 0);
}
.bgWhite {
	background-color: rgb(255, 255, 255);
}
.bgRed {
	background-color: rgb(255, 0, 0);
}
.bgLightOrange {
	background-color: #fbca89;
}
/* color: border */
.borderDarkBrown {
	border-color: rgb(101, 94, 54);
}
.borderLightBrown {
	border-color: rgba(101, 94, 54, 0.2);
}
.borderLightBrown2 {
	border-color: rgba(101, 94, 54, 0.5);
}
.borderWhite {
	border-color: rgb(255, 255, 255);
}
/* color: box */
.roundBoxBorder {
	border-style: solid;
	border-width: 1px;
	border-radius: 6px;
}
.roundBoxDarkBrown {
	border: solid 1px rgb(101, 94, 54);
	border-radius: 6px;
}
/* color: font */
.fontLightBrown {
	color: rgb(230, 227, 208);
}
.fontDarkBrown {
	color: rgb(101, 94, 54);
}
.fontDarkRed {
	color: rgb(162, 18, 18);
}
.fontDarkBlue {
	color: rgb(18, 18, 158);
}
.fontDarkGreen {
	color: rgb(7, 147, 65);
}
.fontRed {
	color: rgb(255, 0, 0);
}
.fontBlue {
	color: rgb(0, 0, 255);
}
.fontWhite {
	color: rgb(255, 255, 255);
}

/* text */
.textAlignRight {
	text-align: right;
}
.textAlignLeft {
	text-align: left;
}
.textAlignCenter {
	text-align: center;
}

/* font */
.fontSmallest {
	font-size: 10px;
}
.fontSmall {
	font-size: 12px;
}
.fontMedium {
	font-size: 14px;
}
.fontBig {
	font-size: 16px;
}
.fontBigger {
	font-size: 18px;
}
.fontBold {
	font-weight: bold;
}

/* print */
body.printA4 {
	top: 0 !important;
	left: 0 !important;
	width: 172mm !important;
}
body.printA4_height {
	height: 251mm !important;
}
div.touchless {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99999;
}

/* texture */
.textureNoise {
	background-image: url(../img/texture/noise_50x50px.png);
	background-size: 25px 25px;
	background-repeat: repeat;
}
.textureSnownoise {
	background-image: url(../img/texture/snownoise_256x256px.png);
	background-size: 128px 128px;
	background-repeat: repeat;
}

/* checkbox */
input[type="checkbox"] {
	border-radius: 4px;
	border: solid 1px rgba(101, 94, 54, 0.5);
	background-color: transparent;
	width: 16px;
	height: 16px;
}
input[type="checkbox"]:checked {
	border: solid 1px rgb(101, 94, 54);
	background-color: rgba(101, 94, 54, 0.3);
}
input[type="checkbox"]:checked,
.checkMark_14px {
	background-image: url(../img/icons/check_28x28px.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 14px 14px;
}
.checkMark_14px {
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 14px;
	height: 14px;
}

/* radio */
input[type="radio"] {
	border-radius: 8px;
	border: solid 1px rgba(101, 94, 54, 0.5);
	background-color: #ffffff;
	width: 16px;
	height: 16px;
	vertical-align: bottom;
}
input[type="radio"]:checked {
	border: solid 1px rgb(101, 94, 54);
	background-color: rgb(101, 94, 54);
	background-image: url(../img/icons/radio_28x28px.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 14px 14px;
}

/* select box */
div.pullDownMark,
select.pullDownMark,
.ymdInputBox > select {
	background-image: url(../img/icons/pull_down_34x24px.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 17px 12px;
}
.ymdInputBox > select {
	cursor: pointer;
	padding: 5px 22px 5px 5px;
	margin-right: 8px;
	color: inherit;
}
.ymdInputBox > select:last-child {
	margin-right: 0px;
}
select::-ms-expand {display: none;}

/* layout */
.contentsBlock {
	padding: 10px;
}
div.divTableBlock {
	display: table;
	width: 100%;
}
div.divTableBlock > div {
	display: table-cell;
}

/* common buttons */
div.simpleButton,
div.iconButton,
div.miniIconButton {
	border-style: solid;
	border-width: 1px;
	cursor: pointer;
}
div.simpleButton,
div.iconButton {
	border-radius: 6px;
	padding: 10px 15px;
}
div.simpleButton span,
div.iconButton span,
div.miniIconButton span {
	display: inline-block;
}
div.iconButton span {
	vertical-align: middle;
}
div.iconButton span:first-child {
	margin-right: 5px;
}
div.iconButton span:last-child {
	line-height: 24px;
}
div.miniIconButton {
	display: inline-block;
	border-radius: 5px;
	padding: 4px;
	height: 16px;
	overflow: hidden;
}
div.miniIconButton span {
	line-height: 16px;
	vertical-align: top;
}
div.miniIconButton span:nth-child(2) {
	padding-left: 4px;
}
div.iconBtnList > div {
	margin-bottom: 5px;
}
div.iconBtnList > div:last-child {
	margin-bottom: 0;
}
div.miniIconButton img {
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: top;
}

/* bottom ok/cancel */
.bottomOkCancelBox {
	margin: 10px 0 50px 0;
}
.bottomOkCancelBox > div,
.floatOkCancelBox > div {
	text-align: center;
	cursor: pointer;
	font-weight: bold;
	font-size: 16px;
	width: 50%;
	padding: 5px 0;
}
.floatOkCancelBox {
	height: 44px;
}
.floatOkCancelBox > div {
	vertical-align: middle;
}
.floatOkCancelBox,
.floatBottomBox {
	position: fixed;
	z-index: 89;
	width: 100%;
	left: 0px;
	bottom: 0px;
	border-top: solid 1px rgba(101, 94, 54, 0.5);
}
.floatOkCancelBox,
.floatBottomBox.transparent {
	background-color: rgba(230, 227, 208, 0.8);
}
.floatBottomBox.opacity {
	background-color: rgb(230, 227, 208);
}
.floatOkCancelBox.hide {
	opacity: 0;
}
.floatOkCancelBoxMargin {
	height: 50px;
}

/* common list style */
div.listStyleMargin {
	height: 10px;
}
div.listStyleMarginSmall {
	height: 2px;
	font-size: 0;
}
div.listStyleTitle,
div.listStyleTitleM {
	padding: 5px 10px 5px 10px;
	margin-top: 5px;
}
div.listStyleTitle {
	font-size: 13px;
}
div.listStyleTitleM {
	font-size: 14px;
}
div.listStyleTitle.titleWidthIcon > span {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	line-height: 24px;
	margin-right: 4px;
}
div.listStyleComment {
	padding: 0 10px 5px 10px;
}
div.listStyleComment > div {
	border-radius: 6px;
	border-width: 1px;
	border-style: solid;
	padding: 5px;
}
div.listStyleCategory {
	font-size: 15px;
	padding: 8px;
	font-weight: bold;
	margin-top: 10px;
}
.listStyleContents {
	border-style: solid none;
	border-width: 1px;
	background-color: #ffffff;
	margin-bottom: 5px;
}
div.listStyleContents {
	padding: 10px;
}
ul.listStyleContents {
	padding: 0 0 0 10px;
}
ul.listStyleContents > li {
	border-style: solid none none none;
	border-width: 1px;
}
div.listStyleNoBg,
div.listStyleNext,
div.listStylePullDown,
ul.listStyleContents > li {
	white-space: nowrap;
	line-height: 44px;
	background-repeat: no-repeat;
}
div.listStyleNoBg {
	padding: 0 2px 0 2px;
}
ul.listStyleContents > li:first-child {
	border-top-style: none;
}
div.listStyleNext,
div.listStylePullDown,
ul.listStyleContents li.listStyleNext,
ul.listStyleContents li.listStylePullDown {
	background-position: right center;
	padding: 0 10px 0 2px;
}
ul.listStyleContents li.listStyleCheck {
	background-position: left center;
	padding: 0 2px 0 25px;
}
div.listStyleNext,
ul.listStyleContents li.listStyleNext {
	background-image: url(../img/icons/next_32x32px.png);
	background-size: 16px 16px;
	cursor: pointer;
}
div.listStylePullDown,
ul.listStyleContents li.listStylePullDown {
	background-image: url(../img/icons/pull_down_52x32px.png);
	background-size: 26px 16px;
}
select.listStylePullDown,
ul.listStyleContents li.listStylePullDown select {
	border: none 0px #ffffff;
	background-color: transparent;
	font-size: 13px;
	width: 100%;
	cursor: pointer;
	padding: 5px;
}
ul.listStyleContents li.listStyleCheck {
	background-image: url(../img/icons/list_check_52x32px.png);
	background-size: 26px 16px;
	padding-right: 60px;
	cursor: pointer;
}
ul.listStyleContents li.listStyleCheck span {
	opacity: 0.7;
}
ul.listStyleContents li.checked {
	background-image: url(../img/icons/list_checked_52x32px.png);
}
ul.listStyleContents li.checked span {
	opacity: 1.0;
	font-weight: bold;
}
ul.listStyleContents li.listStyleButton {
	text-align: left;
	padding-left: 4px;
	font-size: 14px;
	cursor: pointer;
}
ul.listStyleContents li.listStyleClickable {
	cursor: pointer;
}
ul.listStyleContents img.listStyleIcon,
ul.listStyleContents span.listStyleIcon {
	vertical-align: middle;
	margin-right: 3px;
}
ul.listStyleContents img.listStyleIcon {
	width: 16px;
	height: 16px;
}
ul.listStyleContents span.listStyleIconAfter {
	vertical-align: middle;
	margin-left: 3px;
}
ul.listStyleContents span.listStyleTitle,
ul.listStyleContents span.listStyleValue {
	line-height: 16px;
	display: inline-block;
	vertical-align: middle;
	white-space: normal;
}
ul.listStyleContents span.listStyleTitle {
	margin-right: 10px;
}
ul.listStyleContents div.divTableBlock > div,
ul.listStyleContents div.divTableBlock > div input {
	box-sizing: border-box;
	vertical-align: middle;
}
ul.listStyleContents > li.listStyleMultipleLines {
	line-height: 150%;
	white-space: normal;
}
ul.listStyleContents div.divTableBlock > div {
	vertical-align: middle;
	text-align: left;
}
ul.listStyleContents div.divTableBlock > div.listStyleIcon {
	width: 24px;
}
ul.listStyleContents div.divTableBlock > div.listStyleValue {
	white-space: normal;
	line-height: 150%;
	padding: 4px 0;
}
ul.listStyleContents div.divTableBlock > div.listStyleMargin {
	width: 12px;
}
ul.listStyleContents div.divTableBlock > div.listStyleMarginMini {
	width: 4px;
}
div.listStyleInput {
	background-color: #ffffff;
	border-style: solid none;
	border-width: 1px;
	clear: both;
}
div.listStyleInput > div {
	padding: 0 38px 0 10px;
}
div.listStyleInput input[type="text"],
div.listStyleInput input[type="password"],
div.listStyleInput input[type="email"],
div.listStyleInput input[type="number"],
div.listStyleInput input[type="tel"] {
	font-size: 14px;
	height: 44px;
	width: 100%;
}
div.listStyleInput .commonIcon_16px {
	position: relative;
	float: right;
	z-index: 5;
	margin-top: -30px;
	margin-right: 10px;
	cursor: pointer;
}
div.listStyleInput input[type="text"],
div.listStyleInput input[type="password"],
div.listStyleInput input[type="email"],
div.listStyleInput input[type="number"],
div.listStyleInput input[type="tel"],
input.noBorder {
	border: none 0 #ffffff;
	box-sizing: border-box;
	padding: auto 0;
}
div.listStyleTextarea {
	border-style: solid none;
	border-width: 1px;
	font-size: 0;
}
div.listStyleTextarea > textarea {
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 8px;
	font-size: 14px;
	height: 140px;
	border-style: none;
	background-color: #ffffff;
}

/* scroll table */
div.scrollTableBlock {
	border-radius: 6px;
}
div.scrollTableBlock > div {
	overflow: auto;
	border-width: 1px;
	border-color: rgb(101, 94, 54);
}
div.scrollTableBlock > div:first-child {
	border-style: solid;
	border-radius: 6px 6px 0 0;
}
div.scrollTableBlock > div:nth-child(2) {
	border-style: none solid none solid;
}
div.scrollTableBlock > div:last-child {
	border-style: solid solid solid solid;
	border-radius: 0 0 6px 6px;
	background-color: rgb(207, 201, 166);
	height: 6px;
}
div.scrollTableBlock table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
}
div.scrollTableBlock table th {
	background-color: rgb(207, 201, 166);
	font-weight: normal;
	text-align: center;
	border-style: none solid none none;
}
div.scrollTableBlock table th,
div.scrollTableBlock table td {
	font-size: 13px;
	border-width: 1px;
	border-color: rgb(101, 94, 54);
	padding: 5px;
	white-space: nowrap;
}
div.scrollTableBlock table td {
	border-style: none solid solid none;
}
div.scrollTableBlock table th:last-child,
div.scrollTableBlock table td:last-child {
	border-right-style: none;
}
div.scrollTableBlock table tr:nth-child(2n+1) {
	background-color: #ffffff;
}
div.scrollTableBlock table tr:nth-child(2n+0) {
	background-color: rgb(242, 240, 230);
}
div.scrollTableBlock table tr:last-child td {
	border-bottom-style: none;
}

/* iconTitleList */
div.iconTitleList div {
	box-sizing: border-box;
}
div.iconTitleList div.title {
	font-size: 16px;
	font-weight: bold;
	padding: 0 5px 0 10px;
	line-height: 100%;
}
div.iconTitleList div.contents {
	font-size: 14px;
	line-height: 140%;
	padding: 2px 12px 12px 38px;
}
div.iconTitleList div.contents > div.box {
	background-color: rgba(255, 255, 255, 0.5);
	border: solid 1px rgba(127, 127, 127, 0.3);
	padding: 6px;
	border-radius: 6px;
}
div.iconTitleList div span {
	display: inline-block;
	vertical-align: middle;
}
div.iconTitleList div span.commonIcon_24px {
	margin-right: 4px;
}

/* calendar: common */
div.calendarBox table {
	width: 100%;
	border-collapse: collapse;
	box-sizing: border-box;
}
div.calendarBox table,
div.calendarBox table th,
div.calendarBox table td {
	text-align: center;
	vertical-align: middle;
	line-height: 150%;
}
div.calendarBox table th {
	font-weight: bold;
}
/* calendar: dialogCalendar */
div.dialogCalendar table,
div.dialogCalendar table th,
div.dialogCalendar table td {
	border: solid 1px rgb(101, 94, 54);
}
div.dialogCalendar table th,
div.dialogCalendar table td {
	font-size: 14px;
}
div.dialogCalendar table th {
	background-color: rgb(207, 201, 166);
}
div.dialogCalendar table td {
	height: 44px;
	background-color: #ffffff;
}
div.dialogCalendar table td.cal_prevMonth,
div.dialogCalendar table td.cal_nextMonth {
	color: rgb(207, 201, 166);
}
div.dialogCalendar table td.cal_current {
	background-color: rgb(207, 201, 166);
}
div.dialogCalendar table td.cal_selRange {
	background-color: rgb(242, 240, 230);
}
div.dialogCalendar table td.cal_prevMonth.cal_current,
div.dialogCalendar table td.cal_nextMonth.cal_current {
	color: #ffffff;
}

/* pull to reload button */
div#pullToReload {
	position: fixed;
	width: 100%;
	text-align: center;
	top: 45%;
	display: none;
	z-index: 99;
}
div#pullToReload > div {
	display: inline-block;
	width: 48px;
	height: 48px;
	border-radius: 24px;
	padding: 7px;
	box-sizing: border-box;
	border-style: solid;
	border-width: 1px;
}

/* drawer menu */
div.drawerMenu {
	position: fixed;
	top: 0px;
	padding: 0px;
	display: none;
	box-shadow: 5px 0px 10px 5px rgba(0,0,0,0.3) inset;
	background-image: url(../img/texture/tin_256x256px.png);
	background-repeat: repeat;
	background-size: 128px 128px;
	color: #ffffff;
	text-align: center;
	z-index: 99;
}
div.drawerMenu .userInfoName {
	margin-top: 20px;
	font-size: 13px;
}
div.drawerMenu ul.menuContents {
	border-top: solid 1px #ffffff;
	margin: 20px 20px 110px 20px;
}
div.drawerMenu ul.menuContents > li {
	margin-top: 15px;
	line-height: 38px;
	font-size: 16px;
	color: #ffffff;
	cursor: pointer;
}
div#drawerMenuDefault {
	width: 280px;
	right: -280px;
	overflow: scroll;
}
body.withStatusBar div.drawerMenu {
	padding-top: 20px;
}

/* shadow */
div#dialogShadow,
div#frameShadow {
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 998;
}
div#menuShadow,
div#dialogShadow,
div#frameShadow {
	display: none;
	width: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
}
div#menuShadow {
	z-index: 997;
}

/* frame view */
div#_frameView {
	display: none;
	position: fixed;
	left: 10px;
	top: 10px;
	z-index: 9998;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	font-size: 0;
	border-radius: 8px;
}
div#_frameView iframe {
	border: none 0px #ffffff;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

/* dialog */
div.dialogBox {
	z-index: 999;
	position: fixed;
	display: none;
	box-shadow: 5px 5px 10px 5px rgba(0, 0, 0, 0.5);
	padding: 10px;
	width: 80%;
	box-sizing: border-box;
}
div.dialogBox div.simpleButton {
	margin-top: 5px;
}
div.dialogBox div.simpleButton:first-child {
	margin-top: 0px;
}
ul.dialogAlertBox {
	display: table;
	width: 100%;
	margin-bottom: 10px;
}
ul.dialogAlertBox li {
	display: table-cell;
	line-height: 140%;
	vertical-align: middle;
}
ul.dialogAlertBox li.dialogAlertIcon {
	width: 32px;
}

/* box bottom buttons */
ul.boxBottomBtnList,
ul.boxBottomBtnListBorder {
	display: table;
	width: 100%;
}
ul.boxBottomBtnListBorder {
	border-style: solid none none none;
	border-width: 1px;
}
ul.boxBottomBtnList li,
ul.boxBottomBtnListBorder li {
	display: table-cell;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	padding: 6px 0 0 0;
}
ul.boxBottomBtnListBorder li {
	border-style: none none none solid;
	border-width: 1px;
}
ul.boxBottomBtnListBorder li:first-child {
	border-style: none;
}
ul.boxBottom2Btn li,
ul.boxBottomBtnList li.halfBtn,
ul.boxBottomBtnListBorder li.halfBtn {
	width: 50%;
}

/* iframe header */
div.frameHeader {
	height: 44px;
	box-sizing: border-box;
	border-bottom: solid 1px rgb(101, 94, 54);
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	padding: 0 44px;
	line-height: 44px;
}

/* header */
header {
	display: block;
	margin: 0;
	padding: 0;
	height: 44px;
	text-align: center;
	clear: both;
	position: fixed;
	width: 100%;
	z-index: 90;
	box-sizing: border-box;
}
header * {
	font-size: 16px;
	line-height: 44px;
	color: rgb(0, 0, 0);
}
header div.title {
	padding: 0 64px;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
}
header div.title > span {
	font-weight: bold;
	white-space: nowrap;
	white-space: nowrap;
}
header div.buttons {
	position: absolute;
	width: 100%;
}
header div.leftMenu,
header div.rightMenu {
	height: 44px;
}
header div.leftMenu {
	float: left;
	padding-left: 8px;
}
header div.rightMenu {
	float: right;
	padding-right: 8px;
}
header div span.headerIcon {
	display: block;
	margin: 0;
	height: 44px;
	cursor: pointer;

	background-image: url(../img/icons/header_40x88px_sprite.png);
	background-repeat: no-repeat;
	background-size: 20px 176px;
}
header div span.headerBack {
	padding: 0 0 0 21px;
	background-position: 0px 0px;
	min-width: 15px;
}
header div span.headerClose,
header div span.headerCloseWithText {
	background-position: 0px -88px;
	min-width: 20px;
}
header div.leftMenu span.headerClose {
	padding: 0 0 0 26px;
}
header div span.headerContext,
header div span.headerContextWithText {
	background-position: 0px -44px;
	min-width: 20px;
}
header div span.headerReload,
header div span.headerReloadWithText {
	background-position: 0px -132px;
	min-width: 20px;
}
header div span.headerContext,
header div span.headerReload,
header div.rightMenu span.headerClose {
	padding: 0;
}
header div span.headerContextWithText,
header div span.headerReloadWithText,
header div.rightMenu span.headerCloseWithText {
	padding: 0 0 0 26px;
}
header.pc_header div.title {
	padding: 0 86px;
}
body.withStatusBar header {
	padding-top: 20px;
}

/* contents */
div.contents {
	overflow: hidden;
}

div.withHeader {
	padding-top: 44px;
}
body.withStatusBar div.withHeader {
	padding-top: 64px;
}

div.contentsBottomMargin {
	height: 48px;
}

/* wait animation: rotation type */
@keyframes rotateR {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(90deg);}
}
@-webkit-keyframes rotateR {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(90deg);}
}
@-moz-keyframes rotateR {
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(90deg);}
}
@-o-keyframes rotateR {
	0% {-o-transform: rotate(0deg);}
	100% {-o-transform: rotate(90deg);}
}
@-ms-keyframes rotateR {
	0% {-ms-transform: rotate(0deg);}
	100% {-ms-transform: rotate(90deg);}
}
@keyframes rotateL {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(-90deg);}
}
@-webkit-keyframes rotateL {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(-90deg);}
}
@-moz-keyframes rotateL {
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(-90deg);}
}
@-o-keyframes rotateL {
	0% {-o-transform: rotate(0deg);}
	100% {-o-transform: rotate(-90deg);}
}
@-ms-keyframes rotateL {
	0% {-ms-transform: rotate(0deg);}
	100% {-ms-transform: rotate(-90deg);}
}

.waitAnimation {
	top: 50%;
	left: 50%;
	padding: 0;
	position: fixed;
	z-index: 9999;
}

.waitCircle_out,
.waitCircle_in {
	background-image: url(../img/icons/wait_animation_160x160px_sprite.png);
	background-repeat: no-repeat;
	background-size: 320px 80px;
	width: 80px;
	height: 80px;
	display: inline-block;
	margin: -40px 0 0 -40px;

	opacity: 0.8;
	animation-duration: 1s;
	animation-timing-function: ease;
	animation-iteration-count: infinite;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-duration: 1s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: infinite;
	-o-animation-duration: 1s;
	-o-animation-timing-function: ease;
	-o-animation-iteration-count: infinite;
	-ms-animation-duration: 1s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: infinite;
}
.waitCircle_out {
	background-position: 0px 0px;
	animation-name: rotateR;
	-webkit-animation-name: rotateR;
	-moz-animation-name: rotateR;
	-o-animation-name: rotateR;
	-ms-animation-name: rotateR;
}
.waitCircle_in {
	background-position: -80px 0px;
	-webkit-animation-name: rotateL;
	-moz-animation-name: rotateL;
	-o-animation-name: rotateL;
	-ms-animation-name: rotateL;
}
.waitCircle_out.waitCircle_white {
	background-position: -160px 0px;
}
.waitCircle_in.waitCircle_white {
	background-position: -240px 0px;
}

/* wait animation: bar type */
@keyframes waitBarR {
	0%   {margin-left: 0%; width: 0%;}
	50%  {margin-left: 0%; width: 100%;}
	99%  {margin-left: 100%; width: 0%;}
	100% {margin-left: 0%; width: 0%;}
}
@-webkit-keyframes waitBarR {
	0%   {margin-left: 0%; width: 0%;}
	50%  {margin-left: 0%; width: 100%;}
	99%  {margin-left: 100%; width: 0%;}
	100% {margin-left: 0%; width: 0%;}
}
@-moz-keyframes waitBarR {
	0%   {margin-left: 0%; width: 0%;}
	50%  {margin-left: 0%; width: 100%;}
	99%  {margin-left: 100%; width: 0%;}
	100% {margin-left: 0%; width: 0%;}
}
@-o-keyframes waitBarR {
	0%   {margin-left: 0%; width: 0%;}
	50%  {margin-left: 0%; width: 100%;}
	99%  {margin-left: 100%; width: 0%;}
	100% {margin-left: 0%; width: 0%;}
}
@-ms-keyframes waitBarR {
	0%   {margin-left: 0%; width: 0%;}
	50%  {margin-left: 0%; width: 100%;}
	99%  {margin-left: 100%; width: 0%;}
	100% {margin-left: 0%; width: 0%;}
}
div.waitAnimationBar {
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.4);
}
div.waitAnimationBar,
div.waitAnimationBar > div {
	height: 3px;
	margin: 0;
	padding: 0;
	font-size: 0;
}
div.waitAnimationBar > div {
	width: 0%;
	background-color: rgba(255, 255, 255, 0.8);

	animation-duration: 2.5s;
	animation-timing-function: ease;
	animation-iteration-count: infinite;
	-webkit-animation-duration: 2.5s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-duration: 2.5s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: infinite;
	-o-animation-duration: 2.5s;
	-o-animation-timing-function: ease;
	-o-animation-iteration-count: infinite;
	-ms-animation-duration: 2.5s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: infinite;
}
div.waitAnimationBar > div.waitBarR {
	animation-name: waitBarR;
	-webkit-animation-name: waitBarR;
	-moz-animation-name: waitBarR;
	-o-animation-name: waitBarR;
	-ms-animation-name: waitBarR;
}

/* make animation */
@keyframes makeAnimation {
	0% { background-position: 0px 0px; }
	10% { background-position: -16px 0px; }
	19% { background-position: -32px 0px; }
	28% { background-position: -48px 0px; }
	37% { background-position: -64px 0px; }
	46% { background-position: -80px 0px; }
	55% { background-position: 0px -16px; }
	64% { background-position: -16px -16px; }
	73% { background-position: -32px -16px; }
	82% { background-position: -48px -16px; }
	91% { background-position: -64px -16px; }
	100% { background-position: -80px -16px; }
}
@-webkit-keyframes makeAnimation {
	0% { background-position: 0px 0px; }
	10% { background-position: -16px 0px; }
	19% { background-position: -32px 0px; }
	28% { background-position: -48px 0px; }
	37% { background-position: -64px 0px; }
	46% { background-position: -80px 0px; }
	55% { background-position: 0px -16px; }
	64% { background-position: -16px -16px; }
	73% { background-position: -32px -16px; }
	82% { background-position: -48px -16px; }
	91% { background-position: -64px -16px; }
	100% { background-position: -80px -16px; }
}
@-moz-keyframes makeAnimation {
	0% { background-position: 0px 0px; }
	10% { background-position: -16px 0px; }
	19% { background-position: -32px 0px; }
	28% { background-position: -48px 0px; }
	37% { background-position: -64px 0px; }
	46% { background-position: -80px 0px; }
	55% { background-position: 0px -16px; }
	64% { background-position: -16px -16px; }
	73% { background-position: -32px -16px; }
	82% { background-position: -48px -16px; }
	91% { background-position: -64px -16px; }
	100% { background-position: -80px -16px; }
}
@-o-keyframes makeAnimation {
	0% { background-position: 0px 0px; }
	10% { background-position: -16px 0px; }
	19% { background-position: -32px 0px; }
	28% { background-position: -48px 0px; }
	37% { background-position: -64px 0px; }
	46% { background-position: -80px 0px; }
	55% { background-position: 0px -16px; }
	64% { background-position: -16px -16px; }
	73% { background-position: -32px -16px; }
	82% { background-position: -48px -16px; }
	91% { background-position: -64px -16px; }
	100% { background-position: -80px -16px; }
}
@-ms-keyframes makeAnimation {
	0% { background-position: 0px 0px; }
	10% { background-position: -16px 0px; }
	19% { background-position: -32px 0px; }
	28% { background-position: -48px 0px; }
	37% { background-position: -64px 0px; }
	46% { background-position: -80px 0px; }
	55% { background-position: 0px -16px; }
	64% { background-position: -16px -16px; }
	73% { background-position: -32px -16px; }
	82% { background-position: -48px -16px; }
	91% { background-position: -64px -16px; }
	100% { background-position: -80px -16px; }
}
.make_animation {
	background-image: url(../img/icons/make_animation_sprite_32px.png);
	background-repeat: no-repeat;

	background-size: 96px 32px;
	width: 16px;
	height: 16px;

	animation-name: makeAnimation;
	-webkit-animation-name: makeAnimation;
	-moz-animation-name: makeAnimation;
	-o-animation-name: makeAnimation;
	-ms-animation-name: makeAnimation;

	animation-duration: 2s;
	animation-timing-function: step-end;
	animation-iteration-count: infinite;
	-webkit-animation-duration: 2s;
	-webkit-animation-timing-function: step-end;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-duration: 2s;
	-moz-animation-timing-function: step-end;
	-moz-animation-iteration-count: infinite;
	-o-animation-duration: 2s;
	-o-animation-timing-function: step-end;
	-o-animation-iteration-count: infinite;
	-ms-animation-duration: 2s;
	-ms-animation-timing-function: step-end;
	-ms-animation-iteration-count: infinite;
}

/* icon: disabled */
span.disabledIcon {
	opacity: 0.5;
}

/* single icon: 32px common */
.windowClose_brown,
.windowClose_white,
.windowBack_brown,
.frameClose_brown,
.floatHelp_white,
.bottomHelpBtn,
.bottomQuickBtn {
	background-repeat: no-repeat;
	position: fixed;
	cursor: pointer;
}
.windowClose_brown,
.windowClose_white,
.windowBack_brown
.floatHelp_white,
.bottomHelpBtn,
.bottomQuickBtn {
	z-index: 90;
}
.frameClose_brown {
	z-index: 9999;
	left: 15px;
	top: 15px;
	display: none;
}
/* icon: float icons */
.windowClose_brown,
.windowClose_white,
.frameClose_brown,
.floatHelp_white,
.windowBack_brown {
	background-image: url(../img/icons/float_64x64px_sprite.png);
	background-size: 128px 32px;
	width: 32px;
	height: 32px;
	opacity: 0.9;
}
.windowClose_brown,
.windowClose_white,
.windowBack_brown {
	left: 5px;
	top: 5px;
}
.windowClose_brown, .frameClose_brown { background-position: 0px 0px; }
.windowClose_white { background-position: -32px 0px; }
.floatHelp_white { background-position: -64px 0px; }
.windowBack_brown { background-position: -96px 0px; }

/* icon: help/quick */
.bottomHelpBlock {
	display: none;
}
.bottomHelpBtn,
.bottomQuickBtn {
	background-size: 48px 48px;
	width: 48px;
	height: 48px;
	top: 100%;
	opacity: 0.7;
	display: inline-block;
	padding: 0;
	margin: -48px 0 0 0;
}
.bottomHelpBtn {
	background-image: url(../img/icons/help_96x96px.png);
	left: 0px;
}
.bottomQuickBtn {
	background-image: url(../img/icons/quick_96x96px.png);
	right: 0px;
}
.btmNoticeCounter {
	padding: 6px;
	right: 0px;
	top: 100%;
	opacity: 0.7;
	margin: -42px 20px 0 0;
	z-index: 91;
	cursor: pointer;
}
.btmNoticeCounter,
.btnNoticeCounter {
	box-sizing: border-box;
	display: none;
	position: fixed;
	font-size: 10px;
	text-align: center;
	color: #ffffff;
	background-color: #ff0000;
	border-radius: 16px;
	min-width: 28px;
}
.btnNoticeCounter {
	padding-left: 6px;
	padding-right: 6px;
	margin-left: 6px;
}

/* moon age */
.moonAge .moonNew,
.moonAge .moonFull,
.moonAge .moonHalfR,
.moonAge .moonHalfL {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 32px 32px;
}
.moonAge .moonNew {
	background-image: url(../img/icons/moon/new_64px.png);
}
.moonAge .moonFull {
	background-image: url(../img/icons/moon/full_64px.png);
}
.moonAge .moonHalfR {
	background-image: url(../img/icons/moon/half_r_64px.png);
}
.moonAge .moonHalfL {
	background-image: url(../img/icons/moon/half_l_64px.png);
}

/* icons: all */
.make_animation,
.plans_icon,
.windowClose_brown,
.windowClose_white,
.miniIcon_16px,
.sensorsIcon_12px,
.sensorsIcon_16px,
.sensorsIcon_24px,
.sensorsIcon_32px,
.commonIcon_12px,
.commonIcon_16px,
.commonIcon_24px,
.commonIcon_32px,
span.equipIcon_16px,
span.equipIcon_24px,
span.equipIcon_32px,
span.halfIcon_32px {
	display: inline-block;
	margin: 0;
	padding: 0;
}

/* icons: plans */
.plans_icon {
	background-image: url(../img/icons/plans_64x64px.png);
	background-repeat: no-repeat;
	background-size: 96px 32px;
	width: 32px;
	height: 32px;
}
.plans_free { background-position: 0px 0px; }
.plans_standard { background-position: -32px 0px; }
.plans_premium { background-position: -64px 0px; }

/* icons: miniIcon */
.miniIcon_16px {
	background-image: url(../img/icons/mini_icons_16x16px_sprite.png);
	background-repeat: no-repeat;
	background-size: 128px 128px;
	width: 16px;
	height: 16px;
}
.sliders_16px { background-position: 0px 0px; }
.boxes_16px { background-position: -16px 0px; }
.knob_16px { background-position: -32px 0px; }

/* icons: sensors */
.sensorsIcon_12px,
.sensorsIcon_16px,
.sensorsIcon_24px,
.sensorsIcon_32px {
	background-image: url(../img/icons/sensors_64x64px_sprite.png?v=20210517);
	background-repeat: no-repeat;
}

.sensorsIcon_12px {
	background-size: 360px 96px;
	width: 12px;
	height: 12px;
}
.airTemp_white_12px { background-position: 0px 0px; }
.airTemp_brown_12px { background-position: 0px -12px; }
.airTemp_red_12px { background-position: 0px -24px; }
.airTemp_blue_12px { background-position: 0px -36px; }

.waterTemp_white_12px { background-position: -12px 0px; }
.waterTemp_brown_12px { background-position: -12px -12px; }
.waterTemp_red_12px { background-position: -12px -24px; }
.waterTemp_blue_12px { background-position: -12px -36px; }

.tempTotal_white_12px { background-position: -24px 0px; }
.tempTotal_brown_12px { background-position: -24px -12px; }
.tempTotal_red_12px { background-position: -24px -24px; }
.tempTotal_blue_12px { background-position: -24px -36px; }

.humid_white_12px { background-position: -36px 0px; }
.humid_brown_12px { background-position: -36px -12px; }
.humid_red_12px { background-position: -36px -24px; }
.humid_blue_12px { background-position: -36px -36px; }

.soilMoist_white_12px { background-position: -48px 0px; }
.soilMoist_brown_12px { background-position: -48px -12px; }
.soilMoist_red_12px { background-position: -48px -24px; }
.soilMoist_blue_12px { background-position: -48px -36px; }

.CO2_white_12px { background-position: -60px 0px; }
.CO2_brown_12px { background-position: -60px -12px; }
.CO2_red_12px { background-position: -60px -24px; }
.CO2_blue_12px { background-position: -60px -36px; }

.pressure_white_12px { background-position: -72px 0px; }
.pressure_brown_12px { background-position: -72px -12px; }
.pressure_red_12px { background-position: -72px -24px; }
.pressure_blue_12px { background-position: -72px -36px; }

.sunlight_white_12px { background-position: -84px 0px; }
.sunlight_brown_12px { background-position: -84px -12px; }
.sunlight_red_12px { background-position: -84px -24px; }
.sunlight_blue_12px { background-position: -84px -36px; }

.sunTotal_white_12px { background-position: -96px 0px; }
.sunTotal_brown_12px { background-position: -96px -12px; }
.sunTotal_red_12px { background-position: -96px -24px; }
.sunTotal_blue_12px { background-position: -96px -36px; }

.humidDef_white_12px { background-position: -108px 0px; }
.humidDef_brown_12px { background-position: -108px -12px; }
.humidDef_red_12px { background-position: -108px -24px; }
.humidDef_blue_12px { background-position: -108px -36px; }

.gpvTemp_white_12px { background-position: -120px 0px; }
.gpvTemp_brown_12px { background-position: -120px -12px; }
.gpvTemp_red_12px { background-position: -120px -24px; }
.gpvTemp_blue_12px { background-position: -120px -36px; }

.gpvHumid_white_12px { background-position: -132px 0px; }
.gpvHumid_brown_12px { background-position: -132px -12px; }
.gpvHumid_red_12px { background-position: -132px -24px; }
.gpvHumid_blue_12px { background-position: -132px -36px; }

.gpvPress_white_12px { background-position: -144px 0px; }
.gpvPress_brown_12px { background-position: -144px -12px; }
.gpvPress_red_12px { background-position: -144px -24px; }
.gpvPress_blue_12px { background-position: -144px -36px; }

.gpvRain_white_12px { background-position: -156px 0px; }
.gpvRain_brown_12px { background-position: -156px -12px; }
.gpvRain_red_12px { background-position: -156px -24px; }
.gpvRain_blue_12px { background-position: -156px -36px; }

.gpvCloud_white_12px { background-position: -168px 0px; }
.gpvCloud_brown_12px { background-position: -168px -12px; }
.gpvCloud_red_12px { background-position: -168px -24px; }
.gpvCloud_blue_12px { background-position: -168px -36px; }

.gpvWindSp_white_12px { background-position: -180px 0px; }
.gpvWindSp_brown_12px { background-position: -180px -12px; }
.gpvWindSp_red_12px { background-position: -180px -24px; }
.gpvWindSp_blue_12px { background-position: -180px -36px; }

.gpvWindDr_white_12px { background-position: -192px 0px; }
.gpvWindDr_brown_12px { background-position: -192px -12px; }
.gpvWindDr_red_12px { background-position: -192px -24px; }
.gpvWindDr_blue_12px { background-position: -192px -36px; }

.ec_white_12px { background-position: -204px 0px; }
.ec_brown_12px { background-position: -204px -12px; }
.ec_red_12px { background-position: -204px -24px; }
.ec_blue_12px { background-position: -204px -36px; }

.soilTemp_white_12px { background-position: -216px 0px; }
.soilTemp_brown_12px { background-position: -216px -12px; }
.soilTemp_red_12px { background-position: -216px -24px; }
.soilTemp_blue_12px { background-position: -216px -36px; }

.ph_white_12px { background-position: -228px 0px; }
.ph_brown_12px { background-position: -228px -12px; }
.ph_red_12px { background-position: -228px -24px; }
.ph_blue_12px { background-position: -228px -36px; }

.yields_white_12px { background-position: -240px 0px; }
.yields_brown_12px { background-position: -240px -12px; }
.yields_red_12px { background-position: -240px -24px; }
.yields_blue_12px { background-position: -240px -36px; }

.drainage_white_12px { background-position: -252px 0px; }
.drainage_brown_12px { background-position: -252px -12px; }
.drainage_red_12px { background-position: -252px -24px; }
.drainage_blue_12px { background-position: -252px -36px; }

.ad_converter_white_12px { background-position: -264px 0px; }
.ad_converter_brown_12px { background-position: -264px -12px; }
.ad_converter_red_12px { background-position: -264px -24px; }
.ad_converter_blue_12px { background-position: -264px -36px; }

.battery_white_12px { background-position: -276px 0px; }
.battery_brown_12px { background-position: -276px -12px; }
.battery_red_12px { background-position: -276px -24px; }
.battery_blue_12px { background-position: -276px -36px; }

.permittivity_white_12px { background-position: -288px 0px; }
.permittivity_brown_12px { background-position: -288px -12px; }
.permittivity_red_12px { background-position: -288px -24px; }
.permittivity_blue_12px { background-position: -288px -36px; }

.boxes_white_12px { background-position: -300px 0px; }
.boxes_brown_12px { background-position: -300px -12px; }
.boxes_red_12px { background-position: -300px -24px; }
.boxes_blue_12px { background-position: -300px -36px; }

.water_level_white_12px { background-position: -312px 0px; }
.water_level_brown_12px { background-position: -312px -12px; }
.water_level_red_12px { background-position: -312px -24px; }
.water_level_blue_12px { background-position: -312px -36px; }

.chilling_hours_white_12px { background-position: -324px 0px; }
.chilling_hours_brown_12px { background-position: -324px -12px; }
.chilling_hours_red_12px { background-position: -324px -24px; }
.chilling_hours_blue_12px { background-position: -324px -36px; }

.control_panel_white_12px { background-position: -336px 0px; }
.control_panel_brown_12px { background-position: -336px -12px; }
.control_panel_red_12px { background-position: -336px -24px; }
.control_panel_blue_12px { background-position: -336px -36px; }

.rainfall_white_12px { background-position: 0px -48px; }
.rainfall_brown_12px { background-position: 0px -60px; }
.rainfall_red_12px { background-position: 0px -72px; }
.rainfall_blue_12px { background-position: 0px -84px; }

.wind2_white_12px { background-position: -12px -48px; }
.wind2_brown_12px { background-position: -12px -60px; }
.wind2_red_12px { background-position: -12px -72px; }
.wind2_blue_12px { background-position: -12px -84px; }

.windSpeed_white_12px { background-position: -24px -48px; }
.windSpeed_brown_12px { background-position: -24px -60px; }
.windSpeed_red_12px { background-position: -24px -72px; }
.windSpeed_blue_12px { background-position: -24px -84px; }

.windDir_white_12px { background-position: -36px -48px; }
.windDir_brown_12px { background-position: -36px -60px; }
.windDir_red_12px { background-position: -36px -72px; }
.windDir_blue_12px { background-position: -36px -84px; }

.rainfallTotal_white_12px { background-position: -48px -48px; }
.rainfallTotal_brown_12px { background-position: -48px -60px; }
.rainfallTotal_red_12px { background-position: -48px -72px; }
.rainfallTotal_blue_12px { background-position: -48px -84px; }

.db_white_12px { background-position: -60px -48px; }
.db_brown_12px { background-position: -60px -60px; }
.db_red_12px { background-position: -60px -72px; }
.db_blue_12px { background-position: -60px -84px; }

.flow_white_12px { background-position: -72px -48px; }
.flow_brown_12px { background-position: -72px -60px; }
.flow_red_12px { background-position: -72px -72px; }
.flow_blue_12px { background-position: -72px -84px; }

.heat_index_white_12px { background-position: -84px -48px; }
.heat_index_brown_12px { background-position: -84px -60px; }
.heat_index_red_12px { background-position: -84px -72px; }
.heat_index_blue_12px { background-position: -84px -84px; }

.do_white_12px { background-position: -96px -48px; }
.do_brown_12px { background-position: -96px -60px; }
.do_red_12px { background-position: -96px -72px; }
.do_blue_12px { background-position: -96px -84px; }

.orp_white_12px { background-position: -108px -48px; }
.orp_brown_12px { background-position: -108px -60px; }
.orp_red_12px { background-position: -108px -72px; }
.orp_blue_12px { background-position: -108px -84px; }

.suction_white_12px { background-position: -120px -48px; }
.suction_brown_12px { background-position: -120px -60px; }
.suction_red_12px { background-position: -120px -72px; }
.suction_blue_12px { background-position: -120px -84px; }

.environment_data_white_12px { background-position: -132px -48px; }
.environment_data_brown_12px { background-position: -132px -60px; }
.environment_data_red_12px { background-position: -132px -72px; }
.environment_data_blue_12px { background-position: -132px -84px; }

.feed_white_12px { background-position: -144px -48px; }
.feed_brown_12px { background-position: -144px -60px; }
.feed_red_12px { background-position: -144px -72px; }
.feed_blue_12px { background-position: -144px -84px; }

.water_supply_white_12px { background-position: -156px -48px; }
.water_supply_brown_12px { background-position: -156px -60px; }
.water_supply_red_12px { background-position: -156px -72px; }
.water_supply_blue_12px { background-position: -156px -84px; }

.spawn_white_12px { background-position: -168px -48px; }
.spawn_brown_12px { background-position: -168px -60px; }
.spawn_red_12px { background-position: -168px -72px; }
.spawn_blue_12px { background-position: -168px -84px; }

.death_white_12px { background-position: -180px -48px; }
.death_brown_12px { background-position: -180px -60px; }
.death_red_12px { background-position: -180px -72px; }
.death_blue_12px { background-position: -180px -84px; }

.temperature_controller_white_12px { background-position: -192px -48px; }
.temperature_controller_brown_12px { background-position: -192px -60px; }
.temperature_controller_red_12px { background-position: -192px -72px; }
.temperature_controller_blue_12px { background-position: -192px -84px; }

.sensorsIcon_16px {
	background-size: 480px 128px;
	width: 16px;
	height: 16px;
}
.airTemp_white_16px { background-position: 0px 0px; }
.airTemp_brown_16px { background-position: 0px -16px; }
.airTemp_red_16px { background-position: 0px -32px; }
.airTemp_blue_16px { background-position: 0px -48px; }

.waterTemp_white_16px { background-position: -16px 0px; }
.waterTemp_brown_16px { background-position: -16px -16px; }
.waterTemp_red_16px { background-position: -16px -32px; }
.waterTemp_blue_16px { background-position: -16px -48px; }

.tempTotal_white_16px { background-position: -32px 0px; }
.tempTotal_brown_16px { background-position: -32px -16px; }
.tempTotal_red_16px { background-position: -32px -32px; }
.tempTotal_blue_16px { background-position: -32px -48px; }

.humid_white_16px { background-position: -48px 0px; }
.humid_brown_16px { background-position: -48px -16px; }
.humid_red_16px { background-position: -48px -32px; }
.humid_blue_16px { background-position: -48px -48px; }

.soilMoist_white_16px { background-position: -64px 0px; }
.soilMoist_brown_16px { background-position: -64px -16px; }
.soilMoist_red_16px { background-position: -64px -32px; }
.soilMoist_blue_16px { background-position: -64px -48px; }

.CO2_white_16px { background-position: -80px 0px; }
.CO2_brown_16px { background-position: -80px -16px; }
.CO2_red_16px { background-position: -80px -32px; }
.CO2_blue_16px { background-position: -80px -48px; }

.pressure_white_16px { background-position: -96px 0px; }
.pressure_brown_16px { background-position: -96px -16px; }
.pressure_red_16px { background-position: -96px -32px; }
.pressure_blue_16px { background-position: -96px -48px; }

.sunlight_white_16px { background-position: -112px 0px; }
.sunlight_brown_16px { background-position: -112px -16px; }
.sunlight_red_16px { background-position: -112px -32px; }
.sunlight_blue_16px { background-position: -112px -48px; }

.sunTotal_white_16px { background-position: -128px 0px; }
.sunTotal_brown_16px { background-position: -128px -16px; }
.sunTotal_red_16px { background-position: -128px -32px; }
.sunTotal_blue_16px { background-position: -128px -48px; }

.humidDef_white_16px { background-position: -144px 0px; }
.humidDef_brown_16px { background-position: -144px -16px; }
.humidDef_red_16px { background-position: -144px -32px; }
.humidDef_blue_16px { background-position: -144px -48px; }

.gpvTemp_white_16px { background-position: -160px 0px; }
.gpvTemp_brown_16px { background-position: -160px -16px; }
.gpvTemp_red_16px { background-position: -160px -32px; }
.gpvTemp_blue_16px { background-position: -160px -48px; }

.gpvHumid_white_16px { background-position: -176px 0px; }
.gpvHumid_brown_16px { background-position: -176px -16px; }
.gpvHumid_red_16px { background-position: -176px -32px; }
.gpvHumid_blue_16px { background-position: -176px -48px; }

.gpvPress_white_16px { background-position: -192px 0px; }
.gpvPress_brown_16px { background-position: -192px -16px; }
.gpvPress_red_16px { background-position: -192px -32px; }
.gpvPress_blue_16px { background-position: -192px -48px; }

.gpvRain_white_16px { background-position: -208px 0px; }
.gpvRain_brown_16px { background-position: -208px -16px; }
.gpvRain_red_16px { background-position: -208px -32px; }
.gpvRain_blue_16px { background-position: -208px -48px; }

.gpvCloud_white_16px { background-position: -224px 0px; }
.gpvCloud_brown_16px { background-position: -224px -16px; }
.gpvCloud_red_16px { background-position: -224px -32px; }
.gpvCloud_blue_16px { background-position: -224px -48px; }

.gpvWindSp_white_16px { background-position: -240px 0px; }
.gpvWindSp_brown_16px { background-position: -240px -16px; }
.gpvWindSp_red_16px { background-position: -240px -32px; }
.gpvWindSp_blue_16px { background-position: -240px -48px; }

.gpvWindDr_white_16px { background-position: -256px 0px; }
.gpvWindDr_brown_16px { background-position: -256px -16px; }
.gpvWindDr_red_16px { background-position: -256px -32px; }
.gpvWindDr_blue_16px { background-position: -256px -48px; }

.ec_white_16px { background-position: -272px 0px; }
.ec_brown_16px { background-position: -272px -16px; }
.ec_red_16px { background-position: -272px -32px; }
.ec_blue_16px { background-position: -272px -48px; }

.soilTemp_white_16px { background-position: -288px 0px; }
.soilTemp_brown_16px { background-position: -288px -16px; }
.soilTemp_red_16px { background-position: -288px -32px; }
.soilTemp_blue_16px { background-position: -288px -48px; }

.ph_white_16px { background-position: -304px 0px; }
.ph_brown_16px { background-position: -304px -16px; }
.ph_red_16px { background-position: -304px -32px; }
.ph_blue_16px { background-position: -304px -48px; }

.yields_white_16px { background-position: -320px 0px; }
.yields_brown_16px { background-position: -320px -16px; }
.yields_red_16px { background-position: -320px -32px; }
.yields_blue_16px { background-position: -320px -48px; }

.drainage_white_16px { background-position: -336px 0px; }
.drainage_brown_16px { background-position: -336px -16px; }
.drainage_red_16px { background-position: -336px -32px; }
.drainage_blue_16px { background-position: -336px -48px; }

.ad_converter_white_16px { background-position: -352px 0px; }
.ad_converter_brown_16px { background-position: -352px -16px; }
.ad_converter_red_16px { background-position: -352px -32px; }
.ad_converter_blue_16px { background-position: -352px -48px; }

.battery_white_16px { background-position: -368px 0px; }
.battery_brown_16px { background-position: -368px -16px; }
.battery_red_16px { background-position: -368px -32px; }
.battery_blue_16px { background-position: -368px -48px; }

.permittivity_white_16px { background-position: -384px 0px; }
.permittivity_brown_16px { background-position: -384px -16px; }
.permittivity_red_16px { background-position: -384px -32px; }
.permittivity_blue_16px { background-position: -384px -48px; }

.boxes_white_16px { background-position: -400px 0px; }
.boxes_brown_16px { background-position: -400px -16px; }
.boxes_red_16px { background-position: -400px -32px; }
.boxes_blue_16px { background-position: -400px -48px; }

.water_level_white_16px { background-position: -416px 0px; }
.water_level_brown_16px { background-position: -416px -16px; }
.water_level_red_16px { background-position: -416px -32px; }
.water_level_blue_16px { background-position: -416px -48px; }

.chilling_hours_white_16px { background-position: -432px 0px; }
.chilling_hours_brown_16px { background-position: -432px -16px; }
.chilling_hours_red_16px { background-position: -432px -32px; }
.chilling_hours_blue_16px { background-position: -432px -48px; }

.control_panel_white_16px { background-position: -448px 0px; }
.control_panel_brown_16px { background-position: -448px -16px; }
.control_panel_red_16px { background-position: -448px -32px; }
.control_panel_blue_16px { background-position: -448px -48px; }

.rainfall_white_16px { background-position: 0px -64px; }
.rainfall_brown_16px { background-position: 0px -80px; }
.rainfall_red_16px { background-position: 0px -96px; }
.rainfall_blue_16px { background-position: 0px -112px; }

.wind2_white_16px { background-position: -16px -64px; }
.wind2_brown_16px { background-position: -16px -80px; }
.wind2_red_16px { background-position: -16px -96px; }
.wind2_blue_16px { background-position: -16px -112px; }

.windSpeed_white_16px { background-position: -32px -64px; }
.windSpeed_brown_16px { background-position: -32px -80px; }
.windSpeed_red_16px { background-position: -32px -96px; }
.windSpeed_blue_16px { background-position: -32px -112px; }

.windDir_white_16px { background-position: -48px -64px; }
.windDir_brown_16px { background-position: -48px -80px; }
.windDir_red_16px { background-position: -48px -96px; }
.windDir_blue_16px { background-position: -48px -112px; }

.rainfallTotal_white_16px { background-position: -64px -64px; }
.rainfallTotal_brown_16px { background-position: -64px -80px; }
.rainfallTotal_red_16px { background-position: -64px -96px; }
.rainfallTotal_blue_16px { background-position: -64px -112px; }

.db_white_16px { background-position: -80px -64px; }
.db_brown_16px { background-position: -80px -80px; }
.db_red_16px { background-position: -80px -96px; }
.db_blue_16px { background-position: -80px -112px; }

.flow_white_16px { background-position: -96px -64px; }
.flow_brown_16px { background-position: -96px -80px; }
.flow_red_16px { background-position: -96px -96px; }
.flow_blue_16px { background-position: -96px -112px; }

.heat_index_white_16px { background-position: -112px -64px; }
.heat_index_brown_16px { background-position: -112px -80px; }
.heat_index_red_16px { background-position: -112px -96px; }
.heat_index_blue_16px { background-position: -112px -112px; }

.do_white_16px { background-position: -128px -64px; }
.do_brown_16px { background-position: -128px -80px; }
.do_red_16px { background-position: -128px -96px; }
.do_blue_16px { background-position: -128px -112px; }

.orp_white_16px { background-position: -144px -64px; }
.orp_brown_16px { background-position: -144px -80px; }
.orp_red_16px { background-position: -144px -96px; }
.orp_blue_16px { background-position: -144px -112px; }

.suction_white_16px { background-position: -160px -64px; }
.suction_brown_16px { background-position: -160px -80px; }
.suction_red_16px { background-position: -160px -96px; }
.suction_blue_16px { background-position: -160px -112px; }

.environment_data_white_16px { background-position: -176px -64px; }
.environment_data_brown_16px { background-position: -176px -80px; }
.environment_data_red_16px { background-position: -176px -96px; }
.environment_data_blue_16px { background-position: -176px -112px; }

.feed_white_16px { background-position: -192px -64px; }
.feed_brown_16px { background-position: -192px -80px; }
.feed_red_16px { background-position: -192px -96px; }
.feed_blue_16px { background-position: -192px -112px; }

.water_supply_white_16px { background-position: -208px -64px; }
.water_supply_brown_16px { background-position: -208px -80px; }
.water_supply_red_16px { background-position: -208px -96px; }
.water_supply_blue_16px { background-position: -208px -112px; }

.spawn_white_16px { background-position: -224px -64px; }
.spawn_brown_16px { background-position: -224px -80px; }
.spawn_red_16px { background-position: -224px -96px; }
.spawn_blue_16px { background-position: -224px -112px; }

.death_white_16px { background-position: -240px -64px; }
.death_brown_16px { background-position: -240px -80px; }
.death_red_16px { background-position: -240px -96px; }
.death_blue_16px { background-position: -240px -112px; }

.temperature_controller_white_16px { background-position: -256px -64px; }
.temperature_controller_brown_16px { background-position: -256px -80px; }
.temperature_controller_red_16px { background-position: -256px -96px; }
.temperature_controller_blue_16px { background-position: -256px -112px; }

.sensorsIcon_24px {
	background-size: 720px 192px;
	width: 24px;
	height: 24px;
}
.airTemp_white_24px { background-position: 0px 0px; }
.airTemp_brown_24px { background-position: 0px -24px; }
.airTemp_red_24px { background-position: 0px -48px; }
.airTemp_blue_24px { background-position: 0px -72px; }

.waterTemp_white_24px { background-position: -24px 0px; }
.waterTemp_brown_24px { background-position: -24px -24px; }
.waterTemp_red_24px { background-position: -24px -48px; }
.waterTemp_blue_24px { background-position: -24px -72px; }

.tempTotal_white_24px { background-position: -48px 0px; }
.tempTotal_brown_24px { background-position: -48px -24px; }
.tempTotal_red_24px { background-position: -48px -48px; }
.tempTotal_blue_24px { background-position: -48px -72px; }

.humid_white_24px { background-position: -72px 0px; }
.humid_brown_24px { background-position: -72px -24px; }
.humid_red_24px { background-position: -72px -48px; }
.humid_blue_24px { background-position: -72px -72px; }

.soilMoist_white_24px { background-position: -96px 0px; }
.soilMoist_brown_24px { background-position: -96px -24px; }
.soilMoist_red_24px { background-position: -96px -48px; }
.soilMoist_blue_24px { background-position: -96px -72px; }

.CO2_white_24px { background-position: -120px 0px; }
.CO2_brown_24px { background-position: -120px -24px; }
.CO2_red_24px { background-position: -120px -48px; }
.CO2_blue_24px { background-position: -120px -72px; }

.pressure_white_24px { background-position: -144px 0px; }
.pressure_brown_24px { background-position: -144px -24px; }
.pressure_red_24px { background-position: -144px -48px; }
.pressure_blue_24px { background-position: -144px -72px; }

.sunlight_white_24px { background-position: -168px 0px; }
.sunlight_brown_24px { background-position: -168px -24px; }
.sunlight_red_24px { background-position: -168px -48px; }
.sunlight_blue_24px { background-position: -168px -72px; }

.sunTotal_white_24px { background-position: -192px 0px; }
.sunTotal_brown_24px { background-position: -192px -24px; }
.sunTotal_red_24px { background-position: -192px -48px; }
.sunTotal_blue_24px { background-position: -192px -72px; }

.humidDef_white_24px { background-position: -216px 0px; }
.humidDef_brown_24px { background-position: -216px -24px; }
.humidDef_red_24px { background-position: -216px -48px; }
.humidDef_blue_24px { background-position: -216px -72px; }

.gpvTemp_white_24px { background-position: -240px 0px; }
.gpvTemp_brown_24px { background-position: -240px -24px; }
.gpvTemp_red_24px { background-position: -240px -48px; }
.gpvTemp_blue_24px { background-position: -240px -72px; }

.gpvHumid_white_24px { background-position: -264px 0px; }
.gpvHumid_brown_24px { background-position: -264px -24px; }
.gpvHumid_red_24px { background-position: -264px -48px; }
.gpvHumid_blue_24px { background-position: -264px -72px; }

.gpvPress_white_24px { background-position: -288px 0px; }
.gpvPress_brown_24px { background-position: -288px -24px; }
.gpvPress_red_24px { background-position: -288px -48px; }
.gpvPress_blue_24px { background-position: -288px -72px; }

.gpvRain_white_24px { background-position: -312px 0px; }
.gpvRain_brown_24px { background-position: -312px -24px; }
.gpvRain_red_24px { background-position: -312px -48px; }
.gpvRain_blue_24px { background-position: -312px -72px; }

.gpvCloud_white_24px { background-position: -336px 0px; }
.gpvCloud_brown_24px { background-position: -336px -24px; }
.gpvCloud_red_24px { background-position: -336px -48px; }
.gpvCloud_blue_24px { background-position: -336px -72px; }

.gpvWindSp_white_24px { background-position: -360px 0px; }
.gpvWindSp_brown_24px { background-position: -360px -24px; }
.gpvWindSp_red_24px { background-position: -360px -48px; }
.gpvWindSp_blue_24px { background-position: -360px -72px; }

.gpvWindDr_white_24px { background-position: -384px 0px; }
.gpvWindDr_brown_24px { background-position: -384px -24px; }
.gpvWindDr_red_24px { background-position: -384px -48px; }
.gpvWindDr_blue_24px { background-position: -384px -72px; }

.ec_white_24px { background-position: -408px 0px; }
.ec_brown_24px { background-position: -408px -24px; }
.ec_red_24px { background-position: -408px -48px; }
.ec_blue_24px { background-position: -408px -72px; }

.soilTemp_white_24px { background-position: -432px 0px; }
.soilTemp_brown_24px { background-position: -432px -24px; }
.soilTemp_red_24px { background-position: -432px -48px; }
.soilTemp_blue_24px { background-position: -432px -72px; }

.ph_white_24px { background-position: -456px 0px; }
.ph_brown_24px { background-position: -456px -24px; }
.ph_red_24px { background-position: -456px -48px; }
.ph_blue_24px { background-position: -456px -72px; }

.yields_white_24px { background-position: -480px 0px; }
.yields_brown_24px { background-position: -480px -24px; }
.yields_red_24px { background-position: -480px -48px; }
.yields_blue_24px { background-position: -480px -72px; }

.drainage_white_24px { background-position: -504px 0px; }
.drainage_brown_24px { background-position: -504px -24px; }
.drainage_red_24px { background-position: -504px -48px; }
.drainage_blue_24px { background-position: -504px -72px; }

.ad_converter_white_24px { background-position: -528px 0px; }
.ad_converter_brown_24px { background-position: -528px -24px; }
.ad_converter_red_24px { background-position: -528px -48px; }
.ad_converter_blue_24px { background-position: -528px -72px; }

.battery_white_24px { background-position: -552px 0px; }
.battery_brown_24px { background-position: -552px -24px; }
.battery_red_24px { background-position: -552px -48px; }
.battery_blue_24px { background-position: -552px -72px; }

.permittivity_white_24px { background-position: -576px 0px; }
.permittivity_brown_24px { background-position: -576px -24px; }
.permittivity_red_24px { background-position: -576px -48px; }
.permittivity_blue_24px { background-position: -576px -72px; }

.boxes_white_24px { background-position: -600px 0px; }
.boxes_brown_24px { background-position: -600px -24px; }
.boxes_red_24px { background-position: -600px -48px; }
.boxes_blue_24px { background-position: -600px -72px; }

.water_level_white_24px { background-position: -624px 0px; }
.water_level_brown_24px { background-position: -624px -24px; }
.water_level_red_24px { background-position: -624px -48px; }
.water_level_blue_24px { background-position: -624px -72px; }

.chilling_hours_white_24px { background-position: -648px 0px; }
.chilling_hours_brown_24px { background-position: -648px -24px; }
.chilling_hours_red_24px { background-position: -648px -48px; }
.chilling_hours_blue_24px { background-position: -648px -72px; }

.control_panel_white_24px { background-position: -672px 0px; }
.control_panel_brown_24px { background-position: -672px -24px; }
.control_panel_red_24px { background-position: -672px -48px; }
.control_panel_blue_24px { background-position: -672px -72px; }

.rainfall_white_24px { background-position: 0px -96px; }
.rainfall_brown_24px { background-position: 0px -120px; }
.rainfall_red_24px { background-position: 0px -144px; }
.rainfall_blue_24px { background-position: 0px -168px; }

.wind2_white_24px { background-position: -24px -96px; }
.wind2_brown_24px { background-position: -24px -120px; }
.wind2_red_24px { background-position: -24px -144px; }
.wind2_blue_24px { background-position: -24px -168px; }

.windSpeed_white_24px { background-position: -48px -96px; }
.windSpeed_brown_24px { background-position: -48px -120px; }
.windSpeed_red_24px { background-position: -48px -144px; }
.windSpeed_blue_24px { background-position: -48px -168px; }

.windDir_white_24px { background-position: -72px -96px; }
.windDir_brown_24px { background-position: -72px -120px; }
.windDir_red_24px { background-position: -72px -144px; }
.windDir_blue_24px { background-position: -72px -168px; }

.rainfallTotal_white_24px { background-position: -96px -96px; }
.rainfallTotal_brown_24px { background-position: -96px -120px; }
.rainfallTotal_red_24px { background-position: -96px -144px; }
.rainfallTotal_blue_24px { background-position: -96px -168px; }

.db_white_24px { background-position: -120px -96px; }
.db_brown_24px { background-position: -120px -120px; }
.db_red_24px { background-position: -120px -144px; }
.db_blue_24px { background-position: -120px -168px; }

.flow_white_24px { background-position: -144px -96px; }
.flow_brown_24px { background-position: -144px -120px; }
.flow_red_24px { background-position: -144px -144px; }
.flow_blue_24px { background-position: -144px -168px; }

.heat_index_white_24px { background-position: -168px -96px; }
.heat_index_brown_24px { background-position: -168px -120px; }
.heat_index_red_24px { background-position: -168px -144px; }
.heat_index_blue_24px { background-position: -168px -168px; }

.do_white_24px { background-position: -192px -96px; }
.do_brown_24px { background-position: -192px -120px; }
.do_red_24px { background-position: -192px -144px; }
.do_blue_24px { background-position: -192px -168px; }

.orp_white_24px { background-position: -216px -96px; }
.orp_brown_24px { background-position: -216px -120px; }
.orp_red_24px { background-position: -216px -144px; }
.orp_blue_24px { background-position: -216px -168px; }

.suction_white_24px { background-position: -240px -96px; }
.suction_brown_24px { background-position: -240px -120px; }
.suction_red_24px { background-position: -240px -144px; }
.suction_blue_24px { background-position: -240px -168px; }

.environment_data_white_24px { background-position: -264px -96px; }
.environment_data_brown_24px { background-position: -264px -120px; }
.environment_data_red_24px { background-position: -264px -144px; }
.environment_data_blue_24px { background-position: -264px -168px; }

.feed_white_24px { background-position: -288px -96px; }
.feed_brown_24px { background-position: -288px -120px; }
.feed_red_24px { background-position: -288px -144px; }
.feed_blue_24px { background-position: -288px -168px; }

.water_supply_white_24px { background-position: -312px -96px; }
.water_supply_brown_24px { background-position: -312px -120px; }
.water_supply_red_24px { background-position: -312px -144px; }
.water_supply_blue_24px { background-position: -312px -168px; }

.spawn_white_24px { background-position: -336px -96px; }
.spawn_brown_24px { background-position: -336px -120px; }
.spawn_red_24px { background-position: -336px -144px; }
.spawn_blue_24px { background-position: -336px -168px; }

.death_white_24px { background-position: -360px -96px; }
.death_brown_24px { background-position: -360px -120px; }
.death_red_24px { background-position: -360px -144px; }
.death_blue_24px { background-position: -360px -168px; }

.temperature_controller_white_24px { background-position: -384px -96px; }
.temperature_controller_brown_24px { background-position: -384px -120px; }
.temperature_controller_red_24px { background-position: -384px -144px; }
.temperature_controller_blue_24px { background-position: -384px -168px; }

.sensorsIcon_32px {
	background-size: 960px 256px;
	width: 32px;
	height: 32px;
}
.airTemp_white_32px { background-position: 0px 0px; }
.airTemp_brown_32px { background-position: 0px -32px; }
.airTemp_red_32px { background-position: 0px -64px; }
.airTemp_blue_32px { background-position: 0px -96px; }

.waterTemp_white_32px { background-position: -32px 0px; }
.waterTemp_brown_32px { background-position: -32px -32px; }
.waterTemp_red_32px { background-position: -32px -64px; }
.waterTemp_blue_32px { background-position: -32px -96px; }

.tempTotal_white_32px { background-position: -64px 0px; }
.tempTotal_brown_32px { background-position: -64px -32px; }
.tempTotal_red_32px { background-position: -64px -64px; }
.tempTotal_blue_32px { background-position: -64px -96px; }

.humid_white_32px { background-position: -96px 0px; }
.humid_brown_32px { background-position: -96px -32px; }
.humid_red_32px { background-position: -96px -64px; }
.humid_blue_32px { background-position: -96px -96px; }

.soilMoist_white_32px { background-position: -128px 0px; }
.soilMoist_brown_32px { background-position: -128px -32px; }
.soilMoist_red_32px { background-position: -128px -64px; }
.soilMoist_blue_32px { background-position: -128px -96px; }

.CO2_white_32px { background-position: -160px 0px; }
.CO2_brown_32px { background-position: -160px -32px; }
.CO2_red_32px { background-position: -160px -64px; }
.CO2_blue_32px { background-position: -160px -96px; }

.pressure_white_32px { background-position: -192px 0px; }
.pressure_brown_32px { background-position: -192px -32px; }
.pressure_red_32px { background-position: -192px -64px; }
.pressure_blue_32px { background-position: -192px -96px; }

.sunlight_white_32px { background-position: -224px 0px; }
.sunlight_brown_32px { background-position: -224px -32px; }
.sunlight_red_32px { background-position: -224px -64px; }
.sunlight_blue_32px { background-position: -224px -96px; }

.sunTotal_white_32px { background-position: -256px 0px; }
.sunTotal_brown_32px { background-position: -256px -32px; }
.sunTotal_red_32px { background-position: -256px -64px; }
.sunTotal_blue_32px { background-position: -256px -96px; }

.humidDef_white_32px { background-position: -288px 0px; }
.humidDef_brown_32px { background-position: -288px -32px; }
.humidDef_red_32px { background-position: -288px -64px; }
.humidDef_blue_32px { background-position: -288px -96px; }

.gpvTemp_white_32px { background-position: -320px 0px; }
.gpvTemp_brown_32px { background-position: -320px -32px; }
.gpvTemp_red_32px { background-position: -320px -64px; }
.gpvTemp_blue_32px { background-position: -320px -96px; }

.gpvHumid_white_32px { background-position: -352px 0px; }
.gpvHumid_brown_32px { background-position: -352px -32px; }
.gpvHumid_red_32px { background-position: -352px -64px; }
.gpvHumid_blue_32px { background-position: -352px -96px; }

.gpvPress_white_32px { background-position: -384px 0px; }
.gpvPress_brown_32px { background-position: -384px -32px; }
.gpvPress_red_32px { background-position: -384px -64px; }
.gpvPress_blue_32px { background-position: -384px -96px; }

.gpvRain_white_32px { background-position: -416px 0px; }
.gpvRain_brown_32px { background-position: -416px -32px; }
.gpvRain_red_32px { background-position: -416px -64px; }
.gpvRain_blue_32px { background-position: -416px -96px; }

.gpvCloud_white_32px { background-position: -448px 0px; }
.gpvCloud_brown_32px { background-position: -448px -32px; }
.gpvCloud_red_32px { background-position: -448px -64px; }
.gpvCloud_blue_32px { background-position: -448px -96px; }

.gpvWindSp_white_32px { background-position: -480px 0px; }
.gpvWindSp_brown_32px { background-position: -480px -32px; }
.gpvWindSp_red_32px { background-position: -480px -64px; }
.gpvWindSp_blue_32px { background-position: -480px -96px; }

.gpvWindDr_white_32px { background-position: -512px 0px; }
.gpvWindDr_brown_32px { background-position: -512px -32px; }
.gpvWindDr_red_32px { background-position: -512px -64px; }
.gpvWindDr_blue_32px { background-position: -512px -96px; }

.ec_white_32px { background-position: -544px 0px; }
.ec_brown_32px { background-position: -544px -32px; }
.ec_red_32px { background-position: -544px -64px; }
.ec_blue_32px { background-position: -544px -96px; }

.soilTemp_white_32px { background-position: -576px 0px; }
.soilTemp_brown_32px { background-position: -576px -32px; }
.soilTemp_red_32px { background-position: -576px -64px; }
.soilTemp_blue_32px { background-position: -576px -96px; }

.ph_white_32px { background-position: -608px 0px; }
.ph_brown_32px { background-position: -608px -32px; }
.ph_red_32px { background-position: -608px -64px; }
.ph_blue_32px { background-position: -608px -96px; }

.yields_white_32px { background-position: -640px 0px; }
.yields_brown_32px { background-position: -640px -32px; }
.yields_red_32px { background-position: -640px -64px; }
.yields_blue_32px { background-position: -640px -96px; }

.drainage_white_32px { background-position: -672px 0px; }
.drainage_brown_32px { background-position: -672px -32px; }
.drainage_red_32px { background-position: -672px -64px; }
.drainage_blue_32px { background-position: -672px -96px; }

.ad_converter_white_32px { background-position: -704px 0px; }
.ad_converter_brown_32px { background-position: -704px -32px; }
.ad_converter_red_32px { background-position: -704px -64px; }
.ad_converter_blue_32px { background-position: -704px -96px; }

.battery_white_32px { background-position: -736px 0px; }
.battery_brown_32px { background-position: -736px -32px; }
.battery_red_32px { background-position: -736px -64px; }
.battery_blue_32px { background-position: -736px -96px; }

.permittivity_white_32px { background-position: -768px 0px; }
.permittivity_brown_32px { background-position: -768px -32px; }
.permittivity_red_32px { background-position: -768px -64px; }
.permittivity_blue_32px { background-position: -768px -96px; }

.boxes_white_32px { background-position: -800px 0px; }
.boxes_brown_32px { background-position: -800px -32px; }
.boxes_red_32px { background-position: -800px -64px; }
.boxes_blue_32px { background-position: -800px -96px; }

.water_level_white_32px { background-position: -832px 0px; }
.water_level_brown_32px { background-position: -832px -32px; }
.water_level_red_32px { background-position: -832px -64px; }
.water_level_blue_32px { background-position: -832px -96px; }

.chilling_hours_white_32px { background-position: -864px 0px; }
.chilling_hours_brown_32px { background-position: -864px -32px; }
.chilling_hours_red_32px { background-position: -864px -64px; }
.chilling_hours_blue_32px { background-position: -864px -96px; }

.control_panel_white_32px { background-position: -896px 0px; }
.control_panel_brown_32px { background-position: -896px -32px; }
.control_panel_red_32px { background-position: -896px -64px; }
.control_panel_blue_32px { background-position: -896px -96px; }

.rainfall_white_32px { background-position: 0px -128px; }
.rainfall_brown_32px { background-position: 0px -160px; }
.rainfall_red_32px { background-position: 0px -192px; }
.rainfall_blue_32px { background-position: 0px -224px; }

.wind2_white_32px { background-position: -32px -128px; }
.wind2_brown_32px { background-position: -32px -160px; }
.wind2_red_32px { background-position: -32px -192px; }
.wind2_blue_32px { background-position: -32px -224px; }

.windSpeed_white_32px { background-position: -64px -128px; }
.windSpeed_brown_32px { background-position: -64px -160px; }
.windSpeed_red_32px { background-position: -64px -192px; }
.windSpeed_blue_32px { background-position: -64px -224px; }

.windDir_white_32px { background-position: -96px -128px; }
.windDir_brown_32px { background-position: -96px -160px; }
.windDir_red_32px { background-position: -96px -192px; }
.windDir_blue_32px { background-position: -96px -224px; }

.rainfallTotal_white_32px { background-position: -128px -128px; }
.rainfallTotal_brown_32px { background-position: -128px -160px; }
.rainfallTotal_red_32px { background-position: -128px -192px; }
.rainfallTotal_blue_32px { background-position: -128px -224px; }

.db_white_32px { background-position: -160px -128px; }
.db_brown_32px { background-position: -160px -160px; }
.db_red_32px { background-position: -160px -192px; }
.db_blue_32px { background-position: -160px -224px; }

.flow_white_32px { background-position: -192px -128px; }
.flow_brown_32px { background-position: -192px -160px; }
.flow_red_32px { background-position: -192px -192px; }
.flow_blue_32px { background-position: -192px -224px; }

.heat_index_white_32px { background-position: -224px -128px; }
.heat_index_brown_32px { background-position: -224px -160px; }
.heat_index_red_32px { background-position: -224px -192px; }
.heat_index_blue_32px { background-position: -224px -224px; }

.do_white_32px { background-position: -256px -128px; }
.do_brown_32px { background-position: -256px -160px; }
.do_red_32px { background-position: -256px -192px; }
.do_blue_32px { background-position: -256px -224px; }

.orp_white_32px { background-position: -288px -128px; }
.orp_brown_32px { background-position: -288px -160px; }
.orp_red_32px { background-position: -288px -192px; }
.orp_blue_32px { background-position: -288px -224px; }

.suction_white_32px { background-position: -320px -128px; }
.suction_brown_32px { background-position: -320px -160px; }
.suction_red_32px { background-position: -320px -192px; }
.suction_blue_32px { background-position: -320px -224px; }

.environment_data_white_32px { background-position: -352px -128px; }
.environment_data_brown_32px { background-position: -352px -160px; }
.environment_data_red_32px { background-position: -352px -192px; }
.environment_data_blue_32px { background-position: -352px -224px; }

.feed_white_32px { background-position: -384px -128px; }
.feed_brown_32px { background-position: -384px -160px; }
.feed_red_32px { background-position: -384px -192px; }
.feed_blue_32px { background-position: -384px -224px; }

.water_supply_white_32px { background-position: -416px -128px; }
.water_supply_brown_32px { background-position: -416px -160px; }
.water_supply_red_32px { background-position: -416px -192px; }
.water_supply_blue_32px { background-position: -416px -224px; }

.spawn_white_32px { background-position: -448px -128px; }
.spawn_brown_32px { background-position: -448px -160px; }
.spawn_red_32px { background-position: -448px -192px; }
.spawn_blue_32px { background-position: -448px -224px; }

.death_white_32px { background-position: -480px -128px; }
.death_brown_32px { background-position: -480px -160px; }
.death_red_32px { background-position: -480px -192px; }
.death_blue_32px { background-position: -480px -224px; }

.temperature_controller_white_32px { background-position: -512px -128px; }
.temperature_controller_brown_32px { background-position: -512px -160px; }
.temperature_controller_red_32px { background-position: -512px -192px; }
.temperature_controller_blue_32px { background-position: -512px -224px; }

/* icons: commons */
.commonIcon_12px,
.commonIcon_16px,
.commonIcon_24px,
.commonIcon_32px {
	background-image: url(../img/icons/common_64x64px_sprite.png?v=20180828);
	background-repeat: no-repeat;
}

.commonIcon_12px {
	background-size: 120px 120px;
	width: 12px;
	height: 12px;
}
.alert_white_12px { background-position: 0px 0px; }
.alert_red_12px { background-position: -12px 0px; }
.close_white_12px { background-position: -24px 0px; }
.mail_white_12px { background-position: -36px 0px; }
.mail_brown_12px { background-position: -48px 0px; }
.down_white_12px { background-position: -60px 0px; }
.water_brown_12px { background-position: -72px 0px; }
.gear2_brown_12px { background-position: -84px 0px; }
.bottle_brown_12px { background-position: -96px 0px; }
.bag_brown_12px { background-position: -108px 0px; }
.box_white_12px { background-position: 0px -12px; }
.box_red_12px { background-position: -12px -12px; }
.box_brown_12px { background-position: -24px -12px; }
.add_brown_12px { background-position: -36px -12px; }
.gear_brown_12px { background-position: -48px -12px; }
.sort_brown_12px { background-position: -60px -12px; }
.plant_brown_12px { background-position: -72px -12px; }
.truck_brown_12px { background-position: -84px -12px; }
.bug_brown_12px { background-position: -96px -12px; }
.bulb_brown_12px { background-position: -108px -12px; }
.list_brown_12px { background-position: 0px -24px; }
.buzzer_brown_12px { background-position: -12px -24px; }
.max_red_12px { background-position: -24px -24px; }
.max_brown_12px { background-position: -36px -24px; }
.min_blue_12px { background-position: -48px -24px; }
.min_brown_12px { background-position: -60px -24px; }
.water_red_12px { background-position: -72px -24px; }
.gear2_red_12px { background-position: -84px -24px; }
.bottle_red_12px { background-position: -96px -24px; }
.bag_red_12px { background-position: -108px -24px; }
.trash_brown_12px { background-position: 0px -36px; }
.close_brown_12px { background-position: -12px -36px; }
.push_brown_12px { background-position: -24px -36px; }
.pause_brown_12px { background-position: -36px -36px; }
.calendar_brown_12px { background-position: -48px -36px; }
.delete_brown_12px { background-position: -60px -36px; }
.plant_red_12px { background-position: -72px -36px; }
.truck_red_12px { background-position: -84px -36px; }
.bug_red_12px { background-position: -96px -36px; }
.bulb_red_12px { background-position: -108px -36px; }
.info_white_12px { background-position: 0px -48px; }
.info_brown_12px { background-position: -12px -48px; }
.zoom_brown_12px { background-position: -24px -48px; }
.wind_brown_12px { background-position: -36px -48px; }
.right_brown_12px { background-position: -48px -48px; }
.left_brown_12px { background-position: -60px -48px; }
.camera_brown_12px { background-position: -72px -48px; }
.time_brown_12px { background-position: -84px -48px; }
.moon_brown_12px { background-position: -96px -48px; }
.play_brown_12px { background-position: -108px -48px; }
.reload_brown_12px { background-position: 0px -60px; }
.map_brown_12px { background-position: -12px -60px; }
.cueTop_white_12px { background-position: -24px -60px; }
.cueEnd_white_12px { background-position: -36px -60px; }
.rwd_white_12px { background-position: -48px -60px; }
.fwd_white_12px { background-position: -60px -60px; }
.check_brown_12px { background-position: -72px -60px; }
.edit_brown_12px { background-position: -84px -60px; }
.time_red_12px { background-position: -96px -60px; }
.check2_brown_12px { background-position: -108px -60px; }
.play_white_12px { background-position: 0px -72px; }
.pause_white_12px { background-position: -12px -72px; }
.wifi_brown_12px { background-position: -24px -72px; }
.radio_brown_12px { background-position: -36px -72px; }
.power_brown_12px { background-position: -48px -72px; }
.alert_brown_12px { background-position: -60px -72px; }
.shareData1_brown_12px { background-position: -72px -72px; }
.shareData2_brown_12px { background-position: -84px -72px; }
.print_brown_12px { background-position: -96px -72px; }
.calibration_green_12px { background-position: -108px -72px; }
.field_brown_12px { background-position: 0px -84px; }
.lower_brown_12px { background-position: -12px -84px; }
.teleBox_brown_12px { background-position: -24px -84px; }
.graph_brown_12px { background-position: -36px -84px; }
.thumbs_brown_12px { background-position: -48px -84px; }
.prohibit_brown_12px { background-position: -60px -84px; }
.sunrise_12px { background-position: -72px -84px; }
.sunset_12px { background-position: -84px -84px; }
.wireless_brown_12px { background-position: -96px -84px; }
.popup_brown_12px { background-position: -108px -84px; }
.bell_brown_12px { background-position: 0px -96px; }
.timeline_brown_12px { background-position: -12px -96px; }
.download_brown_12px { background-position: -24px -96px; }
.file_brown_12px { background-position: -36px -96px; }
.minus_brown_12px { background-position: -48px -96px; }
.plus_brown_12px { background-position: -60px -96px; }
.cart_blue_12px { background-position: 0px -108px; }
.download_white_12px { background-position: -12px -108px; }
.user_brown_12px { background-position: -24px -108px; }
.community_brown_12px { background-position: -36px -108px; }
.chat_brown_12px { background-position: -48px -108px; }
.labels_brown_12px { background-position: -60px -108px; }

.commonIcon_16px {
	background-size: 160px 160px;
	width: 16px;
	height: 16px;
}
.alert_white_16px { background-position: 0px 0px; }
.alert_red_16px { background-position: -16px 0px; }
.close_white_16px { background-position: -32px 0px; }
.mail_white_16px { background-position: -48px 0px; }
.mail_brown_16px { background-position: -64px 0px; }
.down_white_16px { background-position: -80px 0px; }
.water_brown_16px { background-position: -96px 0px; }
.gear2_brown_16px { background-position: -112px 0px; }
.bottle_brown_16px { background-position: -128px 0px; }
.bag_brown_16px { background-position: -144px 0px; }
.box_white_16px { background-position: 0px -16px; }
.box_red_16px { background-position: -16px -16px; }
.box_brown_16px { background-position: -32px -16px; }
.add_brown_16px { background-position: -48px -16px; }
.gear_brown_16px { background-position: -64px -16px; }
.sort_brown_16px { background-position: -80px -16px; }
.plant_brown_16px { background-position: -96px -16px; }
.truck_brown_16px { background-position: -112px -16px; }
.bug_brown_16px { background-position: -128px -16px; }
.bulb_brown_16px { background-position: -144px -16px; }
.list_brown_16px { background-position: 0px -32px; }
.buzzer_brown_16px { background-position: -16px -32px; }
.max_red_16px { background-position: -32px -32px; }
.max_brown_16px { background-position: -48px -32px; }
.min_blue_16px { background-position: -64px -32px; }
.min_brown_16px { background-position: -80px -32px; }
.water_red_16px { background-position: -96px -32px; }
.gear2_red_16px { background-position: -112px -32px; }
.bottle_red_16px { background-position: -128px -32px; }
.bag_red_16px { background-position: -144px -32px; }
.trash_brown_16px { background-position: 0px -48px; }
.close_brown_16px { background-position: -16px -48px; }
.push_brown_16px { background-position: -32px -48px; }
.pause_brown_16px { background-position: -48px -48px; }
.calendar_brown_16px { background-position: -64px -48px; }
.delete_brown_16px { background-position: -80px -48px; }
.plant_red_16px { background-position: -96px -48px; }
.truck_red_16px { background-position: -112px -48px; }
.bug_red_16px { background-position: -128px -48px; }
.bulb_red_16px { background-position: -144px -48px; }
.info_white_16px { background-position: 0px -64px; }
.info_brown_16px { background-position: -16px -64px; }
.zoom_brown_16px { background-position: -32px -64px; }
.wind_brown_16px { background-position: -48px -64px; }
.right_brown_16px { background-position: -64px -64px; }
.left_brown_16px { background-position: -80px -64px; }
.camera_brown_16px { background-position: -96px -64px; }
.time_brown_16px { background-position: -112px -64px; }
.moon_brown_16px { background-position: -128px -64px; }
.play_brown_16px { background-position: -144px -64px; }
.reload_brown_16px { background-position: 0px -80px; }
.map_brown_16px { background-position: -16px -80px; }
.cueTop_white_16px { background-position: -32px -80px; }
.cueEnd_white_16px { background-position: -48px -80px; }
.rwd_white_16px { background-position: -64px -80px; }
.fwd_white_16px { background-position: -80px -80px; }
.check_brown_16px { background-position: -96px -80px; }
.edit_brown_16px { background-position: -112px -80px; }
.time_red_16px { background-position: -128px -80px; }
.check2_brown_16px { background-position: -144px -80px; }
.play_white_16px { background-position: 0px -96px; }
.pause_white_16px { background-position: -16px -96px; }
.wifi_brown_16px { background-position: -32px -96px; }
.radio_brown_16px { background-position: -48px -96px; }
.power_brown_16px { background-position: -64px -96px; }
.alert_brown_16px { background-position: -80px -96px; }
.shareData1_brown_16px { background-position: -96px -96px; }
.shareData2_brown_16px { background-position: -112px -96px; }
.print_brown_16px { background-position: -128px -96px; }
.calibration_green_16px { background-position: -144px -96px; }
.field_brown_16px { background-position: 0px -112px; }
.lower_brown_16px { background-position: -16px -112px; }
.teleBox_brown_16px { background-position: -32px -112px; }
.graph_brown_16px { background-position: -48px -112px; }
.thumbs_brown_16px { background-position: -64px -112px; }
.prohibit_brown_16px { background-position: -80px -112px; }
.sunrise_16px { background-position: -96px -112px; }
.sunset_16px { background-position: -112px -112px; }
.wireless_brown_16px { background-position: -128px -112px; }
.popup_brown_16px { background-position: -144px -112px; }
.bell_brown_16px { background-position: 0px -128px; }
.timeline_brown_16px { background-position: -16px -128px; }
.download_brown_16px { background-position: -32px -128px; }
.file_brown_16px { background-position: -48px -128px; }
.minus_brown_16px { background-position: -64px -128px; }
.plus_brown_16px { background-position: -80px -128px; }
.cart_blue_16px { background-position: 0px -144px; }
.download_white_16px { background-position: -16px -144px; }
.user_brown_16px { background-position: -32px -144px; }
.community_brown_16px { background-position: -48px -144px; }
.chat_brown_16px { background-position: -64px -144px; }
.labels_brown_16px { background-position: -80px -144px; }

.commonIcon_24px {
	background-size: 240px 240px;
	width: 24px;
	height: 24px;
}
.alert_white_24px { background-position: 0px 0px; }
.alert_red_24px { background-position: -24px 0px; }
.close_white_24px { background-position: -48px 0px; }
.mail_white_24px { background-position: -72px 0px; }
.mail_brown_24px { background-position: -96px 0px; }
.down_white_24px { background-position: -120px 0px; }
.water_brown_24px { background-position: -144px 0px; }
.gear2_brown_24px { background-position: -168px 0px; }
.bottle_brown_24px { background-position: -192px 0px; }
.bag_brown_24px { background-position: -216px 0px; }
.box_white_24px { background-position: 0px -24px; }
.box_red_24px { background-position: -24px -24px; }
.box_brown_24px { background-position: -48px -24px; }
.add_brown_24px { background-position: -72px -24px; }
.gear_brown_24px { background-position: -96px -24px; }
.sort_brown_24px { background-position: -120px -24px; }
.plant_brown_24px { background-position: -144px -24px; }
.truck_brown_24px { background-position: -168px -24px; }
.bug_brown_24px { background-position: -192px -24px; }
.bulb_brown_24px { background-position: -216px -24px; }
.list_brown_24px { background-position: 0px -48px; }
.buzzer_brown_24px { background-position: -24px -48px; }
.max_red_24px { background-position: -48px -48px; }
.max_brown_24px { background-position: -72px -48px; }
.min_blue_24px { background-position: -96px -48px; }
.min_brown_24px { background-position: -120px -48px; }
.water_red_24px { background-position: -144px -48px; }
.gear2_red_24px { background-position: -168px -48px; }
.bottle_red_24px { background-position: -192px -48px; }
.bag_red_24px { background-position: -216px -48px; }
.trash_brown_24px { background-position: 0px -72px; }
.close_brown_24px { background-position: -24px -72px; }
.push_brown_24px { background-position: -48px -72px; }
.pause_brown_24px { background-position: -72px -72px; }
.calendar_brown_24px { background-position: -96px -72px; }
.delete_brown_24px { background-position: -120px -72px; }
.plant_red_24px { background-position: -144px -72px; }
.truck_red_24px { background-position: -168px -72px; }
.bug_red_24px { background-position: -192px -72px; }
.bulb_red_24px { background-position: -216px -72px; }
.info_white_24px { background-position: 0px -96px; }
.info_brown_24px { background-position: -24px -96px; }
.zoom_brown_24px { background-position: -48px -96px; }
.wind_brown_24px { background-position: -72px -96px; }
.right_brown_24px { background-position: -96px -96px; }
.left_brown_24px { background-position: -120px -96px; }
.camera_brown_24px { background-position: -144px -96px; }
.time_brown_24px { background-position: -168px -96px; }
.moon_brown_24px { background-position: -192px -96px; }
.play_brown_24px { background-position: -216px -96px; }
.reload_brown_24px { background-position: 0px -120px; }
.map_brown_24px { background-position: -24px -120px; }
.cueTop_white_24px { background-position: -48px -120px; }
.cueEnd_white_24px { background-position: -72px -120px; }
.rwd_white_24px { background-position: -96px -120px; }
.fwd_white_24px { background-position: -120px -120px; }
.check_brown_24px { background-position: -144px -120px; }
.edit_brown_24px { background-position: -168px -120px; }
.time_red_24px { background-position: -192px -120px; }
.check2_brown_24px { background-position: -216px -120px; }
.play_white_24px { background-position: 0px -144px; }
.pause_white_24px { background-position: -24px -144px; }
.wifi_brown_24px { background-position: -48px -144px; }
.radio_brown_24px { background-position: -72px -144px; }
.power_brown_24px { background-position: -96px -144px; }
.alert_brown_24px { background-position: -120px -144px; }
.shareData1_brown_24px { background-position: -144px -144px; }
.shareData2_brown_24px { background-position: -168px -144px; }
.print_brown_24px { background-position: -192px -144px; }
.calibration_green_24px { background-position: -216px -144px; }
.field_brown_24px { background-position: 0px -168px; }
.lower_brown_24px { background-position: -24px -168px; }
.teleBox_brown_24px { background-position: -48px -168px; }
.graph_brown_24px { background-position: -72px -168px; }
.thumbs_brown_24px { background-position: -96px -168px; }
.prohibit_brown_24px { background-position: -120px -168px; }
.sunrise_24px { background-position: -144px -168px; }
.sunset_24px { background-position: -168px -168px; }
.wireless_brown_24px { background-position: -192px -168px; }
.popup_brown_24px { background-position: -216px -168px; }
.bell_brown_24px { background-position: 0px -192px; }
.timeline_brown_24px { background-position: -24px -192px; }
.download_brown_24px { background-position: -48px -192px; }
.file_brown_24px { background-position: -72px -192px; }
.minus_brown_24px { background-position: -96px -192px; }
.plus_brown_24px { background-position: -120px -192px; }
.cart_blue_24px { background-position: 0px -216px; }
.download_white_24px { background-position: -24px -216px; }
.user_brown_24px { background-position: -48px -216px; }
.community_brown_24px { background-position: -72px -216px; }
.chat_brown_24px { background-position: -96px -216px; }
.labels_brown_24px { background-position: -120px -216px; }

.commonIcon_32px {
	background-size: 320px 320px;
	width: 32px;
	height: 32px;
}
.alert_white_32px { background-position: 0px 0px; }
.alert_red_32px { background-position: -32px 0px; }
.close_white_32px { background-position: -64px 0px; }
.mail_white_32px { background-position: -96px 0px; }
.mail_brown_32px { background-position: -128px 0px; }
.down_white_32px { background-position: -160px 0px; }
.water_brown_32px { background-position: -192px 0px; }
.gear2_brown_32px { background-position: -224px 0px; }
.bottle_brown_32px { background-position: -256px 0px; }
.bag_brown_32px { background-position: -288px 0px; }
.box_white_32px { background-position: 0px -32px; }
.box_red_32px { background-position: -32px -32px; }
.box_brown_32px { background-position: -64px -32px; }
.add_brown_32px { background-position: -96px -32px; }
.gear_brown_32px { background-position: -128px -32px; }
.sort_brown_32px { background-position: -160px -32px; }
.plant_brown_32px { background-position: -192px -32px; }
.truck_brown_32px { background-position: -224px -32px; }
.bug_brown_32px { background-position: -256px -32px; }
.bulb_brown_32px { background-position: -288px -32px; }
.list_brown_32px { background-position: 0px -64px; }
.buzzer_brown_32px { background-position: -32px -64px; }
.max_red_32px { background-position: -64px -64px; }
.max_brown_32px { background-position: -96px -64px; }
.min_blue_32px { background-position: -128px -64px; }
.min_brown_32px { background-position: -160px -64px; }
.water_red_32px { background-position: -192px -64px; }
.gear2_red_32px { background-position: -224px -64px; }
.bottle_red_32px { background-position: -256px -64px; }
.bag_red_32px { background-position: -288px -64px; }
.trash_brown_32px { background-position: 0px -96px; }
.close_brown_32px { background-position: -32px -96px; }
.push_brown_32px { background-position: -64px -96px; }
.pause_brown_32px { background-position: -96px -96px; }
.calendar_brown_32px { background-position: -128px -96px; }
.delete_brown_32px { background-position: -160px -96px; }
.plant_red_32px { background-position: -192px -96px; }
.truck_red_32px { background-position: -224px -96px; }
.bug_red_32px { background-position: -256px -96px; }
.bulb_red_32px { background-position: -288px -96px; }
.info_white_32px { background-position: 0px -128px; }
.info_brown_32px { background-position: -32px -128px; }
.zoom_brown_32px { background-position: -64px -128px; }
.wind_brown_32px { background-position: -96px -128px; }
.right_brown_32px { background-position: -128px -128px; }
.left_brown_32px { background-position: -160px -128px; }
.camera_brown_32px { background-position: -192px -128px; }
.time_brown_32px { background-position: -224px -128px; }
.moon_brown_32px { background-position: -256px -128px; }
.play_brown_32px { background-position: -288px -128px; }
.reload_brown_32px { background-position: 0px -160px; }
.map_brown_32px { background-position: -32px -160px; }
.cueTop_white_32px { background-position: -64px -160px; }
.cueEnd_white_32px { background-position: -96px -160px; }
.rwd_white_32px { background-position: -128px -160px; }
.fwd_white_32px { background-position: -160px -160px; }
.check_brown_32px { background-position: -192px -160px; }
.edit_brown_32px { background-position: -224px -160px; }
.time_red_32px { background-position: -256px -160px; }
.check2_brown_32px { background-position: -288px -160px; }
.play_white_32px { background-position: 0px -192px; }
.pause_white_32px { background-position: -32px -192px; }
.wifi_brown_32px { background-position: -64px -192px; }
.radio_brown_32px { background-position: -96px -192px; }
.power_brown_32px { background-position: -128px -192px; }
.alert_brown_32px { background-position: -160px -192px; }
.shareData1_brown_32px { background-position: -192px -192px; }
.shareData2_brown_32px { background-position: -224px -192px; }
.print_brown_32px { background-position: -256px -192px; }
.calibration_green_32px { background-position: -288px -192px; }
.field_brown_32px { background-position: 0px -224px; }
.lower_brown_32px { background-position: -32px -224px; }
.teleBox_brown_32px { background-position: -64px -224px; }
.graph_brown_32px { background-position: -96px -224px; }
.thumbs_brown_32px { background-position: -128px -224px; }
.prohibit_brown_32px { background-position: -160px -224px; }
.sunrise_32px { background-position: -192px -224px; }
.sunset_32px { background-position: -224px -224px; }
.wireless_brown_32px { background-position: -256px -224px; }
.popup_brown_32px { background-position: -288px -224px; }
.bell_brown_32px { background-position: 0px -256px; }
.timeline_brown_32px { background-position: -32px -256px; }
.download_brown_32px { background-position: -64px -256px; }
.file_brown_32px { background-position: -96px -256px; }
.minus_brown_32px { background-position: -128px -256px; }
.plus_brown_32px { background-position: -160px -256px; }
.cart_blue_32px { background-position: 0px -288px; }
.download_white_32px { background-position: -32px -288px; }
.user_brown_32px { background-position: -64px -288px; }
.community_brown_32px { background-position: -96px -288px; }
.chat_brown_32px { background-position: -128px -288px; }
.labels_brown_32px { background-position: -160px -288px; }


/* icons: equipments */
span.equipIcon_16px,
span.equipIcon_24px,
span.equipIcon_32px {
	background-image: url(../img/icons/equipments_64x64px_sprite.png?v=20180907);
	background-repeat: no-repeat;
}

span.equipIcon_16px {
	background-size: 160px 160px;
	width: 16px;
	height: 16px;
}
span.equipIcon_16px.equipIcon_top_window_brown { background-position: 0px 0px; }
span.equipIcon_16px.equipIcon_side_window_brown { background-position: -16px 0px; }
span.equipIcon_16px.equipIcon_thermal_curtain_brown { background-position: -32px 0px; }
span.equipIcon_16px.equipIcon_shade_curtain_brown { background-position: -48px 0px; }
span.equipIcon_16px.equipIcon_heater_brown { background-position: -64px 0px; }
span.equipIcon_16px.equipIcon_co2_generator_brown { background-position: -80px 0px; }
span.equipIcon_16px.equipIcon_ventilator_brown { background-position: -96px 0px; }
span.equipIcon_16px.equipIcon_irrigation_brown { background-position: -112px 0px; }
span.equipIcon_16px.equipIcon_alerm_brown { background-position: -128px 0px; }
span.equipIcon_16px.equipIcon_timer_brown { background-position: -144px 0px; }
span.equipIcon_16px.equipIcon_top_window_white { background-position: 0px -16px; }
span.equipIcon_16px.equipIcon_side_window_white { background-position: -16px -16px; }
span.equipIcon_16px.equipIcon_thermal_curtain_white { background-position: -32px -16px; }
span.equipIcon_16px.equipIcon_shade_curtain_white { background-position: -48px -16px; }
span.equipIcon_16px.equipIcon_heater_white { background-position: -64px -16px; }
span.equipIcon_16px.equipIcon_co2_generator_white { background-position: -80px -16px; }
span.equipIcon_16px.equipIcon_ventilator_white { background-position: -96px -16px; }
span.equipIcon_16px.equipIcon_irrigation_white { background-position: -112px -16px; }
span.equipIcon_16px.equipIcon_alerm_white { background-position: -128px -16px; }
span.equipIcon_16px.equipIcon_timer_white { background-position: -144px -16px; }

span.equipIcon_24px {
	background-size: 240px 240px;
	width: 24px;
	height: 24px;
}
span.equipIcon_24px.equipIcon_top_window_brown { background-position: 0px 0px; }
span.equipIcon_24px.equipIcon_side_window_brown { background-position: -24px 0px; }
span.equipIcon_24px.equipIcon_thermal_curtain_brown { background-position: -48px 0px; }
span.equipIcon_24px.equipIcon_shade_curtain_brown { background-position: -72px 0px; }
span.equipIcon_24px.equipIcon_heater_brown { background-position: -96px 0px; }
span.equipIcon_24px.equipIcon_co2_generator_brown { background-position: -120px 0px; }
span.equipIcon_24px.equipIcon_ventilator_brown { background-position: -144px 0px; }
span.equipIcon_24px.equipIcon_irrigation_brown { background-position: -168px 0px; }
span.equipIcon_24px.equipIcon_alerm_brown { background-position: -192px 0px; }
span.equipIcon_24px.equipIcon_timer_brown { background-position: -216px 0px; }
span.equipIcon_24px.equipIcon_top_window_white { background-position: 0px -24px; }
span.equipIcon_24px.equipIcon_side_window_white { background-position: -24px -24px; }
span.equipIcon_24px.equipIcon_thermal_curtain_white { background-position: -48px -24px; }
span.equipIcon_24px.equipIcon_shade_curtain_white { background-position: -72px -24px; }
span.equipIcon_24px.equipIcon_heater_white { background-position: -96px -24px; }
span.equipIcon_24px.equipIcon_co2_generator_white { background-position: -120px -24px; }
span.equipIcon_24px.equipIcon_ventilator_white { background-position: -144px -24px; }
span.equipIcon_24px.equipIcon_irrigation_white { background-position: -168px -24px; }
span.equipIcon_24px.equipIcon_alerm_white { background-position: -192px -24px; }
span.equipIcon_24px.equipIcon_timer_white { background-position: -216px -24px; }

span.equipIcon_32px {
	background-size: 320px 320px;
	width: 32px;
	height: 32px;
}
span.equipIcon_32px.equipIcon_top_window_brown { background-position: 0px 0px; }
span.equipIcon_32px.equipIcon_side_window_brown { background-position: -32px 0px; }
span.equipIcon_32px.equipIcon_thermal_curtain_brown { background-position: -64px 0px; }
span.equipIcon_32px.equipIcon_shade_curtain_brown { background-position: -96px 0px; }
span.equipIcon_32px.equipIcon_heater_brown { background-position: -128px 0px; }
span.equipIcon_32px.equipIcon_co2_generator_brown { background-position: -160px 0px; }
span.equipIcon_32px.equipIcon_ventilator_brown { background-position: -192px 0px; }
span.equipIcon_32px.equipIcon_irrigation_brown { background-position: -224px 0px; }
span.equipIcon_32px.equipIcon_alerm_brown { background-position: -256px 0px; }
span.equipIcon_32px.equipIcon_timer_brown { background-position: -288px 0px; }
span.equipIcon_32px.equipIcon_top_window_white { background-position: 0px -32px; }
span.equipIcon_32px.equipIcon_side_window_white { background-position: -32px -32px; }
span.equipIcon_32px.equipIcon_thermal_curtain_white { background-position: -64px -32px; }
span.equipIcon_32px.equipIcon_shade_curtain_white { background-position: -96px -32px; }
span.equipIcon_32px.equipIcon_heater_white { background-position: -128px -32px; }
span.equipIcon_32px.equipIcon_co2_generator_white { background-position: -160px -32px; }
span.equipIcon_32px.equipIcon_ventilator_white { background-position: -192px -32px; }
span.equipIcon_32px.equipIcon_irrigation_white { background-position: -224px -32px; }
span.equipIcon_32px.equipIcon_alerm_white { background-position: -256px -32px; }
span.equipIcon_32px.equipIcon_timer_white { background-position: -288px -32px; }


/* icons: half size */
span.halfIcon_32px {
	font-size: 0;
	background-image: url(../img/icons/common_64x32px_sprite.png?v=20200210);
	background-repeat: no-repeat;
}

span.halfIcon_32px {
	background-size: 160px 96px;
	width: 32px;
	height: 16px;
}
span.halfIcon_32px.halfIcon_radio_0 { background-position: 0px 0px; }
span.halfIcon_32px.halfIcon_radio_1 { background-position: -32px 0px; }
span.halfIcon_32px.halfIcon_radio_2 { background-position: -64px 0px; }
span.halfIcon_32px.halfIcon_radio_3 { background-position: -96px 0px; }
span.halfIcon_32px.halfIcon_battery_0 { background-position: 0px -16px; }
span.halfIcon_32px.halfIcon_battery_1 { background-position: -32px -16px; }
span.halfIcon_32px.halfIcon_battery_2 { background-position: -64px -16px; }
span.halfIcon_32px.halfIcon_battery_3 { background-position: -96px -16px; }
span.halfIcon_32px.halfIcon_battery_4 { background-position: -128px -16px; }
span.halfIcon_32px.halfIcon_mobile_0 { background-position: 0px -32px; }
span.halfIcon_32px.halfIcon_mobile_1 { background-position: -32px -32px; }
span.halfIcon_32px.halfIcon_mobile_2 { background-position: -64px -32px; }
span.halfIcon_32px.halfIcon_mobile_3 { background-position: -96px -32px; }
span.halfIcon_32px.halfIcon_wifi_0 { background-position: 0px -48px; }
span.halfIcon_32px.halfIcon_wifi_1 { background-position: -32px -48px; }
span.halfIcon_32px.halfIcon_wifi_2 { background-position: -64px -48px; }
span.halfIcon_32px.halfIcon_wifi_3 { background-position: -96px -48px; }

/* icons: half size disabled */
span.halfIcon_32px.disabled { opacity: 0.2; }