/* ######################### */
/* search */
/* ######################### */
@media all {
    .form-control {
        font-size: inherit;
        color: inherit;
        font-weight: inherit;
    }
    
    .form-control.search-word {
        border-top-left-radius: var(--border-radius-btn);
        border-bottom-left-radius: var(--border-radius-btn);
    }
}

/* ######################### */
/* form controls */
/* ######################### */
@media all {
    fieldset {
        border:0;
        margin:0;
        padding:0;
    }

    legend {
        font-size: 1.25em;
        margin-bottom: 0.625rem;
        font-weight: 600;
    }

    label,
    input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not(.search-word),
    select,
    textarea {
        display: block;
        width: 100%;
    }

    input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]), select, textarea {
        border: .125rem solid rgb(240,240,240);
        background: rgba(255,255,255,.9);
        padding: 0.5rem .875rem;
        transition: var(--transition-default);
        line-height: normal;
    }

    input[type="checkbox"], input[type="radio"] {
        width: 1.25em;
        height: 1.25em;
        margin-right: 0.625rem;
        flex-shrink: 0;
        flex-grow: 0;
    }

    input[type="checkbox"] {
        margin-top: 0.375em;
    }
}

/* ######################### */
/* powermail */
/* ######################### */
@media all {
    
    .powermail_fieldset {
        display: flex;
        flex-wrap: wrap;
        gap: 0 var(--gap-5);
    }
    
    .powermail_fieldset > * {
        width: 100%;
    }
    
    .powermail_fieldset > .width-50 {
        flex: 1 1 auto;
        float: left;
        width: calc(50% - var(--gap-3) - 1px);
    }
    
    .powermail_morestep .width-50 + .width-50 {
        margin-left: var(--gap-6)
    }

    .powermail_fieldwrap:not(.width-50) + .powermail_fieldwrap,
    .powermail_fieldwrap + .powermail_fieldwrap:not(.width-50:nth-child(2)) {
        margin-top: var(--gap-2);
    }

    .powermail-errors-list {
        list-style: none;
        padding: 0;
        color: var(--bs-danger);
    }

    .powermail_fieldwrap_type_captcha > .powermail_field {
        display: flex;
        gap: var(--gap-5);
        flex-wrap: wrap;
    }

    .powermail_label {
        font-weight: 700;
    }

    .powermail_fieldwrap_type_captcha > .powermail_field > * {
        flex: 1;
    }

    .powermail_fieldwrap_type_captcha > .powermail_field > input {
        flex: 4;
    }

    .powermail_field_error_container {
        width: 100%;
    }

    .powermail_fieldwrap_type_captcha > .powermail_field > :is(.powermail_field_error_container,.powermail_field_description) {
        width: 100%;
        flex-basis: 100%;
    }
    
    .powermail_fieldwrap_type_captcha .powermail_field_error_container {
        margin-top: calc(var(--gap-5) * -1);
    }
}

/* ######################### */
/* powermail application */
/* ######################### */
@media all {
    .powermail_radio_wrapper {
        cursor: pointer;
    }
    
    .init-application > .btn-group {
        display: flex;
        gap: .625rem;
    }

    .init-application > .btn-group > button {
        border: 0 none transparent;
        font-size: 0;
        padding: .375rem;
    }

    .init-application > .btn-group > button:not(.btn-primary) {
        background-color: var(--bs-gray-200);
    }

    .init-application > .row > .radio .powermail_radio {
        display: none;
    }

    .init-application .powermail_field .powermail_radio_text {
        width: 100%;
        text-align: center;
        transition: var(--transition-default);
    }

    .init-application .ce-gallery {
        position: relative;
    }

    .init-application .ce-gallery::before {
        content:"\f058";
        font-family: "Font Awesome 6 Free";
        position: absolute;
        bottom:var(--gap);
        right:var(--gap-3);
        opacity: 0;
        transition: var(--transition-default);
        color: var(--bs-success);
    }
    
    .ce-frame-application .init-application .powermail_field > .radio input:checked ~ .ce-gallery::before {
        opacity: 0;
    }

    .init-application .powermail_field > .radio input:checked ~ .ce-gallery::before {
        opacity: 1;
    }

    .init-application .powermail_field > .radio input:checked ~ span {
        color: var(--bs-success);
        font-weight: 600;
    }

    .init-application .powermail_tab_navigation {
        width: 100%;
        display: flex;
        flex-direction: row;
        gap: 1.25rem;
        justify-content: center;
    }

    .init-application.powermail_fieldwrap_type_check > .powermail_field {
        display: flex;
        flex-direction: column;
        gap: .5rem;
    }

    .init-application.powermail_fieldwrap_type_check > .powermail_field input {
        display: none;
    }

    .init-application.powermail_fieldwrap_type_check > .powermail_field .powermail_checkbox_label {
        display: flex;
        gap: var(--gap);
        border: .125rem solid var(--bs-gray-200);
        padding: .5rem .75rem;
    }

    .init-application.powermail_fieldwrap_type_check > .powermail_field input:checked ~ .powermail_checkbox_label {
        color: var(--bs-success);
    }
    
    .init-application.powermail_fieldwrap_type_check .powermail_checkbox_label::before {
        content:"\f111";
        font-family: "Font Awesome 6 Free";
        transition: var(--transition-default);
        color: rgba(var(--color-text-dark-rgb), .1);
    }
    
    .init-application.powermail_fieldwrap_type_check > .powermail_field input:checked ~ .powermail_checkbox_label::before {
        content:"\f058";
        color: var(--bs-success);
    }
    
    .ce-frame-application :is(input, select) {
        border-radius: .75rem;
    }
    
    .page-modifier-dios .powermail_tab_navigation {
        display: none;
    }
}