/* /Forms/OurTrucks/ContactUsForm.razor.rz.scp.css */
.form-mask[b-8gtj39ljq1] {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0, 0.5);
    z-index: 999
}

.form-container[b-8gtj39ljq1] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
    background-color: white;
    border-radius: 5px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

[b-8gtj39ljq1] .close-btn-row {
    justify-content: end !important;
    align-items: center !important;
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
}

.contact-form[b-8gtj39ljq1] {
    padding-inline: 2rem;
    padding-bottom: 1rem;
}

[b-8gtj39ljq1] .close-btn {
    background-color: red !important;
    border-radius: 50%;
    margin-right: 1rem;
}

[b-8gtj39ljq1] .form-header {
    justify-content: center !important;
    align-items: center !important;
    padding-bottom: 1rem;
}

[b-8gtj39ljq1] .form-header-text {
    margin: 0;
}

[b-8gtj39ljq1] .form-row {
    padding-bottom: 1rem;
}

[b-8gtj39ljq1] .form-footer {
    justify-content: end !important;
    padding-top: 1rem;
}

[b-8gtj39ljq1] .form-msg-field,
[b-8gtj39ljq1] .form-msg-textarea {
    height: 20dvh;
    width: 100%;
    resize: none;
}

[b-8gtj39ljq1] .validation-error-msg {
    position: absolute !important;
    color: red;
}

[b-8gtj39ljq1] .form-sender-name-field,
[b-8gtj39ljq1] .form-sender-email-field,
[b-8gtj39ljq1] .form-msg-field {
    margin-top: 1rem;
}

/*PC*/
@media (min-width: 1024px) {
    .form-container[b-8gtj39ljq1] {
        max-width: 40%;
    }
}

/*Phone*/
@media (max-width: 1023px) {
    .form-container[b-8gtj39ljq1] {
        max-width: none;
        min-width: 100dvw;
        min-height: 100dvh;
    }

    [b-8gtj39ljq1] .form-header {
        margin-top: 1rem;
        align-items: end !important;
    }

    [b-8gtj39ljq1] .form-body {
        padding-inline: 1rem;
        padding-top: 1rem;
    }

    [b-8gtj39ljq1] .form-msg-field,
    [b-8gtj39ljq1] .form-msg-textarea {
        height: 10dvh;
    }
}

[b-8gtj39ljq1] .rz-form-field.rz-state-focused .rz-form-field-content, .rz-spinner:focus-within:not(.rz-state-disabled)[b-8gtj39ljq1], .rz-autocomplete:focus-within:not(.rz-state-disabled)[b-8gtj39ljq1], .rz-colorpicker:not(:disabled):not(.rz-state-disabled):focus[b-8gtj39ljq1], .rz-lookup-search input:not(:disabled):not(.rz-state-disabled):focus[b-8gtj39ljq1], .rz-spinner:not(:disabled):not(.rz-state-disabled):focus[b-8gtj39ljq1], .rz-calendar .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus[b-8gtj39ljq1], .rz-multiselect:not(:disabled):not(.rz-state-disabled):focus[b-8gtj39ljq1], .rz-dropdown:not(:disabled):not(.rz-state-disabled):focus[b-8gtj39ljq1], .mask:not(:disabled):not(.rz-state-disabled):focus[b-8gtj39ljq1], .rz-textarea:not(:disabled):not(.rz-state-disabled):focus[b-8gtj39ljq1], .rz-textbox:not(:disabled):not(.rz-state-disabled):focus[b-8gtj39ljq1] {
    border: none !important;
}

[b-8gtj39ljq1] .rz-textbox:focus,
[b-8gtj39ljq1] .rz-textarea:focus {
    border: solid rgb(var(--phone-menu-nav-items-rgb)) !important;
}

    [b-8gtj39ljq1] .rz-textarea:focus ~ .rz-form-field-label,
    [b-8gtj39ljq1] .rz-textbox:focus ~ .rz-form-field-label {
        color: initial !important;
    }
/* /Forms/OurTrucks/RequestPriceOfferForm.razor.rz.scp.css */
*[b-e06vsrmrjz] {
    text-align: center;
}

