.form-table.data-table {
    background-color: #f4f7fb;
    padding: 45px;
    border-radius: 2px;
    margin-top: 35px;
    margin-bottom: 35px;
}

.post-content {
    padding-bottom: 15px;
    color: #000;
    font-size: 16px;
    font-weight: 400;
}

.form-item {
	margin-bottom: 17px;
}

.form-tag {
	font-weight: 500;
	font-size: 15px;
	color: #000;
	margin-bottom: 10px;
}

.quest-item input {
	display: block;
    width: 100%;
    height: auto;
    color: #333;
    background-color: #fff;
    background-image: none;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    box-shadow: none;
    height: 56px;
    border-radius: 2px;
    position: relative;
    padding: 10px 25px;
    font-size: 16px;
    transition: border-color ease-in-out .15s;
}

.html-quest.focus input {
	padding-top: 20px;
    padding-bottom: 0;
}

.quest-item input:focus, .quest-item input:hover,
.quest-item select:focus, .quest-item select:hover,
.quest-item textarea:focus, .quest-item textarea:hover {
	border-color: #0d49cd;
	outline: none !important;
}



.quest-item textarea {
	display: block;
    width: 100%;
    height: auto;
    color: #333;
    background-color: #fff;
    background-image: none;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    box-shadow: none;
    height: 56px;
    border-radius: 2px;
    position: relative;
    padding: 45px 25px 25px 25px;
    font-size: 16px;
    min-height: 165px;
    font-family: 'GOSTUI2';
    transition: border-color ease-in-out .15s;
}

.html-quest i {
    font-style: normal;
}

.form-el-counter {
    font-size: 12px;
    margin-left: 7px;
}


.quest-textarea .placeholder {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    position: absolute;
    top: 17px;
    left: 25px;
}

.quest-textarea.focus .placeholder {
    font-size: 11px;
    top: 10px;
}


.quest-item select {
	display: block;
    width: 100%;
    height: auto;
    color: #333;
    background-color: #fff;
    background-image: none;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    box-shadow: none;
    height: 56px;
    border-radius: 2px;
    position: relative;
    padding: 10px 25px;
    font-size: 16px;
    transition: border-color ease-in-out .15s;
}

.quest-item select option {
    padding: 15px 11px;
    background: #fdfdfd;
    width: 100%;
    display: table;
    margin: 5px 0;
    border-radius: 5px;
}



.html-quest {
    position: relative;
}

.html-quest .placeholder {
	color: #848EA2;
	font-size: 16px;
	transition: all 0.1s;
	z-index: 10;
	top: 17px;
    left: 25px;
    position: absolute;
}


.html-quest.focus .placeholder {
	color: #848EA2;
	position: absolute;
	top: 0;
	font-size: 11px;
	transition: all 0.1s;
	top: 10px;
    left: 25px;
    color: #848e99;
    font-weight: 400;
    cursor: text;
}

.form-required {
	color: red;
}

.error-fld {
	display: block;
	float: left;
	height: 13px;
	width: 15px;
	background-repeat: no-repeat;
	background-image: url(images/icon_warn.gif);
}

.form-submit {
	color: #ffffff;
    background-color: #0d49cd;
    border-color: #0d49cd;
    padding: 16px 25px;
    display: table;
    border: 0;
    outline: none;
    font-weight: 400;
    font-size: 16px;
    font-family: 'GOSTUI2';
    min-width: 150px;
    transition: all .2s linear;
    width: 45%;
    cursor: pointer;
}

.form-submit:hover {
    background-color: #0a389d;
    border-color: #0a389d;
}

.form-submit.disabled {
	cursor: default;
    color: #848e99!important;
    background: #dde1e6!important;
    border-color: #dde1e6!important;
}



.desc-quest {
	color: #637394;
    font-size: 14px;
    margin-top: 7px;
}

.label-radio {
    width: initial !important;
}





/* radio checkbox */
/* для элемента input c type="checkbox" */
.custom-checkbox {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

/* для элемента label, связанного с .custom-checkbox */
.custom-checkbox+label {
  display: inline-flex;
  align-items: center;
  user-select: none;
  transition: all .2s linear;
}

.custom-checkbox+label:hover {
    color: #0d49cd;
    transition: all .2s linear;
    cursor: pointer;
}


/* создание в label псевдоэлемента before со следующими стилями */
.custom-checkbox+label::before {
    content: '';
    display: inline-block;
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    flex-grow: 0;
    margin-right: 12px;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 11px !important;
    border: 1px solid #e6e6e6;
    background: #fff;
    transition: all .2s linear;
    border-radius: 2px;
}

/* стили при наведении курсора на checkbox */
.custom-checkbox:not(:disabled):not(:checked)+label:hover::before {
  border-color: #0d49cd;
  background: #fff;
  transition: all .2s linear;
}


/* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
.custom-checkbox:focus:not(:checked)+label::before {
  border-color: #80bdff;
}

/* стили для чекбокса, находящегося в состоянии checked */
.custom-checkbox:checked+label::before {
  border-color: #0d49cd;
  background-color: #0d49cd;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

/* стили для чекбокса, находящегося в состоянии disabled */
.custom-checkbox:disabled+label::before {
  background-color: #e9ecef;
}

body {
  padding: 20px 50px;
}

.checkbox {
  margin-bottom: 1em;
}