@charset "UTF-8";
.form-container {
    position: relative;
}

form {
    font-size: 14px;
    line-height: 16px;
}

.input-item {
    margin: 0px 0px 15px;
    position: relative;
}

.input-item.last {
    margin: 0px;
}

label {
    display: block;
}

input[type='text'],
input[type='password'],
select,
textarea {
    width: 100%;
    height: 55px;
    display: flex;
    align-items: center;
    border: 1px solid #3c3c3b;
    padding: 0px 0px 0px 15px;
    font-size: 16px;
    overflow: hidden;
    background-color: #f4f4f4;
}

textarea {
    height: 247px;
    padding: 15px 0px 0px 15px;
    resize: none;
    overflow: auto;
}

::placeholder {
    color: #3c3c3b;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #3c3c3b;
}

::-ms-input-placeholder {
    color: #3c3c3b;
}

.checkbox-container {
    display: flex;
    align-items: center;
}

.checkbox-container label {
    display: flex;
    cursor: pointer;
    align-items: center;
}

.checkbox-container label a {
    text-decoration: underline;
}

.checkbox-container input[type='checkbox'] {
    cursor: pointer;
    opacity: 0;
    position: absolute;
}

.checkbox-container label::before {
    content: '';
    width: 21px;
    height: 21px;
    border: 1px solid #3c3c3b;
    margin: 0px 10px 0px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.checkbox-container input[type='checkbox']:checked + label::before {
    content: '✓';
}

.dropdown-container {
    width: 100%;
    position: relative;
}

.dropdown-container select {
    appearance: none;
    padding-right: 38px;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
}

/* For IE <= 11 */
select::-ms-expand {
    display: none;
}

.dropdown-container::after {
    content: '';
    width: 19px;
    height: 11px;
    background-image: url('../images/icons/icon-angle-down.png');
    pointer-events: none;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}