[b-e06vsrmrjz] input, [b-e06vsrmrjz] label {
    text-align: left !important;
}

.form-mask[b-e06vsrmrjz] {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0, 0.5);
    z-index: 999
}

[b-e06vsrmrjz] .form {
    height: fit-content;
}

.form-wrapper[b-e06vsrmrjz] {
    display: flex;
    justify-content: center;
    height: 100%;
}

.form-container[b-e06vsrmrjz] {
    /*background-color: white;*/
    height: 100%;
}

[b-e06vsrmrjz] .close-btn-row {
    justify-content: end !important;
    align-items: center !important;
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
}

.form-grouping[b-e06vsrmrjz] {
    padding-bottom: 1rem;
}

.ship-form[b-e06vsrmrjz] {
    padding-inline: 2rem;
    padding-bottom: 1rem;
}

[b-e06vsrmrjz] .close-btn {
    background-color: red !important;
    border-radius: 50%;
    margin-right: 1rem;
}

[b-e06vsrmrjz] .form-header {
    justify-content: center !important;
    align-items: center !important;
    padding-bottom: 1rem;
}

[b-e06vsrmrjz] .form-header-text {
    margin: 0;
}

[b-e06vsrmrjz] .form-row {
    padding-bottom: 1rem;
}

.form-footer[b-e06vsrmrjz] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
    padding: 1rem;
    padding-inline: 0;
}

.captcha-container[b-e06vsrmrjz] {
    padding: 0 !important;
    margin: 0 !important;
}

[b-e06vsrmrjz] .form-msg-field,
[b-e06vsrmrjz] .form-msg-textarea {
    height: 20dvh;
    width: 100%;
    resize: none;
}

[b-e06vsrmrjz] .rz-form-field-label.rz-text-truncate + label:not(:disabled) {
    color: initial !important;
}

[b-e06vsrmrjz] input:disabled {
    background-color: lightgray !important;
}

[b-e06vsrmrjz] input:disabled + label {
    color: lightgray !important;
}

.input-and-error-container[b-e06vsrmrjz] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-end;
}

[b-e06vsrmrjz] .validation-error-msg {
    color: red;
}

[b-e06vsrmrjz] .rz-switch.rz-switch-checked .rz-switch-circle:before {
    background: var(--rz-on-success-lighter);
}

[b-e06vsrmrjz] .rz-switch.rz-switch-checked .rz-switch-circle:hover:before {
    box-shadow: var(--rz-switch-box-shadow), 0 0 0 10px rgba(76, 175, 80, 0.2);
}

[b-e06vsrmrjz] .rz-switch.rz-switch-checked .rz-switch-circle {
    background: rgba(var(--company-green-rgb), 0.7);
}

[b-e06vsrmrjz] .rz-form-field:hover .rz-form-field-content {
    box-shadow: inset 0 0 0 1px rgb(var(--phone-menu-nav-items-rgb)) !important;
}

[b-e06vsrmrjz] .rz-form-field.rz-state-focused .rz-form-field-content {
    box-shadow: inset 0 0 0 2px rgb(var(--phone-menu-nav-items-rgb)) !important;
}

[b-e06vsrmrjz] .rz-form-field-content {
    border: none !important;
    outline: 1px solid #bdbdbd !important;
}

    [b-e06vsrmrjz] .rz-textarea:focus ~ .rz-form-field-label,
    [b-e06vsrmrjz] .rz-textbox:focus ~ .rz-form-field-label {
        color: initial !important;
    }

[b-e06vsrmrjz] .rz-tabview-nav .rz-tabview-selected a, .rz-tabview-nav .rz-tabview-selected a:not([href]):not([class])[b-e06vsrmrjz] {
    color: rgb(var(--phone-menu-nav-items-rgb)) !important;
}

[b-e06vsrmrjz] .rz-tabview.rz-tabview-top > .rz-tabview-nav .rz-tabview-selected {
    border-bottom: 2px solid rgb(var(--phone-menu-nav-items-rgb)) !important;
}

[b-e06vsrmrjz] .rz-calendar .rz-inputtext {
    width: auto !important;
    color: initial !important;
}

