input[type="text"], textarea, select, input[type="date"], input[type="password"], input[type="number"] {
	border: #aeb8bf 1px solid;
	padding: 5px;
	margin: 0;
	font-size: 13px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	outline: none;
}

input[type="text"], input[type="date"], input[type="password"], input[type="number"]  {
	height: 15px;
}

input[type="radio"] {
	float: left;
	margin-right: 5px;
}

label {
	cursor: pointer;
}

input[type="button"], input[type="submit"] {
	height: 27px;
}

select {
	height: 27px;
	max-width: 100%;
}

.input_small {
	width: 150px;
}

.input_medium {
	width: 300px;
}


.input_number {
	width: 80px;
}

.input_full_width {
	width: calc(100% - 12px);
}

select.input_small {
	width: 162px;
}

select.input_medium {
	width: 312px;
}

select.input_full_width {
	width: 100%;
}

@media screen and (max-width: 480px) {
.input_medium {
	width: calc(100% - 12px);
}

select.input_medium {
	width: 100%;
}

}


.form_checkbox {
	width: 20px;
	height: 20px;
	margin: 0;
	cursor: pointer;
}

.checkbox_and_title {
	display: grid;
	grid-gap:0px;
	grid-template-columns: 30px auto;
	align-items: center;
}


.checkboxes_group div {
	width: 250px;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
}

.err_block {
	position: absolute;
	margin-top: -34px;
	display: none;
}

.err_block div{
	padding: 5px 10px 5px 10px;
	min-width: 240px;
	background: #cc3300;
	color: white;
	border-radius:5px;
	margin-bottom: 10px;
	font-size: 13px;
}

.err_block div:after {
	display: block;
	width: 9px;
	height: 9px;
	background: #cc3300;
	transform: rotate(45deg);
	position: absolute;
	content: " ";
}


.warning {
	padding:10px 10px 10px 40px; 
	border:2px solid #810000;
	background: url(/images/exclamation.png) no-repeat 10px 10px, White;
	border-radius:5px;
	margin-bottom: 15px;
	text-align: left;
	background-size:20px;
}

.information{
	padding:10px 10px 10px 40px; 
	border: #6495ED 2px solid;
	background: url(/images/information.png) no-repeat 10px 10px, White;
	border-radius:5px;
	text-align: left;
	background-size:20px;
}

.siteform {
	background-color: #F0F8FF;
	padding: 20px;
	border-radius:10px;
}

.siteform_title {
	font-weight: bold;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-style: dotted;
	border-width: 0 0 1px 0;
	border-color: Gray;
	font-size: 16px;
}

.form_submit_and_link {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.form_submit {
	margin-right: 20px;
}


.form_table sup {
	color: Red;
}


.form_item_comment {
	padding: 3px;
	background: #F0E68C;
	border-radius:3px;
	margin-top: 5px;
}


.submit_button {
	padding:0px 20px;
	cursor: pointer;
	background: linear-gradient(to bottom, #3170ab, #41a7f4),#398cd0;
	font-size: 16px;
	height: 34px;
	border-radius:5px;
	color: White;
	border: none;
	margin: 0;
	outline: none;
}

.cancel_button {
	padding: 0 20px;
	cursor: pointer;
	background: #e0e0e0;
	font-size: 16px;
	height: 34px;
	border-radius:5px;
	color: #505050;
	border: none;
	margin: 0;
	outline: none;
}

.umsg_alert, .umsg_error {
	color: White;
	padding: 20px;
	position: absolute;
	right: 20%;
	left: 20%;
	top: 300px;
	border:3px solid #ffffff;
}

.umsg_error {
	background: Red;
}

.umsg_alert {
	background: #228b22;
}

.umsg_error a, .umsg_alert a {
	color: White;
}







/* форма в одну колонку */

.form_one_col .form_item{
	margin-bottom:15px;
}


.form_one_col .form_item_title {
	margin-bottom: 5px;
}



/* форма в две колонки */

.form_two_cols {
	
}

.form_two_cols .form_item{
	display: grid;
	grid-gap:20px;
	grid-template-columns: 25% auto;
	margin-bottom: 10px;
}

.form_two_cols .form_item_title{
	text-align: right;
}


.form_two_cols .form_submit_and_link {
	margin-left: 25%;
	padding-left: 20px;
}


@media screen and (max-width: 480px) {

.form_two_cols .form_item{
	grid-gap:5px;
	grid-template-columns: auto;
	margin-bottom: 15px;
}

.form_two_cols .form_item_title {
    text-align: left;
}

.form_two_cols .form_submit_and_link {
    margin-left: 0;
    padding-left: 0;
}

}


/* форма в четыре колонки */

.form_four_cols .form_items_list{
	display: grid;
	grid-gap:20px;
	grid-template-columns: 1fr 1fr;
	margin-bottom: 20px;
}

.form_four_cols .form_item{
	display: grid;
	grid-gap:20px;
	grid-template-columns: 150px auto;
	margin-bottom: 10px;
}

.form_four_cols .form_item_title{
	text-align: right;
}


.form_four_cols .form_submit_and_link {
	margin-left: 150px;
	padding-left: 20px;
}


@media screen and (max-width: 1024px) {

.form_four_cols .form_items_list{
	grid-template-columns: auto;

}

}


@media screen and (max-width: 480px) {

.form_four_cols .form_items_list{
	display: block;
	margin-bottom: 0px;
}


.form_four_cols .form_item{
	grid-gap:5px;
	grid-template-columns: auto;
	margin-bottom: 15px;
}

.form_four_cols .form_item_title {
    text-align: left;
}

.form_four_cols .form_submit_and_link {
    margin-left: 0;
    padding-left: 0;
}

}