/* === Обгортка форм === */
.form-box {
	width:600px;
	/* margin-top:50px; */
	/* min-height:300px; */
	text-align:center;
	/* font: 13px/normal Calibri,Arial,Tahoma,Helvetica; */
	/* color: #23527C; */
}

.form-box form {
	width:100%;
}

.form-box form label {
	width:40%;
	text-align:left;
	padding-left:30px;
	font-weight: 500;
}

.form-box input:not([type=submit]), .form-box select, .form-box label	{
	color:#23527C;
	font-size:16px;
}

/* === Виділення підпису обов'язкового поля === */
label.required:after {
	color: red;
	content:'*';
}

/* === Поля вводу === */
.outline-form-input {
	vertical-align: top;
	font-size: 16px;
	width: 53%;
	height: 30px;
	border: 2px solid orange;
	margin-right:30px;
	padding-left:15px;
	padding-right:15px;
}
.outline-form-textarea {
	vertical-align: top;
	font-size: 16px;
	width: 53%;
	border: 2px solid orange;
	margin-right:30px;
	padding-left:15px;
	padding-right:15px;
	height: 100px;
	resize: none;
	margin-left:2px;
}
.outline-form-select {
	vertical-align: top;
	font-size: 16px;
	width: 53%;
	height: 30px;
	border: 2px solid orange;
	margin-right:30px;
	padding-left:15px;
	padding-right:15px;
	position:relative;
}
.outline-form-checkbox-wrapper {
	font-size: 16px;
	width: 53%;
	height: 30px;
	display: inline-block;
	border-left: 2px solid white;
	margin-right:30px;
	padding-left:15px;
	padding-right:15px;
	position:relative;
}
.orange-arrow {
	pointer-events:none;
	position:absolute;
	width:20px;
	height:20px;
	background:#fff;
	color:orange;
	top:8px;
	right:40px;
	z-index:999;
}

/* === Темно-червоне попередження === */
.red-warning {
	color: darkred;
}

/* === Підпис і рекаптча — у рядок === */
.captha-lab {
	/*width:33%!important;*/
	float:left;
}
.g-recaptcha{
	float:left;
}

/* === Кнопка надсилання форми === */
.submit-of-button {
	width:300px;
	margin:0 auto;
	border:2px solid orange;
	border-radius: 10px;
	background:orange;
	text-align:center;
	color:#23527C;
	font-style:Calibri;
	font-weight:bold;
	font-size:15px;
	height:40px;
	margin-top:40px;
	margin-bottom:10px;
}

/* Стилs кнопки виклику завдань Askra та обгортки цієї кнопки */
/* Cкопійований зі стилів елементу #icserver_leftcolumn */
.btn-askra-wrapper {
	margin: 0 auto;
	width:220px;
	border:2px solid;
	border-color:#FCBB65;
	border-radius:8px;
	overflow:hidden;
}

.btn-askra-wrapper a{
	font-size:16px;
	color:#23527C;
	text-decoration:none;
	text-align:center;
	text-transform:uppercase;
	font-weight:normal;
	background:#F7BB65;
	border-radius:4px;
	block-shadow:2px 1px 2px rgba(0,0,0,0.3);
	padding:7px 0px 7px 0px;
	display:block;
}

.btn-askra-wrapper a:hover{
	background:#FFFFFF;
	border-radius:8px;
}

/* === Блок для анімації очікування результату ajax-запиту === */
[data-ajaxblock] {
	position: fixed;
	height: 100%;
	width: 100%;
	opacity: 0.4;
	overflow: hidden;
	top: 0;
	left: 0;
	background-color: white;
	padding-top: 45%;
}

/* === Закриття блоку === */
[data-oa-close] {
	position: absolute;
	top: 0rem;
	right: 1rem;
	color: grey;
	text-decoration: none;
	cursor: pointer;
	font-size:  2rem;
}

[data-oa-close]:hover {
	color:  red;
	text-decoration: none;
}