.winMessage{
	display: none;
	box-sizing: border-box;
	background-color: rgba(0, 0, 0, 0.6);
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100%;
	padding: 6px 20px;
	margin: 0 0 -200000px;
	padding: 10px 6px 200000px;
	overflow: hidden;
}

.winMessage__win{
	position: relative;
	top: 20vh;
	font-size: 19px;
	box-sizing: border-box;
	background-color: white;
	margin: auto auto;
	min-width: 300px;
	width: 80%;
	height: auto;
	padding: 15px 35px;
	overflow-y: hidden;
	border: 1px solid gray;
	box-shadow: 1px 1px 8px 0px rgba(50, 50, 50, 0.97)
}
.winMessage__winClose{
	position: absolute;
	right: 11px;
	top: 8px;
	cursor: default;
	display: inline-block;
}
.btnClassic {
	border-color: rgb(170, 170, 170);
	border-style: solid;
	border-width: 1px;
	background-image: -webkit-linear-gradient( 90deg, rgb(221,221,221) 0%, rgb(238,238,238) 18%, rgb(255,255,255) 89%);
	border-radius: 2px;
	white-space: nowrap;
	display: inline-block;
	padding: 6px 15px;
	text-align: center;
}
.btnClassic:hover {
	border-color: #666;
	background-image: -webkit-linear-gradient( 90deg, rgb(221,221,221) 0%, rgb(228,228,228) 18%, rgb(255,255,255) 89%);
}
.btnClassic:active {
	border-color: #666;
	background-image: -moz-linear-gradient( -92deg, rgb(221,221,221) 0%, rgb(238,238,238) 18%, rgb(255,255,255) 89%);
	background-image: -webkit-linear-gradient( -92deg, rgb(221,221,221) 0%, rgb(238,238,238) 18%, rgb(255,255,255) 89%);
	background-image: -ms-linear-gradient( -92deg, rgb(221,221,221) 0%, rgb(238,238,238) 18%, rgb(255,255,255) 89%);
	color: red;
}

.buttonX {
	width: 16px;
	height: 16px;
	cursor: pointer;
	-webkit-transition: 0.15s;
	-o-transition: 0.15s;
	transition: 0.15s;
	fill: black;
}
.buttonX:hover {
	fill: red;
	transform: rotate(90deg);
}
.buttonX:active {
	fill: red;
	transform: rotate(110deg);
}

.buttonX_hidden { display: none; }
.buttonX_color_black{
	fill: black;
}
.buttonX_color_green {
	fill: green;
}
.buttonX_color_red{
	fill: red;
}
.buttonX_color_white {
	fill: white;
}
.buttonX_size_lg{
	width: 20px;
	height: 20px;
}
.buttonX_size_md{
	width: 16px;
	height: 16px;
}

.buttonX_size_sm{
	width: 8px;
	height: 8px;
}
.buttonX_size_xl{
	width: 26px;
	height: 26px;
}
/*
Модификаторы:
	inputX_hidden			- понятно :);
	inputX_error			- подсвечивает фон input красным(розовым)
	inputX_filtered		- подсвечивает фон input салатовым
	inputX_disabled		- ставит атрибут disabled на input
	inputX_process		- анимация процесса (движется border у input)
	inputX_cleanValueOnEsc - делает возможность очистки input по Escape
*/


.inputX{
	font-style: normal;
	position: relative;
}
.inputX_hidden{ display: none; }

.inputX__input{
	border: 1px #A9A9A9 solid;
	padding-right: 20px;
	width: 100%;
}

.inputX_padding6 .inputX__input{ padding: 6px; padding-right: 20px; }
.inputX_padding5 .inputX__input{ padding: 5px; padding-right: 20px; }
.inputX_padding4 .inputX__input{ padding: 4px; padding-right: 20px; }
.inputX_padding3 .inputX__input{ padding: 3px; padding-right: 20px; }
.inputX_padding2 .inputX__input{ padding: 2px; padding-right: 20px; }
.inputX_padding1 .inputX__input{ padding: 1px; padding-right: 20px; }

.inputX_cleanValueOnEsc{} /* Присутствие данного модификатора очищает значение поля input при нажатии Escape*/


/*
	_filterActive можно использовать например, если  если поле является поисковым фильтром и если данные по фильтру найдены, то примять этот модификатор
*/
.inputX_filtered .inputX__input{ background-color: #c4ffcd; }


.inputX_error .inputX__input{ background-color: #ffd4d4; }

.inputX_disabled{}
.inputX_disabled .buttonX{
	pointer-events: none;
	opacity: 0.5;
}


@keyframes ants { to { background-position: 100% 100% } } /*бегущие муравьи*/
.inputX_process .inputX__input{
	border: 1px solid transparent;
	animation: ants 12s linear infinite;
	background: linear-gradient(white, white) padding-box, repeating-linear-gradient(-45deg, black 0, black 25%, transparent 0, transparent 50%) 0 / .6em .6em;
}

.inputX .buttonX{
	position: absolute;
	right: 7px;
	top: calc(50% - 5px);
}

.inputX_disabled.inputX_process{
	position: relative;
}
.inputX_disabled.inputX_process:after{
	content: ' ';
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	background-color: #60602021;
}
.uoStep1__Btns {
	margin-top: 24px;
	margin-bottom: 20px;
}
.uoStep1__bSave {
	font-size: 19px;
	margin-right: 30px;
	padding: 5px 20px;
}
.uoStep1__bCancel {
	font-size: 19px;
	padding: 5px 20px;
}

.uoStep2 * { box-sizing: border-box; }
.uoStep2__Btns {
	margin-top: 24px;
	margin-bottom: 20px;
}
.uoStep2__bSave {
	font-size: 19px;
	margin-right: 30px;
	padding: 5px 20px;
}
.uoStep2__bCancel {
	font-size: 19px;
	padding: 5px 20px;
}

.uoStep2__offer2name .inputX__input,
.uoStep2__offer2Email .inputX__input,
.uoStep2__offer2tel .inputX__input
{
	display: inline-block;
	padding: 9px 12px;
	margin-bottom: 10px;
	width: 100%;
}
.uoStep3 * { box-sizing: border-box; }
.uoStep3__Btns {
	margin-top: 24px;
	margin-bottom: 20px;
}
.uoStep3__bOk {
	font-size: 19px;
	padding: 5px 20px;
}