COLORS{White, #fafafa, WhiteSmoke, #f0f0f0, Gainsboro, LightGray, Silver, DarkGray, Gray, DimGray, #4b223a}
* {font-family: "Exo 2"; color: #000; letter-spacing: 0px; font-weight: normal; margin:0px; font-variant: normal; font-style: normal; text-transform: none; speak: none;}
BODY, HTML{font-size:12px;padding: 0px; margin: 0px; width:100%; overflow-x:hidden;}
FORM{margin: 0px; padding: 0px; display: block;}
A{color: #4b223a; text-decoration:blink; cursor: pointer; border: 0px; text-decoration-line: none;}
A:hover {text-decoration: none;  border-bottom: 0px;}
H1 {font-size: 32px; text-transform: uppercase; margin-top: 0px; margin-bottom: 20px;}
H2 {font-size: 22px; margin-top: 20px; margin-bottom: 20px; text-transform: uppercase;}
SUP{color: #4b223a; margin-left: 3px; margin-top: -10px; font-size: 9pt; border-radius:25px; position: absolute;}
TABLE, TR, TH, TD {border-collapse:collapse;}
INPUT,TEXTAREA {border: 1px solid #f0f0f0; text-align:center; margin: 0px;}   -moz-appearance: none; -webkit-appearance: none; appearance: none;
SELECT, OPTION, INPUT[type="radio"], LABEL {border: 1px solid #f0f0f0; cursor: pointer; margin: 0px; -moz-appearance: none; -webkit-appearance: none; appearance: none;}
SELECT, OPTION {border: 1px solid #f0f0f0; cursor: pointer; margin: 0px; -moz-appearance: none; -webkit-appearance: none; appearance: none;}
LABEL {border: 0px; cursor:pointer;}
INPUT::-webkit-input-placeholder{color: Silver;} TEXTAREA::-webkit-input-placeholder{color: Silver;}
BUTTON{text-transform: uppercase;font-size: 16px; border-radius: 3px; background-color: #4b223a; color: white; cursor: pointer; border: 0px; padding: 8px;}	
BUTTON:hover{transform: scale(1.05, 1.05);}
UL,LI{padding-bottom:5px; list-style: square;}
TH{letter-spacing: normal;}
INPUT[type="submit"]{text-transform: uppercase; font-size: 16px; padding: 10px; cursor: pointer; background-color: #542d44; color: white; opacity: 0.8; border-radius: 5px; box-shadow: inset 0px 0px 0px #F8F8F8; margin: 0px;}
INPUT[type="submit"]:hover{transform: scale(1.05, 1.05); opacity: 1;}
CODE {background-color: WhiteSmoke; color: Gray; border-radius: 5px; padding: 5px; margin:5px; line-height: 2.5; white-space:nowrap;}
HR {width:100%;height:1px;border-width:0;background-color:#F0F0F0;}
	
	.table0{background-color: #fff; border-radius: 10px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);}
	.table0 th {background-color: #f8f8f8; color: silver; padding: 10px; font-size: 14px; white-space:nowrap;}
	.table0 td {padding: 8px;}
	.table0 INPUT, .table0 SELECT {font-size: 12px; padding: 5px; margin: 0px;}
	.table0 INPUT[type="submit"]{font-size: 12px; padding: 5px; cursor: pointer; background-color: #542d44; color: white; opacity: 0.8; border-radius: 5px; box-shadow: inset 0px 0px 0px #F8F8F8;}
	.table0 INPUT[type="submit"]:hover{transform: scale(1.05, 1.05); opacity: 1;}
	
	.notify {background-color: #fff; border-radius: 10px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);}
	.notify TD {font-size: 14px; color: DarkGray; padding: 10px; text-align: center;}
	.notify TD::before {content: '❗️';}
	
	.table{border:0px solid #f0f0f0; background-color: white;}
	.table tr:hover {background-color: #fafafa;}
	.table tr {background-color: #fff;} /* text-transform: uppercase; */
	
	.table th {text-transform: uppercase; font-size: 14px; border-bottom:0px solid #f0f0f0; padding: 10px 10px 10px 10px; background-image: url('http://ixi.uadolls.com/img/fon-menu.jpg'); background-size: contain; text-align: center; text-shadow:1px 1px 1px #FFFFFF; color: DarkGray;}
	.table th:hover {border-bottom:0px solid #4b223a; white-space:nowrap;}
	.table td{font-size: 13px; text-align: center; color: Gray; padding: 5px; min-height: 30px;}
	.table input {font-size: 12px; padding: 3px; color: DimGray; border: 1px solid #f0f0f0; box-shadow: inset 2px 2px 6px #F8F8F8; margin: 2px;}
	.table input[id=disabled], .table select[id=disabled]  {background-color: #fafafa; color: DarkGray;}
	.table select, .table option {font-size: 12px; padding: 3px; color: DimGray; border: 1px solid #f0f0f0; margin: 2px; border-radius: 0px;}
	.table select:hover {transform: scale(1, 1);}
	.table textarea {font-size: 8pt; padding: 5px; color: DimGray; border: 1px solid #f0f0f0;margin-top: 2px;}
	.table INPUT[type="submit"], .table INPUT[type="bottom"] {cursor: pointer; background-color: #65274c; color: white; opacity: 0.9; border-radius: 5px; box-shadow: inset 0px 0px 0px #F8F8F8;}
	.table INPUT[type="submit"]:hover, .table INPUT[type="bottom"]:hover {transform: scale(1.05, 1.05); opacity: 1;}
	.table font{position: absolute; margin-left: -65px; margin-top:3px; width: 60px; text-align: right; font-size: 6pt; color: Silver; pointer-events: none;}
	.table font a{pointer-events: auto; font-size: 6pt; color: Silver;}
	.table font a:hover{transform: scale(1.05, 1.05); color: #4b223a;}
	.table a{font-size: 10pt;}
	
	.center{text-align: center; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap:  wrap; justify-content: center; -webkit-justify-content: center;}
	.hover{transition-duration: .25s;}
	.hover:hover{opacity: 1; transform: scale(1.05, 1.05); filter: grayscale(0%); transition-duration: .25s;  opacity: 1;}
	.hover-gray{opacity: 0.7; filter: grayscale(100%); transition-duration: .25s;}
	.hover-gray:hover{opacity: 1; transform: scale(1.05, 1.05); filter: grayscale(0%); transition-duration: .25s;}
	
	.menu-button-1{text-transform: uppercase; padding: 20px; font-size: 14pt; text-align: center; border-bottom: 1px solid gainsboro; clear: both; filter: grayscale(0%); background-image: url('http://posterok.com/img/fon-menu.jpg'); background-size: contain;}
	.menu-button-1:hover{filter: grayscale(0%); background-image: url('http://posterok.com/img/fon-menu-h.jpg');}
	.menu-button-1 img {width: 35px; height: 35px; padding: 5px;}
	.menu-button-1 img:hover {transform: scale(1.05, 1.05);}
	
	.menu-button-2{text-transform: uppercase; padding: 15px 10px 12px 10px; font-size: 12px; text-align: center; border-bottom: 1px solid gainsboro; width: calc(50% - 20px); float: left; color: gray; filter: grayscale(25%); background-image: url('http://posterok.com/img/fon-menu.jpg');}
	.menu-button-2:hover{filter: grayscale(0%); background-image: url('http://posterok.com/img/fon-menu-h.jpg');}
	.menu-button-2 img {width: 30px; height:30px; padding-bottom: 5px;}
	
	.menu-button-3{text-transform: uppercase; padding: 10px; font-size: 10px; text-align: center; border-bottom: 1px solid gainsboro; width: calc(33.3333% - 20px); float: left; color: gray; background-image: url('http://posterok.com/img/fon-menu.jpg');}
	.menu-button-3:hover{background-color: #F2F2F2; background-image: url('http://posterok.com/img/fon-menu-h.jpg');}
	.menu-button-3 img {width: 20px; height: 20px; margin-top: 5px; margin-bottom: 5px;}
	
	.menu-button-4{text-transform: uppercase; padding: 10px 5px 7px 5px; font-size: 8px; text-align: center; border-bottom: 1px solid gainsboro; width: calc(25% - 10px); float: left; color: gray; background-image: url('http://posterok.com/img/fon-menu.jpg');}
	.menu-button-4:hover{background-color: #F2F2F2; background-image: url('http://posterok.com/img/fon-menu-h.jpg');}
	.menu-button-4 img {width: 21px; margin-bottom: 5px;}
	
	.light {color: #808080; font-size: 14px;}
	.emoji {font-size: 20pt; padding-bottom: -23px;}
	
	.menu INPUT, SELECT {border: 1px solid #f0f0f0; padding: 5px; font-size: 10pt; text-align:center; border-radius: 5px; color: DimGray;}
	.menu INPUT {box-shadow: inset 2px 2px 6px #F8F8F8;} .menu INPUT[type=submit] {box-shadow: none; color: white;}
	.menu::-webkit-scrollbar{display: none;}
	.select {font-size: 14px; background-color: #65274c; color: white; border-radius: 5px; text-align-last:center; opacity: 0.9; cursor: pointer;}
	.select:hover {transform: scale(1.05, 1.05); opacity: 1;}
	
	.select-light {background-color: white; color: Gainsboro; color: silver; border-radius: 5px; text-align-last:center; opacity: 0.8; cursor: pointer;}
	.select-light:hover {transform: scale(1.05, 1.05); opacity: 1;}
	
	.status{position: absolute; color: white; margin-top: 0px; margin-left: 0px; border-radius: 5px 0px 5px 0px; font-size: 6pt; font-weight: bold; width: 60px; padding: 2px; padding-bottom: 3px; opacity: 0.8; z-index:99; text-transform: uppercase; text-align: center;}