/* CSS For Webix Controls */

/* Webix Message */
.webix_success div {
	background: #8f9;
	width: 400px;
}

.webix_message_area {
	top: initial !important;
	bottom: 1px;
	width: 400px;
}

/* Start  Custom Check Box*/
.icon {
	width: 18px;
	height: inherit;
	margin: 0 auto;
	cursor: pointer !important;
}

.icon-ro {
	width: 18px;
	height: inherit;
	margin: 0 auto;
}

.empty {
	background: none;
}

.checked-green {
	background: url('../images/checkboxes/checked-green.png');
	background-repeat: no-repeat;
	background-position: center;
}

.checked-red {
	background: url('../images/checkboxes/checked-red.png');
	background-repeat: no-repeat;
	background-position: center;
}

.checked-gray {
	background: url('../images/checkboxes/checked-gray.png');
	background-repeat: no-repeat;
	background-position: center;
}

.checked-blue {
	background: url('../images/checkboxes/checked-blue.png');
	background-repeat: no-repeat;
	background-position: center;
}

.button-green {
	background: url('../images/checkboxes/button-green.png');
	background-repeat: no-repeat;
	background-position: center;
	width: auto;
	text-align: center;
}

.unchecked-green {
	background: url('../images/checkboxes/unchecked-green.png');
	background-repeat: no-repeat;
	background-position: center;
}

.unchecked-red {
	background: url('../images/checkboxes/unchecked-red.png');
	background-repeat: no-repeat;
	background-position: center;
}

.unchecked-gray {
	background: url('../images/checkboxes/unchecked-gray.png');
	background-repeat: no-repeat;
	background-position: center;
}

.unchecked-blue {
	background: url('../images/checkboxes/unchecked-blue.png');
	background-repeat: no-repeat;
	background-position: center;
}

.webix_toolbar .webix_el_label .webix_el_box {
	color: #313131;
	font-family: Roboto,sans-serif;
	font-size: 9pt;
	font-weight: 500;
	letter-spacing: .2px;
	line-height: 24px;
}

/*End Custom Chekc Box*/