html, body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
}

.bg {
	background-color: #ffffff;
	background-image: url("../images/bg.png");
	background-size: cover;
	background-repeat: repeat-y;
}
.bg1 {
	background-color: #fafafa;
	background-image: url("../images/bg_1.png");
	background-size: cover;
	background-repeat: repeat-y;
}
.bg_none {
	background: none;
}
.transparent {    
	background-color: transparent !important;
	box-shadow: none !important;
} 
.main {
	height: 100%;
	width: 100%;
}

.header_1 {
	font-size: 22px;
}
.header_1_icon_big {
	font-size: 64px;
}
.header_2 {
	font-size: 20px;
}
.header_2_icon_big {
	font-size: 80px;
}
.header_2_order_number {
	font-size: 32px;
}
.header_3 {
	font-size: 18px;
}
.header_4 {
	font-size: 16px;
}
.bold {
	font-weight: bold;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}
.center {
	text-align: center;
}
.float_right: {
  float: right;
  height: 100%;
}
.float_left: {
  float: left;
  height: 100%;
}
.block {
	display: block; 
	width: 100%; 
}
.none {
	display: none; 
}
.align_client {
	width: 100%;
	height: 100%;
}
.big_font{
	font-size: 22px;
}
.big_font input, textarea{
	font-size: 22px;
}
.border_none input{
	border: none;
}
.btn_img {
	cursor: pointer;
	opacity: 1;
	max-height: 100%;
	max-width: 100%;
}
.btn_img :hover {
	opacity: 0.95;
}
.border_hover :hover {
	border: 2px solid;
}
.webix_item_custom {
	border: 1px solid white;
	border-radius: 5px;
}
.webix_item_custom:hover{
	border: 1px solid silver;
}
.webix_noactive{
	color: silver;
}
.webix_not_border{
	border: 0;
	border-color: #fff;
}
.webix_padding_item{
	padding: 10px;
}
.border_edge_left{
	border: 1px solid gray; 
	border-left: 3px solid red;
	width: 18px;
	height: 18px;
}
.border_edge_right{
	border: 1px solid gray; 
	border-right: 3px solid red; 
	width: 18px;
	height: 18px;
}
.border_edge_top{
	border: 1px solid gray; 
	border-top: 3px solid red; 
	width: 18px;
	height: 18px;
}
.border_edge_bottom{
	border: 1px solid gray; 
	border-bottom: 3px solid red; 
	width: 18px;
	height: 18px;
}
.border_radius{
	border-radius: 15px;
}
.hide{
	display: none;
}
.show{
	display: block;
}
.stick{
	float: left; 
	border-radius: 5px; 
	opacacity: 0.6; 
	padding: 5px; 
}
.stick_gloss{
	float: left; 
	border-radius: 5px; 
	border-bottom: 1px solid gray;
	border-right: 1px solid gray;
	background-color: #99ccff; 
	opacacity: 0.6; 
	padding: 5px; 
	color: black
}
.stick_mat{
	float: left; 
	border-radius: 5px; 
	border-bottom: 1px solid gray;
	border-right: 1px solid gray;
	background-color: #f8f9fa; 
	opacacity: 0.6; 
	padding: 5px; 
	color: black
}
.stick_halfmat{
	float: left; 
	border-radius: 5px; 
	border-bottom: 1px solid gray;
	border-right: 1px solid gray;
	background-color: #f8f9fa; 
	opacacity: 0.6; 
	padding: 5px; 
	color: black
}
.stick_yellow{
	float: left; 
	border-radius: 5px; 
	background-color: yellow; 
	opacacity: 0.6; 
	padding: 5px; 
	color: black
}
.stick_green{
	float: left; 
	border-radius: 5px; 
	background-color: green; 
	opacacity: 0.6; 
	padding: 5px; 
	color: white
}
.stick_orange{
	float: left; 
	border-radius: 5px; 
	background-color: orange; 
	opacacity: 0.6; 
	padding: 5px; 
	color: black
}
.stick_red{
	float: left; 
	border-radius: 5px; 
	background-color: red; 
	opacacity: 0.6; 
	padding: 5px; 
	color: white
}
.stick_price{
	float: left; 
	border-radius: 5px; 
	background-color: white; 
	opacacity: 0.6; 
	padding: 5px; 
	color: black
}
.rotate_90{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.highlight{
	background-color: #FFAAAA;
}
.btn_intro{
	float: left;
	cursor: pointer;
	opacity: 1;
	width: 295px;
}
.btn_panel{
	float: left;
	width: 250px;
	height: 250px;
	margin: 4px; 
	padding: 4px; 
	text-align: center; 
	border-radius: 5px;
	cursor: pointer;
	opacity: 1;
}
.display_middle{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%)
}
.display_middle_v{
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.display_middle_h{
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
	
@media all and (max-width: 768px) {
	.btn_intro{
		float: none;
		display: block;
		width: auto;
	}
	.btn_panel{
		float: none;
		display: block;
		width: auto;
	}
}