@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/OpenSans-SemiBold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

.frame-type-form_formframework input, .frame-type-form_formframework .form-control, .frame-type-form_formframework textarea, .frame-type-form_formframework select {
    height: 48px;
    background-color: #ECECEC;
    box-shadow: none;
    border: 2px solid #ECECEC;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 24px;
    border-radius: 0;
    outline: none;
    padding: 0 16px;
    min-width: 220px;
    max-width: 100%;
    width: 100%;
}

.frame-type-form_formframework select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EIcon/Dropdown kl%3C/title%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Icon/Dropdown-kl' fill='%23111111' fill-rule='nonzero'%3E%3Cpath d='M5.70678933,4.68477446 C5.94896406,4.46065584 6.32775957,4.4404374 6.5945856,4.62401047 L6.67102574,4.68519602 L10.3005276,8.05043597 C10.5423123,8.27461653 10.5642928,8.62521859 10.3664689,8.87238487 L10.3005276,8.94320183 L6.66416393,12.314804 C6.39802307,12.5615673 5.96631973,12.561756 5.69992752,12.3152255 C5.45775279,12.0911069 5.43556852,11.7402419 5.63349203,11.4929036 L5.69947243,11.4220381 L8.85454545,8.49663158 L5.70633423,5.57796187 C5.44019337,5.33119857 5.44039712,4.93130494 5.70678933,4.68477446 Z' id='Path' transform='translate(8.000000, 8.500000) rotate(-270.000000) translate(-8.000000, -8.500000) '%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center right 12px;
}

.frame-type-form_formframework textarea {
    resize: none;
    min-height: 240px;
    padding: 16px!important;
    width: calc(100% - 32px)!important;
}

.frame-type-form_formframework input:focus, .frame-type-form_formframework .form-control:focus, .frame-type-form_formframework textarea:focus {
    border: 2px solid #7F8496;
}

.frame-type-form_formframework label, .frame-type-form_formframework .control-label {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 8px;
    line-height: 20px;
    padding-left: 4px;
}

.frame-type-form_formframework .form-group:focus label {
    color: #7F8496;
}

.frame-type-form_formframework button.btn { display:inline-block; cursor: pointer; padding:.5em 1em; margin:1em 0; color:#334; background:transparent; text-decoration:none; letter-spacing:.05em; border:.2em solid #a5b0d4; font-size: 1.05em; font-weight: normal; }
.frame-type-form_formframework button.btn:hover { text-decoration:none; color:#05299d; border-color:#05299d; }

.frame-type-form_formframework input[type="checkbox"],
.frame-type-form_formframework input[type="radio"] {
    margin: 0;
}

.frame-type-form_formframework .radio,
.frame-type-form_formframework .checkbox {
    display: inline-block;
    margin-right: 24px;
    margin-bottom: 24px;
}

.frame-type-form_formframework .radio label,
.frame-type-form_formframework .checkbox label {
    display: flex;
    align-items: center;
    padding-left: 0;
}

.frame-type-form_formframework .radio input,
.frame-type-form_formframework .checkbox input {
    display: none;
}

.frame-type-form_formframework .radio label span:not(.required),
.frame-type-form_formframework .checkbox label span:not(.required) {
    padding-left: 33px;
    padding-top: 2px;
    position: relative;
}

.frame-type-form_formframework .radio label span:not(.required):before,
.frame-type-form_formframework .checkbox label span:not(.required):before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-color: #ECECEC;
    height: 25px;
    width: 25px;
}


.frame-type-form_formframework .radio label span:not(.required):before,
.frame-type-form_formframework .radio label span:not(.required):after {
    border-radius: 50%;
}

.frame-type-form_formframework .radio label span:not(.required):after {
    content: "";
    display: none;
    position: absolute;
    background-color: #111111;
    height: 10px;
    width: 10px;
    left: 7px;
    top: 7px;
}

.frame-type-form_formframework .checkbox label span:not(.required):after {
    content: "";
    display: none;
    position: absolute;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EIcon/Check%3C/title%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='Icon/Check' stroke='%23111111' stroke-width='2'%3E%3Cpolyline id='Path' points='14.25 3 6.046875 13 1.75 8.98052979'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    height: 16px;
    width: 17px;
    left: 4px;
    top: 4px;
}

.frame-type-form_formframework .radio input:checked + span:not(.required):after,
.frame-type-form_formframework .checkbox input:checked + span:not(.required):after {
    display: block;
}

.frame-type-form_formframework label.parsley-error {
    color: #E60000;
}

.frame-type-form_formframework input.parsley-success,
.frame-type-form_formframework select.parsley-success,
.frame-type-form_formframework textarea.parsley-success {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EIcon/Check_Circle%3C/title%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Icon/Check_Circle' fill='%230BB44C'%3E%3Cpath d='M12,1.97909408 C17.5228475,1.97909408 22,6.45624658 22,11.9790941 C22,17.5019416 17.5228475,21.9790941 12,21.9790941 C6.4771525,21.9790941 2,17.5019416 2,11.9790941 C2,6.45624658 6.4771525,1.97909408 12,1.97909408 Z M15.9385705,7.56621531 L10.499,13.4980941 L8.06142951,10.8389426 L6.58712123,12.1903918 L10.5,16.4589869 L17.4128788,8.91766456 L15.9385705,7.56621531 Z' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: top 14px right 12px;
}

.frame-type-form_formframework input.parsley-error,
.frame-type-form_formframework select.parsley-error,
.frame-type-form_formframework textarea.parsley-error {
    border: 2px solid #E60000;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EIcon/Error_Circle%3C/title%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Icon/Error_Circle' fill='%23E60000'%3E%3Cpath d='M12,1.97909408 C17.5228475,1.97909408 22,6.45624658 22,11.9790941 C22,17.5019416 17.5228475,21.9790941 12,21.9790941 C6.4771525,21.9790941 2,17.5019416 2,11.9790941 C2,6.45624658 6.4771525,1.97909408 12,1.97909408 Z M15,7.56488051 L11.9997864,10.5648805 L9,7.56488051 L7.58578644,8.97909408 L10.5857864,11.9788805 L7.58578644,14.9790941 L9,16.3933076 L11.9997864,13.3928805 L15,16.3933076 L16.4142136,14.9790941 L13.4137864,11.9788805 L16.4142136,8.97909408 L15,7.56488051 Z' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: top 14px right 12px;
}

.frame-type-form_formframework .parsley-errors-list {
    display: none;
}