[b-e06vsrmrjz] .rz-state-focused .rz-calendar .rz-inputtext {
    width: auto !important;
    color: initial !important;
}

[b-e06vsrmrjz] .rz-tabview-panel {
    padding-inline: 0 !important;
}

.flex-grouping[b-e06vsrmrjz] {
    display: flex;
    flex-wrap: wrap;
}

.flex-column-alignment[b-e06vsrmrjz] {
    gap: 1rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-end;
    align-content: center;
}

.form-grouping.flex-grouping.customer-personal-data[b-e06vsrmrjz] {
    align-items: flex-end;
}

.column-group[b-e06vsrmrjz] {
    flex-direction: column;
}

.aru-adatai-group[b-e06vsrmrjz] {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-content: center;
    gap: 2rem;
    padding-bottom: 1rem;
}

.other-form-data-group[b-e06vsrmrjz] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    text-align: center;

    gap: 2rem;
}

.switch-wrapper[b-e06vsrmrjz] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.form-grouping.flex-grouping[b-e06vsrmrjz] {
    justify-content: space-evenly;
}

[b-e06vsrmrjz].form-grouping.flex-grouping h4 {
    text-align: center;
}

.form-grouping-item[b-e06vsrmrjz] {
    display: flex;
    flex-direction: column;
}

[b-e06vsrmrjz] .flx-grow {
    flex-grow: 1;
}

[b-e06vsrmrjz] .rz-form-field {
    margin-inline: 1px;
}

[b-e06vsrmrjz] .modified {
    border-radius: 4px;
}

/*Phone*/
@media (max-width: 1023px) {
    [b-e06vsrmrjz] * {
        justify-content: center !important;
    }

    .form-container[b-e06vsrmrjz] {
        width: 100dvw;
        height: fit-content;
    }

    .switch-wrapper[b-e06vsrmrjz] {
        flex-direction: row;
        gap: 1rem;
    }

    [b-e06vsrmrjz] .form {
        background-color: white;
    }

    [b-e06vsrmrjz] .form-header {
        margin-top: 1rem;
        align-items: end !important;
    }

    [b-e06vsrmrjz] .form-body {
        padding-inline: 1rem;
        padding-top: 1rem;
    }

    [b-e06vsrmrjz] .form-msg-field,
    [b-e06vsrmrjz] .form-msg-textarea {
        height: 10dvh;
    }

    [b-e06vsrmrjz] .rz-datepicker.rz-popup {
        left: unset !important;
    }

    [b-e06vsrmrjz] .rz-form-field{
        flex-grow: 1;
    }

    [b-e06vsrmrjz] .rz-form-field:hover .rz-form-field-content {
        box-shadow: inset 0 0 0 2px rgb(var(--phone-menu-nav-items-rgb)) !important;
    }

    [b-e06vsrmrjz] .rz-stack {
        width: 100% !important;
    }

    [b-e06vsrmrjz] .rz-datepicker-trigger.rz-calendar-button.rz-button.rz-button-icon-only {
        margin-right: .5rem !important;
    }
}

/*PC*/
@media (min-width: 1024px) {
    [b-e06vsrmrjz] .form {
        height: 95%;
        width: 70dvw;
        border-radius: 5px;
    }

    .pc-extra-high-group[b-e06vsrmrjz] {
        height: 4.5rem;
    }

    .form-container[b-e06vsrmrjz] {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-evenly;
        border-radius: 5px;
        padding: 1.5rem;
        padding-inline: 2rem;
        background-color: rgba(255,255,255, .9);
    }

    .switch-wrapper[b-e06vsrmrjz] {
        flex-direction: column;
        gap: 0.5rem;
    }

    [b-e06vsrmrjz] .form-body {
        box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.2);
        background-color: rgba(var(--phone-menu-sidebar-rgb), .3);
        border: 1px solid grey;
        border-radius: 5px;
        overflow-y: auto;
        padding: 1rem;
        height: 60dvh;
    }

    .input-and-error-container[b-e06vsrmrjz] {
        padding-top: 1rem;
    }

    .ship-form[b-e06vsrmrjz] {
        display: flex;
        flex-direction: column;
        align-content: space-around;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }
}