/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */

.form-field label, .frm_primary_label {
    font-size: 1.8rem !important;
    font-weight: 700 !important;
    line-height: 2.2rem !important;
    color: #000 !important;
    margin-bottom: 12px !important;
}
.frm_checkbox label, .frm_radio label {
    font-weight: normal !important;
}
.form-field input[type="text"], .form-field input[type="email"] {
    padding: 25px 40px;
    transition: 0.2s;
    border-radius: 100px;
    width: 100%;
    border: 1px solid #222222;
    background: none;
    outline: none !important;
    appearance: none;
}
.form-field select {
    padding: 0 40px;
    height: 52px;
    transition: 0.2s;
    border-radius: 100px;
    width: 100%;
    border: 1px solid #222222;
    background: none;
    outline: none !important;
    appearance: none;
}
.form-field select[disabled] {
    background-color: #eee !important;
}
.form-field input {
    outline: none !important;
}
.timeslot-places {
    margin-left: 15px;
    color: green;
}
.timeslot-places.full {
    color: red;
}
.frm_html_container {
    background: #fff3cd;
    border: 1px solid #ffecb5;
    color: #664d03;
    padding: 20px;
}
.frm_html_container strong {
    font-weight: bold !important;
}
.frm_html_container p {
    margin-bottom: 10px;
}
.frm_html_container p:last-child {
    margin-bottom: 0;
}
.frm_description {
    padding: 10px;
}
.frm_button_submit {
    border: none !important;
}
.frm_button_submit:hover {
    border-color: #6E293C !important;
    background-color: #6E293C !important;
    color: #FFFFFF;
}
#ui-datepicker-div {
    border-radius: 20px !important;
}
.ui-datepicker .ui-widget-header, .ui-datepicker .ui-datepicker-header {
    border-top-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
    background-color: #C24136 !important;
}
.frm-datepicker thead {
    background-color: #6E293C !important;
}
.frm-datepicker td.ui-datepicker-current-day, .ui-datepicker td .ui-state-hover {
    background-color: #C24136 !important;
}
.skansen-alert {
    padding: 15px;
    margin-bottom: 20px;
}
.skansen-alert.error {
    background: #f8d7da;
    color: #842029;
}
.skansen-alert.success {
    background: #d1e7dd;
    color: #0f5132;
}