@import 'Evitool.Client.un8ohgoqis.bundle.scp.css';

/* /Components/Layout/AccessOn/AccessOnAttendeeAlertModal.razor.rz.scp.css */
.title[b-d6gnxwo8za] {
    font-size: 1em;
    font-weight: bold;
    color: #858585;
}

.value-card[b-d6gnxwo8za] {
    background: #eee;
    padding: 1.2em;
    box-sizing: border-box;
    border-radius: 5px;
    font-size: 1.2em;
    font-weight: bold;
    display: inline-block;
    width: clamp(200px, 100%, 600px);
    color: #393939;
}
/* /Components/Layout/AccessOn/TraditionalAccessOn.razor.rz.scp.css */
.form-group[b-6bzx8daq4c]  .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.alertMessage[b-6bzx8daq4c] {
    width: 100%;
    text-align: center;
    font-size: 1.7em;
    font-weight: bold;
    color: #df4d74;
    margin: 10px;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
}

.section-title[b-6bzx8daq4c] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin: 15px 0px;
}
    .section-title h4[b-6bzx8daq4c]{
        margin: 0px;
    }

    .section-title .alert-icons[b-6bzx8daq4c] {
        display: flex;
        justify-content: end;
        gap: 10px;
        align-items: center;
        flex-wrap: wrap;
    }

        .section-title .alert-icons[b-6bzx8daq4c]  .pill {
            padding: 5px 10px;
            font-weight: bold;
            font-size: .75em;
        }

[b-6bzx8daq4c] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}
/* /Components/Layout/Accommodations/AccommodationRoomType.razor.rz.scp.css */
.header[b-manmglx661] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}
h3[b-manmglx661] {
    margin: 0;
}
.accommodationRoomType-Container[b-manmglx661]  .dt-container .right-options {
    text-align: right;
}
[b-manmglx661] .dt-container {
    margin-top: 0px;
}
[b-manmglx661] input[type=checkbox] {
    accent-color: #70c170;
}
.input-group-check[b-manmglx661] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #eee;
    border-radius: 5px;
    padding: 10px;
    margin: 4px;
    flex-direction: column;
}
[b-manmglx661] .check {
    display: none;
}

    [b-manmglx661] .check + label {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 25px;
        background: #ddd;
        border-radius: 50px;
        cursor: pointer;
        transition: background 0.3s;
    }

        [b-manmglx661] .check + label::before {
            content: "";
            position: absolute;
            top: 2.5px;
            left: 2.5px;
            width: 20px;
            height: 20px;
            background: #fff;
            border-radius: 50%;
            transition: transform 0.3s;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }

    [b-manmglx661] .check:checked + label {
        background: #70c170;
    }

        [b-manmglx661] .check:checked + label::before {
            transform: translateX(25px);
        }

.form-footer[b-manmglx661] {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 25px;
}
.button-actions[b-manmglx661] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    margin-bottom: 10px;
}
[b-manmglx661] .table-actions {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
}
@media(max-width:768px){
    [b-manmglx661] .table-actions {
        display: initial;
    }
    [b-manmglx661] .button-actions {
        margin-top: 10px;
    }
}
/* /Components/Layout/Activities/ActivityTranslationForm.razor.rz.scp.css */

[b-85igl0s91v] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-85igl0s91v] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}
/* /Components/Layout/Activities/ChangeSubActivityCapacityModal.razor.rz.scp.css */
[b-aala8ocvd6] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}
/* /Components/Layout/Activities/CreateSubActivityModal.razor.rz.scp.css */
.form-group[b-hyopcdwft0] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}

[b-hyopcdwft0] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-hyopcdwft0] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.save-button[b-hyopcdwft0] {
    background-color: #70c170;
    color: white;
    width: 195px;
    height: 30px;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
}

.input-group-custom[b-hyopcdwft0] {
    display: flex;
    flex-direction: column;
}

.input-wrapper[b-hyopcdwft0] {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

[b-hyopcdwft0] .check {
    display: none;
}

    [b-hyopcdwft0] .check + label {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 25px;
        background-color: #ddd;
        border-radius: 50px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

        [b-hyopcdwft0] .check + label::before {
            content: "";
            position: absolute;
            top: 2.5px;
            left: 2.5px;
            width: 20px;
            height: 20px;
            background-color: #fff;
            border-radius: 50%;
            transition: transform 0.3s;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }

    [b-hyopcdwft0] .check:checked + label {
        background-color: #70c170;
    }

        [b-hyopcdwft0] .check:checked + label::before {
            transform: translateX(25px);
        }

.input-group-check[b-hyopcdwft0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #eee;
    border-radius: 5px;
    padding: 10px;
    margin: 4px;
    flex-direction: column;
}

.form-row.modal-form-row[b-hyopcdwft0] {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    margin-top: 15px;
}
/* /Components/Layout/Activities/DressCodeAssign.razor.rz.scp.css */
.main-container[b-2poap94x9a]{
    margin-top:30px;
}

.header[b-2poap94x9a] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-2poap94x9a] {
    margin: 0;
}

.form-container[b-2poap94x9a] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
}

.form-group[b-2poap94x9a] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}
[b-2poap94x9a] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-2poap94x9a] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.save-button[b-2poap94x9a] {
    background-color: #70c170;
    color: white;
    width: 195px;
    height: 30px;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
}

.input-group-custom[b-2poap94x9a] {
    display: flex;
    flex-direction: column;
}

.input-wrapper[b-2poap94x9a] {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

[b-2poap94x9a] .check {
    display: none;
}

    [b-2poap94x9a] .check + label {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 25px;
        background-color: #ddd;
        border-radius: 50px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

        [b-2poap94x9a] .check + label::before {
            content: "";
            position: absolute;
            top: 2.5px;
            left: 2.5px;
            width: 20px;
            height: 20px;
            background-color: #fff;
            border-radius: 50%;
            transition: transform 0.3s;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }

    [b-2poap94x9a] .check:checked + label {
        background-color: #70c170;
    }

        [b-2poap94x9a] .check:checked + label::before {
            transform: translateX(25px);
        }

.input-group-check[b-2poap94x9a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #eee;
    border-radius: 5px;
    padding: 10px;
    margin: 4px;
    flex-direction: column;
}

@media (max-width: 768px) {
    .input-filter[b-2poap94x9a] {
        width: 60%;
    }

    .header[b-2poap94x9a] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 10px;
    }
}
/* /Components/Layout/Activities/DuplicateActivityModal.razor.rz.scp.css */
.form-group[b-8irmg92poe] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}

[b-8irmg92poe] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-8irmg92poe] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.save-button[b-8irmg92poe] {
    background-color: #70c170;
    color: white;
    width: 195px;
    height: 30px;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
}

.input-group-custom[b-8irmg92poe] {
    display: flex;
    flex-direction: column;
}

.input-wrapper[b-8irmg92poe] {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

[b-8irmg92poe] .check {
    display: none;
}

    [b-8irmg92poe] .check + label {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 25px;
        background-color: #ddd;
        border-radius: 50px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

        [b-8irmg92poe] .check + label::before {
            content: "";
            position: absolute;
            top: 2.5px;
            left: 2.5px;
            width: 20px;
            height: 20px;
            background-color: #fff;
            border-radius: 50%;
            transition: transform 0.3s;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }

    [b-8irmg92poe] .check:checked + label {
        background-color: #70c170;
    }

        [b-8irmg92poe] .check:checked + label::before {
            transform: translateX(25px);
        }

.input-group-check[b-8irmg92poe] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #eee;
    border-radius: 5px;
    padding: 10px;
    margin: 4px;
    flex-direction: column;
}

.form-row.modal-form-row[b-8irmg92poe] {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    margin-top: 15px;
}
/* /Components/Layout/Activities/EvitrackAssignModal.razor.rz.scp.css */
.form-group[b-nqopefcavm] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}

[b-nqopefcavm] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-nqopefcavm] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.save-button[b-nqopefcavm] {
    background-color: #70c170;
    color: white;
    width: 195px;
    height: 30px;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
}

.input-group-custom[b-nqopefcavm] {
    display: flex;
    flex-direction: column;
}

.input-wrapper[b-nqopefcavm] {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

[b-nqopefcavm] .check {
    display: none;
}

    [b-nqopefcavm] .check + label {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 25px;
        background-color: #ddd;
        border-radius: 50px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

        [b-nqopefcavm] .check + label::before {
            content: "";
            position: absolute;
            top: 2.5px;
            left: 2.5px;
            width: 20px;
            height: 20px;
            background-color: #fff;
            border-radius: 50%;
            transition: transform 0.3s;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }

    [b-nqopefcavm] .check:checked + label {
        background-color: #70c170;
    }

        [b-nqopefcavm] .check:checked + label::before {
            transform: translateX(25px);
        }

.input-group-check[b-nqopefcavm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #eee;
    border-radius: 5px;
    padding: 10px;
    margin: 4px;
    flex-direction: column;
}

.form-row.modal-form-row[b-nqopefcavm] {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    margin-top: 15px;
}

.table-scroll-container[b-nqopefcavm] {
    max-height: 400px;
    overflow-y: auto;
}

.modal-footer-sticky[b-nqopefcavm] {
    position: sticky;
    display: flex;
    bottom: 0;
    background: white;
    padding: 10px;
    border-top: 1px solid #eee;
    justify-content: center;
}

/* /Components/Layout/Activities/ResumeDressCodeAssignModal.razor.rz.scp.css */

.assignment-summary[b-vtmmorn9xe] {
    max-height: 60vh;
    overflow-y: auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

[b-vtmmorn9xe] .summary-block {
    border: #c1bcbc solid 1px;
    margin: 5px;
    border-radius: 5px;
    padding: 10px;
}

    [b-vtmmorn9xe] .summary-block.success {
        background: #f0faf4;
        border-left: 4px solid #55ce93;
    }

    [b-vtmmorn9xe] .summary-block.warning {
        background: #fff7e6;
        border-left: 4px solid #f0ad4e;
    }

    [b-vtmmorn9xe] .summary-block b {
        display: block;
        margin-bottom: .5rem;
        padding: 2px;
        font-size: 1rem;
        border-bottom: #bbbbbb solid 2px;
    }

    [b-vtmmorn9xe] .summary-block ul {
        margin: 0;
        padding-left: 1.25rem;
    }

    [b-vtmmorn9xe] .summary-block li {
        margin-bottom: .25rem;
        font-size: .95rem;
    }

.form-row.modal-form-row[b-vtmmorn9xe] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}
/* /Components/Layout/Activities/SubActivities.razor.rz.scp.css */
.main-container[b-5v0scg5w1q]{
    margin-top:30px;
}

.header[b-5v0scg5w1q] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-5v0scg5w1q] {
    margin: 0;
}

.form-container[b-5v0scg5w1q] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
}

.form-group[b-5v0scg5w1q] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}
[b-5v0scg5w1q] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-5v0scg5w1q] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.save-button[b-5v0scg5w1q] {
    background-color: #70c170;
    color: white;
    width: 195px;
    height: 30px;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
}

.input-group-custom[b-5v0scg5w1q] {
    display: flex;
    flex-direction: column;
}

.input-wrapper[b-5v0scg5w1q] {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

[b-5v0scg5w1q] .check {
    display: none;
}

    [b-5v0scg5w1q] .check + label {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 25px;
        background-color: #ddd;
        border-radius: 50px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

        [b-5v0scg5w1q] .check + label::before {
            content: "";
            position: absolute;
            top: 2.5px;
            left: 2.5px;
            width: 20px;
            height: 20px;
            background-color: #fff;
            border-radius: 50%;
            transition: transform 0.3s;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }

    [b-5v0scg5w1q] .check:checked + label {
        background-color: #70c170;
    }

        [b-5v0scg5w1q] .check:checked + label::before {
            transform: translateX(25px);
        }

.input-group-check[b-5v0scg5w1q] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #eee;
    border-radius: 5px;
    padding: 10px;
    margin: 4px;
    flex-direction: column;
}

@media (max-width: 768px) {
    .input-filter[b-5v0scg5w1q] {
        width: 60%;
    }

    .header[b-5v0scg5w1q] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 10px;
    }
}
/* /Components/Layout/AddActivityEventAttendees/ActivityAssignmentAttendeeFilter.razor.rz.scp.css */
.form-container[b-joopjl657p] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
    margin-bottom: 25px;
}

[b-joopjl657p] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-joopjl657p] .dropdown {
    margin-bottom: 10px;
    margin-top: 5px;
}

[b-joopjl657p] .dropdown .btn-select span{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/* /Components/Layout/AddActivityEventAttendees/AddActivityEventAttendeesModal.razor.rz.scp.css */

.assignment-summary[b-nni394bqfb] {
    max-height: 60vh;
    overflow-y: auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

[b-nni394bqfb] .summary-block {
    border: #c1bcbc solid 1px;
    margin: 5px;
    border-radius: 5px;
    padding: 10px;
    overflow-y: auto;
    height: 150px;
}

    [b-nni394bqfb] .summary-block.success {
        background: #f0faf4;
        border-left: 4px solid #55ce93;
    }

    [b-nni394bqfb] .summary-block.warning {
        background: #fff7e6;
        border-left: 4px solid #f0ad4e;
    }

    [b-nni394bqfb] .summary-block b {
        display: block;
        margin-bottom: .5rem;
        padding: 2px;
        font-size: 1rem;
        border-bottom: #bbbbbb solid 2px;
    }

    [b-nni394bqfb] .summary-block ul {
        margin: 0;
        padding-left: 1.25rem;
    }

    [b-nni394bqfb] .summary-block li {
        margin-bottom: .25rem;
        font-size: .95rem;
    }

.form-row.modal-form-row[b-nni394bqfb] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}
/* /Components/Layout/AddActivityEventAttendees/AddAttendeeModalAssignmentActivity.razor.rz.scp.css */
.header[b-fj9dvwhti7] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-fj9dvwhti7] {
    margin: 0;
}

.form-container[b-fj9dvwhti7] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
}

.form-row[b-fj9dvwhti7] {
    display: flex;
    margin-bottom: 15px;
}

.form-group[b-fj9dvwhti7] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}

    .form-group:last-child[b-fj9dvwhti7] {
        margin-right: 0;
    }

    .form-group label[b-fj9dvwhti7] {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }

        .form-group label i[b-fj9dvwhti7] {
            margin-left: 5px;
            font-size: 14px;
            color: #000;
        }

    .form-group small[b-fj9dvwhti7] {
        font-size: 12px;
        color: gray;
    }

.form-footer[b-fj9dvwhti7] {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 25px;
}

.sub-header[b-fj9dvwhti7] {
    display: flex;
    margin-top: 25px;
    margin-bottom: 25px;
    align-items: center;
}

    .sub-header h3[b-fj9dvwhti7] {
        margin-right: 15px;
    }

[b-fj9dvwhti7] .check {
    display: none;
}

    [b-fj9dvwhti7] .check + .label-checkbox {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 25px;
        background-color: #ddd;
        border-radius: 50px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

        [b-fj9dvwhti7] .check + .label-checkbox::before {
            content: "";
            position: absolute;
            top: 2.5px;
            left: 2.5px;
            width: 20px;
            height: 20px;
            background-color: #fff;
            border-radius: 50%;
            transition: transform 0.3s;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }

    [b-fj9dvwhti7] .check:checked + .label-checkbox {
        background-color: #70c170;
    }

        [b-fj9dvwhti7] .check:checked + .label-checkbox::before {
            transform: translateX(25px);
        }

[b-fj9dvwhti7] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-fj9dvwhti7] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.save-button[b-fj9dvwhti7] {
    background-color: #70c170;
    color: white;
    width: 195px;
    height: 30px;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
}

.input-group-custom[b-fj9dvwhti7] {
    display: flex;
    flex-direction: column;
}

.input-wrapper[b-fj9dvwhti7] {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

[b-fj9dvwhti7] .input-wrapper .form-control {
    margin-bottom: 0px !important;
}

.btn[b-fj9dvwhti7] {
    cursor: pointer;
    opacity: 1;
    font-size: 1em;
    border: 0;
    border-right: 1px solid #ddd;
    align-items: center;
    background: transparent;
    color: black;
    min-height: 37px;
    padding: 5px;
    margin: 0;
    min-width: auto;
    border-radius: initial;
}

    .btn.btn-primary:disabled[b-fj9dvwhti7] {
        cursor: default;
    }

.field-content[b-fj9dvwhti7] {
    display: flex;
    width: 100%;
}

.options-custom[b-fj9dvwhti7] {
    display: flex;
}

[b-fj9dvwhti7] .btn.btn-add {
    margin-right: 5px;
}

[b-fj9dvwhti7] .modal-content {
    min-height: 35vh;
}

@media (max-width: 768px) {
    .header[b-fj9dvwhti7] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 10px;
    }

    .form-row[b-fj9dvwhti7] {
        flex-direction: column;
    }

    .form-group[b-fj9dvwhti7] {
        max-width: 100%;
        margin-right: 0;
    }
}


.form-category[b-fj9dvwhti7],
.dinamic-form[b-fj9dvwhti7] {
    display: flex;
    flex-wrap: nowrap; /* <-- importante para responsividad */
    align-items: baseline;
    gap: 1rem;
}

    /* Campos dentro de cada grupo */
    .form-category select[b-fj9dvwhti7],
    .dinamic-form select[b-fj9dvwhti7],
    .dinamic-form input[b-fj9dvwhti7] {
        flex: 1 1 39px;
        min-width: 180px;
    }

    /* Contenedor de opciones (para campos tipo Select, Option, etc.) */
    .dinamic-form > div.mt-2[b-fj9dvwhti7] {
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        gap: 0.5rem;
        margin-top: 0.5rem;
    }

/* Botones y campos */
button[b-fj9dvwhti7], .btn[b-fj9dvwhti7] {
    white-space: nowrap;
}

/* Input form-control con margen inferior para respiración */
.dinamic-form .form-control[b-fj9dvwhti7] {
    margin-bottom: 0.5rem;
}

/* Indicador de campo obligatorio */
.required-values[b-fj9dvwhti7] {
    color: red;
    margin-left: 4px;
}

.options-container[b-fj9dvwhti7] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

/* Cada fila de opción */
.option-line[b-fj9dvwhti7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    /* El input debe ocupar el espacio disponible */
    .option-line input[b-fj9dvwhti7] {
        flex: 0 0 300px; /* NO crecer, NO encoger, SI tener 300px */
        min-width: 0;
    }

    /* Botones de la última opción */
    .option-line .buttons[b-fj9dvwhti7] {
        display: flex;
        gap: 0.5rem;
        flex-shrink: 0; /* No dejes que los botones se achiquen */
    }

/* Responsive para móviles */
@media (max-width: 768px) {
    .option-line[b-fj9dvwhti7] {
        flex-direction: column;
        align-items: stretch;
    }

        .option-line .buttons[b-fj9dvwhti7] {
            flex-direction: row;
            justify-content: flex-start;
        }

        .option-line input[b-fj9dvwhti7] {
            flex: auto; /* NO crecer, NO encoger, SI tener 300px */
            min-width: 0;
        }

    .form-category[b-fj9dvwhti7],
    .dinamic-form[b-fj9dvwhti7] {
        flex-direction: column;
        align-items: stretch;
    }

        .form-category select[b-fj9dvwhti7],
        .dinamic-form select[b-fj9dvwhti7],
        .dinamic-form input[b-fj9dvwhti7] {
            width: 100%;
        }

        .dinamic-form > div.mt-2[b-fj9dvwhti7] {
            flex-direction: column;
        }
}
/* /Components/Layout/Attendee/AttendeeDocuments.razor.rz.scp.css */
.button-row[b-65pbb3y6gt] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top:25px
}

.button-left[b-65pbb3y6gt] {
    width: 150px; /* igual al ancho del botón Delete para equilibrio */
}

.button-center[b-65pbb3y6gt] {
    flex-grow: 1;
    display: flex;
    justify-content: center;
}

.header[b-65pbb3y6gt] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-65pbb3y6gt] {
    margin: 0;
}

.space[b-65pbb3y6gt]{
    margin-top: 25px
}

.form-container[b-65pbb3y6gt] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
    margin-bottom: 25px;
}

[b-65pbb3y6gt] .btn-delete {
    min-width: auto !important;
    padding: .8em 1.2em !important;
    box-sizing: border-box !important;
}
/* /Components/Layout/Attendee/AttendeePassport.razor.rz.scp.css */
.button-row[b-kxhih3stf0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top:25px
}

.button-left[b-kxhih3stf0] {
    width: 150px; /* igual al ancho del botón Delete para equilibrio */
}

.button-center[b-kxhih3stf0] {
    flex-grow: 1;
    display: flex;
    justify-content: center;
}

.header[b-kxhih3stf0] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-kxhih3stf0] {
    margin: 0;
}

.space[b-kxhih3stf0] {
    margin-top: 25px
}

.form-container[b-kxhih3stf0] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
    margin-bottom: 25px;
}

.row [class^="col-"] .form-control[b-kxhih3stf0] {
    margin-bottom: 10px;
}
/* /Components/Layout/Attendee/EmergencyContacts.razor.rz.scp.css */
.button-row[b-8scap4cz2g] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top:25px
}

.button-left[b-8scap4cz2g] {
    width: 150px; /* igual al ancho del botón Delete para equilibrio */
}

[b-8scap4cz2g] .btn-delete {
    min-width: auto !important;
    padding: .8em 1.2em !important;
    box-sizing: border-box !important;
}

.button-center[b-8scap4cz2g] {
    flex-grow: 1;
    display: flex;
    justify-content: center;
}

.header[b-8scap4cz2g] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-8scap4cz2g] {
    margin: 0;
}

.form-container[b-8scap4cz2g] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
    margin-bottom: 25px;
}
/* /Components/Layout/Attendee/EventFieldsSettingsModal.razor.rz.scp.css */
body[b-6xruenzs34] {
}
/* /Components/Layout/Attendee/FieldsContent.razor.rz.scp.css */
.input-wrapper[b-oz0ee7oxf1] {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom:10px;
    margin-top: 5px;
}

.btn-custom[b-oz0ee7oxf1] {
    cursor: pointer;
    opacity: 1;
    font-size: 1em;
    border: 0;
    border-right: 1px solid #ddd;
    align-items: center;
    background: transparent;
    color: black;
    min-height: 37px;
    padding: 5px;
    margin: 0;
    min-width: auto;
    border-radius: initial;
}

    .btn-custom.btn-primary:disabled[b-oz0ee7oxf1] {
        cursor: default;
    }

.field-content[b-oz0ee7oxf1] {
    display: flex;
    width: 100%;
}

.field-column[b-oz0ee7oxf1] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
}

.options-custom[b-oz0ee7oxf1] {
    display: flex;
}

.order-options[b-oz0ee7oxf1] {
    display: flex;
    align-items: baseline;
    margin-right: 5px;
}

.not-border-field[b-oz0ee7oxf1]{
    border: none;
}

@media (max-width: 768px) {
    .form-row[b-oz0ee7oxf1] {
        flex-direction: column;
    }

    .form-group[b-oz0ee7oxf1] {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
}
/* /Components/Layout/Attendee/ImportAttendeesModal.razor.rz.scp.css */

#dropZone[b-9w0misoxjo] {
    width: 100%;
    height: 150px;
    border: 2px dashed #007bff;
    border-radius: 10px;
    background-color: #f8f9fa;
    text-align: center;
    padding: 20px;
    cursor: pointer;
    transition: background-color 0.3s, border-color 0.3s;
}

    #dropZone p[b-9w0misoxjo] {
        color: #333;
        font-size: 16px;
        margin: 0;
    }

[b-9w0misoxjo] #dropZone input {
    margin-top: 10px;
    padding: 8px 15px;
    border: none;
    background-color: #007bff;
    color: white;
    font-size: 14px;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s;
}

#dropZone input:hover[b-9w0misoxjo] {
    background-color: #0056b3;
}

/* Cuando un archivo está encima del dropzone */
#dropZone.active[b-9w0misoxjo] {
    background-color: #e3f2fd;
    border-color: #0056b3;
}

[b-9w0misoxjo] .hidden-input {
    display: none;
}

.custom-file-upload[b-9w0misoxjo] {
    margin-top: 25px;
    display: inline-block;
    padding: 10px 15px;
    background-color: #007bff;
    color: white;
    cursor: pointer;
    border-radius: 5px;
}

    .custom-file-upload:hover[b-9w0misoxjo] {
        background-color: #0056b3;
    }

/* Ocultar el input de archivos */
.d-none[b-9w0misoxjo] {
    display: none;
}



.modal-overlay[b-9w0misoxjo] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

.modal-content[b-9w0misoxjo] {
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    width: 70%;
    max-height: 90vh;
    overflow-y: auto;
    position: relative;
}

    .modal-content h3[b-9w0misoxjo] {
        margin-bottom: 25px;
    }


.modal-overlay-preview[b-9w0misoxjo] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

.modal-content-preview[b-9w0misoxjo] {
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    width: 70%;
    max-height: 90vh;
    overflow-y: auto;
    position: relative;
}

    .modal-content-preview h3[b-9w0misoxjo] {
        margin-bottom: 25px;
    }

.import-settings[b-9w0misoxjo], .extra-options[b-9w0misoxjo] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 15px;
}

.close-button[b-9w0misoxjo] {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    cursor: pointer;
}

.table-container-modal[b-9w0misoxjo] {
    width: 100%;
    scrollbar-width: thin;
    overflow-y: auto;
    margin-bottom: 15px;
}

.preview-table[b-9w0misoxjo] {
    width: 100%;
    border-collapse: collapse;
}

    .preview-table th[b-9w0misoxjo],
    .preview-table td[b-9w0misoxjo] {
        width: auto; /* Ajusta el ancho automáticamente */
        min-width: 120px; /* Define un ancho mínimo uniforme */
        max-width: 200px; /* Define un ancho máximo opcional */
        text-align: center; /* Centra el contenido */
        white-space: nowrap; /* Evita saltos de línea */
        overflow: hidden; /* Oculta el texto si excede el ancho */
        text-overflow: ellipsis; /* Muestra "..." si el texto es muy largo */
        padding: 8px; /* Agrega espacio interno */
        border: 1px solid #ddd; /* Bordes de celda */
    }

    .preview-table th[b-9w0misoxjo] {
        background-color: #f4f4f4; /* Color de fondo para encabezados */
        font-weight: bold;
    }

.table-input[b-9w0misoxjo] {
    width: 100%;
    border: none;
    padding: 5px;
    font-size: 14px;
}

.column-select[b-9w0misoxjo] {
    width: 100%;
    padding: 5px;
    font-size: 14px;
}

.button-group[b-9w0misoxjo] {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}

[b-9w0misoxjo] .btn-primary {
    background: #007bff;
    color: white;
    padding: 8px 15px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

    [b-9w0misoxjo] .btn-primary:disabled {
        background: #ddd;
        cursor: default;
    }

.btn-secondary[b-9w0misoxjo] {
    background: #ddd;
    padding: 8px 15px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}



@media (max-width: 768px) {

    .importUser-Container[b-9w0misoxjo] {
        margin-left: 0;
        padding: 10px;
    }
}



/* Modo Desktop: Mostrar tabla */
.desktop-view[b-9w0misoxjo] {
    display: table;
}

.mobile-view[b-9w0misoxjo] {
    display: none;
}

@media screen and (max-width: 768px) {
    .desktop-view[b-9w0misoxjo] {
        display: none;
    }

    .mobile-view[b-9w0misoxjo] {
        display: block;
        height: calc(100vh - 300px);
    }

    /* Contenedor flex para título y select */
    .column-header[b-9w0misoxjo] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        margin-bottom: 5px;
    }

        .column-header h4[b-9w0misoxjo] {
            font-size: 16px;
            font-weight: bold;
            margin: 0;
            flex: 1; /* Para que el título ocupe el espacio disponible */
            white-space: nowrap; /* Evita que el texto se divida en varias líneas */
        }

    .column-select[b-9w0misoxjo] {
        width: auto;
        min-width: 124px;
        padding: 5px;
        font-size: 14px;
    }

    .column-list[b-9w0misoxjo] {
        border: 1px solid #ddd;
        margin-bottom: 15px;
        padding: 10px;
        background: #fff;
        border-radius: 5px;
        border-bottom: 2px solid #ccc; /* Línea divisoria entre columnas */
    }

        .column-list:last-child[b-9w0misoxjo] {
            border-bottom: none; /* Evita la línea extra en la última columna */
        }

        /* Alinear inputs en fila */
        .column-list ul[b-9w0misoxjo] {
            list-style: none;
            padding: 0;
            display: flex;
            flex-wrap: wrap; /* Para que los inputs se acomoden si hay poco espacio */
            gap: 10px;
        }

        .column-list li[b-9w0misoxjo] {
            flex: 1;
        }

        .column-list input[b-9w0misoxjo] {
            width: 100%
        }
}


.dropzone.loading[b-9w0misoxjo] {
    position: relative;
}

    .dropzone.loading[b-9w0misoxjo]:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: rgb(255,255,255,.9);
    }

    .dropzone.loading[b-9w0misoxjo]:after {
        --radius: 3em;
        content: '';
        position: absolute;
        width: var(--radius);
        height: var(--radius);
        left: calc(50% - (var(--radius) / 2));
        top: calc(50% - (var(--radius) / 2));
        border: .35em solid #00cfd3;
        border-color: #00cfd3 transparent #00cfd3 transparent;
        border-radius: 50%;
        animation: rotate-b-9w0misoxjo 1s linear infinite;
    }

@keyframes rotate-b-9w0misoxjo {
    100% {
        transform: rotate(360deg)
    }
}

[b-9w0misoxjo] .btn-secondary {
    border-radius: 5px;
    border: none;
    padding: 8px 15px;
    background-color: #ddd;
    cursor: pointer;
}
/* /Components/Layout/Attendee/ModalAttendee.razor.rz.scp.css */
.form-group[b-6q7q0mkjn1] {
    display: flex;
    flex-direction: column;
}

    .form-group:last-child[b-6q7q0mkjn1] {
        margin-right: 0;
    }

    .form-group label[b-6q7q0mkjn1] {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }

        .form-group label i[b-6q7q0mkjn1] {
            margin-left: 5px;
            font-size: 14px;
            color: #000;
        }

    .form-group small[b-6q7q0mkjn1] {
        font-size: 12px;
        color: gray;
    }
.form-footer[b-6q7q0mkjn1] {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 25px;
}

[b-6q7q0mkjn1] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-6q7q0mkjn1] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.form-row-grid[b-6q7q0mkjn1] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); /* se adapta según el ancho */
    gap: 15px; /* espacio entre columnas */
    margin-top: 20px;
    margin-bottom: 20px;
}

[b-6q7q0mkjn1] .modal-content {
    min-height: 35vh;
}
/* /Components/Layout/Attendee/ModalAttendeeCoincidences.razor.rz.scp.css */
.content-modal-container[b-1kmybe250w], .confirmation-modal-content[b-1kmybe250w] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem;
    max-width: 100%;
    box-sizing: border-box;
}

.text-center[b-1kmybe250w] {
    text-align: center;
}

.actions[b-1kmybe250w] {
    margin: 1rem 0;
}

.or-text[b-1kmybe250w] {
    margin: 0.5rem 0;
    font-weight: bold;
}

.table-vertical-scroll[b-1kmybe250w] {
    max-height: 300px; /* ajusta según tu diseño */
    overflow-y: auto;
    width: 100%;
    margin-bottom: 1rem;
}

.table[b-1kmybe250w] {
    width: 100%;
    border-collapse: collapse;
    min-width: 600px; /* o ajusta según necesidades */
}

    .table th[b-1kmybe250w],
    .table td[b-1kmybe250w] {
        padding: 0.5rem;
        border: 1px solid #ccc;
        text-align:center ;
    }

.form-footer[b-1kmybe250w] {
    width: 100%;
    display: flex;
    padding-top: 1rem;
    justify-content: center;
}

.footer-right[b-1kmybe250w] {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}
/* /Components/Layout/Attendee/ModalAttendeeFiltered.razor.rz.scp.css */
.dt-container[b-jb7b6l9ok2], .dt-table-container[b-jb7b6l9ok2] {
    overflow-x: auto; /* Permite el desplazamiento horizontal */
    width: 100%; /* Asegura que la tabla ocupe el ancho completo del contenedor */    
}

.dt-container[b-jb7b6l9ok2] {
    margin: 1.5em 0px;
}

    [b-jb7b6l9ok2] .dt-table {
        width: 100%;
    }

    [b-jb7b6l9ok2] .dt-table th, [b-jb7b6l9ok2] .dt-table td {
        padding: 15px;
        text-align: center;
    }

        [b-jb7b6l9ok2] .dt-table th {
            background-color: #5c6670;
            color: #fff;
        }

    [b-jb7b6l9ok2] .dt-table td {
        background-color: #ffffff;
        border-bottom: 1px solid #ddd;
    }

    [b-jb7b6l9ok2] .dt-table tr:hover td {
        background-color: #f1f1f1;
    }

[b-jb7b6l9ok2] .dt-pags-container {
    margin-top: 1.5em;
}

[b-jb7b6l9ok2] .dt-pags-controls {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

    [b-jb7b6l9ok2] .dt-pags-controls span {
        padding: 0 .9em;
        white-space: nowrap;
    }
.btn-table[b-jb7b6l9ok2] {
    border: none;
    padding: 5px;
    border-radius: 5px;
    background: #87C565;
    color: #fff;
    cursor: pointer;
}

.input-filter[b-jb7b6l9ok2] {
    width: 250px;
    height:35px;
    border-radius: 5px;
}

.left-options[b-jb7b6l9ok2] {
    display: flex;
    gap: 10px; /* Espacio entre elementos */
}
.options[b-jb7b6l9ok2] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 15px;
}

.right-options:has(+ .dt-container)[b-jb7b6l9ok2] {
    margin-top: -3.1em;
}

.form-row[b-jb7b6l9ok2] {
    display: flex;
    margin-bottom: 15px;
}

.div-inputs[b-jb7b6l9ok2] {
    display: flex;
    align-items: baseline;
}
    .form-group[b-jb7b6l9ok2] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}

    .form-group:last-child[b-jb7b6l9ok2] {
        margin-right: 0;
    }

    .form-group label[b-jb7b6l9ok2] {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }

        .form-group label i[b-jb7b6l9ok2] {
            margin-left: 5px;
            font-size: 14px;
            color: #000;
        }

    .form-group small[b-jb7b6l9ok2] {
        font-size: 12px;
        color: gray;
    }

[b-jb7b6l9ok2] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-jb7b6l9ok2] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.form-content[b-jb7b6l9ok2] {
    overflow-y: none;
    height: auto;
}

.form-footer[b-jb7b6l9ok2] {
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
}
[b-jb7b6l9ok2] .save-user:disabled,
[b-jb7b6l9ok2] .btn-close:disabled {
    background-color: #f0f0f0;
    color: #a0a0a0;    
    cursor: not-allowed;
}

@media(max-width:768px) {
    :: deep .dt-table th[b-jb7b6l9ok2] {
        padding: .4em .5em;
        white-space: nowrap;
    }

    .form-row[b-jb7b6l9ok2] {
        flex-direction: column;
    }

    .form-group[b-jb7b6l9ok2] {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .form-content[b-jb7b6l9ok2] {
        overflow-y: scroll;
        height: 600px;
    }
}
/* /Components/Layout/Attendee/SelectWithSearch.razor.rz.scp.css */
.custom-select-wrapper[b-u1bi5437fe] {
    position: relative;
    width: 100%;
    margin-bottom: 1rem;
}

.custom-select[b-u1bi5437fe] {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 6px 10px;
    background-color: #fff;
    cursor: pointer;
    position: relative;
}

.form-group[b-u1bi5437fe] {
    flex: 1;
    margin-right: 15px;
    width: 33.33%;
}

.selected-item[b-u1bi5437fe] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.2rem .1rem;
    border-radius: 4px;
    cursor: pointer;
}

.item-text[b-u1bi5437fe] {
    flex-grow: 1;
    text-align: left;
}

.icon-arrow[b-u1bi5437fe] {
    margin-left: 0.5rem;
}

.dropdown-panel[b-u1bi5437fe] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    border: 1px solid #ccc;
    background: white;
    z-index: 1000;
    max-height: 200px;
    overflow-y: auto;
    padding: 5px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
}

.search-box[b-u1bi5437fe] {
    width: 100%;
    margin-bottom: 8px;
}

.options-list[b-u1bi5437fe] {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .options-list li[b-u1bi5437fe] {
        padding: 8px;
        cursor: pointer;
        transition: background 0.2s;
    }

        .options-list li:hover[b-u1bi5437fe] {
            background-color: #eee;
        }

@media (max-width: 768px) {
    .form-group[b-u1bi5437fe] {
        width: 100%;
    }
}
/* /Components/Layout/AuthView.razor.rz.scp.css */
/* /Components/Layout/Countries/CitiesCatalog.razor.rz.scp.css */
.header[b-jykpx8m7zy] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-jykpx8m7zy] {
    margin: 0;
}

.btn.add-button[b-jykpx8m7zy] {
    margin: 10px;
    white-space: nowrap;
}

[b-jykpx8m7zy] input[type=checkbox] {
    accent-color: #70c170;
}

[b-jykpx8m7zy] .check {
    display: none;
}

    [b-jykpx8m7zy] .check + label {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 25px;
        background-color: #ddd;
        border-radius: 50px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

        [b-jykpx8m7zy] .check + label::before {
            content: "";
            position: absolute;
            top: 2.5px;
            left: 2.5px;
            width: 20px;
            height: 20px;
            background-color: #fff;
            border-radius: 50%;
            transition: transform 0.3s;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }

    [b-jykpx8m7zy] .check:checked + label {
        background-color: #70c170;
    }

        [b-jykpx8m7zy] .check:checked + label::before {
            transform: translateX(25px);
        }

.input-group-check[b-jykpx8m7zy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #eee;
    border-radius: 5px;
    padding: 10px;
    margin: 4px;
    flex-direction: column;
}

.form-footer[b-jykpx8m7zy] {
    text-align: center;
}

@media (max-width: 768px) {
    .input-filter[b-jykpx8m7zy] {
        width: 60%;
    }

    .header[b-jykpx8m7zy] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 10px;
    }
}
/* /Components/Layout/Countries/StatesCatalog.razor.rz.scp.css */
.header[b-nd2ktv37a6] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-nd2ktv37a6] {
    margin: 0;
}

.btn.add-button[b-nd2ktv37a6] {
    margin: 10px;
    white-space: nowrap;
}

[b-nd2ktv37a6] input[type=checkbox] {
    accent-color: #70c170;
}

[b-nd2ktv37a6] .check {
    display: none;
}

    [b-nd2ktv37a6] .check + label {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 25px;
        background-color: #ddd;
        border-radius: 50px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

        [b-nd2ktv37a6] .check + label::before {
            content: "";
            position: absolute;
            top: 2.5px;
            left: 2.5px;
            width: 20px;
            height: 20px;
            background-color: #fff;
            border-radius: 50%;
            transition: transform 0.3s;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }

    [b-nd2ktv37a6] .check:checked + label {
        background-color: #70c170;
    }

        [b-nd2ktv37a6] .check:checked + label::before {
            transform: translateX(25px);
        }

.input-group-check[b-nd2ktv37a6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #eee;
    border-radius: 5px;
    padding: 10px;
    margin: 4px;
    flex-direction: column;
}

.form-footer[b-nd2ktv37a6] {
    text-align: center;
}

@media (max-width: 768px) {
    .input-filter[b-nd2ktv37a6] {
        width: 60%;
    }

    .header[b-nd2ktv37a6] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 10px;
    }
}
/* /Components/Layout/Deliveries/ModalDelivery.razor.rz.scp.css */
.form-group[b-3g2yvedzle] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}

[b-3g2yvedzle] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-3g2yvedzle] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.save-button[b-3g2yvedzle] {
    background-color: #70c170;
    color: white;
    width: 195px;
    height: 30px;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
}

.input-group-custom[b-3g2yvedzle] {
    display: flex;
    flex-direction: column;
}

.input-wrapper[b-3g2yvedzle] {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

[b-3g2yvedzle] .check {
    display: none;
}

    [b-3g2yvedzle] .check + label {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 25px;
        background-color: #ddd;
        border-radius: 50px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

        [b-3g2yvedzle] .check + label::before {
            content: "";
            position: absolute;
            top: 2.5px;
            left: 2.5px;
            width: 20px;
            height: 20px;
            background-color: #fff;
            border-radius: 50%;
            transition: transform 0.3s;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }

    [b-3g2yvedzle] .check:checked + label {
        background-color: #70c170;
    }

        [b-3g2yvedzle] .check:checked + label::before {
            transform: translateX(25px);
        }

.input-group-check[b-3g2yvedzle] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #eee;
    border-radius: 5px;
    padding: 10px;
    margin: 4px;
    flex-direction: column;
}

.modal-body-scroll[b-3g2yvedzle] {
    max-height: calc(90vh - 220px);
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 4px;
}

.modal-footer-sticky[b-3g2yvedzle] {
    position: sticky;
    bottom: 0;
    background: #fff;
    padding: 16px;
    border-top: 1px solid #e5e5e5;
    text-align: center;
    z-index: 10;
}
/* /Components/Layout/Deliveries/ModalItemDelivery.razor.rz.scp.css */
.form-group[b-zt0pvpk1q1] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}

[b-zt0pvpk1q1] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-zt0pvpk1q1] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.save-button[b-zt0pvpk1q1] {
    background-color: #70c170;
    color: white;
    width: 195px;
    height: 30px;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
}

.input-group-custom[b-zt0pvpk1q1] {
    display: flex;
    flex-direction: column;
}

.input-wrapper[b-zt0pvpk1q1] {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

[b-zt0pvpk1q1] .check {
    display: none;
}

    [b-zt0pvpk1q1] .check + label {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 25px;
        background-color: #ddd;
        border-radius: 50px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

        [b-zt0pvpk1q1] .check + label::before {
            content: "";
            position: absolute;
            top: 2.5px;
            left: 2.5px;
            width: 20px;
            height: 20px;
            background-color: #fff;
            border-radius: 50%;
            transition: transform 0.3s;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }

    [b-zt0pvpk1q1] .check:checked + label {
        background-color: #70c170;
    }

        [b-zt0pvpk1q1] .check:checked + label::before {
            transform: translateX(25px);
        }

.input-group-check[b-zt0pvpk1q1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #eee;
    border-radius: 5px;
    padding: 10px;
    margin: 4px;
    flex-direction: column;
}

.modal-body-scroll[b-zt0pvpk1q1] {
    max-height: calc(90vh - 220px);
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 4px;
}

.modal-footer-sticky[b-zt0pvpk1q1] {
    position: sticky;
    bottom: 0;
    background: #fff;
    padding: 16px;
    border-top: 1px solid #e5e5e5;
    text-align: center;
    z-index: 10;
}
/* /Components/Layout/Deliveries/SummaryCard.razor.rz.scp.css */
.summary-card[b-wijhskic5a] {
    background: #f0f0f0;
    border-radius: 12px;
    padding: 22px 16px;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
    transition: transform .2s ease, box-shadow .2s ease;
    height: 100%;
}

    .summary-card:hover[b-wijhskic5a] {
        transform: translateY(-2px);
        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
    }

.summary-value[b-wijhskic5a] {
    font-size: 32px;
    font-weight: 700;
    color: #0d6efd; /* bootstrap primary */
    line-height: 1.2;
}

.summary-label[b-wijhskic5a] {
    margin-top: 6px;
    font-size: 14px;
    font-weight: 500;
    color: #6c757d;
}
/* /Components/Layout/Deliveries/ValidateDeliveryAccommodationModal.razor.rz.scp.css */
.modal-file-wrapper[b-k2o3fzyfrf] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    max-height: 70dvh;
    margin-bottom: 20px;
}
.modal-buttons[b-k2o3fzyfrf] {
    text-align: center;
}

iframe[b-k2o3fzyfrf] {
    width: 100%;
    height: 65dvh;
}
/* /Components/Layout/Destinations/Terminals.razor.rz.scp.css */
.main-container[b-o6emx81xoo]{
    margin-top:30px;
}

.header[b-o6emx81xoo] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-o6emx81xoo] {
    margin: 0;
}

.form-container[b-o6emx81xoo] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
}

.form-group[b-o6emx81xoo] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}
[b-o6emx81xoo] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-o6emx81xoo] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.save-button[b-o6emx81xoo] {
    background-color: #70c170;
    color: white;
    width: 195px;
    height: 30px;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
}

.input-group-custom[b-o6emx81xoo] {
    display: flex;
    flex-direction: column;
}

.input-wrapper[b-o6emx81xoo] {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

[b-o6emx81xoo] .check {
    display: none;
}

    [b-o6emx81xoo] .check + label {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 25px;
        background-color: #ddd;
        border-radius: 50px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

        [b-o6emx81xoo] .check + label::before {
            content: "";
            position: absolute;
            top: 2.5px;
            left: 2.5px;
            width: 20px;
            height: 20px;
            background-color: #fff;
            border-radius: 50%;
            transition: transform 0.3s;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }

    [b-o6emx81xoo] .check:checked + label {
        background-color: #70c170;
    }

        [b-o6emx81xoo] .check:checked + label::before {
            transform: translateX(25px);
        }

.input-group-check[b-o6emx81xoo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #eee;
    border-radius: 5px;
    padding: 10px;
    margin: 4px;
    flex-direction: column;
}

@media (max-width: 768px) {
    .input-filter[b-o6emx81xoo] {
        width: 60%;
    }

    .header[b-o6emx81xoo] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 10px;
    }
}
/* /Components/Layout/DressCodes/AddDressCodeImagesModal.razor.rz.scp.css */

.modal-footer-sticky[b-jd0iy8ap05] {
    position: sticky;
    bottom: 0;
    background: #fff;
    padding: 16px;
    border-top: 1px solid #e5e5e5;
    text-align: center;
    z-index: 10;
}
/* /Components/Layout/DressCodes/DataTableGrid.razor.rz.scp.css */
.dt-container[b-mfm664bfqi], .dt-table-container[b-mfm664bfqi] {
    overflow-x: auto; /* Permite el desplazamiento horizontal */
    width: 100%; /* Asegura que la tabla ocupe el ancho completo del contenedor */
}

.dt-container[b-mfm664bfqi] {
    margin: 1.5em 0px;
}

[b-mfm664bfqi] .dt-table {
    width: 100%;
}

    [b-mfm664bfqi] .dt-table th, [b-mfm664bfqi] .dt-table td {
        padding: 15px;
        text-align: center;
    }

    [b-mfm664bfqi] .dt-table th {
        background-color: #5c6670;
        color: #fff;
    }

    [b-mfm664bfqi] .dt-table td {
        background-color: #ffffff;
        border-bottom: 1px solid #ddd;
    }

    [b-mfm664bfqi] .dt-table tr:hover td {
        background-color: #f1f1f1;
    }

[b-mfm664bfqi] .dt-pags-container {
    margin-top: 1.5em;
}

[b-mfm664bfqi] .dt-pags-controls {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

    [b-mfm664bfqi] .dt-pags-controls span {
        padding: 0 .9em;
        white-space: nowrap;
    }

.btn-table[b-mfm664bfqi] {
    border: none;
    padding: 5px;
    border-radius: 5px;
    background: #87C565;
    color: #fff;
    cursor: pointer;
}

.input-filter[b-mfm664bfqi] {
    width: 250px;
    height: 35px;
    border-radius: 5px;
}

.left-options[b-mfm664bfqi] {
    display: flex;
    gap: 10px; /* Espacio entre elementos */
    align-items: end;
}
.dt-right[b-mfm664bfqi] {
    font-size: 14px;
    white-space: nowrap;
}
.options[b-mfm664bfqi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    width: 100%
}

.right-options[b-mfm664bfqi] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: row;
    justify-content: flex-end;
}

.right-options:has(+ .dt-container)[b-mfm664bfqi] {
    margin-top: -3.1em;
}

@media(max-width:768px) {
    [b-mfm664bfqi] .dt-table th {
        padding: .4em .5em;
        white-space: nowrap;
    }
}


.dg-grid[b-mfm664bfqi] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 16px;
}

.dg-item[b-mfm664bfqi] {
    display: flex;
    justify-content: center;
}

.dg-header[b-mfm664bfqi] {
    margin-bottom: 16px;
}

.dg-options[b-mfm664bfqi] {
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.dg-search[b-mfm664bfqi] {
    min-width: 240px;
}

.dg-pagination[b-mfm664bfqi] {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.dg-empty[b-mfm664bfqi] {
    text-align: center;
    padding: 2rem;
}

.dt-top-bar[b-mfm664bfqi] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    margin-bottom: 20px;
    margin-bottom: 20px;
}
/* /Components/Layout/DressCodes/ImageSelectCard.razor.rz.scp.css */
.image-card[b-txjs9457av] {
    position: relative;
    width: 180px;
    border-radius: 16px;
    overflow: hidden;
    background: #000;
    border: #dddddd solid 1px;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .image-card img[b-txjs9457av] {
        width: 100%;
        height: 140px;
        object-fit: contain;
        background: #f5f5f5;
        display: block;
    }

    .image-card .image-name[b-txjs9457av] {
        padding: 8px;
        font-size: 14px;
        color: #343434;
        background: #e3e0e082;
        text-align: left;
        position: absolute;
        bottom: 0;
        width: 100%;
    }

.check-container[b-txjs9457av] {
    position: absolute;
    top: 8px;
    left: 8px;
    right: 8px; /* permite ocupar todo el ancho */
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.image-card[b-txjs9457av] {
    transition: background 0.2s ease-in-out;
}

    .image-card:hover[b-txjs9457av] {
        background: #333;
    }

    .check-circle[b-txjs9457av] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 2px solid #7cc7ff;
    background: rgba(0,0,0,0.6);
    display: flex;
    align-items: center;
    justify-content: center;
}

.check-mark[b-txjs9457av] {
    color: #7cc7ff;
    font-size: 14px;
    line-height: 1;
}

.image-card.checked img[b-txjs9457av] {
    filter: brightness(0.6);
}

.image-card.checked[b-txjs9457av] {
    box-shadow: 0 0 0 2px #7cc7ff;
}

.extra-options[b-txjs9457av] {
    display: flex;
    gap: 6px; 
}

[b-txjs9457av] .extra-options .btn {
    min-width: 40px;
}
/* /Components/Layout/DressCodes/ModalDressCode.razor.rz.scp.css */
.form-group[b-5196eex8o1] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}

[b-5196eex8o1] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-5196eex8o1] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.save-button[b-5196eex8o1] {
    background-color: #70c170;
    color: white;
    width: 195px;
    height: 30px;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
}

.input-group-custom[b-5196eex8o1] {
    display: flex;
    flex-direction: column;
}

.input-wrapper[b-5196eex8o1] {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

[b-5196eex8o1] .check {
    display: none;
}

    [b-5196eex8o1] .check + label {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 25px;
        background-color: #ddd;
        border-radius: 50px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

        [b-5196eex8o1] .check + label::before {
            content: "";
            position: absolute;
            top: 2.5px;
            left: 2.5px;
            width: 20px;
            height: 20px;
            background-color: #fff;
            border-radius: 50%;
            transition: transform 0.3s;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }

    [b-5196eex8o1] .check:checked + label {
        background-color: #70c170;
    }

        [b-5196eex8o1] .check:checked + label::before {
            transform: translateX(25px);
        }

.input-group-check[b-5196eex8o1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #eee;
    border-radius: 5px;
    padding: 10px;
    margin: 4px;
    flex-direction: column;
}

.modal-body-scroll[b-5196eex8o1] {
    max-height: calc(90vh - 220px);
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 4px;
}

.modal-footer-sticky[b-5196eex8o1] {
    position: sticky;
    bottom: 0;
    background: #fff;
    padding: 16px;
    border-top: 1px solid #e5e5e5;
    text-align: center;
    z-index: 10;
}

[b-5196eex8o1] .dt-top-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
}

[b-5196eex8o1] .text-end {
    display: flex;
    flex-direction: row-reverse;
}
/* /Components/Layout/EventAccommodations/AccommodationsAppTranslates.razor.rz.scp.css */
[b-pedk3lgurn] .dt-container
{
    margin-top:10px;
}

.descriptions-Container[b-pedk3lgurn]  .dt-container .right-options {
    text-align: right;
}
/* /Components/Layout/EventAccommodations/DuplicateAccommodationModal.razor.rz.scp.css */
.modal-actions[b-99gdmi2dh6] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 1rem;
    position: relative;
}
.confirm-container[b-99gdmi2dh6] {
    margin: auto;
    z-index: 1;
}
.modal-actions .btn[b-99gdmi2dh6],
.modal-actions .btn-cancel[b-99gdmi2dh6],
.modal-actions .save-user[b-99gdmi2dh6] {
    float: none !important;
    display: inline-flex;
    margin: 0;
    vertical-align: middle;
    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
    justify-content: center;
    align-items:center;
    text-align:center;
}
.modal[b-99gdmi2dh6] {
    max-width: 600px;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}
.modal-header[b-99gdmi2dh6] {
    text-align: center;
    padding: 25px 30px 25px 30px;
    border-bottom: 1px solid #e9ecef;
}
.modal-body[b-99gdmi2dh6] {
    padding: 10px 10px;
}
.modal-footer[b-99gdmi2dh6] {
    padding: 10px 15px 10px 15px;
}
.explanation-section[b-99gdmi2dh6] {
    background-color: #f8f8f8;
    padding: 25px;
    border-radius: 8px;
    margin-top: 15px;
}
.explanation-title[b-99gdmi2dh6] {
    font-size: 16px;
    font-weight: 600;
    color: black;
    margin-bottom: 20px;
}

.attribute-list[b-99gdmi2dh6] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.attribute-item[b-99gdmi2dh6] {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    font-size: 15px;
    color: black;
}

.attribute-item[b-99gdmi2dh6]::before {
    content: '•';
    color: #c9c5c5;
    font-size: 20px;
    margin-right: 12px;
    font-weight: bold;
}

[b-99gdmi2dh6] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}
/* /Components/Layout/EventAccommodations/EventRoomTypes.razor.rz.scp.css */
[b-o3dzoacitv] .dt-container {
    margin-top: 10px;
}

.eventRoomType-container[b-o3dzoacitv]  .dt-container .right-options {
    text-align: right;
}

.modal-form-row .form-footer[b-o3dzoacitv] {
    margin: 10px;
}

p.form-control[b-o3dzoacitv] {
    display: inline-flex;
    align-items: center;
}
/* /Components/Layout/EventAccommodations/RoomBlockModule.razor.rz.scp.css */
[b-1eyz8qhtxr] .dt-container {
    margin-top: 0px;
}

.descriptions-Container[b-1eyz8qhtxr]  .dt-container .right-options {
    text-align: right;
}

.roomBlockDates-container .buttons[b-1eyz8qhtxr]{
    margin: auto;
}

.modal-overlay form .form-body[b-1eyz8qhtxr] {
    overflow-y: auto;
    height: auto;
    max-height: calc(80vh - 140px);
}

.modal-form-row .form-footer[b-1eyz8qhtxr] {
    margin: 10px;
}

p.form-control[b-1eyz8qhtxr] {
    display: inline-flex;
    align-items: center;
    background: #fafafa;
}
[b-1eyz8qhtxr] .btn.btn-default {
    background: white;
    color: #009be7;
    border: 1px solid #c9c9c9;
}

/*v-table*/
.dt-options .right-options[b-1eyz8qhtxr] {
    text-align: right;
    margin: 10px auto;
}
.dt-options .add-button[b-1eyz8qhtxr] {
    display: inline-block;
}
.dt-table-container[b-1eyz8qhtxr] {
    width: 100%;
    overflow: auto;
}
.dt-table[b-1eyz8qhtxr] {
    width: 100%;
}

    .dt-table th[b-1eyz8qhtxr], .dt-table td[b-1eyz8qhtxr] {
        padding: 10px;
        text-align: center;
    }

    .dt-table th[b-1eyz8qhtxr] {
        background-color: #5c6670;
        color: #fff;
    }

    .dt-table td[b-1eyz8qhtxr] {
        background-color: #ffffff;
        border-bottom: 1px solid #ddd;
    }

    .dt-table th:first-child[b-1eyz8qhtxr], 
    .dt-table td:first-child[b-1eyz8qhtxr] {
        width: 0px;
        white-space: nowrap;
        position: sticky;
        left: 0;
    }

/*v-table*/


@media (max-width: 991px)
{
    .roomBlockDates-container .buttons[b-1eyz8qhtxr] {
        margin-bottom: 10px;
    }
}

@media (min-width: 992px) {
    .roomBlockDates-container .buttons[b-1eyz8qhtxr] {
        transform: translateY(5px);
    }
}
/* /Components/Layout/EvitrackAccommodation/EvitrackAccommodationRoomModal.razor.rz.scp.css */
[b-o210lj6eq0] .form-control {
    width: 100%;
    height: 38px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

p.form-control[b-o210lj6eq0] {
    font-size: .9em;
    height: auto;
    padding: .7em 6px;
    cursor: default;
}

[b-o210lj6eq0] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}
/* /Components/Layout/EvitrackAccommodation/EvitrackAccommodationStatusPanel.razor.rz.scp.css */

.panel-header[b-m0sl8d13jb] {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .35);
}

.panel-content[b-m0sl8d13jb] {
    padding: .75rem .75rem;
}
.panel-tools[b-m0sl8d13jb] {
    display: flex;
    gap: 8px;
    align-items: center;
    margin: 5px 10px;
    justify-content: flex-end;
}

.panel-search[b-m0sl8d13jb] {
    flex: 1;
    min-width: 0;
}

.panel-btn[b-m0sl8d13jb] {
    padding: .35rem .75rem;
    border: 0;
    border-radius: 8px;
    background: #7ac77a;
    color: #fff;
}

.panel-more[b-m0sl8d13jb] {
    margin-left: auto;
}

/* table */
.panel-table[b-m0sl8d13jb] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.panel-table thead th[b-m0sl8d13jb] {
    text-align: left;
    font-size: .85rem;
    color: #555;
    padding: .4rem .6rem;
    border-bottom: 1px solid #f0f0f0;
}

.panel-table td[b-m0sl8d13jb] {
    padding: .5rem .6rem;
    border-top: 1px solid #f7f7f7;
}

.panel-table tbody tr:hover[b-m0sl8d13jb] {
    background: #fcfcfd;
}

.status-panel .panel-tools[b-m0sl8d13jb] {
    position: relative;
    overflow: visible;
}

[b-m0sl8d13jb] .dt-container .options .left-options input.input-filter {
    width: auto !important;
    height: 35px !important;
    border-radius: 5px !important;
}

.custom-dropdown[b-m0sl8d13jb] {
    width: auto;
}

[b-m0sl8d13jb] .evi-card-body ::deep .dt-container {
    margin-top: 0px;
}

/* /Components/Layout/EvitrackAccommodation/EvitrackAccommodationSummary.razor.rz.scp.css */
.dt-table th[b-zkd3llrrda], .dt-table td[b-zkd3llrrda] {
    padding: 5px 7px;
}

.dt-table th[b-zkd3llrrda] {
    font-size: .8rem;
}

table tr:not(:first-child) td[b-zkd3llrrda] {
    border-bottom: inherit;
    border-top: 1px solid #ddd;
}

table tr:first-child td[b-zkd3llrrda] {
    border-bottom: none;
}

table tr:last-child td[b-zkd3llrrda] {
    border-bottom: 1px solid #ddd;
}

tr.child-row:not(:last-child) td[b-zkd3llrrda] {
    background: #f7f7f7;
    border: none;
}

tr th:first-child[b-zkd3llrrda], tr td:first-child[b-zkd3llrrda] {
    text-align: left;
}

[b-zkd3llrrda] .dropdown {
    max-width: 200px;
}

    [b-zkd3llrrda] .dropdown .btn-select span {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
/* /Components/Layout/EvitrackAccommodation/TrColorAlert.razor.rz.scp.css */
.dt-table tr.time-mark-yellow[b-gv6tiw3vtb]  td {
    background-color: #f5f280;
}
.dt-table tr.time-mark-yellow:hover[b-gv6tiw3vtb]  td {
    background-color: #f7f6c0;
}
.dt-table tr.time-mark-orange[b-gv6tiw3vtb]  td {
    background-color: #ffc252;
}
.dt-table tr.time-mark-orange:hover[b-gv6tiw3vtb]  td {
    background-color: #ffd994;
}
.dt-table tr.time-mark-red[b-gv6tiw3vtb]  td {
    background-color: #ff99b0;
}
.dt-table tr.time-mark-red:hover[b-gv6tiw3vtb]  td {
    background-color: #ffc3c3;
}
.dt-table .time-mark-red:not(:hover)[b-gv6tiw3vtb]  td a {
    color: #0074ad;
}
/* /Components/Layout/EvitrackTransportation/EvitrackTransportationEditModal.razor.rz.scp.css */
.attendeeTable[b-0da5nko7oa] {
    text-align: left;
    margin-bottom: 10px;
}

    .attendeeTable th[b-0da5nko7oa] {
        color: #5f5f5f;
    }

[b-0da5nko7oa] .file-card{
    margin-bottom: 10px;
}

.form-container[b-0da5nko7oa] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
    margin-bottom: 25px;
}

p.form-control[b-0da5nko7oa] {
    background: #f9f9f9;
    font-size: .9em;
    height: auto;
    padding: .7em 6px;
    cursor: default;
    min-height: 38px;
}

[b-0da5nko7oa] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-0da5nko7oa] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}
/* /Components/Layout/EvitrackTransportation/EvitrackTransportationStatusPanel.razor.rz.scp.css */
.status-panel .panel-tools[b-8r4r28otif] {
    position: relative;
    overflow: visible;
}

[b-8r4r28otif] .dt-container .options .left-options input.input-filter {
    width: auto !important;
    height: 35px !important;
    border-radius: 5px !important;
}

.custom-dropdown[b-8r4r28otif] {
    width: auto;
}

[b-8r4r28otif] .evi-card-body ::deep .dt-container {
    margin-top: 0px;
}

.dt-table th[b-8r4r28otif] {
    padding: 5px 7px;
    font-size: .8rem;
}
.dt-table td[b-8r4r28otif] {
    padding: 5px 7px;
    font-size: .9rem;
}

.evi-card-body .dt-table tr th:first-child[b-8r4r28otif], 
.evi-card-body .dt-table tr td:first-child[b-8r4r28otif] {
    position: sticky;
    left: 0;
}
/* /Components/Layout/EvitrackTransportation/EvitrackTransportationSummary.razor.rz.scp.css */
.dt-table th[b-ka0tcwap6n], .dt-table td[b-ka0tcwap6n] {
    padding: 5px 7px;
}

.dt-table th[b-ka0tcwap6n] {
    font-size: .8rem;
}

table tr:not(:first-child) td[b-ka0tcwap6n] {
    border-bottom: inherit;
    border-top: 1px solid #ddd;
}

table tr:first-child td[b-ka0tcwap6n] {
    border-bottom: none;
}

table tr:last-child td[b-ka0tcwap6n] {
    border-bottom: 1px solid #ddd;
}

tr.child-row:not(:last-child) td[b-ka0tcwap6n] {
    background: #f7f7f7;
    border: none;
}

tr th:first-child[b-ka0tcwap6n], tr td:first-child[b-ka0tcwap6n] {
    text-align: left;
}

[b-ka0tcwap6n] .dropdown {
    max-width: 200px;
}

    [b-ka0tcwap6n] .dropdown .btn-select span {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
/* /Components/Layout/Evitrack/EviTrackNotificationModal.razor.rz.scp.css */
[b-eowk9uvj9c] input[type=checkbox] {
    accent-color: #70c170;
}

[b-eowk9uvj9c] .check {
    display: none;
}

    [b-eowk9uvj9c] .check + label {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 25px;
        background-color: #ddd;
        border-radius: 50px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

        [b-eowk9uvj9c] .check + label::before {
            content: "";
            position: absolute;
            top: 2.5px;
            left: 2.5px;
            width: 20px;
            height: 20px;
            background-color: #fff;
            border-radius: 50%;
            transition: transform 0.3s;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }

    [b-eowk9uvj9c] .check:checked + label {
        background-color: #70c170;
    }

        [b-eowk9uvj9c] .check:checked + label::before {
            transform: translateX(25px);
        }

.input-group-check[b-eowk9uvj9c] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #eee;
    border-radius: 5px;
    padding: 10px;
    margin: 4px;
    flex-direction: column;
}

button.btn.btn-sm.btn-outline-primary[b-eowk9uvj9c] {
    background: #0058f9;
}

[b-eowk9uvj9c] .margin-row {
    margin-top: 15px;
}


[b-eowk9uvj9c] .form-control {
    width: 100%;
    height: 38px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

p.form-control[b-eowk9uvj9c] {
    font-size: .9em;
    height: auto;
    padding: .7em 6px;
    cursor: default;
}

[b-eowk9uvj9c] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}
/* /Components/Layout/Gallery/ModalGallery.razor.rz.scp.css */
.form-group[b-p6qmhmk9fc] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}

[b-p6qmhmk9fc] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-p6qmhmk9fc] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.save-button[b-p6qmhmk9fc] {
    background-color: #70c170;
    color: white;
    width: 195px;
    height: 30px;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
}

.input-group-custom[b-p6qmhmk9fc] {
    display: flex;
    flex-direction: column;
}

.input-wrapper[b-p6qmhmk9fc] {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

[b-p6qmhmk9fc] .check {
    display: none;
}

    [b-p6qmhmk9fc] .check + label {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 25px;
        background-color: #ddd;
        border-radius: 50px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

        [b-p6qmhmk9fc] .check + label::before {
            content: "";
            position: absolute;
            top: 2.5px;
            left: 2.5px;
            width: 20px;
            height: 20px;
            background-color: #fff;
            border-radius: 50%;
            transition: transform 0.3s;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }

    [b-p6qmhmk9fc] .check:checked + label {
        background-color: #70c170;
    }

        [b-p6qmhmk9fc] .check:checked + label::before {
            transform: translateX(25px);
        }

.input-group-check[b-p6qmhmk9fc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #eee;
    border-radius: 5px;
    padding: 10px;
    margin: 4px;
    flex-direction: column;
}
/* /Components/Layout/GeneralSettings/ModalAttendeeLabel.razor.rz.scp.css */
.form-row[b-61asdaynzx] {
    display: flex;
    margin-bottom: 15px;
}

.form-group[b-61asdaynzx] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}

    .form-group:last-child[b-61asdaynzx] {
        margin-right: 0;
    }

    .form-group label[b-61asdaynzx] {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }

        .form-group label i[b-61asdaynzx] {
            margin-left: 5px;
            font-size: 14px;
            color: #000;
        }

    .form-group small[b-61asdaynzx] {
        font-size: 12px;
        color: gray;
    }

.modal-form-row[b-61asdaynzx] {
    justify-content: center;
}

[b-61asdaynzx] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-61asdaynzx] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

[b-61asdaynzx] input[type=checkbox] {
    accent-color: #70c170;
}

[b-61asdaynzx] .check {
    display: none;
}

    [b-61asdaynzx] .check + label {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 25px;
        background-color: #ddd;
        border-radius: 50px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

        [b-61asdaynzx] .check + label::before {
            content: "";
            position: absolute;
            top: 2.5px;
            left: 2.5px;
            width: 20px;
            height: 20px;
            background-color: #fff;
            border-radius: 50%;
            transition: transform 0.3s;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }

    [b-61asdaynzx] .check:checked + label {
        background-color: #70c170;
    }

        [b-61asdaynzx] .check:checked + label::before {
            transform: translateX(25px);
        }
/* /Components/Layout/GeneralSettings/ModalAttendeeZone.razor.rz.scp.css */
.form-row[b-uqoyqj9oxg] {
    display: flex;
    margin-bottom: 15px;
}

.form-group[b-uqoyqj9oxg] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}

    .form-group:last-child[b-uqoyqj9oxg] {
        margin-right: 0;
    }

    .form-group label[b-uqoyqj9oxg] {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }

        .form-group label i[b-uqoyqj9oxg] {
            margin-left: 5px;
            font-size: 14px;
            color: #000;
        }

    .form-group small[b-uqoyqj9oxg] {
        font-size: 12px;
        color: gray;
    }

.modal-form-row[b-uqoyqj9oxg] {
    justify-content: center;
}

[b-uqoyqj9oxg] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-uqoyqj9oxg] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

[b-uqoyqj9oxg] input[type=checkbox] {
    accent-color: #70c170;
}

[b-uqoyqj9oxg] .check {
    display: none;
}

    [b-uqoyqj9oxg] .check + label {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 25px;
        background-color: #ddd;
        border-radius: 50px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

        [b-uqoyqj9oxg] .check + label::before {
            content: "";
            position: absolute;
            top: 2.5px;
            left: 2.5px;
            width: 20px;
            height: 20px;
            background-color: #fff;
            border-radius: 50%;
            transition: transform 0.3s;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }

    [b-uqoyqj9oxg] .check:checked + label {
        background-color: #70c170;
    }

        [b-uqoyqj9oxg] .check:checked + label::before {
            transform: translateX(25px);
        }
/* /Components/Layout/GeneralSettings/ModalCategory.razor.rz.scp.css */
.form-row[b-szcci1gfyv] {
    display: flex;
    margin-bottom: 15px;
}

.form-group[b-szcci1gfyv] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}

    .form-group:last-child[b-szcci1gfyv] {
        margin-right: 0;
    }

    .form-group label[b-szcci1gfyv] {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }

        .form-group label i[b-szcci1gfyv] {
            margin-left: 5px;
            font-size: 14px;
            color: #000;
        }

    .form-group small[b-szcci1gfyv] {
        font-size: 12px;
        color: gray;
    }

.modal-form-row[b-szcci1gfyv] {
    justify-content: center;
}

[b-szcci1gfyv] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-szcci1gfyv] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

[b-szcci1gfyv] input[type=checkbox] {
    accent-color: #70c170;
}

[b-szcci1gfyv] .check {
    display: none;
}

    [b-szcci1gfyv] .check + label {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 25px;
        background-color: #ddd;
        border-radius: 50px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

        [b-szcci1gfyv] .check + label::before {
            content: "";
            position: absolute;
            top: 2.5px;
            left: 2.5px;
            width: 20px;
            height: 20px;
            background-color: #fff;
            border-radius: 50%;
            transition: transform 0.3s;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }

    [b-szcci1gfyv] .check:checked + label {
        background-color: #70c170;
    }

        [b-szcci1gfyv] .check:checked + label::before {
            transform: translateX(25px);
        }
/* /Components/Layout/GeneralSettings/ModalSubCategory.razor.rz.scp.css */
.form-row[b-q2bejhkoat] {
    display: flex;
    margin-bottom: 15px;
}

.form-group[b-q2bejhkoat] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}

    .form-group:last-child[b-q2bejhkoat] {
        margin-right: 0;
    }

    .form-group label[b-q2bejhkoat] {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }

        .form-group label i[b-q2bejhkoat] {
            margin-left: 5px;
            font-size: 14px;
            color: #000;
        }

    .form-group small[b-q2bejhkoat] {
        font-size: 12px;
        color: gray;
    }

.modal-form-row[b-q2bejhkoat] {
    justify-content: center;
}

[b-q2bejhkoat] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-q2bejhkoat] span.form-control {
    display: flex;
}

    :: deep select.form-control[b-q2bejhkoat] {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

[b-q2bejhkoat] input[type=checkbox] {
    accent-color: #70c170;
}

[b-q2bejhkoat] .check {
    display: none;
}

    [b-q2bejhkoat] .check + label {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 25px;
        background-color: #ddd;
        border-radius: 50px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

        [b-q2bejhkoat] .check + label::before {
            content: "";
            position: absolute;
            top: 2.5px;
            left: 2.5px;
            width: 20px;
            height: 20px;
            background-color: #fff;
            border-radius: 50%;
            transition: transform 0.3s;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }

    [b-q2bejhkoat] .check:checked + label {
        background-color: #70c170;
    }

        [b-q2bejhkoat] .check:checked + label::before {
            transform: translateX(25px);
        }
/* /Components/Layout/GeneralSettings/ModalTravelCategory.razor.rz.scp.css */
.form-row[b-0hqt57ne2h] {
    display: flex;
    margin-bottom: 15px;
}

.form-group[b-0hqt57ne2h] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}

    .form-group:last-child[b-0hqt57ne2h] {
        margin-right: 0;
    }

    .form-group label[b-0hqt57ne2h] {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }

        .form-group label i[b-0hqt57ne2h] {
            margin-left: 5px;
            font-size: 14px;
            color: #000;
        }

    .form-group small[b-0hqt57ne2h] {
        font-size: 12px;
        color: gray;
    }

.modal-form-row[b-0hqt57ne2h] {
    justify-content: center;
}

[b-0hqt57ne2h] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-0hqt57ne2h] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

[b-0hqt57ne2h] input[type=checkbox] {
    accent-color: #70c170;
}

[b-0hqt57ne2h] .check {
    display: none;
}

    [b-0hqt57ne2h] .check + label {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 25px;
        background-color: #ddd;
        border-radius: 50px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

        [b-0hqt57ne2h] .check + label::before {
            content: "";
            position: absolute;
            top: 2.5px;
            left: 2.5px;
            width: 20px;
            height: 20px;
            background-color: #fff;
            border-radius: 50%;
            transition: transform 0.3s;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }

    [b-0hqt57ne2h] .check:checked + label {
        background-color: #70c170;
    }

        [b-0hqt57ne2h] .check:checked + label::before {
            transform: translateX(25px);
        }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-90rr7v5mvl] {
    position: relative;
    width: 100%;
}

main[b-90rr7v5mvl] {
    flex: 1;
}

.sidebar[b-90rr7v5mvl] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-90rr7v5mvl] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-90rr7v5mvl]  a, .top-row[b-90rr7v5mvl]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-90rr7v5mvl]  a:hover, .top-row[b-90rr7v5mvl]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-90rr7v5mvl]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

[b-90rr7v5mvl] .sidebar.closed ~ .body-container {
    margin-left: 0; /* Se ajusta autom�ticamente cuando el men� est� cerrado */
}

[b-90rr7v5mvl] .body-container {
    flex-grow: 1;
    margin: auto;
    margin-left: 230px;
    margin-right: 0;
    padding: 20px;
    transition: margin-left 0.3s ease-in-out;
}

[b-90rr7v5mvl] .btn {
    min-width: 100px;
    padding: .7em;
    text-align: center;
    color: white;
    border: none;
    border-radius: 6px;
    text-decoration: none;
    cursor: pointer;
    font-size: .85em;
    box-sizing:border-box;
}
[b-90rr7v5mvl] a.btn {
    background: #87c565;
}
    [b-90rr7v5mvl] .btn.btn-min {
        font-size: .8em;
        padding: .7em .85em;
        min-width: auto;
    }

    [b-90rr7v5mvl] .btn.btn-add, [b-90rr7v5mvl] .btn.add-button {
        background: #EB7832;
    }

[b-90rr7v5mvl] .btn.btn-delete {
    background: #EA3323;
}

[b-90rr7v5mvl] .table-container {
    position: relative;
}

[b-90rr7v5mvl] .table-container .box-options {
    display: flex;
    position: absolute;
    right: 0;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 15px;
}

    [b-90rr7v5mvl] .table-container .box-options .left-options {
        display: flex;
        gap: 10px; /* Espacio entre elementos */
    }

    [b-90rr7v5mvl] .table-container .box-options .right-options {
        display: flex;
        gap: 10px;
    }

@media (max-width: 640.98px) {
    .top-row[b-90rr7v5mvl] {
        justify-content: space-between;
    }

    .top-row[b-90rr7v5mvl]  a, .top-row[b-90rr7v5mvl]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-90rr7v5mvl] {
        flex-direction: row;
    }

    .sidebar[b-90rr7v5mvl] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-90rr7v5mvl] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-90rr7v5mvl]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-90rr7v5mvl], article[b-90rr7v5mvl] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
@media (max-width: 768px) {
    [b-90rr7v5mvl] .table-container .box-options {
        flex-direction: column;
        align-items: stretch;
        margin-bottom: auto;
        padding-right: 10px;
        padding-left: 10px;
        box-sizing: border-box;
        transform: translateY(-68px);
    }

        [b-90rr7v5mvl] .table-container .box-options .right-options {
            display: flex;
            gap: 10px;
            order: 2;
            align-items: center;
            height: 45px;
        }

        [b-90rr7v5mvl] .table-container .box-options .left-options {
            width: 100%;
            order: 3;
            justify-content: center;
        }
}

@media(max-width:860px) {
    [b-90rr7v5mvl] .body-container {
        margin-left: 0;
        padding: 10px;
    }
}

#blazor-error-ui[b-90rr7v5mvl] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-90rr7v5mvl] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/Menu/Menu.razor.rz.scp.css */
.breadcrumb-container[b-95lkpo5s38] {
    transition: margin-left 0.3s ease-in-out;
    margin-left: 10px;
    padding: 10px;
    font-size: 16px;
    color: #635c5c;
    font-family: Arial, sans-serif;
}

    .breadcrumb-container.menu-open[b-95lkpo5s38] {
        margin-left: 250px;
    }

.menu-toggle[b-95lkpo5s38] {
    position: fixed;
    left: 260px;
    background: none;
    border: none;
    font-size: 32px;
    cursor: pointer;
    transition: left 0.3s ease-in-out;
    z-index: 1;
    line-height: 1;
    border-radius: .15em;
    padding: .25em;
    background: rgb(255 255 255 / 0.71);
}
.menu-toggle:hover[b-95lkpo5s38] {
    background:white;
}
    /* Flex container for aligning elements */
.breadcrumb-wrapper[b-95lkpo5s38] {
    display: flex;
    justify-content: space-between;
    align-items: center;  
}

    .breadcrumb-wrapper .breadcrumb[b-95lkpo5s38] {
        flex-grow: 1;
    }

[b-95lkpo5s38] .breadcrumb-wrapper select {
    margin-left: auto; /* Push the select to the right */
}

[b-95lkpo5s38] .option-item {
    color: #2d2d2d;
    text-decoration: none;
    width: 100%;
    height: 100%;
}

.sidebar[b-95lkpo5s38] {
    width: 230px;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    transition: transform 0.3s ease-in-out;
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
    padding: 12px;
    overflow-y: auto;
    scrollbar-width: none;
    z-index: 1;
}

.profile[b-95lkpo5s38] {
    text-align: center;
    padding: 10px;
}

    .profile img[b-95lkpo5s38] {
        width: 80px;
        height: 80px;
        border-radius: 10px;
        background: #e0e0e0;
        display: block;
        margin: 0 auto;
    }
.menu-item.main-option[b-95lkpo5s38], [b-95lkpo5s38] .menu-item:not(.main-option) > .option-item{
    padding: 8px;
}
    
.menu-item[b-95lkpo5s38] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    border-radius: 5px;
}

    .menu-item:hover[b-95lkpo5s38] {
        background: #f0f0f0;
    }

.option-item[b-95lkpo5s38] {
    align-items: center;
    display: flex;
    gap: 5px;
}

[b-95lkpo5s38] .menu-item .option-item select {
    font-size: 1em;
    background: white;
}

hr[b-95lkpo5s38] {
    border: none;
    height: 1px;
    background: #b0b0b0;
}

.fa-solid[b-95lkpo5s38] {
    transition: transform 0.3s ease;
}

.submenu[b-95lkpo5s38] {
    padding-left: .3em;
    display: none;
}

    .submenu.show[b-95lkpo5s38] {
        display: block;
    }

.menu-end[b-95lkpo5s38] {
    display: grid;
    justify-items: center;
    align-items: center;
}

h3.text-name[b-95lkpo5s38] {
    min-height: 25px;
}

.span-time-zone[b-95lkpo5s38] {
    margin-right: 1.2em;
    font-size: .8em;
    text-align: center;
}

.zonetime-selectculture[b-95lkpo5s38] {
    width: 252px;
    text-align: right;
}

.main-option[b-95lkpo5s38] {
    font-size: 1em;
    color: #2d2d2d;
}
.option-item i[b-95lkpo5s38] {
    color: #59ad9e;
}

@media(min-width:769px) {
    .sidebar.closed[b-95lkpo5s38] {
        transform: translateX(-100%);
    }

        .sidebar.closed ~ .breadcrumb-wrapper .menu-toggle[b-95lkpo5s38] {
            left: 10px;
        }
}

@media(max-width:860px) {
    .breadcrumb[b-95lkpo5s38] {
        display: none;
    }

    .breadcrumb-wrapper[b-95lkpo5s38] {
        height: 50px;
    }

    .breadcrumb-container.menu-open[b-95lkpo5s38] {
        margin-left: 0;
    }

    .sidebar[b-95lkpo5s38] {
        transform: translateX(-100%);
    }

        .sidebar.closed[b-95lkpo5s38] {
            transform: translateX(0px);
        }

        .sidebar ~ .breadcrumb-wrapper .menu-toggle[b-95lkpo5s38] {
            left: 10px;
        }

        .sidebar.closed ~ .breadcrumb-wrapper .menu-toggle[b-95lkpo5s38] {
            left: 260px;
        }
}
/* /Components/Layout/Menu/SelectBusiness.razor.rz.scp.css */
.selectMenu[b-7v0u01n4k9] {
    width: 159px;
    border: none
}

.selectBusiness[b-7v0u01n4k9] {
    width: 160px;
    height: 34px;
    border-radius: 6px
}
/* /Components/Layout/Menu/SelectEvents.razor.rz.scp.css */
.selectMenu[b-7u6xbay6yt] {
    width: 159px;
    border: none
}

.selectBusiness[b-7u6xbay6yt] {
    width: 160px;
    height: 34px;
    border-radius: 6px
}
/* /Components/Layout/Menu/SelectYear.razor.rz.scp.css */
.selectMenu[b-eekwfxbvz7] {
    width: 159px;
    border: none
}

.selectBusiness[b-eekwfxbvz7] {
    width: 160px;
    height: 34px;
    border-radius: 6px
}
/* /Components/Layout/RoomingChecking/RoomingModal.razor.rz.scp.css */
[b-hsywssf9o1] .dt-container .right-options {
    text-align: right;
}

p.form-control[b-hsywssf9o1] {
    font-size: .9em;
    height: auto;
    padding: .7em 6px;
    cursor: default;
}

.form-control[b-hsywssf9o1], [b-hsywssf9o1] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

select.form-control[b-hsywssf9o1], [b-hsywssf9o1] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

[b-hsywssf9o1] input[type=checkbox] {
    accent-color: #70c170;
}

.input-group-check[b-hsywssf9o1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #eee;
    border-radius: 5px;
    padding: 10px;
    margin: 4px;
    flex-direction: column;
}

[b-hsywssf9o1] .check {
    display: none;
}

    [b-hsywssf9o1] .check + label {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 25px;
        background: #ddd;
        border-radius: 50px;
        cursor: pointer;
        transition: background 0.3s;
    }

        [b-hsywssf9o1] .check + label::before {
            content: "";
            position: absolute;
            top: 2.5px;
            left: 2.5px;
            width: 20px;
            height: 20px;
            background: #fff;
            border-radius: 50%;
            transition: transform 0.3s;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }

    [b-hsywssf9o1] .check:checked + label {
        background: #70c170;
    }

        [b-hsywssf9o1] .check:checked + label::before {
            transform: translateX(25px);
        }

.rooming-modal .dt-table th[b-hsywssf9o1], 
.rooming-modal .dt-table td[b-hsywssf9o1] {
    padding: 5px;
}

.rooming-modal.modal-content h2[b-hsywssf9o1] {
    margin-bottom: 0px;
}
.rooming-modal .dt-container[b-hsywssf9o1]{
    margin-top: 0px;
}

.room-badge[b-hsywssf9o1] {
    background: #f3c544;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}
    .room-badge label[b-hsywssf9o1] {
        margin-right: 10px;
        font-weight: bold;
        color: #3f3f3f;
    }
@media (max-width: 991px) {
    .room-badge[b-hsywssf9o1]{
        margin-bottom: 10px;
    }
}
@media (min-width: 992px) {
    .room-badge[b-hsywssf9o1] {
        display: flex;
        align-items: center;
    }
        .room-badge[b-hsywssf9o1]  input {
            max-width: 250px;
        }
}
/* /Components/Layout/Rooming/AddRoomingModal.razor.rz.scp.css */
body[b-79n4mnwu92] {
}
/* /Components/Layout/Rooming/AddRoommateModal.razor.rz.scp.css */
.input-filter[b-e3p34g8c8x] {
    width: 250px;
    height: 35px;
    border-radius: 5px;
}

.form-control[b-e3p34g8c8x], [b-e3p34g8c8x] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.dt-table th[b-e3p34g8c8x],
.dt-table td[b-e3p34g8c8x] {
    padding: 5px;
}

.panel-float[b-e3p34g8c8x] {
    position: absolute;
    top: 10%;
    right: 0;
    height: 80%;
    display: flex;
    z-index: 9999;
}

/* Contenido desplazable */
.panel-content[b-e3p34g8c8x] {
    width: 260px;
    background: white;
    border: 1px solid #ccc;
    padding: 10px;
    overflow-y: auto;
    transition: transform 0.3s ease;
}

/* Cuando está cerrado, el contenido se oculta completamente */
.panel-float.close .panel-content[b-e3p34g8c8x] {
    transform: translateX(100%);
    display:none
}

/* Botón */
.panel-button[b-e3p34g8c8x] {
    width: 20px;
    background: #f0f0f0;
    border: 1px solid #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform 0.3s ease;
}

/* Cuando está cerrado, el botón se mete un poco hacia adentro */
.panel-flotante.close .panel-button[b-e3p34g8c8x] {
    transform: translateX(0px); /* sobresale 20px */
}

.roommate-list[b-e3p34g8c8x] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.roommate-item[b-e3p34g8c8x] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 8px;
    border-bottom: 1px solid #ccc;
}

/* /Components/Layout/Rooming/AutomaticRoommateTable.razor.rz.scp.css */
[b-g6yptb25yd] .dt-table td.match-strong-automatic {
    background-color: #317302 !important;
}

[b-g6yptb25yd] .dt-table tr:hover td.match-strong-automatic {
    background-color: #5E8C3E !important;
}

[b-g6yptb25yd] .dt-table td.match-medium-automatic {
    background-color: #e6fdce !important;
}

[b-g6yptb25yd] .dt-table tr:hover td.match-medium-automatic {
    background-color: #d4f5b1 !important;
}

[b-g6yptb25yd] .dt-table td.match-weak-automatic {
    background-color: #8AFFA1 !important;
}

[b-g6yptb25yd] .dt-table tr:hover td.match-weak-automatic {
    background-color: #B8FFC6 !important;
}
/* /Components/Layout/Rooming/HistoryAutomaticTableAttendees.razor.rz.scp.css */

[b-cejoxmcgwr] .dt-table td.match-strong {
    background: #e6fdce; /* verde claro */
}

[b-cejoxmcgwr] .dt-table tr:hover td.match-strong {
    background: #d4f5b1;
}

[b-cejoxmcgwr] .dt-table td.match-weak {
    background: #feeae4;
}

[b-cejoxmcgwr] .dt-table tr:hover td.match-weak {
    background: #fbe0d8;
}
/* /Components/Layout/Rooming/HistoryWebTableAttendees.razor.rz.scp.css */

[b-ayv1dnvn8c] .dt-table td.match-strong {
    background: #e6fdce; /* verde claro */
}

[b-ayv1dnvn8c] .dt-table tr:hover td.match-strong {
    background: #d4f5b1;
}

[b-ayv1dnvn8c] .dt-table td.match-weak {
    background: #feeae4;
}

[b-ayv1dnvn8c] .dt-table tr:hover td.match-weak {
    background: #fbe0d8;
}
/* /Components/Layout/Rooming/RoomingDataView.Razor.rz.scp.css */
/* /Components/Layout/Rooming/WebRoommateOptionsTable.razor.rz.scp.css */
[b-lg403uwy0h] .dt-table td.match-strong {
    background: #e6fdce; /* verde claro */
}

[b-lg403uwy0h] .dt-table tr:hover td.match-strong {
    background: #d4f5b1;
}

[b-lg403uwy0h] .dt-table td.match-weak {
    background: #feeae4;
}

[b-lg403uwy0h] .dt-table tr:hover td.match-weak {
    background: #fbe0d8;
}
/* /Components/Layout/RoominPermissions/NewRoomingPermissionModal.razor.rz.scp.css */
[b-38oyzqksja] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-38oyzqksja] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}
/* /Components/Layout/RoominPermissions/RoomingPermissionModal.razor.rz.scp.css */
[b-70eg6vjl9h] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-70eg6vjl9h] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}
/* /Components/Layout/Sites/RegistrationSettingsCard.razor.rz.scp.css */
.stats-row .stat-col:not(:first-child)[b-3rr8uprq4i] {
    border-left: 2px solid #dee2e6; /* color tipo Bootstrap */
}

.stats-row .stat-col[b-3rr8uprq4i] {
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
}
/* /Components/Layout/Sites/RegistrationSteps.razor.rz.scp.css */
.steps[b-s4hk4t9k2e] {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}

.step[b-s4hk4t9k2e] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border: 1px solid #36ab3f;
    border-radius: 5px;
    font-size: 14px;
    color: #36ab3f;
    background: #fff;
    white-space: nowrap;
}

.step-number[b-s4hk4t9k2e] {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #36ab3f;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: bold;
}

.step-line[b-s4hk4t9k2e] {
    width: 30px;
    height: 2px;
    background-color: #28a745;
    margin: 0 6px;
}
/* /Components/Layout/Sites/SettingsCard.razor.rz.scp.css */
.settings-card[b-61zjfe7wrv] {
    background: #fff;
    border-radius: 12px;
    padding: 16px;
    box-shadow: 0 1px 3px rgb(0 0 0 / 28%);
    margin-top: 5px;
    min-height: 100px;
}

.settings-card-header[b-61zjfe7wrv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.settings-card-title[b-61zjfe7wrv] {
    font-weight: 600;
    display: flex;
    gap: 6px;
    align-items: center;
}

.help-text[b-61zjfe7wrv] {
    font-size: 12px;
    background: #eee;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.settings-card-actions[b-61zjfe7wrv] {
    display: flex;
    gap: 8px;
}

.settings-card-body[b-61zjfe7wrv] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
/* /Components/Layout/TerminalVerification/TerminalAssignment.razor.rz.scp.css */
.form-footer[b-591nt5db8d]{
    text-align: center;
}

.text-row[b-591nt5db8d] {
    justify-content: flex-start;
    display: flex;
}
.text-row .col-item[b-591nt5db8d]{
    margin-right:10px;
}

.attendeeTable[b-591nt5db8d]{
    text-align: left;
    margin-bottom: 10px;
}
.attendeeTable th[b-591nt5db8d]{
    color: #5f5f5f;
}
/* /Components/Layout/TransportationAssignments/AttendeeSearchModal.razor.rz.scp.css */
.input-filter[b-oyaqavuyf3] {
    width: 250px;
    height: 35px;
    border-radius: 5px;
}

.form-control[b-oyaqavuyf3], [b-oyaqavuyf3] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.dt-table th[b-oyaqavuyf3],
.dt-table td[b-oyaqavuyf3] {
    padding: 5px;
}

.panel-float[b-oyaqavuyf3] {
    position: absolute;
    top: 10%;
    right: 0;
    height: 80%;
    display: flex;
    z-index: 9999;
}

/* Contenido desplazable */
.panel-content[b-oyaqavuyf3] {
    width: 260px;
    background: white;
    border: 1px solid #ccc;
    padding: 10px;
    overflow-y: auto;
    transition: transform 0.3s ease;
}

/* Cuando está cerrado, el contenido se oculta completamente */
.panel-float.close .panel-content[b-oyaqavuyf3] {
    transform: translateX(100%);
    display:none
}

/* Botón */
.panel-button[b-oyaqavuyf3] {
    width: 20px;
    background: #f0f0f0;
    border: 1px solid #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform 0.3s ease;
}

/* Cuando está cerrado, el botón se mete un poco hacia adentro */
.panel-flotante.close .panel-button[b-oyaqavuyf3] {
    transform: translateX(0px); /* sobresale 20px */
}

.roommate-list[b-oyaqavuyf3] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.roommate-item[b-oyaqavuyf3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 8px;
    border-bottom: 1px solid #ccc;
}

/* /Components/Layout/TransportationAssignments/ModalFilteredAssignment.razor.rz.scp.css */
.dt-container[b-6q6jxy1nz1], .dt-table-container[b-6q6jxy1nz1] {
    overflow-x: auto; /* Permite el desplazamiento horizontal */
    width: 100%; /* Asegura que la tabla ocupe el ancho completo del contenedor */    
}

.dt-container[b-6q6jxy1nz1] {
    margin: 1.5em 0px;
}

    [b-6q6jxy1nz1] .dt-table {
        width: 100%;
    }

    [b-6q6jxy1nz1] .dt-table th, [b-6q6jxy1nz1] .dt-table td {
        padding: 15px;
        text-align: center;
    }

        [b-6q6jxy1nz1] .dt-table th {
            background-color: #5c6670;
            color: #fff;
        }

    [b-6q6jxy1nz1] .dt-table td {
        background-color: #ffffff;
        border-bottom: 1px solid #ddd;
    }

    [b-6q6jxy1nz1] .dt-table tr:hover td {
        background-color: #f1f1f1;
    }

[b-6q6jxy1nz1] .dt-pags-container {
    margin-top: 1.5em;
}

[b-6q6jxy1nz1] .dt-pags-controls {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

    [b-6q6jxy1nz1] .dt-pags-controls span {
        padding: 0 .9em;
        white-space: nowrap;
    }
.btn-table[b-6q6jxy1nz1] {
    border: none;
    padding: 5px;
    border-radius: 5px;
    background: #87C565;
    color: #fff;
    cursor: pointer;
}

.input-filter[b-6q6jxy1nz1] {
    width: 250px;
    height:35px;
    border-radius: 5px;
}

.left-options[b-6q6jxy1nz1] {
    display: flex;
    gap: 10px; /* Espacio entre elementos */
}
.options[b-6q6jxy1nz1] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 15px;
}

.right-options:has(+ .dt-container)[b-6q6jxy1nz1] {
    margin-top: -3.1em;
}


    .form-group[b-6q6jxy1nz1] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}

    .form-group:last-child[b-6q6jxy1nz1] {
        margin-right: 0;
    }

    .form-group label[b-6q6jxy1nz1] {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }

        .form-group label i[b-6q6jxy1nz1] {
            margin-left: 5px;
            font-size: 14px;
            color: #000;
        }

    .form-group small[b-6q6jxy1nz1] {
        font-size: 12px;
        color: gray;
    }

.form-row[b-6q6jxy1nz1] {
    display: flex;
    margin-bottom: 15px;
}

.div-inputs[b-6q6jxy1nz1] {
    display: flex;
    align-items: baseline;
}

[b-6q6jxy1nz1] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-6q6jxy1nz1] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.form-content[b-6q6jxy1nz1] {
    overflow-y: none;
    height: auto;
}

.form-footer[b-6q6jxy1nz1] {
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
}
[b-6q6jxy1nz1] .save-user:disabled,
[b-6q6jxy1nz1] .btn-close:disabled {
    background-color: #f0f0f0;
    color: #a0a0a0;    
    cursor: not-allowed;
}

@media(max-width:768px) {
    :: deep .dt-table th[b-6q6jxy1nz1] {
        padding: .4em .5em;
        white-space: nowrap;
    }

    .form-row[b-6q6jxy1nz1] {
        flex-direction: column;
    }

    .form-group[b-6q6jxy1nz1] {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .form-content[b-6q6jxy1nz1] {
        overflow-y: scroll;
        height: 600px;
    }
}
/* /Components/Layout/TransportationAssignments/TicketsReassignment.razor.rz.scp.css */
.modal-container[b-jg9o7zhu35] {
    max-height: 60dvh;
    overflow: auto;
}

.modal-container[b-jg9o7zhu35]  .dt-table {
    font-size: .9em;
}

    .modal-container[b-jg9o7zhu35]  .dt-table th, .modal-container[b-jg9o7zhu35]  .dt-table td {
        padding: 5px 8px;
    }

.sticky[b-jg9o7zhu35]{
    position:sticky;
    right:0px;
}


[b-jg9o7zhu35] .modal-content, .modal-content[b-jg9o7zhu35] {
    width: 90%;
}
/* /Components/Layout/TransportTicket/TicketModal.razor.rz.scp.css */
.modal-container[b-homxgb8y5v] {
    max-height: 60dvh;
    overflow: auto;
}
.modal-footer[b-homxgb8y5v] {
    text-align: center;
}
.modal-container[b-homxgb8y5v]  .dt-table {
    font-size: .9em;
}
.modal-container[b-homxgb8y5v]  .dt-table th, .modal-container[b-homxgb8y5v]  .dt-table td {
    padding: 5px 8px;
}

.modal-container[b-homxgb8y5v]  .dt-table tr.inactive td {
    color: #757575;
}

.modal-container[b-homxgb8y5v]  .form-control {
    width: 100%;
    padding: 6px;
    border: 1px solid #efefef;
    border-radius: 4px;
}

.modal-options[b-homxgb8y5v] {
    display: flex;
    justify-content: right;
}

[b-homxgb8y5v] .modal-content, .modal-content[b-homxgb8y5v] {
    width: 90%;
}
/* /Components/Layout/TransportTicket/TicketSupervisorModal.razor.rz.scp.css */
[b-02n1mwe6nc] .custom-select.form-group {
    margin: auto;
}
/* /Components/Layout/Users/AddSecondaryRoleModal.razor.rz.scp.css */
.form-row[b-kobmfyidr8] {
    display: flex;
    margin-bottom: 15px;
}

.form-group[b-kobmfyidr8] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
    min-height: 50px;
}

    .form-group:last-child[b-kobmfyidr8] {
        margin-right: 0;
    }

    .form-group label[b-kobmfyidr8] {
        display: flex;
        align-items: center;
        font-weight: bold;
        margin-bottom: 5px;
    }

        .form-group label i[b-kobmfyidr8] {
            margin-left: 5px;
            font-size: 14px;
            color: #000;
        }

    .form-group small[b-kobmfyidr8] {
        font-size: 12px;
        color: gray;
    }

.form-footer[b-kobmfyidr8] {
    text-align: center;
}

[b-kobmfyidr8] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-kobmfyidr8] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.modal-form-row[b-kobmfyidr8] {
    justify-content: center;
}

@media (max-width: 768px) {
    .form-row[b-kobmfyidr8] {
        flex-direction: column;
    }

    .form-group[b-kobmfyidr8] {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
}
/* /Components/Layout/Users/ImportUsersModal.razor.rz.scp.css */

#dropZone[b-u5qh3e3k1f] {
    width: 100%;
    height: 150px;
    border: 2px dashed #007bff;
    border-radius: 10px;
    background-color: #f8f9fa;
    text-align: center;
    padding: 20px;
    cursor: pointer;
    transition: background-color 0.3s, border-color 0.3s;
}

    #dropZone p[b-u5qh3e3k1f] {
        color: #333;
        font-size: 16px;
        margin: 0;
    }

[b-u5qh3e3k1f] #dropZone input {
    margin-top: 10px;
    padding: 8px 15px;
    border: none;
    background-color: #007bff;
    color: white;
    font-size: 14px;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s;
}

#dropZone input:hover[b-u5qh3e3k1f] {
    background-color: #0056b3;
}

/* Cuando un archivo está encima del dropzone */
#dropZone.active[b-u5qh3e3k1f] {
    background-color: #e3f2fd;
    border-color: #0056b3;
}

[b-u5qh3e3k1f] .hidden-input {
    display: none;
}

.custom-file-upload[b-u5qh3e3k1f] {
    margin-top: 25px;
    display: inline-block;
    padding: 10px 15px;
    background-color: #007bff;
    color: white;
    cursor: pointer;
    border-radius: 5px;
}

    .custom-file-upload:hover[b-u5qh3e3k1f] {
        background-color: #0056b3;
    }

/* Ocultar el input de archivos */
.d-none[b-u5qh3e3k1f] {
    display: none;
}



.modal-overlay[b-u5qh3e3k1f] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

.modal-content[b-u5qh3e3k1f] {
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    width: 70%;
    max-height: 90vh;
    overflow-y: auto;
    position: relative;
}

    .modal-content h3[b-u5qh3e3k1f] {
        margin-bottom: 25px;
    }


.modal-overlay-preview[b-u5qh3e3k1f] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

.modal-content-preview[b-u5qh3e3k1f] {
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    width: 70%;
    max-height: 90vh;
    overflow-y: auto;
    position: relative;
}

    .modal-content-preview h3[b-u5qh3e3k1f] {
        margin-bottom: 25px;
    }

.import-settings[b-u5qh3e3k1f], .extra-options[b-u5qh3e3k1f] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 15px;
}

.close-button[b-u5qh3e3k1f] {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    cursor: pointer;
}

.table-container-modal[b-u5qh3e3k1f] {
    width: 100%;
    scrollbar-width: thin;
    overflow-y: auto;
    margin-bottom: 15px;
}

.preview-table[b-u5qh3e3k1f] {
    width: 100%;
    border-collapse: collapse;
}

    .preview-table th[b-u5qh3e3k1f],
    .preview-table td[b-u5qh3e3k1f] {
        width: auto; /* Ajusta el ancho automáticamente */
        min-width: 120px; /* Define un ancho mínimo uniforme */
        max-width: 200px; /* Define un ancho máximo opcional */
        text-align: center; /* Centra el contenido */
        white-space: nowrap; /* Evita saltos de línea */
        overflow: hidden; /* Oculta el texto si excede el ancho */
        text-overflow: ellipsis; /* Muestra "..." si el texto es muy largo */
        padding: 8px; /* Agrega espacio interno */
        border: 1px solid #ddd; /* Bordes de celda */
    }

    .preview-table th[b-u5qh3e3k1f] {
        background-color: #f4f4f4; /* Color de fondo para encabezados */
        font-weight: bold;
    }

.table-input[b-u5qh3e3k1f] {
    width: 100%;
    border: none;
    padding: 5px;
    font-size: 14px;
}

.column-select[b-u5qh3e3k1f] {
    width: 100%;
    padding: 5px;
    font-size: 14px;
}

.button-group[b-u5qh3e3k1f] {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}

[b-u5qh3e3k1f] .btn-primary {
    background: #007bff;
    color: white;
    padding: 8px 15px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

    [b-u5qh3e3k1f] .btn-primary:disabled {
        background: #ddd;
        cursor: default;
    }

.btn-secondary[b-u5qh3e3k1f] {
    background: #ddd;
    padding: 8px 15px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}



@media (max-width: 768px) {

    .importUser-Container[b-u5qh3e3k1f] {
        margin-left: 0;
        padding: 10px;
    }
}



/* Modo Desktop: Mostrar tabla */
.desktop-view[b-u5qh3e3k1f] {
    display: table;
}

.mobile-view[b-u5qh3e3k1f] {
    display: none;
}

@media screen and (max-width: 768px) {
    .desktop-view[b-u5qh3e3k1f] {
        display: none;
    }

    .mobile-view[b-u5qh3e3k1f] {
        display: block;
        height: calc(100vh - 300px);
    }

    /* Contenedor flex para título y select */
    .column-header[b-u5qh3e3k1f] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        margin-bottom: 5px;
    }

        .column-header h4[b-u5qh3e3k1f] {
            font-size: 16px;
            font-weight: bold;
            margin: 0;
            flex: 1; /* Para que el título ocupe el espacio disponible */
            white-space: nowrap; /* Evita que el texto se divida en varias líneas */
        }

    .column-select[b-u5qh3e3k1f] {
        width: auto;
        min-width: 124px;
        padding: 5px;
        font-size: 14px;
    }

    .column-list[b-u5qh3e3k1f] {
        border: 1px solid #ddd;
        margin-bottom: 15px;
        padding: 10px;
        background: #fff;
        border-radius: 5px;
        border-bottom: 2px solid #ccc; /* Línea divisoria entre columnas */
    }

        .column-list:last-child[b-u5qh3e3k1f] {
            border-bottom: none; /* Evita la línea extra en la última columna */
        }

        /* Alinear inputs en fila */
        .column-list ul[b-u5qh3e3k1f] {
            list-style: none;
            padding: 0;
            display: flex;
            flex-wrap: wrap; /* Para que los inputs se acomoden si hay poco espacio */
            gap: 10px;
        }

        .column-list li[b-u5qh3e3k1f] {
            flex: 1;
        }

        .column-list input[b-u5qh3e3k1f] {
            width: 100%
        }
}


.dropzone.loading[b-u5qh3e3k1f] {
    position: relative;
}

    .dropzone.loading[b-u5qh3e3k1f]:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: rgb(255,255,255,.9);
    }

    .dropzone.loading[b-u5qh3e3k1f]:after {
        --radius: 3em;
        content: '';
        position: absolute;
        width: var(--radius);
        height: var(--radius);
        left: calc(50% - (var(--radius) / 2));
        top: calc(50% - (var(--radius) / 2));
        border: .35em solid #00cfd3;
        border-color: #00cfd3 transparent #00cfd3 transparent;
        border-radius: 50%;
        animation: rotate-b-u5qh3e3k1f 1s linear infinite;
    }

@keyframes rotate-b-u5qh3e3k1f {
    100% {
        transform: rotate(360deg)
    }
}
/* /Components/Pages/AccessOn/AccessOn.razor.rz.scp.css */
/* /Components/Pages/AccessOn/AccessOnSettings.razor.rz.scp.css */
.d-flex[b-th0cu8sspb] {
    display: flex;
    gap: 8px;
}

[b-th0cu8sspb] .dropdown button span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.form-group[b-th0cu8sspb]  .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}
/* /Components/Pages/Accommodations.razor.rz.scp.css */

.header[b-d2h4ehywkq] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-d2h4ehywkq] {
    margin: 0;
}

.end-option[b-d2h4ehywkq] {
    border-bottom: 1px solid #ccc !important;
}

@media (max-width: 768px) {
    .input-filter[b-d2h4ehywkq] {
        width: 60%;
    }

    .search-button[b-d2h4ehywkq] {
        width: 38%;
    }

    .header[b-d2h4ehywkq] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 10px;
    }
}

.button-download-container[b-d2h4ehywkq] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 15px;
}
/* /Components/Pages/AccommodationTypes.razor.rz.scp.css */
.header[b-j67aienmqg] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-j67aienmqg] {
    margin: 0;
}

@media (max-width: 768px) {
    .input-filter[b-j67aienmqg] {
        width: 60%;
    }

    .header[b-j67aienmqg] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 10px;
    }
}
/* /Components/Pages/ActivitiesCatalogs/ActivitySubTypes.razor.rz.scp.css */
.main-container[b-9gnhwmqfbe]{
    margin-top:30px;
}

.header[b-9gnhwmqfbe] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-9gnhwmqfbe] {
    margin: 0;
}

.form-container[b-9gnhwmqfbe] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
}

.form-group[b-9gnhwmqfbe] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}
[b-9gnhwmqfbe] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-9gnhwmqfbe] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.save-button[b-9gnhwmqfbe] {
    background-color: #70c170;
    color: white;
    width: 195px;
    height: 30px;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
}

.input-group-custom[b-9gnhwmqfbe] {
    display: flex;
    flex-direction: column;
}

.input-wrapper[b-9gnhwmqfbe] {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

[b-9gnhwmqfbe] .check {
    display: none;
}

    [b-9gnhwmqfbe] .check + label {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 25px;
        background-color: #ddd;
        border-radius: 50px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

        [b-9gnhwmqfbe] .check + label::before {
            content: "";
            position: absolute;
            top: 2.5px;
            left: 2.5px;
            width: 20px;
            height: 20px;
            background-color: #fff;
            border-radius: 50%;
            transition: transform 0.3s;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }

    [b-9gnhwmqfbe] .check:checked + label {
        background-color: #70c170;
    }

        [b-9gnhwmqfbe] .check:checked + label::before {
            transform: translateX(25px);
        }

.input-group-check[b-9gnhwmqfbe] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #eee;
    border-radius: 5px;
    padding: 10px;
    margin: 4px;
    flex-direction: column;
}

@media (max-width: 768px) {
    .input-filter[b-9gnhwmqfbe] {
        width: 60%;
    }

    .header[b-9gnhwmqfbe] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 10px;
    }
}
/* /Components/Pages/Activities/Activities.razor.rz.scp.css */
.header[b-89ljnioh5k] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-89ljnioh5k] {
    margin: 0;
}
/* /Components/Pages/Activities/EditActivities.razor.rz.scp.css */
.header[b-qtzd836y85] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-qtzd836y85] {
    margin: 0;
}

.sub-header[b-qtzd836y85] {
    display: flex;
    margin-top: 25px;
    margin-bottom: 25px;
    align-items: center;
}

    .sub-header h3[b-qtzd836y85] {
        margin-right: 15px;
    }

.form-container[b-qtzd836y85] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
}

.form-row[b-qtzd836y85] {
    display: flex;
    margin-bottom: 15px;
}

.form-group[b-qtzd836y85] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}

    .form-group:last-child[b-qtzd836y85] {
        margin-right: 0;
    }

    .form-group label[b-qtzd836y85] {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }

        .form-group label i[b-qtzd836y85] {
            margin-left: 5px;
            font-size: 14px;
            color: #000;
        }

    .form-group small[b-qtzd836y85] {
        font-size: 12px;
        color: gray;
    }

.form-footer[b-qtzd836y85] {
    text-align: center;
}


[b-qtzd836y85] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-qtzd836y85] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.save-button[b-qtzd836y85] {
    background-color: #70c170;
    color: white;
    width: 195px;
    height: 30px;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
}

.input-group-custom[b-qtzd836y85] {
    display: flex;
    flex-direction: column;
}

.input-wrapper[b-qtzd836y85] {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

[b-qtzd836y85] input[type=checkbox] {
    accent-color: #70c170;
}

[b-qtzd836y85] .check {
    display: none;
}

    [b-qtzd836y85] .check + label {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 25px;
        background-color: #ddd;
        border-radius: 50px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

        [b-qtzd836y85] .check + label::before {
            content: "";
            position: absolute;
            top: 2.5px;
            left: 2.5px;
            width: 20px;
            height: 20px;
            background-color: #fff;
            border-radius: 50%;
            transition: transform 0.3s;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }

    [b-qtzd836y85] .check:checked + label {
        background-color: #70c170;
    }

        [b-qtzd836y85] .check:checked + label::before {
            transform: translateX(25px);
        }

.input-group-check[b-qtzd836y85] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #eee;
    border-radius: 5px;
    padding: 10px;
    margin: 4px;
    flex-direction: column;
}


@media (max-width: 768px) {
    .form-row[b-qtzd836y85] {
        flex-direction: column;
    }

    .form-group[b-qtzd836y85] {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
}


.alert[b-qtzd836y85] {   
    padding: 4px;
}

.alert-warning[b-qtzd836y85] {
    color: #707134;
    background-color: #fbffa7;
    border-color: #80831c;
}

.alert-success[b-qtzd836y85] {
    width: 100%;
    font-size: 15px;
    box-sizing: border-box;
    text-align: center;
    font: menu;
}

.alert p[b-qtzd836y85] {
    font-size: 16px;
}

/* /Components/Pages/Activities/EvitrackActivity.razor.rz.scp.css */
.header[b-db4bqrtu40] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-db4bqrtu40] {
    margin: 0;
}
[b-db4bqrtu40] .form-group{
    margin-right: 0
}
.form-container[b-db4bqrtu40] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
    margin-bottom: 25px;
}

p.form-control[b-db4bqrtu40] {
    font-size: .9em;
    height: auto;
    padding: .7em 6px;
    cursor: default;
}

[b-db4bqrtu40] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-db4bqrtu40] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.dual-resume[b-db4bqrtu40] {
    display: flex;
    align-items: center;
}

.resume-cards[b-db4bqrtu40] {
    display: flex;
    flex-wrap: wrap;
}

.card-margin[b-db4bqrtu40] {
    margin-bottom: 20px;
}

[b-db4bqrtu40] .activity-summary,
[b-db4bqrtu40] .subactivity-container .row {
    display: flex;
    gap: 10px;
    margin-bottom: 12px;
    flex-wrap: wrap;
    justify-content: center
}


[b-db4bqrtu40] .summary-card {
    min-width: 150px;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid #ddd;
    background: #f8f9fa;
    text-align: center;
}

/* HEADER DE COLOR */
[b-db4bqrtu40] .summary-header {
    padding: 8px;
    font-size: 12px;
    font-weight: 600;
    color: white;
}

/* BODY */
[b-db4bqrtu40] .summary-body {
    padding: 12px;
}

[b-db4bqrtu40] .summary-value {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 6px;
}

[b-db4bqrtu40] .summary-body a {
    font-size: 12px;
    text-decoration: underline;
    cursor: pointer;
}

[b-db4bqrtu40] .capacity .summary-header {
    background: #12437C;
}

[b-db4bqrtu40] .assigned .summary-header {
    background: #12437C;
}

[b-db4bqrtu40] .registered .summary-header {
    background: #26BF5C;
}

[b-db4bqrtu40] .not-registered .summary-header {
    background: #D96907;
}

[b-db4bqrtu40] .not-attending .summary-header {
    background: #434343;
}

.scan-container[b-db4bqrtu40] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
}

.scan-input[b-db4bqrtu40] {
    flex: 1;
    height: 48px;
    padding: 0 16px;
    font-size: 16px;
    border-radius: 8px;
    border: 1px solid #dcdcdc;
    outline: none;
    margin-bottom: 15px;
}

    .scan-input[b-db4bqrtu40]::placeholder {
        color: #9e9e9e;
    }

    .scan-input:focus[b-db4bqrtu40] {
        border-color: #3b82f6;
    }


[b-db4bqrtu40] .activity-block {
    margin-bottom: 24px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e5e5e5;
}

    [b-db4bqrtu40] .activity-block h5 {
        font-size: 14px;
        font-weight: 700;
        margin-bottom: 10px;
    }

[b-db4bqrtu40] .subactivities-section {
    
}

[b-db4bqrtu40] .section-sub-resume {
    margin: 5px;
}

[b-db4bqrtu40] .subactivities-section {    
    margin: 5px;
}

[b-db4bqrtu40] .subactivities-title {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 8px;
}

[b-db4bqrtu40] .subactivities-grid {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    width: 100%;
}

[b-db4bqrtu40] .subactivity-card {
    width: 160px;
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid #ddd;
}

[b-db4bqrtu40] .subactivity-header {
    padding: 6px 10px;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
}

[b-db4bqrtu40] .subactivity-body {
    padding: 10px;
    text-align: center;
}

[b-db4bqrtu40] .subactivity-percent {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #555;
}
[b-db4bqrtu40] .subactivity-metrics {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

[b-db4bqrtu40] .metric {
    flex: 1;
}

[b-db4bqrtu40] .metric-value {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: #198754;
}

[b-db4bqrtu40] .metric-label {
    font-size: 11px;
    color: #666;
}

[b-db4bqrtu40] .metric-separator {
    width: 1px;
    height: 28px;
    background: #ddd;
}

[b-db4bqrtu40] .subactivity-card.gray > .subactivity-header {
    background: #DEDEDE;
}

[b-db4bqrtu40] .subactivity-card.orange > .subactivity-header {
    background: #D96907;
}

[b-db4bqrtu40] .subactivity-card.green > .subactivity-header {
    background: #26BF5C;
}

[b-db4bqrtu40] .subactivity-card.red > .subactivity-header {
    background: #BF0606;
}

[b-db4bqrtu40] .activity-mini-resume {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    width: 260px;
    margin-bottom: 12px;
}

[b-db4bqrtu40] .mini-card {
    border-radius: 4px;
    padding: 8px 10px;
    color: #fff;
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: center;
}

[b-db4bqrtu40] .mini-title {
    display: block;
    font-size: 11px;
    font-weight: 600;
}

[b-db4bqrtu40] .mini-value {
    display: block;
    font-size: 16px;
    font-weight: 700;
}

[b-db4bqrtu40] .mini-card.assigned {
    background: #124673;
}

[b-db4bqrtu40] .mini-card.registered {
    background: #26BF5C;
}

[b-db4bqrtu40] .mini-card.not-registered {
    background: #D96907;
}

[b-db4bqrtu40] .mini-card.not-attending {
    background: #434343;
}

[b-db4bqrtu40] .resume-Activity-subactivity {
    display: flex;
    align-items: stretch; /* misma altura */
    width: 100%;
    gap: 12px;
}

[b-db4bqrtu40] .section-mini-resume,
[b-db4bqrtu40] .section-sub-resume {
    display: flex;
    flex-direction: column;
    background: #f8f8f8;
    border-radius: 5px;
    padding: 10px;
    justify-content: center;
}

[b-db4bqrtu40] .section-mini-resume {
    flex: 0 0 auto; /* solo lo que necesita */
}

[b-db4bqrtu40] .section-sub-resume {
    flex: 1; /* ocupa el resto */
}

.section-resume[b-db4bqrtu40] {
    display: flex;
    justify-content: center;
    width: 100%;
}

@media (max-width: 768px) {
    [b-db4bqrtu40] .summary-card {
        min-width: 100%;
    }
}
@media (max-width: 768px) {
    [b-db4bqrtu40] .subactivities-grid {
        flex-direction: column;
    }

    [b-db4bqrtu40] .subactivity-card {
        width: 100%;
    }
}

.add-new-attendee[b-db4bqrtu40] {
    display: flex;
    flex-direction: row-reverse;
    margin-bottom: 15px;
}

[b-db4bqrtu40] .modal-content {
    min-height: 300px;
    max-height: 80vh;
    overflow-y: auto;
}

.text-muted[b-db4bqrtu40] {
    display: flex;
    justify-content: center;
}
/* /Components/Pages/Activities/EvitrackAndTrace.razor.rz.scp.css */

.header[b-9bvlwljoyg] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-9bvlwljoyg] {
    margin: 0;
}

[b-9bvlwljoyg] .form-group {
    margin-right: 0
}

.form-container[b-9bvlwljoyg] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
    margin-bottom: 25px;
}

p.form-control[b-9bvlwljoyg] {
    font-size: .9em;
    height: auto;
    padding: .7em 6px;
    cursor: default;
}

[b-9bvlwljoyg] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-9bvlwljoyg] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}


.activity-container[b-9bvlwljoyg] {
    display: flex;
    gap: 40px;
    margin-top: 30px;
    align-items: center;
    background: #f3f3f3;
    padding: 30px;
    border-radius: 14px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
}

/* Panel izquierdo */
.activity-info[b-9bvlwljoyg] {
    width: 320px;
    padding: 30px;
    min-width: 250px;
}

/* Grid derecho EXACTO 2 columnas */
.blocks-container[b-9bvlwljoyg] {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 25px;
}

/* Pantallas medianas (≥ 768px) */
@media (min-width: 768px) {
    .blocks-container[b-9bvlwljoyg] {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Pantallas grandes (≥ 1200px) */
@media (min-width: 1200px) {
    .blocks-container[b-9bvlwljoyg] {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Card estilo dashboard */
.block-card[b-9bvlwljoyg] {
    padding: 20px;
    border-radius: 14px;
    color: white;
    height: 180px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

    /* Título bloque */
    .block-card h4[b-9bvlwljoyg] {
        font-weight: 600;
        text-align: center;
        letter-spacing: 1px;
        margin-top: 0;
    }

/* Capacidad / Registrados con línea divisora */
.block-data[b-9bvlwljoyg] {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 10px;
    position: relative;
}

    .block-data[b-9bvlwljoyg]::before {
        content: "";
        position: absolute;
        width: 1px;
        height: 40px;
        background: rgba(255,255,255,0.5);
        left: 50%;
        transform: translateX(-50%);
    }

    /* Texto interno */
    .block-data span[b-9bvlwljoyg] {
        display: block;
        font-size: 13px;
        opacity: 0.9;
    }

    .block-data strong[b-9bvlwljoyg] {
        font-size: 20px;
    }

/* Porcentaje grande centrado */
.percentage[b-9bvlwljoyg] {
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    margin-top: 10px;
}

/* Colores */
.green-card[b-9bvlwljoyg] {
    background-color: #2C9008;
}

.orange-card[b-9bvlwljoyg] {
    background-color: #DF6D04;
}

.red-card[b-9bvlwljoyg] {
    background-color: #C42323;
}

.content-info[b-9bvlwljoyg] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.text-color-blue[b-9bvlwljoyg] {
    color: #1BAFBF;
}

.text-color-yellow[b-9bvlwljoyg] {
    color: #F28705;
}
/* /Components/Pages/Activities/NewActivities.razor.rz.scp.css */
.header[b-pntdmj2d7s] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-pntdmj2d7s] {
    margin: 0;
}

.sub-header[b-pntdmj2d7s] {
    display: flex;
    margin-top: 25px;
    margin-bottom: 25px;
    align-items: center;
}

    .sub-header h3[b-pntdmj2d7s] {
        margin-right: 15px;
    }

.form-container[b-pntdmj2d7s] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
}

.form-row[b-pntdmj2d7s] {
    display: flex;
    margin-bottom: 15px;
}

.form-group[b-pntdmj2d7s] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}

    .form-group:last-child[b-pntdmj2d7s] {
        margin-right: 0;
    }

    .form-group label[b-pntdmj2d7s] {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }

        .form-group label i[b-pntdmj2d7s] {
            margin-left: 5px;
            font-size: 14px;
            color: #000;
        }

    .form-group small[b-pntdmj2d7s] {
        font-size: 12px;
        color: gray;
    }

.form-footer[b-pntdmj2d7s] {
    text-align: center;
}


[b-pntdmj2d7s] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-pntdmj2d7s] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.save-button[b-pntdmj2d7s] {
    background-color: #70c170;
    color: white;
    width: 195px;
    height: 30px;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
}

.input-group-custom[b-pntdmj2d7s] {
    display: flex;
    flex-direction: column;
}

.input-wrapper[b-pntdmj2d7s] {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

[b-pntdmj2d7s] input[type=checkbox] {
    accent-color: #70c170;
}

[b-pntdmj2d7s] .check {
    display: none;
}

    [b-pntdmj2d7s] .check + label {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 25px;
        background-color: #ddd;
        border-radius: 50px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

        [b-pntdmj2d7s] .check + label::before {
            content: "";
            position: absolute;
            top: 2.5px;
            left: 2.5px;
            width: 20px;
            height: 20px;
            background-color: #fff;
            border-radius: 50%;
            transition: transform 0.3s;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }

    [b-pntdmj2d7s] .check:checked + label {
        background-color: #70c170;
    }

        [b-pntdmj2d7s] .check:checked + label::before {
            transform: translateX(25px);
        }

.input-group-check[b-pntdmj2d7s] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #eee;
    border-radius: 5px;
    padding: 10px;
    margin: 4px;
    flex-direction: column;
}


@media (max-width: 768px) {
    .form-row[b-pntdmj2d7s] {
        flex-direction: column;
    }

    .form-group[b-pntdmj2d7s] {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
}

.alert[b-pntdmj2d7s] {
    padding: 4px;
}

.alert-warning[b-pntdmj2d7s] {
    color: #707134;
    background-color: #fbffa7;
    border-color: #80831c;
}

.alert-success[b-pntdmj2d7s] {
    width: 100%;
    font-size: 15px;
    box-sizing: border-box;
    text-align: center;
    font: menu;
}

.alert p[b-pntdmj2d7s] {
    font-size: 16px;
}
/* /Components/Pages/AddActivityEventAttendees/AddActivityEventAttendees.razor.rz.scp.css */
.header[b-9utsghdo7n] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-9utsghdo7n] {
    margin: 0;
}

.form-container[b-9utsghdo7n] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
    margin-bottom: 25px;
}


.input-group-check[b-9utsghdo7n] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #eee;
    border-radius: 5px;
    padding: 10px;
    margin: 4px;
    flex-direction: column;
}


[b-9utsghdo7n] .btn-delete:disabled{
    color: white;
    background:#808080
}

.text-group-resume[b-9utsghdo7n] {
    display: flex;
    justify-content: start;
    align-items: center;
    background: #eee;
    border-radius: 5px;
    padding: 10px;
    margin: 4px;
}
/* /Components/Pages/AddExtraField.razor.rz.scp.css */
.header[b-h40oeb7uoj] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-h40oeb7uoj] {
    margin: 0;
}

.form-container[b-h40oeb7uoj] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
}

.form-row[b-h40oeb7uoj] {
    display: flex;
    margin-bottom: 15px;
}

.form-group[b-h40oeb7uoj] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}

    .form-group:last-child[b-h40oeb7uoj] {
        margin-right: 0;
    }

    .form-group label[b-h40oeb7uoj] {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }

        .form-group label i[b-h40oeb7uoj] {
            margin-left: 5px;
            font-size: 14px;
            color: #000;
        }

    .form-group small[b-h40oeb7uoj] {
        font-size: 12px;
        color: gray;
    }

.form-footer[b-h40oeb7uoj] {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 25px;
}

.sub-header[b-h40oeb7uoj] {
    display: flex;
    margin-top: 25px;
    margin-bottom: 25px;
    align-items: center;
}

    .sub-header h3[b-h40oeb7uoj] {
        margin-right: 15px;
    }

[b-h40oeb7uoj] .check {
    display: none;
}

    [b-h40oeb7uoj] .check + .label-checkbox {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 25px;
        background-color: #ddd;
        border-radius: 50px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

        [b-h40oeb7uoj] .check + .label-checkbox::before {
            content: "";
            position: absolute;
            top: 2.5px;
            left: 2.5px;
            width: 20px;
            height: 20px;
            background-color: #fff;
            border-radius: 50%;
            transition: transform 0.3s;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }

    [b-h40oeb7uoj] .check:checked + .label-checkbox {
        background-color: #70c170;
    }

        [b-h40oeb7uoj] .check:checked + .label-checkbox::before {
            transform: translateX(25px);
        }

[b-h40oeb7uoj] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-h40oeb7uoj] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.save-button[b-h40oeb7uoj] {
    background-color: #70c170;
    color: white;
    width: 195px;
    height: 30px;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
}

.input-group-custom[b-h40oeb7uoj] {
    display: flex;
    flex-direction: column;
}

.input-wrapper[b-h40oeb7uoj] {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

.btn[b-h40oeb7uoj] {
    cursor: pointer;
    opacity: 1;
    font-size: 1em;
    border: 0;
    border-right: 1px solid #ddd;
    align-items: center;
    background: transparent;
    color: black;
    min-height: 37px;
    padding: 5px;
    margin: 0;
    min-width: auto;
    border-radius: initial;
}

    .btn.btn-primary:disabled[b-h40oeb7uoj] {
        cursor: default;
    }

.field-content[b-h40oeb7uoj] {
    display: flex;
    width: 100%;
}

.options-custom[b-h40oeb7uoj] {
    display: flex;
}

[b-h40oeb7uoj] .btn.btn-add {
    margin-right: 5px;
}

[b-h40oeb7uoj] .modal-content {
    min-height: 35vh;
}

@media (max-width: 768px) {
    .header[b-h40oeb7uoj] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 10px;
    }

    .form-row[b-h40oeb7uoj] {
        flex-direction: column;
    }

    .form-group[b-h40oeb7uoj] {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
}

.buttons[b-h40oeb7uoj] {
    display: flex;
    flex-direction: row-reverse;
    align-content: space-around;
    justify-content: space-evenly;
    align-items: flex-end;
    gap: 10px;
}

.form-category[b-h40oeb7uoj],
.dinamic-form[b-h40oeb7uoj] {
    display: flex;
    flex-wrap: nowrap; /* <-- importante para responsividad */
    align-items: baseline;
    gap: 1rem;
}

    /* Campos dentro de cada grupo */
    .form-category select[b-h40oeb7uoj],
    .dinamic-form select[b-h40oeb7uoj],
    .dinamic-form input[b-h40oeb7uoj] {
        flex: 1 1 39px;
        min-width: 180px;
    }

    /* Contenedor de opciones (para campos tipo Select, Option, etc.) */
    .dinamic-form > div.mt-2[b-h40oeb7uoj] {
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        gap: 0.5rem;
        margin-top: 0.5rem;
    }

/* Botones y campos */
button[b-h40oeb7uoj], .btn[b-h40oeb7uoj] {
    white-space: nowrap;
}

/* Input form-control con margen inferior para respiración */
.dinamic-form .form-control[b-h40oeb7uoj] {
    margin-bottom: 0.5rem;
}

/* Indicador de campo obligatorio */
.required-values[b-h40oeb7uoj] {
    color: red;
    margin-left: 4px;
}

.options-container[b-h40oeb7uoj] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

/* Cada fila de opción */
.option-line[b-h40oeb7uoj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    /* El input debe ocupar el espacio disponible */
    .option-line input[b-h40oeb7uoj] {
        flex: 0 0 300px; /* NO crecer, NO encoger, SI tener 300px */
        min-width: 0;
    }

    /* Botones de la última opción */
    .option-line .buttons[b-h40oeb7uoj] {
        display: flex;
        gap: 0.5rem;
        flex-shrink: 0; /* No dejes que los botones se achiquen */
    }

/* Responsive para móviles */
@media (max-width: 768px) {
    .option-line[b-h40oeb7uoj] {
        flex-direction: column;
        align-items: stretch;
    }

        .option-line .buttons[b-h40oeb7uoj] {
            flex-direction: row;
            justify-content: flex-start;
        }

        .option-line input[b-h40oeb7uoj] {
            flex: auto; /* NO crecer, NO encoger, SI tener 300px */
            min-width: 0;
        }

    .form-category[b-h40oeb7uoj],
    .dinamic-form[b-h40oeb7uoj] {
        flex-direction: column;
        align-items: stretch;
    }

        .form-category select[b-h40oeb7uoj],
        .dinamic-form select[b-h40oeb7uoj],
        .dinamic-form input[b-h40oeb7uoj] {
            width: 100%;
        }

        .dinamic-form > div.mt-2[b-h40oeb7uoj] {
            flex-direction: column;
        }
}
/* /Components/Pages/AttendeeCatalogs.razor.rz.scp.css */
.header[b-57pd3vuzkt] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-57pd3vuzkt] {
    margin: 0;
}

.tables-grid[b-57pd3vuzkt] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(45%, 1fr));
    gap: 1.5rem;
    margin-top: 1rem;
}

.table-wrapper[b-57pd3vuzkt] {
    background-color: #f9f9f9;
    padding: 1rem;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.tab-box-options[b-57pd3vuzkt] {
    display: block;
    position: absolute;
    right: 0;
    margin-top: 8px;
}

@media (max-width: 768px) {
    .header[b-57pd3vuzkt] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 10px;
    }
    .tables-grid[b-57pd3vuzkt] {
        grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
        
    }
}

[b-57pd3vuzkt] .modal-content {
    min-height: 24vh;
    overflow-y: visible;
}

[b-57pd3vuzkt] .dropdown-menu.show {
    overflow: auto;
}
/* /Components/Pages/AttendeesSpecialSelection.razor.rz.scp.css */
body[b-hrdwdg50sr] {
}

.header[b-hrdwdg50sr] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-hrdwdg50sr] {
    margin: 0;
}

.input-container[b-hrdwdg50sr] {
    display: flex;
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    border-radius: 4px;
    max-height: 400px;
    overflow: auto;
}

.line-numbers[b-hrdwdg50sr] {
    background-color: #f0f0f0;
    color: #aaa;
    padding: 10px 5px;
    text-align: right;
    min-width: 30px;
    font-family: monospace;
    font-size: 14px;
    line-height: 1.4em;
    user-select: none;
}

    .line-numbers div[b-hrdwdg50sr] {
        height: 1.4em;
    }

.auto-textarea[b-hrdwdg50sr] {
    flex: 1;
    padding: 10px;
    font-family: monospace;
    font-size: 14px;
    line-height: 1.4em;
    border: none;
    resize: none;
    outline: none;
    background-color: transparent;
    overflow-y: hidden;
    min-height: 300px;
}

.continue-button[b-hrdwdg50sr] {
    margin-top: 1rem;
    color: white;
    border: none;
    border-radius: 4px;
    padding: 0.5rem 1.5rem;
    cursor: pointer;
    float: right;
}

.form-container[b-hrdwdg50sr] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
}

.form-row[b-hrdwdg50sr] {
    display: flex;
    margin-bottom: 15px;
}

.form-group[b-hrdwdg50sr] {
    flex: 1;
    margin-right: 15px;
}

.form-footer[b-hrdwdg50sr] {
    text-align: right;
    margin-top: 25px;
    margin-bottom: 25px;
}

/* /Components/Pages/Attendees/Attendees.razor.rz.scp.css */

.header[b-89w42zcy93] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-89w42zcy93] {
    margin: 0;
}

.end-option[b-89w42zcy93] {
    border-bottom: 1px solid #ccc !important;
}

@media (max-width: 768px) {
    .input-filter[b-89w42zcy93] {
        width: 60%;
    }

    .search-button[b-89w42zcy93] {
        width: 38%;
    }

    .header[b-89w42zcy93] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 10px;
    }
}

.button-download-container[b-89w42zcy93] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 15px;
} 
/* /Components/Pages/Attendees/AttendeeSetUp.razor.rz.scp.css */
body[b-yq9aob9735] {
}

.header[b-yq9aob9735] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-yq9aob9735] {
    margin: 0;
}

.selector[b-yq9aob9735] {
    margin-top: 25px;
    background-color: #ebebeb;
    overflow: hidden;
}

.form-footer[b-yq9aob9735] {
    text-align: right;
    margin-top: 25px;
    margin-bottom: 25px;
}

.selector1[b-yq9aob9735], .selector2[b-yq9aob9735] {
    margin-left: 50px;
    margin-bottom: 10px;
}

p[b-yq9aob9735] {
    margin-left: 25px;
}

.form-container[b-yq9aob9735] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
}

.form-row[b-yq9aob9735] {
    display: flex;
    margin-bottom: 15px;
}

.form-group[b-yq9aob9735] {
    flex: 1;
    margin-right: 15px;
}

.subtitled-text[b-yq9aob9735] {
    font-weight: bold;
    color: black;
}

.custom-radio[b-yq9aob9735] {
    cursor: pointer;
}
/* /Components/Pages/Attendees/EditAttendee.razor.rz.scp.css */
.header[b-pgg4qzgqjd] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-pgg4qzgqjd] {
    margin: 0;
}

.form-container[b-pgg4qzgqjd] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
    margin-bottom: 25px;
}

.form-row[b-pgg4qzgqjd] {
    display: flex;
    margin-bottom: 15px;
}

.form-group[b-pgg4qzgqjd] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}

    .form-group:last-child[b-pgg4qzgqjd] {
        margin-right: 0;
    }

    .form-group label[b-pgg4qzgqjd] {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }

        .form-group label i[b-pgg4qzgqjd] {
            margin-left: 5px;
            font-size: 14px;
            color: #000;
        }

    .form-group small[b-pgg4qzgqjd] {
        font-size: 12px;
        color: gray;
    }

.form-footer[b-pgg4qzgqjd] {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 25px;
}

.sub-header[b-pgg4qzgqjd] {
    display: flex;
    margin-top: 25px;
    margin-bottom: 25px;
    align-items: center;
}

    .sub-header h3[b-pgg4qzgqjd] {
        margin-right: 15px;
    }

[b-pgg4qzgqjd] .check {
    display: none;
}

    [b-pgg4qzgqjd] .check + .label-checkbox {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 25px;
        background-color: #ddd;
        border-radius: 50px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

        [b-pgg4qzgqjd] .check + .label-checkbox::before {
            content: "";
            position: absolute;
            top: 2.5px;
            left: 2.5px;
            width: 20px;
            height: 20px;
            background-color: #fff;
            border-radius: 50%;
            transition: transform 0.3s;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }

    [b-pgg4qzgqjd] .check:checked + .label-checkbox {
        background-color: #70c170;
    }

        [b-pgg4qzgqjd] .check:checked + .label-checkbox::before {
            transform: translateX(25px);
        }

[b-pgg4qzgqjd] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-pgg4qzgqjd] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.save-button[b-pgg4qzgqjd] {
    background-color: #70c170;
    color: white;
    width: 195px;
    height: 30px;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
}

.input-group-custom[b-pgg4qzgqjd] {
    display: flex;
    flex-direction: column;
}

.input-wrapper[b-pgg4qzgqjd] {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

[b-pgg4qzgqjd] .input-wrapper .form-control{
    margin-bottom: 0px !important;
}

.btn[b-pgg4qzgqjd] {
    cursor: pointer;
    opacity: 1;
    font-size: 1em;
    border: 0;
    border-right: 1px solid #ddd;
    align-items: center;
    background: transparent;
    color: black;
    min-height: 37px;
    padding: 5px;
    margin: 0;
    min-width: auto;
    border-radius: initial;
}

    .btn.btn-primary:disabled[b-pgg4qzgqjd] {
        cursor: default;
    }

.field-content[b-pgg4qzgqjd] {
    display: flex;
    width: 100%;
}

.options-custom[b-pgg4qzgqjd] {
    display: flex;
}

[b-pgg4qzgqjd] .btn.btn-add {
    margin-right: 5px;
}

@media (max-width: 768px) {
    .header[b-pgg4qzgqjd] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 10px;
    }

    .form-row[b-pgg4qzgqjd] {
        flex-direction: column;
    }

    .form-group[b-pgg4qzgqjd] {
        max-width: 100%;
        margin-right: 0;
    }
}


.form-category[b-pgg4qzgqjd],
.dinamic-form[b-pgg4qzgqjd] {
    display: flex;
    flex-wrap: nowrap; /* <-- importante para responsividad */
    align-items: baseline;
    gap: 1rem;
}

    /* Campos dentro de cada grupo */
    .form-category select[b-pgg4qzgqjd],
    .dinamic-form select[b-pgg4qzgqjd],
    .dinamic-form input[b-pgg4qzgqjd] {
        flex: 1 1 39px;
        min-width: 180px;
    }

    /* Contenedor de opciones (para campos tipo Select, Option, etc.) */
    .dinamic-form > div.mt-2[b-pgg4qzgqjd] {
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        gap: 0.5rem;
        margin-top: 0.5rem;
    }

/* Botones y campos */
button[b-pgg4qzgqjd], .btn[b-pgg4qzgqjd] {
    white-space: nowrap;
}

/* Input form-control con margen inferior para respiración */
.dinamic-form .form-control[b-pgg4qzgqjd] {
    margin-bottom: 0.5rem;
}

/* Indicador de campo obligatorio */
.required-values[b-pgg4qzgqjd] {
    color: red;
    margin-left: 4px;
}

.options-container[b-pgg4qzgqjd] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

/* Cada fila de opción */
.option-line[b-pgg4qzgqjd] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    /* El input debe ocupar el espacio disponible */
    .option-line input[b-pgg4qzgqjd] {
        flex: 0 0 300px; /* NO crecer, NO encoger, SI tener 300px */
        min-width: 0;
    }

    /* Botones de la última opción */
    .option-line .buttons[b-pgg4qzgqjd] {
        display: flex;
        gap: 0.5rem;
        flex-shrink: 0; /* No dejes que los botones se achiquen */
    }

/* Responsive para móviles */
@media (max-width: 768px) {
    .option-line[b-pgg4qzgqjd] {
        flex-direction: column;
        align-items: stretch;
    }

        .option-line .buttons[b-pgg4qzgqjd] {
            flex-direction: row;
            justify-content: flex-start;
        }

        .option-line input[b-pgg4qzgqjd] {
            flex: auto; /* NO crecer, NO encoger, SI tener 300px */
            min-width: 0;
        }

    .form-category[b-pgg4qzgqjd],
    .dinamic-form[b-pgg4qzgqjd] {
        flex-direction: column;
        align-items: stretch;
    }

        .form-category select[b-pgg4qzgqjd],
        .dinamic-form select[b-pgg4qzgqjd],
        .dinamic-form input[b-pgg4qzgqjd] {
            width: 100%;
        }

        .dinamic-form > div.mt-2[b-pgg4qzgqjd] {
            flex-direction: column;
        }
}

[b-pgg4qzgqjd] .image-uploader-container {
    max-width: 100%;
}


/* /Components/Pages/Attendees/FormSettingsAttendees.razor.rz.scp.css */

.header[b-jcrc9wqso9] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-jcrc9wqso9] {
    margin: 0;
}

.form-container[b-jcrc9wqso9] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
}

.form-row[b-jcrc9wqso9] {
    display: flex;
    margin-bottom: 15px;
}

.form-group[b-jcrc9wqso9] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}

    .form-group:last-child[b-jcrc9wqso9] {
        margin-right: 0;
    }

    .form-group label[b-jcrc9wqso9] {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }

        .form-group label i[b-jcrc9wqso9] {
            margin-left: 5px;
            font-size: 14px;
            color: #000;
        }

    .form-group small[b-jcrc9wqso9] {
        font-size: 12px;
        color: gray;
    }

.form-footer[b-jcrc9wqso9] {
    text-align: center;
}

[b-jcrc9wqso9] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-jcrc9wqso9] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}



[b-jcrc9wqso9] .save-button {
    background-color: #70c170;
    color: white;
    width: 195px;
    height: 30px;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
}

.sub-header[b-jcrc9wqso9] {
    margin: .85em 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.input-group-check[b-jcrc9wqso9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #eee;
    border-radius: 5px;
    padding: 10px;
    margin: 4px;
}

@media (max-width: 768px) {
    .form-row[b-jcrc9wqso9] {
        flex-direction: column;
    }

    .form-group[b-jcrc9wqso9] {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
}
/* /Components/Pages/Attendees/NewAttendee.razor.rz.scp.css */
.header[b-dbfjkspybs] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-dbfjkspybs] {
    margin: 0;
}

.form-container[b-dbfjkspybs] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
}

.form-row[b-dbfjkspybs] {
    display: flex;
    margin-bottom: 15px;
}

.form-group[b-dbfjkspybs] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}

    .form-group:last-child[b-dbfjkspybs] {
        margin-right: 0;
    }

    .form-group label[b-dbfjkspybs] {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }

        .form-group label i[b-dbfjkspybs] {
            margin-left: 5px;
            font-size: 14px;
            color: #000;
        }

    .form-group small[b-dbfjkspybs] {
        font-size: 12px;
        color: gray;
    }

.form-footer[b-dbfjkspybs] {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 25px;
}

.sub-header[b-dbfjkspybs] {
    display: flex;
    margin-top: 25px;
    margin-bottom: 25px;
    align-items: center;
}

    .sub-header h3[b-dbfjkspybs]{
        margin-right: 15px;
    }

    [b-dbfjkspybs] .check {
        display: none;
    }

    [b-dbfjkspybs] .check + .label-checkbox {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 25px;
        background-color: #ddd;
        border-radius: 50px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

    [b-dbfjkspybs] .check + .label-checkbox::before {
        content: "";
        position: absolute;
        top: 2.5px;
        left: 2.5px;
        width: 20px;
        height: 20px;
        background-color: #fff;
        border-radius: 50%;
        transition: transform 0.3s;
        box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    }

    [b-dbfjkspybs] .check:checked + .label-checkbox {
        background-color: #70c170;
    }

        [b-dbfjkspybs] .check:checked + .label-checkbox::before {
            transform: translateX(25px);
        }

[b-dbfjkspybs] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-dbfjkspybs] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.save-button[b-dbfjkspybs] {
    background-color: #70c170;
    color: white;
    width: 195px;
    height: 30px;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
}

.input-group-custom[b-dbfjkspybs] {
    display: flex;
    flex-direction: column;
}

.input-wrapper[b-dbfjkspybs] {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

[b-dbfjkspybs] .input-wrapper .form-control {
    margin-bottom: 0px !important;
}

.btn[b-dbfjkspybs] {
    cursor: pointer;
    opacity: 1;
    font-size: 1em;
    border: 0;
    border-right: 1px solid #ddd;
    align-items: center;
    background: transparent;
    color: black;
    min-height: 37px;
    padding: 5px;
    margin: 0;
    min-width: auto;
    border-radius: initial;
}

    .btn.btn-primary:disabled[b-dbfjkspybs] {
        cursor: default;
    }

.field-content[b-dbfjkspybs] {
    display: flex;
    width: 100%;
}

.options-custom[b-dbfjkspybs] {
    display:flex;
}

[b-dbfjkspybs] .btn.btn-add {
    margin-right: 5px;
}

[b-dbfjkspybs] .modal-content {
    min-height: 35vh;
}

@media (max-width: 768px) {
    .header[b-dbfjkspybs] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 10px;
    }

    .form-row[b-dbfjkspybs] {
        flex-direction: column;
    }

    .form-group[b-dbfjkspybs] {
        max-width: 100%;
        margin-right: 0;
    }
}


.form-category[b-dbfjkspybs],
.dinamic-form[b-dbfjkspybs] {
    display: flex;
    flex-wrap: nowrap; /* <-- importante para responsividad */
    align-items: baseline;
    gap: 1rem;
}

    /* Campos dentro de cada grupo */
    .form-category select[b-dbfjkspybs],
    .dinamic-form select[b-dbfjkspybs],
    .dinamic-form input[b-dbfjkspybs] {
        flex: 1 1 39px;
        min-width: 180px;
    }

    /* Contenedor de opciones (para campos tipo Select, Option, etc.) */
    .dinamic-form > div.mt-2[b-dbfjkspybs] {
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        gap: 0.5rem;
        margin-top: 0.5rem;
    }

/* Botones y campos */
button[b-dbfjkspybs], .btn[b-dbfjkspybs] {
    white-space: nowrap;
}

/* Input form-control con margen inferior para respiración */
.dinamic-form .form-control[b-dbfjkspybs] {
    margin-bottom: 0.5rem;
}

/* Indicador de campo obligatorio */
.required-values[b-dbfjkspybs] {
    color: red;
    margin-left: 4px;
}

.options-container[b-dbfjkspybs] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

/* Cada fila de opción */
.option-line[b-dbfjkspybs] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    /* El input debe ocupar el espacio disponible */
    .option-line input[b-dbfjkspybs] {
        flex: 0 0 300px; /* NO crecer, NO encoger, SI tener 300px */
        min-width: 0;
    }

    /* Botones de la última opción */
    .option-line .buttons[b-dbfjkspybs] {
        display: flex;
        gap: 0.5rem;
        flex-shrink: 0; /* No dejes que los botones se achiquen */
    }

/* Responsive para móviles */
@media (max-width: 768px) {
    .option-line[b-dbfjkspybs] {
        flex-direction: column;
        align-items: stretch;
    }

        .option-line .buttons[b-dbfjkspybs] {
            flex-direction: row;
            justify-content: flex-start;
        }

        .option-line input[b-dbfjkspybs] {
            flex: auto; /* NO crecer, NO encoger, SI tener 300px */
            min-width: 0;
        }

    .form-category[b-dbfjkspybs],
    .dinamic-form[b-dbfjkspybs] {
        flex-direction: column;
        align-items: stretch;
    }

        .form-category select[b-dbfjkspybs],
        .dinamic-form select[b-dbfjkspybs],
        .dinamic-form input[b-dbfjkspybs] {
            width: 100%;
        }

        .dinamic-form > div.mt-2[b-dbfjkspybs] {
            flex-direction: column;
        }
}

/* /Components/Pages/Business.razor.rz.scp.css */
.header[b-ixa10bg2cr] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-ixa10bg2cr] {
    margin: 0;
}

@media (max-width: 768px) {
    .input-filter[b-ixa10bg2cr] {
        width: 60%;
    }

    .header[b-ixa10bg2cr] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 10px;
    }     
}
/* /Components/Pages/CountriesCatalog.razor.rz.scp.css */
.header[b-cezkw2zrqb] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-cezkw2zrqb] {
    margin: 0;
}

.btn.add-button[b-cezkw2zrqb] {
    margin: 10px;
    white-space: nowrap;
}

@media (max-width: 768px) {
    .input-filter[b-cezkw2zrqb] {
        width: 60%;
    }

    .header[b-cezkw2zrqb] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 10px;
    }
}
/* /Components/Pages/Deliveries/EvitrackDelivery.razor.rz.scp.css */
.header[b-mu70wyw0gb] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-mu70wyw0gb] {
    margin: 0;
}
[b-mu70wyw0gb] .form-group{
    margin-right: 0
}
.form-container[b-mu70wyw0gb] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
    margin-bottom: 25px;
}

p.form-control[b-mu70wyw0gb] {
    font-size: .9em;
    height: auto;
    padding: .7em 6px;
    cursor: default;
}

[b-mu70wyw0gb] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-mu70wyw0gb] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.dual-resume[b-mu70wyw0gb] {
    display: flex;
    align-items: center;
}

.resume-cards[b-mu70wyw0gb] {
    display: flex;
    flex-wrap: wrap;
}

.card-margin[b-mu70wyw0gb] {
    margin-bottom: 20px;
}
/* /Components/Pages/Deliveries/ItemsDeliveriy.razor.rz.scp.css */
.header[b-ruwbc6erzt] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-ruwbc6erzt] {
    margin: 0;
}


.scan-container[b-ruwbc6erzt] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
}

.scan-input[b-ruwbc6erzt] {
    flex: 1;
    height: 48px;
    padding: 0 16px;
    font-size: 16px;
    border-radius: 8px;
    border: 1px solid #dcdcdc;
    outline: none;
}

    .scan-input[b-ruwbc6erzt]::placeholder {
        color: #9e9e9e;
    }

    .scan-input:focus[b-ruwbc6erzt] {
        border-color: #3b82f6;
    }

.scan-btn[b-ruwbc6erzt] {
    height: 48px;
    padding: 0 20px;
    border-radius: 8px;
    background-color: #3b82f6;
    color: white;
    font-weight: 500;
    border: none;
    cursor: pointer;
}

    .scan-btn:hover[b-ruwbc6erzt] {
        background-color: #2563eb;
    }
/* /Components/Pages/Destinations.razor.rz.scp.css */
.header[b-7r6n8tyon0] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-7r6n8tyon0] {
    margin: 0;
}

@media (max-width: 768px) {
    .input-filter[b-7r6n8tyon0] {
        width: 60%;
    }    
    .header[b-7r6n8tyon0] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 10px;
    }    
}
/* /Components/Pages/DestinationTypes.razor.rz.scp.css */
.header[b-e6k94znmkg] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-e6k94znmkg] {
    margin: 0;
}

@media (max-width: 768px) {
    .input-filter[b-e6k94znmkg] {
        width: 60%;
    }    
    .header[b-e6k94znmkg] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 10px;
    }    
}
/* /Components/Pages/DressCodes/DressCodes.razor.rz.scp.css */
.main-container[b-uucrwb6hna]{
    margin-top:30px;
}

.header[b-uucrwb6hna] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-uucrwb6hna] {
    margin: 0;
}

.form-container[b-uucrwb6hna] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
}

.form-group[b-uucrwb6hna] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}
[b-uucrwb6hna] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-uucrwb6hna] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.save-button[b-uucrwb6hna] {
    background-color: #70c170;
    color: white;
    width: 195px;
    height: 30px;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
}

.input-group-custom[b-uucrwb6hna] {
    display: flex;
    flex-direction: column;
}

.input-wrapper[b-uucrwb6hna] {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

[b-uucrwb6hna] .check {
    display: none;
}

    [b-uucrwb6hna] .check + label {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 25px;
        background-color: #ddd;
        border-radius: 50px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

        [b-uucrwb6hna] .check + label::before {
            content: "";
            position: absolute;
            top: 2.5px;
            left: 2.5px;
            width: 20px;
            height: 20px;
            background-color: #fff;
            border-radius: 50%;
            transition: transform 0.3s;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }

    [b-uucrwb6hna] .check:checked + label {
        background-color: #70c170;
    }

        [b-uucrwb6hna] .check:checked + label::before {
            transform: translateX(25px);
        }

.input-group-check[b-uucrwb6hna] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #eee;
    border-radius: 5px;
    padding: 10px;
    margin: 4px;
    flex-direction: column;
}

@media (max-width: 768px) {
    .input-filter[b-uucrwb6hna] {
        width: 60%;
    }

    .header[b-uucrwb6hna] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 10px;
    }
}
/* /Components/Pages/EditAccommodation.razor.rz.scp.css */
.header[b-p41wci8x7v] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-p41wci8x7v] {
    margin: 0;
}

.form-container[b-p41wci8x7v] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
    margin-bottom: 25px;
}

.form-row[b-p41wci8x7v] {
    display: flex;
    margin-bottom: 15px;
}

.form-group[b-p41wci8x7v] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}

    .form-group:last-child[b-p41wci8x7v] {
        margin-right: 0;
    }

    .form-group label[b-p41wci8x7v] {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }

        .form-group label i[b-p41wci8x7v] {
            margin-left: 5px;
            font-size: 14px;
            color: #000;
        }

    .form-group small[b-p41wci8x7v] {
        font-size: 12px;
        color: gray;
    }

.form-footer[b-p41wci8x7v] {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 25px;
}

.sub-header[b-p41wci8x7v] {
    display: flex;
    margin-top: 25px;
    margin-bottom: 25px;
    align-items: center;
}

    .sub-header h3[b-p41wci8x7v] {
        margin-right: 15px;
    }

[b-p41wci8x7v] .check {
    display: none;
}

    [b-p41wci8x7v] .check + .label-checkbox {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 25px;
        background-color: #ddd;
        border-radius: 50px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

        [b-p41wci8x7v] .check + .label-checkbox::before {
            content: "";
            position: absolute;
            top: 2.5px;
            left: 2.5px;
            width: 20px;
            height: 20px;
            background-color: #fff;
            border-radius: 50%;
            transition: transform 0.3s;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }

    [b-p41wci8x7v] .check:checked + .label-checkbox {
        background-color: #70c170;
    }

        [b-p41wci8x7v] .check:checked + .label-checkbox::before {
            transform: translateX(25px);
        }

[b-p41wci8x7v] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-p41wci8x7v] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.save-button[b-p41wci8x7v] {
    background-color: #70c170;
    color: white;
    width: 195px;
    height: 30px;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
}

.input-group-custom[b-p41wci8x7v] {
    display: flex;
    flex-direction: column;
}

.input-wrapper[b-p41wci8x7v] {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

[b-p41wci8x7v] .input-wrapper .form-control {
    margin-bottom: 0px !important;
}

.btn[b-p41wci8x7v] {
    cursor: pointer;
    opacity: 1;
    font-size: 1em;
    border: 0;
    border-right: 1px solid #ddd;
    align-items: center;
    background: transparent;
    color: black;
    min-height: 37px;
    padding: 5px;
    margin: 0;
    min-width: auto;
    border-radius: initial;
}

    .btn.btn-primary:disabled[b-p41wci8x7v] {
        cursor: default;
    }

.field-content[b-p41wci8x7v] {
    display: flex;
    width: 100%;
}

.options-custom[b-p41wci8x7v] {
    display: flex;
}

[b-p41wci8x7v] .btn.btn-add {
    margin-right: 5px;
}

@media (max-width: 768px) {
    .header[b-p41wci8x7v] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 10px;
    }

    .form-row[b-p41wci8x7v] {
        flex-direction: column;
    }

    .form-group[b-p41wci8x7v] {
        max-width: 100%;
        margin-right: 0;
    }
}


.form-category[b-p41wci8x7v],
.dinamic-form[b-p41wci8x7v] {
    display: flex;
    flex-wrap: nowrap; /* <-- importante para responsividad */
    align-items: baseline;
    gap: 1rem;
}

    /* Campos dentro de cada grupo */
    .form-category select[b-p41wci8x7v],
    .dinamic-form select[b-p41wci8x7v],
    .dinamic-form input[b-p41wci8x7v] {
        flex: 1 1 39px;
        min-width: 180px;
    }

    /* Contenedor de opciones (para campos tipo Select, Option, etc.) */
    .dinamic-form > div.mt-2[b-p41wci8x7v] {
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        gap: 0.5rem;
        margin-top: 0.5rem;
    }

/* Botones y campos */
button[b-p41wci8x7v], .btn[b-p41wci8x7v] {
    white-space: nowrap;
}

/* Input form-control con margen inferior para respiración */
.dinamic-form .form-control[b-p41wci8x7v] {
    margin-bottom: 0.5rem;
}

/* Indicador de campo obligatorio */
.required-values[b-p41wci8x7v] {
    color: red;
    margin-left: 4px;
}

.options-container[b-p41wci8x7v] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

/* Cada fila de opción */
.option-line[b-p41wci8x7v] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    /* El input debe ocupar el espacio disponible */
    .option-line input[b-p41wci8x7v] {
        flex: 0 0 300px; /* NO crecer, NO encoger, SI tener 300px */
        min-width: 0;
    }

    /* Botones de la última opción */
    .option-line .buttons[b-p41wci8x7v] {
        display: flex;
        gap: 0.5rem;
        flex-shrink: 0; /* No dejes que los botones se achiquen */
    }

/* Responsive para móviles */
@media (max-width: 768px) {
    .option-line[b-p41wci8x7v] {
        flex-direction: column;
        align-items: stretch;
    }

        .option-line .buttons[b-p41wci8x7v] {
            flex-direction: row;
            justify-content: flex-start;
        }

        .option-line input[b-p41wci8x7v] {
            flex: auto; /* NO crecer, NO encoger, SI tener 300px */
            min-width: 0;
        }

    .form-category[b-p41wci8x7v],
    .dinamic-form[b-p41wci8x7v] {
        flex-direction: column;
        align-items: stretch;
    }

        .form-category select[b-p41wci8x7v],
        .dinamic-form select[b-p41wci8x7v],
        .dinamic-form input[b-p41wci8x7v] {
            width: 100%;
        }

        .dinamic-form > div.mt-2[b-p41wci8x7v] {
            flex-direction: column;
        }
}

[b-p41wci8x7v] .image-uploader-container {
    max-width: 100%;
}
/* /Components/Pages/EditAccommodationTypes.razor.rz.scp.css */
.header[b-kncet51up3] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-kncet51up3] {
    margin: 0;
}

.form-container[b-kncet51up3] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
    margin-bottom: 25px;
}
.form-footer[b-kncet51up3] {
    text-align: center;
}

[b-kncet51up3] input[type=checkbox] {
    accent-color: #70c170;
}

[b-kncet51up3] .check {
    display: none;
}

    [b-kncet51up3] .check + label {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 25px;
        background-color: #ddd;
        border-radius: 50px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

        [b-kncet51up3] .check + label::before {
            content: "";
            position: absolute;
            top: 2.5px;
            left: 2.5px;
            width: 20px;
            height: 20px;
            background-color: #fff;
            border-radius: 50%;
            transition: transform 0.3s;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }

    [b-kncet51up3] .check:checked + label {
        background-color: #70c170;
    }

        [b-kncet51up3] .check:checked + label::before {
            transform: translateX(25px);
        }

.input-group-check[b-kncet51up3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #eee;
    border-radius: 5px;
    padding: 10px;
    margin: 4px;
    flex-direction: column;
}

[b-kncet51up3] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}
/* /Components/Pages/EditBusiness.razor.rz.scp.css */
.header[b-v1bg02kpku] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-v1bg02kpku] {
    margin: 0;
}

.form-container[b-v1bg02kpku] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
}

.form-row[b-v1bg02kpku] {
    display: flex;
    margin-bottom: 15px;
}

.form-group[b-v1bg02kpku] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}

    .form-group:last-child[b-v1bg02kpku] {
        margin-right: 0;
    }

    .form-group label[b-v1bg02kpku] {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }

        .form-group label i[b-v1bg02kpku] {
            margin-left: 5px;
            font-size: 14px;
            color: #000;
        }

    .form-group small[b-v1bg02kpku] {
        font-size: 12px;
        color: gray;
    }

.form-footer[b-v1bg02kpku] {
    text-align: center;
}


[b-v1bg02kpku] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-v1bg02kpku] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.save-user[b-v1bg02kpku] {
    width: 150px;
    height: 34px;
    background: #87C565;
    color: #fff;
    border: none;
    border-radius: 6px;
    cursor: pointer;
}

.save-button[b-v1bg02kpku] {
    background-color: #70c170;
    color: white;
    width: 195px;
    height: 30px;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
}

.input-group-custom[b-v1bg02kpku] {
    display: flex;
    flex-direction: column;
}

.input-wrapper[b-v1bg02kpku] {
    position: relative;
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

.btn[b-v1bg02kpku] {
    border-radius: 999px;
    cursor: pointer;
    opacity: 1;
    font-size: 1em;
    border: 0;
    display: inline-flex;
    align-items: center;
    background: transparent;
    color: black;
}

    .btn.btn-primary:disabled[b-v1bg02kpku] {
        cursor: default;
    }

[b-v1bg02kpku] input[type=checkbox] {
    accent-color: #70c170;
}

[b-v1bg02kpku] .check {
    display: none;
}

    [b-v1bg02kpku] .check + label {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 25px;
        background-color: #ddd;
        border-radius: 50px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

        [b-v1bg02kpku] .check + label::before {
            content: "";
            position: absolute;
            top: 2.5px;
            left: 2.5px;
            width: 20px;
            height: 20px;
            background-color: #fff;
            border-radius: 50%;
            transition: transform 0.3s;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }

    [b-v1bg02kpku] .check:checked + label {
        background-color: #70c170;
    }

        [b-v1bg02kpku] .check:checked + label::before {
            transform: translateX(25px);
        }

@media (max-width: 1130px) {
    .input-wrapper[b-v1bg02kpku] {
        display: block;
    }
}

@media (max-width: 768px) {
    .form-row[b-v1bg02kpku] {
        flex-direction: column;
    }

    .form-group[b-v1bg02kpku] {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
}
/* /Components/Pages/EditCountry.razor.rz.scp.css */
.header[b-3wvh8yza3e] {
background: #5c6670;
padding: 10px;
color: white;
font-weight: bold;
text-align: left;
font-size: 18px;
margin-bottom: 15px;
}

h3[b-3wvh8yza3e] {
margin: 0;
}

.form-container[b-3wvh8yza3e] {
background: #f8f8f8;
padding: 20px;
border-radius: 8px;
box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
margin-bottom: 25px;
}

.form-row[b-3wvh8yza3e] {
display: flex;
margin-bottom: 15px;
}

.form-group[b-3wvh8yza3e] {
flex: 1;
margin-right: 15px;
max-width: 33.33%;
}

.form-group:last-child[b-3wvh8yza3e] {
    margin-right: 0;
}

.form-group label[b-3wvh8yza3e] {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.form-group label i[b-3wvh8yza3e] {
    margin-left: 5px;
    font-size: 14px;
    color: #000;
}

.form-group small[b-3wvh8yza3e] {
    font-size: 12px;
    color: gray;
}

.form-footer[b-3wvh8yza3e] {
text-align: center;
margin-top: 25px;
margin-bottom: 25px;
}
/*Pill Checkbox*/
[b-3wvh8yza3e] input[type=checkbox] {
accent-color: #70c170;
}

[b-3wvh8yza3e] .check {
display: none;
}

[b-3wvh8yza3e] .check + label {
position: relative;
display: inline-block;
width: 50px;
height: 25px;
background-color: #ddd;
border-radius: 50px;
cursor: pointer;
transition: background-color 0.3s;
}

[b-3wvh8yza3e] .check + label::before {
    content: "";
    position: absolute;
    top: 2.5px;
    left: 2.5px;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 50%;
    transition: transform 0.3s;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

[b-3wvh8yza3e] .check:checked + label {
background-color: #70c170;
}

[b-3wvh8yza3e] .check:checked + label::before {
    transform: translateX(25px);
}

.input-group-check[b-3wvh8yza3e] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #eee;
    border-radius: 5px;
    padding: 10px;
    margin: 4px;
    flex-direction: column;
}
/*Pill Checkbox End*/

.sub-header[b-3wvh8yza3e] {
display: flex;
margin-top: 25px;
margin-bottom: 25px;
align-items: center;
}

.sub-header h3[b-3wvh8yza3e] {
    margin-right: 15px;
}

[b-3wvh8yza3e] .form-control {
width: 100%;
height: 38px;
padding: 6px;
border: 1px solid #ccc;
border-radius: 4px;
}

[b-3wvh8yza3e] select.form-control {
max-width: 100%;
padding: 6px;
height: 39px;
cursor: pointer;
}

.save-button[b-3wvh8yza3e] {
background-color: #70c170;
color: white;
width: 195px;
height: 30px;
padding: 0px 10px;
border: none;
border-radius: 5px;
font-size: 16px;
cursor: pointer;
display: block;
margin: 20px auto 0;
}

.input-group-custom[b-3wvh8yza3e] {
display: flex;
flex-direction: column;
}

.input-wrapper[b-3wvh8yza3e] {
display: flex;
align-items: center;
border: 1px solid #ccc;
border-radius: 5px;
overflow: hidden;
}

@media (max-width: 768px) {
.form-row[b-3wvh8yza3e] {
    flex-direction: column;
}

.form-group[b-3wvh8yza3e] {
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
}
}
/* /Components/Pages/EditDestination.razor.rz.scp.css */
.header[b-j71fdpgr5m] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-j71fdpgr5m] {
    margin: 0;
}

.form-container[b-j71fdpgr5m] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
}

.form-row[b-j71fdpgr5m] {
    display: flex;
    margin-bottom: 15px;
}

.form-group[b-j71fdpgr5m] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}

    .form-group:last-child[b-j71fdpgr5m] {
        margin-right: 0;
    }

    .form-group label[b-j71fdpgr5m] {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }

        .form-group label i[b-j71fdpgr5m] {
            margin-left: 5px;
            font-size: 14px;
            color: #000;
        }

    .form-group small[b-j71fdpgr5m] {
        font-size: 12px;
        color: gray;
    }

.form-footer[b-j71fdpgr5m] {
    text-align: center;
}


[b-j71fdpgr5m] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-j71fdpgr5m] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.save-button[b-j71fdpgr5m] {
    background-color: #70c170;
    color: white;
    width: 195px;
    height: 30px;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
}

.input-group-custom[b-j71fdpgr5m] {
    display: flex;
    flex-direction: column;
}

.input-wrapper[b-j71fdpgr5m] {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

[b-j71fdpgr5m] input[type=checkbox] {
    accent-color: #70c170;
}

[b-j71fdpgr5m] .check {
    display: none;
}

    [b-j71fdpgr5m] .check + label {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 25px;
        background-color: #ddd;
        border-radius: 50px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

        [b-j71fdpgr5m] .check + label::before {
            content: "";
            position: absolute;
            top: 2.5px;
            left: 2.5px;
            width: 20px;
            height: 20px;
            background-color: #fff;
            border-radius: 50%;
            transition: transform 0.3s;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }

    [b-j71fdpgr5m] .check:checked + label {
        background-color: #70c170;
    }

        [b-j71fdpgr5m] .check:checked + label::before {
            transform: translateX(25px);
        }

.input-group-check[b-j71fdpgr5m] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #eee;
    border-radius: 5px;
    padding: 10px;
    margin: 4px;
    flex-direction: column;
}


@media (max-width: 768px) {
    .form-row[b-j71fdpgr5m] {
        flex-direction: column;
    }

    .form-group[b-j71fdpgr5m] {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
}
/* /Components/Pages/EditDestinationType.razor.rz.scp.css */
.header[b-29h2usupae] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-29h2usupae] {
    margin: 0;
}

.form-container[b-29h2usupae] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
}

.form-row[b-29h2usupae] {
    display: flex;
    margin-bottom: 15px;
}

.form-group[b-29h2usupae] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}

    .form-group:last-child[b-29h2usupae] {
        margin-right: 0;
    }

    .form-group label[b-29h2usupae] {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }

        .form-group label i[b-29h2usupae] {
            margin-left: 5px;
            font-size: 14px;
            color: #000;
        }

    .form-group small[b-29h2usupae] {
        font-size: 12px;
        color: gray;
    }

.form-footer[b-29h2usupae] {
    text-align: center;
}


[b-29h2usupae] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-29h2usupae] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.save-button[b-29h2usupae] {
    background-color: #70c170;
    color: white;
    width: 195px;
    height: 30px;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
}

.input-group-custom[b-29h2usupae] {
    display: flex;
    flex-direction: column;
}

.input-wrapper[b-29h2usupae] {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

[b-29h2usupae] input[type=checkbox] {
    accent-color: #70c170;
}

[b-29h2usupae] .check {
    display: none;
}

    [b-29h2usupae] .check + label {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 25px;
        background-color: #ddd;
        border-radius: 50px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

        [b-29h2usupae] .check + label::before {
            content: "";
            position: absolute;
            top: 2.5px;
            left: 2.5px;
            width: 20px;
            height: 20px;
            background-color: #fff;
            border-radius: 50%;
            transition: transform 0.3s;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }

    [b-29h2usupae] .check:checked + label {
        background-color: #70c170;
    }

        [b-29h2usupae] .check:checked + label::before {
            transform: translateX(25px);
        }

.input-group-check[b-29h2usupae] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #eee;
    border-radius: 5px;
    padding: 10px;
    margin: 4px;
    flex-direction: column;
}


@media (max-width: 768px) {
    .form-row[b-29h2usupae] {
        flex-direction: column;
    }

    .form-group[b-29h2usupae] {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
}
/* /Components/Pages/EditEvent.razor.rz.scp.css */
.header[b-vdgqtnjqak] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-vdgqtnjqak] {
    margin: 0;
}

.form-container[b-vdgqtnjqak] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
}

.form-row[b-vdgqtnjqak] {
    display: flex;
    margin-bottom: 15px;
}

.form-group[b-vdgqtnjqak] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}

    .form-group:last-child[b-vdgqtnjqak] {
        margin-right: 0;
    }

    .form-group label[b-vdgqtnjqak] {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }

        .form-group label i[b-vdgqtnjqak] {
            margin-left: 5px;
            font-size: 14px;
            color: #000;
        }

    .form-group small[b-vdgqtnjqak] {
        font-size: 12px;
        color: gray;
    }

.form-footer[b-vdgqtnjqak] {
    text-align: center;
}


[b-vdgqtnjqak] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-vdgqtnjqak] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.save-button[b-vdgqtnjqak] {
    background-color: #70c170;
    color: white;
    width: 195px;
    height: 30px;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
}

.input-group-custom[b-vdgqtnjqak] {
    display: flex;
    flex-direction: column;
}

.input-wrapper[b-vdgqtnjqak] {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}


@media (max-width: 768px) {
    .form-row[b-vdgqtnjqak] {
        flex-direction: column;
    }

    .form-group[b-vdgqtnjqak] {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
}
/* /Components/Pages/EditEventAccommodation.razor.rz.scp.css */
[b-yduio8umgy] .header {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

[b-yduio8umgy] .header h3 {
    margin: 0;
}

.form-container[b-yduio8umgy] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
    margin-bottom: 25px;
}

.descriptions-Container[b-yduio8umgy] {
    margin: 20px auto;
}

.form-row[b-yduio8umgy] {
    display: flex;
    margin-bottom: 15px;
}

.form-group[b-yduio8umgy] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}

    .form-group:last-child[b-yduio8umgy] {
        margin-right: 0;
    }

    .form-group label[b-yduio8umgy] {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }

        .form-group label i[b-yduio8umgy] {
            margin-left: 5px;
            font-size: 14px;
            color: #000;
        }

    .form-group small[b-yduio8umgy] {
        font-size: 12px;
        color: gray;
    }

p.form-control[b-yduio8umgy] {
    font-size: .9em;
    height: auto;
    padding: .7em 6px;
    cursor: default;
}

.form-footer[b-yduio8umgy] {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 25px;
}

.sub-header[b-yduio8umgy] {
    display: flex;
    align-items: center;
}

    .sub-header h3[b-yduio8umgy] {
        margin-right: 15px;
    }

[b-yduio8umgy] input[type=checkbox] {
    accent-color: #70c170;
}

[b-yduio8umgy] .check {
    display: none;
}

    [b-yduio8umgy] .check + label {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 25px;
        background-color: #ddd;
        border-radius: 50px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

        [b-yduio8umgy] .check + label::before {
            content: "";
            position: absolute;
            top: 2.5px;
            left: 2.5px;
            width: 20px;
            height: 20px;
            background-color: #fff;
            border-radius: 50%;
            transition: transform 0.3s;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }

    [b-yduio8umgy] .check:checked + label {
        background-color: #70c170;
    }

        [b-yduio8umgy] .check:checked + label::before {
            transform: translateX(25px);
        }

.input-group-check[b-yduio8umgy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #eee;
    border-radius: 5px;
    padding: 10px;
    margin: 4px;
    flex-direction: column;
}

[b-yduio8umgy] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-yduio8umgy] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.save-button[b-yduio8umgy] {
    background-color: #70c170;
    color: white;
    width: 195px;
    height: 30px;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
}

.input-group-custom[b-yduio8umgy] {
    display: flex;
    flex-direction: column;
}

.input-wrapper[b-yduio8umgy] {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

[b-yduio8umgy] .input-wrapper .form-control {
    margin-bottom: 0px !important;
}


.save-button[b-yduio8umgy] {
    background-color: #70c170;
    color: white;
    width: 195px;
    height: 30px;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
}
    .btn.btn-primary:disabled[b-yduio8umgy] {
        cursor: default;
    }

.field-content[b-yduio8umgy] {
    display: flex;
    width: 100%;
}

.options-custom[b-yduio8umgy] {
    display: flex;
}

[b-yduio8umgy] .btn.btn-add {
    margin-right: 5px;
}

.modal-form-row[b-yduio8umgy] {
    justify-content: center;
}

.form-row[b-yduio8umgy] {
    display: flex;
    margin-bottom: 15px;
}

.right-options[b-yduio8umgy] {
    display: flex;
    flex-direction: row-reverse;
}

@media (max-width: 768px) {
    .header[b-yduio8umgy] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 10px;
    }

    .form-row[b-yduio8umgy] {
        flex-direction: column;
    }

    .form-group[b-yduio8umgy] {
        max-width: 100%;
        margin-right: 0;
    }
}

.form-category[b-yduio8umgy],
.dinamic-form[b-yduio8umgy] {
    display: flex;
    flex-wrap: nowrap; /* <-- importante para responsividad */
    align-items: baseline;
    gap: 1rem;
}

    /* Campos dentro de cada grupo */
    .form-category select[b-yduio8umgy],
    .dinamic-form select[b-yduio8umgy],
    .dinamic-form input[b-yduio8umgy] {
        flex: 1 1 39px;
        min-width: 180px;
    }

    /* Contenedor de opciones (para campos tipo Select, Option, etc.) */
    .dinamic-form > div.mt-2[b-yduio8umgy] {
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        gap: 0.5rem;
        margin-top: 0.5rem;
    }

/* Botones y campos */
button[b-yduio8umgy], .btn[b-yduio8umgy] {
    white-space: nowrap;
}

/* Input form-control con margen inferior para respiración */
.dinamic-form .form-control[b-yduio8umgy] {
    margin-bottom: 0.5rem;
}

/* Indicador de campo obligatorio */
.required-values[b-yduio8umgy] {
    color: red;
    margin-left: 4px;
}

.options-container[b-yduio8umgy] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

/* Cada fila de opción */
.option-line[b-yduio8umgy] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    /* El input debe ocupar el espacio disponible */
    .option-line input[b-yduio8umgy] {
        flex: 0 0 300px; /* NO crecer, NO encoger, SI tener 300px */
        min-width: 0;
    }

    /* Botones de la última opción */
    .option-line .buttons[b-yduio8umgy] {
        display: flex;
        gap: 0.5rem;
        flex-shrink: 0; /* No dejes que los botones se achiquen */
    }

/* Responsive para móviles */
@media (max-width: 768px) {
    .option-line[b-yduio8umgy] {
        flex-direction: column;
        align-items: stretch;
    }

        .option-line .buttons[b-yduio8umgy] {
            flex-direction: row;
            justify-content: flex-start;
        }

        .option-line input[b-yduio8umgy] {
            flex: auto; /* NO crecer, NO encoger, SI tener 300px */
            min-width: 0;
        }

    .form-category[b-yduio8umgy],
    .dinamic-form[b-yduio8umgy] {
        flex-direction: column;
        align-items: stretch;
    }

        .form-category select[b-yduio8umgy],
        .dinamic-form select[b-yduio8umgy],
        .dinamic-form input[b-yduio8umgy] {
            width: 100%;
        }

        .dinamic-form > div.mt-2[b-yduio8umgy] {
            flex-direction: column;
        }
}

[b-yduio8umgy] .image-uploader-container {
    max-width: 100%;
}

.center-row[b-yduio8umgy] {
    justify-content: center;
}
/* /Components/Pages/EditExtraField.razor.rz.scp.css */
.header[b-fc92kq349s] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-fc92kq349s] {
    margin: 0;
}

.form-container[b-fc92kq349s] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
}

.form-row[b-fc92kq349s] {
    display: flex;
    margin-bottom: 15px;
}

.form-group[b-fc92kq349s] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}

    .form-group:last-child[b-fc92kq349s] {
        margin-right: 0;
    }

    .form-group label[b-fc92kq349s] {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }

        .form-group label i[b-fc92kq349s] {
            margin-left: 5px;
            font-size: 14px;
            color: #000;
        }

    .form-group small[b-fc92kq349s] {
        font-size: 12px;
        color: gray;
    }

.form-footer[b-fc92kq349s] {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 25px;
}

.sub-header[b-fc92kq349s] {
    display: flex;
    margin-top: 25px;
    margin-bottom: 25px;
    align-items: center;
}

    .sub-header h3[b-fc92kq349s] {
        margin-right: 15px;
    }

[b-fc92kq349s] .check {
    display: none;
}

    [b-fc92kq349s] .check + .label-checkbox {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 25px;
        background-color: #ddd;
        border-radius: 50px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

        [b-fc92kq349s] .check + .label-checkbox::before {
            content: "";
            position: absolute;
            top: 2.5px;
            left: 2.5px;
            width: 20px;
            height: 20px;
            background-color: #fff;
            border-radius: 50%;
            transition: transform 0.3s;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }

    [b-fc92kq349s] .check:checked + .label-checkbox {
        background-color: #70c170;
    }

        [b-fc92kq349s] .check:checked + .label-checkbox::before {
            transform: translateX(25px);
        }

[b-fc92kq349s] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-fc92kq349s] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.save-button[b-fc92kq349s] {
    background-color: #70c170;
    color: white;
    width: 195px;
    height: 30px;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
}

.input-group-custom[b-fc92kq349s] {
    display: flex;
    flex-direction: column;
}

.input-wrapper[b-fc92kq349s] {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

.btn[b-fc92kq349s] {
    cursor: pointer;
    opacity: 1;
    font-size: 1em;
    border: 0;
    border-right: 1px solid #ddd;
    align-items: center;
    background: transparent;
    color: black;
    min-height: 37px;
    padding: 5px;
    margin: 0;
    min-width: auto;
    border-radius: initial;
}

    .btn.btn-primary:disabled[b-fc92kq349s] {
        cursor: default;
    }

.field-content[b-fc92kq349s] {
    display: flex;
    width: 100%;
}

.options-custom[b-fc92kq349s] {
    display: flex;
}

[b-fc92kq349s] .btn.btn-add {
    margin-right: 5px;
}

[b-fc92kq349s] .modal-content {
    min-height: 35vh;
}

@media (max-width: 768px) {
    .header[b-fc92kq349s] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 10px;
    }

    .form-row[b-fc92kq349s] {
        flex-direction: column;
    }

    .form-group[b-fc92kq349s] {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
}

.buttons[b-fc92kq349s] {
    display: flex;
    flex-direction: row-reverse;
    align-content: space-around;
    justify-content: space-evenly;
    align-items: flex-end;
    gap: 10px;
}


.form-category[b-fc92kq349s],
.dinamic-form[b-fc92kq349s] {
    display: flex;
    flex-wrap: nowrap; /* <-- importante para responsividad */
    align-items: baseline;
    gap: 1rem;
}

    /* Campos dentro de cada grupo */
    .form-category select[b-fc92kq349s],
    .dinamic-form select[b-fc92kq349s],
    .dinamic-form input[b-fc92kq349s] {
        flex: 1 1 39px;
        min-width: 180px;
    }

    /* Contenedor de opciones (para campos tipo Select, Option, etc.) */
    .dinamic-form > div.mt-2[b-fc92kq349s] {
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        gap: 0.5rem;
        margin-top: 0.5rem;
    }

/* Botones y campos */
button[b-fc92kq349s], .btn[b-fc92kq349s] {
    white-space: nowrap;
}

/* Input form-control con margen inferior para respiración */
.dinamic-form .form-control[b-fc92kq349s] {
    margin-bottom: 0.5rem;
}

/* Indicador de campo obligatorio */
.required-values[b-fc92kq349s] {
    color: red;
    margin-left: 4px;
}

.options-container[b-fc92kq349s] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

/* Cada fila de opción */
.option-line[b-fc92kq349s] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    /* El input debe ocupar el espacio disponible */
    .option-line input[b-fc92kq349s] {
        flex: 0 0 300px; /* NO crecer, NO encoger, SI tener 300px */
        min-width: 0;
    }

    /* Botones de la última opción */
    .option-line .buttons[b-fc92kq349s] {
        display: flex;
        gap: 0.5rem;
        flex-shrink: 0; /* No dejes que los botones se achiquen */
    }

/* Responsive para móviles */
@media (max-width: 768px) {
    .option-line[b-fc92kq349s] {
        flex-direction: column;
        align-items: stretch;
    }

        .option-line .buttons[b-fc92kq349s] {
            flex-direction: row;
            justify-content: flex-start;
        }

        .option-line input[b-fc92kq349s] {
            flex: auto; /* NO crecer, NO encoger, SI tener 300px */
            min-width: 0;
        }

    .form-category[b-fc92kq349s],
    .dinamic-form[b-fc92kq349s] {
        flex-direction: column;
        align-items: stretch;
    }

        .form-category select[b-fc92kq349s],
        .dinamic-form select[b-fc92kq349s],
        .dinamic-form input[b-fc92kq349s] {
            width: 100%;
        }

        .dinamic-form > div.mt-2[b-fc92kq349s] {
            flex-direction: column;
        }
}

[b-fc92kq349s] input[type=checkbox] {
    accent-color: #70c170;
}

[b-fc92kq349s] .check {
    display: none;
}

    [b-fc92kq349s] .check + label {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 25px;
        background-color: #ddd;
        border-radius: 50px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

        [b-fc92kq349s] .check + label::before {
            content: "";
            position: absolute;
            top: 2.5px;
            left: 2.5px;
            width: 20px;
            height: 20px;
            background-color: #fff;
            border-radius: 50%;
            transition: transform 0.3s;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }

    [b-fc92kq349s] .check:checked + label {
        background-color: #70c170;
    }

        [b-fc92kq349s] .check:checked + label::before {
            transform: translateX(25px);
        }
/* /Components/Pages/EditOperator.razor.rz.scp.css */
.header[b-s13kluro2e] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-s13kluro2e] {
    margin: 0;
}

.form-container[b-s13kluro2e] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
    margin-bottom: 25px;
}

.form-row[b-s13kluro2e] {
    display: flex;
    margin-bottom: 15px;
}

.form-group[b-s13kluro2e] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}

.form-group:last-child[b-s13kluro2e] {
    margin-right: 0;
}

.form-group label[b-s13kluro2e] {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.form-group label i[b-s13kluro2e] {
    margin-left: 5px;
    font-size: 14px;
    color: #000;
}

.form-group small[b-s13kluro2e] {
    font-size: 12px;
    color: gray;
}

.form-footer[b-s13kluro2e] {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 25px;
}
/*Pill Checkbox*/
[b-s13kluro2e] input[type=checkbox] {
accent-color: #70c170;
}
[b-s13kluro2e] .check {
display: none;
}

[b-s13kluro2e] .check + label {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 25px;
    background-color: #ddd;
    border-radius: 50px;
    cursor: pointer;
    transition: background-color 0.3s;
}

[b-s13kluro2e] .check + label::before {
    content: "";
    position: absolute;
    top: 2.5px;
    left: 2.5px;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 50%;
    transition: transform 0.3s;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

[b-s13kluro2e] .check:checked + label {
background-color: #70c170;
}

[b-s13kluro2e] .check:checked + label::before {
    transform: translateX(25px);
}

.input-group-check[b-s13kluro2e] {
display: flex;
justify-content: space-between;
align-items: center;
background: #eee;
border-radius: 5px;
padding: 10px;
margin: 4px;
flex-direction: column;
}
/*Pill Checkbox End*/

.sub-header[b-s13kluro2e] {
    display: flex;
    margin-top: 25px;
    margin-bottom: 25px;
    align-items: center;
}

.sub-header h3[b-s13kluro2e] {
    margin-right: 15px;
}

[b-s13kluro2e] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-s13kluro2e] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.save-button[b-s13kluro2e] {
    background-color: #70c170;
    color: white;
    width: 195px;
    height: 30px;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
}

.input-group-custom[b-s13kluro2e] {
    display: flex;
    flex-direction: column;
}

.input-wrapper[b-s13kluro2e] {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

@media (max-width: 768px) {
    .form-row[b-s13kluro2e] {
        flex-direction: column;
    }

    .form-group[b-s13kluro2e] {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
}
/* /Components/Pages/EditRole.razor.rz.scp.css */
.header[b-815e48c3f3] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-815e48c3f3] {
    margin: 0;
}

.form-container[b-815e48c3f3] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
}

.form-row[b-815e48c3f3] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: calc(100vh - 300px);
    overflow-y: auto;
}

.form-group[b-815e48c3f3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    border-bottom: 1px solid #ddd;
    min-height: 50px;
}

    .form-group label[b-815e48c3f3] {
        font-weight: 600;
        flex: 1;
    }

.form-group-role[b-815e48c3f3] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 10px 15px;
    flex-direction: column;
}

    .form-group-role label[b-815e48c3f3] {
        font-weight: 600;
        flex: 1;
    }

.permissions[b-815e48c3f3] {
    display: flex;
    gap: 15px;
    flex: 2;
    justify-content: flex-end
}

    .permissions label[b-815e48c3f3] {
        display: flex;
        align-items: center;
        gap: 5px;
        font-weight: normal;
        cursor: pointer;
    }

input[type="radio"][b-815e48c3f3] {
    accent-color: #000;
    cursor: pointer;
}

.form-footer[b-815e48c3f3] {
    text-align: center;
}


[b-815e48c3f3] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border-radius: 4px;
}

[b-815e48c3f3] .form-control-area {
    width: 100%;
    min-height: 6rem;
    padding: 6px;
    border-radius: 4px;
}

[b-815e48c3f3] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.save-button[b-815e48c3f3] {
    background-color: #70c170;
    color: white;
    width: 195px;
    height: 30px;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
}

.input-group-custom[b-815e48c3f3] {
    display: flex;
    flex-direction: column;
}

.input-wrapper[b-815e48c3f3] {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

@media (max-width: 768px) {
    .form-row[b-815e48c3f3] {
        flex-direction: column;
    }

    .form-group[b-815e48c3f3] {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
}
/* /Components/Pages/EditSupplier.razor.rz.scp.css */
.header[b-7rdakwphup] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-7rdakwphup] {
    margin: 0;
}

.form-container[b-7rdakwphup] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
    margin-bottom: 25px;
}

.form-row[b-7rdakwphup] {
    display: flex;
    margin-bottom: 15px;
}

.form-group[b-7rdakwphup] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}

.form-group:last-child[b-7rdakwphup] {
    margin-right: 0;
}

.form-group label[b-7rdakwphup] {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.form-group label i[b-7rdakwphup] {
    margin-left: 5px;
    font-size: 14px;
    color: #000;
}

.form-group small[b-7rdakwphup] {
    font-size: 12px;
    color: gray;
}

.form-footer[b-7rdakwphup] {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 25px;
}
/*Pill Checkbox*/
[b-7rdakwphup] input[type=checkbox] {
accent-color: #70c170;
}
[b-7rdakwphup] .check {
display: none;
}

[b-7rdakwphup] .check + label {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 25px;
    background-color: #ddd;
    border-radius: 50px;
    cursor: pointer;
    transition: background-color 0.3s;
}

[b-7rdakwphup] .check + label::before {
    content: "";
    position: absolute;
    top: 2.5px;
    left: 2.5px;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 50%;
    transition: transform 0.3s;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

[b-7rdakwphup] .check:checked + label {
background-color: #70c170;
}

[b-7rdakwphup] .check:checked + label::before {
    transform: translateX(25px);
}

.input-group-check[b-7rdakwphup] {
display: flex;
justify-content: space-between;
align-items: center;
background: #eee;
border-radius: 5px;
padding: 10px;
margin: 4px;
flex-direction: column;
}
/*Pill Checkbox End*/

.sub-header[b-7rdakwphup] {
    display: flex;
    margin-top: 25px;
    margin-bottom: 25px;
    align-items: center;
}

.sub-header h3[b-7rdakwphup] {
    margin-right: 15px;
}

[b-7rdakwphup] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-7rdakwphup] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.save-button[b-7rdakwphup] {
    background-color: #70c170;
    color: white;
    width: 195px;
    height: 30px;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
}

.input-group-custom[b-7rdakwphup] {
    display: flex;
    flex-direction: column;
}

.input-wrapper[b-7rdakwphup] {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

@media (max-width: 768px) {
    .form-row[b-7rdakwphup] {
        flex-direction: column;
    }

    .form-group[b-7rdakwphup] {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
}
/* /Components/Pages/EditTransportService.razor.rz.scp.css */
.header[b-euh4bp54hl] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-euh4bp54hl] {
    margin: 0;
}

.form-container[b-euh4bp54hl] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
    margin-bottom: 25px;
}

.form-row[b-euh4bp54hl] {
    display: flex;
    margin-bottom: 15px;
}

.form-group[b-euh4bp54hl] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}

    .form-group:last-child[b-euh4bp54hl] {
        margin-right: 0;
    }

    .form-group label[b-euh4bp54hl] {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }

        .form-group label i[b-euh4bp54hl] {
            margin-left: 5px;
            font-size: 14px;
            color: #000;
        }

    .form-group small[b-euh4bp54hl] {
        font-size: 12px;
        color: gray;
    }

.form-footer[b-euh4bp54hl] {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 25px;
}

.sub-header[b-euh4bp54hl] {
    display: flex;
    margin-top: 25px;
    margin-bottom: 25px;
    align-items: center;
}

    .sub-header h3[b-euh4bp54hl] {
        margin-right: 15px;
    }

[b-euh4bp54hl] input[type=checkbox] {
    accent-color: #70c170;
}

[b-euh4bp54hl] .check {
    display: none;
}

    [b-euh4bp54hl] .check + label {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 25px;
        background-color: #ddd;
        border-radius: 50px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

        [b-euh4bp54hl] .check + label::before {
            content: "";
            position: absolute;
            top: 2.5px;
            left: 2.5px;
            width: 20px;
            height: 20px;
            background-color: #fff;
            border-radius: 50%;
            transition: transform 0.3s;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }

    [b-euh4bp54hl] .check:checked + label {
        background-color: #70c170;
    }

        [b-euh4bp54hl] .check:checked + label::before {
            transform: translateX(25px);
        }

.input-group-check[b-euh4bp54hl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #eee;
    border-radius: 5px;
    padding: 10px;
    margin: 4px;
    flex-direction: column;
}

[b-euh4bp54hl] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-euh4bp54hl] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.save-button[b-euh4bp54hl] {
    background-color: #70c170;
    color: white;
    width: 195px;
    height: 30px;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
}

.input-group-custom[b-euh4bp54hl] {
    display: flex;
    flex-direction: column;
}

.input-wrapper[b-euh4bp54hl] {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

[b-euh4bp54hl] .input-wrapper .form-control {
    margin-bottom: 0px !important;
}

.btn[b-euh4bp54hl] {
    cursor: pointer;
    opacity: 1;
    font-size: 1em;
    border: 0;
    border-right: 1px solid #ddd;
    align-items: center;
    background: transparent;
    color: black;
    min-height: 37px;
    padding: 5px;
    margin: 0;
    min-width: auto;
    border-radius: initial;
}

    .btn.btn-primary:disabled[b-euh4bp54hl] {
        cursor: default;
    }

.field-content[b-euh4bp54hl] {
    display: flex;
    width: 100%;
}

.options-custom[b-euh4bp54hl] {
    display: flex;
}

[b-euh4bp54hl] .btn.btn-add {
    margin-right: 5px;
}

[b-euh4bp54hl] .custom-select {
    margin-top: 5px;
}

[b-euh4bp54hl] .form-group {
    width: inherit;
}

@media (max-width: 768px) {
    .header[b-euh4bp54hl] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 10px;
    }

    .form-row[b-euh4bp54hl] {
        flex-direction: column;
    }

    .form-group[b-euh4bp54hl] {
        max-width: 100%;
        margin-right: 0;
    }
}


.form-category[b-euh4bp54hl],
.dinamic-form[b-euh4bp54hl] {
    display: flex;
    flex-wrap: nowrap; /* <-- importante para responsividad */
    align-items: baseline;
    gap: 1rem;
}

    /* Campos dentro de cada grupo */
    .form-category select[b-euh4bp54hl],
    .dinamic-form select[b-euh4bp54hl],
    .dinamic-form input[b-euh4bp54hl] {
        flex: 1 1 39px;
        min-width: 180px;
    }

    /* Contenedor de opciones (para campos tipo Select, Option, etc.) */
    .dinamic-form > div.mt-2[b-euh4bp54hl] {
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        gap: 0.5rem;
        margin-top: 0.5rem;
    }

/* Botones y campos */
button[b-euh4bp54hl], .btn[b-euh4bp54hl] {
    white-space: nowrap;
}

/* Input form-control con margen inferior para respiración */
.dinamic-form .form-control[b-euh4bp54hl] {
    margin-bottom: 0.5rem;
}

/* Indicador de campo obligatorio */
.required-values[b-euh4bp54hl] {
    color: red;
    margin-left: 4px;
}

.options-container[b-euh4bp54hl] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

/* Cada fila de opción */
.option-line[b-euh4bp54hl] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    /* El input debe ocupar el espacio disponible */
    .option-line input[b-euh4bp54hl] {
        flex: 0 0 300px; /* NO crecer, NO encoger, SI tener 300px */
        min-width: 0;
    }

    /* Botones de la última opción */
    .option-line .buttons[b-euh4bp54hl] {
        display: flex;
        gap: 0.5rem;
        flex-shrink: 0; /* No dejes que los botones se achiquen */
    }

/* Responsive para móviles */
@media (max-width: 768px) {
    .option-line[b-euh4bp54hl] {
        flex-direction: column;
        align-items: stretch;
    }

        .option-line .buttons[b-euh4bp54hl] {
            flex-direction: row;
            justify-content: flex-start;
        }

        .option-line input[b-euh4bp54hl] {
            flex: auto; /* NO crecer, NO encoger, SI tener 300px */
            min-width: 0;
        }

    .form-category[b-euh4bp54hl],
    .dinamic-form[b-euh4bp54hl] {
        flex-direction: column;
        align-items: stretch;
    }

        .form-category select[b-euh4bp54hl],
        .dinamic-form select[b-euh4bp54hl],
        .dinamic-form input[b-euh4bp54hl] {
            width: 100%;
        }

        .dinamic-form > div.mt-2[b-euh4bp54hl] {
            flex-direction: column;
        }
}

[b-euh4bp54hl] .image-uploader-container {
    max-width: 100%;
}

.center-row[b-euh4bp54hl] {
    justify-content: center;
}

.sub-header[b-euh4bp54hl] {
    display: flex;
    margin-top: 25px;
    margin-bottom: 25px;
    align-items: center;
}

    .sub-header h3[b-euh4bp54hl] {
        margin-right: 15px;
    }
/* /Components/Pages/EditTransportType.razor.rz.scp.css */
.header[b-bpgs8fp909] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-bpgs8fp909] {
    margin: 0;
}

.form-container[b-bpgs8fp909] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
}

.form-row[b-bpgs8fp909] {
    display: flex;
    margin-bottom: 15px;
}

.form-group[b-bpgs8fp909] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}

    .form-group:last-child[b-bpgs8fp909] {
        margin-right: 0;
    }

    .form-group label[b-bpgs8fp909] {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }

        .form-group label i[b-bpgs8fp909] {
            margin-left: 5px;
            font-size: 14px;
            color: #000;
        }

    .form-group small[b-bpgs8fp909] {
        font-size: 12px;
        color: gray;
    }

.form-footer[b-bpgs8fp909] {
    text-align: center;
}


[b-bpgs8fp909] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-bpgs8fp909] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.save-button[b-bpgs8fp909] {
    background-color: #70c170;
    color: white;
    width: 195px;
    height: 30px;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
}

.input-group-custom[b-bpgs8fp909] {
    display: flex;
    flex-direction: column;
}

.input-wrapper[b-bpgs8fp909] {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

[b-bpgs8fp909] input[type=checkbox] {
    accent-color: #70c170;
}

[b-bpgs8fp909] .check {
    display: none;
}

    [b-bpgs8fp909] .check + label {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 25px;
        background-color: #ddd;
        border-radius: 50px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

        [b-bpgs8fp909] .check + label::before {
            content: "";
            position: absolute;
            top: 2.5px;
            left: 2.5px;
            width: 20px;
            height: 20px;
            background-color: #fff;
            border-radius: 50%;
            transition: transform 0.3s;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }

    [b-bpgs8fp909] .check:checked + label {
        background-color: #70c170;
    }

        [b-bpgs8fp909] .check:checked + label::before {
            transform: translateX(25px);
        }

.input-group-check[b-bpgs8fp909] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #eee;
    border-radius: 5px;
    padding: 10px;
    margin: 4px;
    flex-direction: column;
}


@media (max-width: 768px) {
    .form-row[b-bpgs8fp909] {
        flex-direction: column;
    }

    .form-group[b-bpgs8fp909] {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
}
/* /Components/Pages/EditUser.razor.rz.scp.css */

.header[b-8jch9nqwie] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

.NewUse-Container[b-8jch9nqwie] {
    margin: 20px auto;
}

h3[b-8jch9nqwie] {
    margin: 0;
}

.form-container[b-8jch9nqwie] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
}

.form-row[b-8jch9nqwie] {
    display: flex;
    margin-bottom: 15px;
}

.form-group[b-8jch9nqwie] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}

    .form-group:last-child[b-8jch9nqwie] {
        margin-right: 0;
    }

    .form-group label[b-8jch9nqwie] {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }

        .form-group label i[b-8jch9nqwie] {
            margin-left: 5px;
            font-size: 14px;
            color: #000;
        }

    .form-group small[b-8jch9nqwie] {
        font-size: 12px;
        color: gray;
    }

.form-footer[b-8jch9nqwie] {
    text-align: center;
}

.modal-form-row[b-8jch9nqwie] {
    justify-content: center;
}

[b-8jch9nqwie] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-8jch9nqwie] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}
.save-user[b-8jch9nqwie] {
    width: 150px;
    height: 34px;
    background: #87C565;
    color: #fff;
    border: none;
    border-radius: 6px;
    cursor: pointer;
}
.save-button[b-8jch9nqwie] {
    background-color: #70c170;
    color: white;
    width: 195px;
    height: 30px;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
}

.input-group-custom[b-8jch9nqwie] {
    display: flex;
    flex-direction: column;
}

.input-wrapper[b-8jch9nqwie] {
    position: relative;
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

[b-8jch9nqwie] input[type=checkbox] {
    accent-color: #70c170;
}

[b-8jch9nqwie] .check {
    display: none;
}

   [b-8jch9nqwie] .check + label {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 25px;
        background-color: #ddd;
        border-radius: 50px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

    [b-8jch9nqwie] .check + label::before {
        content: "";
        position: absolute;
        top: 2.5px;
        left: 2.5px;
        width: 20px;
        height: 20px;
        background-color: #fff;
        border-radius: 50%;
        transition: transform 0.3s;
        box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    }

    [b-8jch9nqwie] .check:checked + label {
        background-color: #70c170;
    }

        [b-8jch9nqwie] .check:checked + label::before {
            transform: translateX(25px);
        }

@media (max-width: 1130px) {
    .input-wrapper[b-8jch9nqwie] {
        display: block;
    }
}
@media (max-width: 768px) {
    .form-row[b-8jch9nqwie] {
        flex-direction: column;
    }

    .form-group[b-8jch9nqwie] {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }    
}

[b-8jch9nqwie] .modal-content {
    min-height: 24vh;
    overflow-y: visible;
}

[b-8jch9nqwie] .dropdown-menu.show {
    overflow: auto;
}
/* /Components/Pages/EmailSettings/EmailCampaings.razor.rz.scp.css */
[b-ckbkdftigy] .header {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

    [b-ckbkdftigy] .header h3 {
        margin: 0;
    }

.section[b-ckbkdftigy] {
    background: #ffffff;
    padding: 2rem;
    border-radius: 5px;
    box-sizing: border-box;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
}

.note[b-ckbkdftigy] {
    margin: 0px;
    color: #575757;
    font-size: .8em;
    font-weight: bold;
}

.list-item-option small[b-ckbkdftigy] {
    color: #8f8f8f;
}
[b-ckbkdftigy] .list-item-actions .btn-link {
    font-size: 1.2em;
    margin: 0.75em;
}
    [b-ckbkdftigy] .list-item-actions .btn-link small i {
        transform: translate(-2pt, 3pt);
        text-shadow: 4px 0 #fff, -4px 0 #fff, 0 4px #fff, 0 -4px #fff, 2px 2px #fff, -2px -2px #fff, 2px -2px #fff, -2px 2px #fff;
    }

.input-group-check[b-ckbkdftigy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 5px;
    padding: 10px;
    margin: 4px;
}
/* /Components/Pages/EventAccommodations.razor.rz.scp.css */
.header[b-g499tsoy2l] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-g499tsoy2l] {
    margin: 0;
}

.form-container[b-g499tsoy2l] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
}

.form-row[b-g499tsoy2l] {
    display: flex;
    margin-bottom: 15px;
}

.form-group[b-g499tsoy2l] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}

    .form-group:last-child[b-g499tsoy2l] {
        margin-right: 0;
    }

    .form-group label[b-g499tsoy2l] {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }

        .form-group label i[b-g499tsoy2l] {
            margin-left: 5px;
            font-size: 14px;
            color: #000;
        }

    .form-group small[b-g499tsoy2l] {
        font-size: 12px;
        color: gray;
    }

.form-footer[b-g499tsoy2l] {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 25px;
}

.sub-header[b-g499tsoy2l] {
    display: flex;
    margin-top: 25px;
    margin-bottom: 25px;
    align-items: center;
}

    .sub-header h3[b-g499tsoy2l] {
        margin-right: 15px;
    }

[b-g499tsoy2l] .check {
    display: none;
}

    [b-g499tsoy2l] .check + .label-checkbox {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 25px;
        background-color: #ddd;
        border-radius: 50px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

        [b-g499tsoy2l] .check + .label-checkbox::before {
            content: "";
            position: absolute;
            top: 2.5px;
            left: 2.5px;
            width: 20px;
            height: 20px;
            background-color: #fff;
            border-radius: 50%;
            transition: transform 0.3s;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }

    [b-g499tsoy2l] .check:checked + .label-checkbox {
        background-color: #70c170;
    }

        [b-g499tsoy2l] .check:checked + .label-checkbox::before {
            transform: translateX(25px);
        }

[b-g499tsoy2l] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-g499tsoy2l] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.save-button[b-g499tsoy2l] {
    background-color: #70c170;
    color: white;
    width: 195px;
    height: 30px;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
}

.input-group-custom[b-g499tsoy2l] {
    display: flex;
    flex-direction: column;
}

.input-wrapper[b-g499tsoy2l] {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

[b-g499tsoy2l] .input-wrapper .form-control {
    margin-bottom: 0px !important;
}



.field-content[b-g499tsoy2l] {
    display: flex;
    width: 100%;
}

.options-custom[b-g499tsoy2l] {
    display: flex;
}

[b-g499tsoy2l] .btn.btn-add {
    margin-right: 5px;
}

[b-g499tsoy2l] .modal-content {
    min-height: 35vh;
}

@media (max-width: 768px) {
    .header[b-g499tsoy2l] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 10px;
    }

    .form-row[b-g499tsoy2l] {
        flex-direction: column;
    }

    .form-group[b-g499tsoy2l] {
        max-width: 100%;
        margin-right: 0;
    }

    .table-container .box-options[b-g499tsoy2l] {
        transform: translateY(-60px);
    }
}


.form-category[b-g499tsoy2l],
.dinamic-form[b-g499tsoy2l] {
    display: flex;
    flex-wrap: nowrap; /* <-- importante para responsividad */
    align-items: baseline;
    gap: 1rem;
}

    /* Campos dentro de cada grupo */
    .form-category select[b-g499tsoy2l],
    .dinamic-form select[b-g499tsoy2l],
    .dinamic-form input[b-g499tsoy2l] {
        flex: 1 1 39px;
        min-width: 180px;
    }

    /* Contenedor de opciones (para campos tipo Select, Option, etc.) */
    .dinamic-form > div.mt-2[b-g499tsoy2l] {
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        gap: 0.5rem;
        margin-top: 0.5rem;
    }

/* Botones y campos */
button[b-g499tsoy2l], .btn[b-g499tsoy2l] {
    white-space: nowrap;
}

/* Input form-control con margen inferior para respiración */
.dinamic-form .form-control[b-g499tsoy2l] {
    margin-bottom: 0.5rem;
}

/* Indicador de campo obligatorio */
.required-values[b-g499tsoy2l] {
    color: red;
    margin-left: 4px;
}

.options-container[b-g499tsoy2l] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

/* Cada fila de opción */
.option-line[b-g499tsoy2l] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    /* El input debe ocupar el espacio disponible */
    .option-line input[b-g499tsoy2l] {
        flex: 0 0 300px; /* NO crecer, NO encoger, SI tener 300px */
        min-width: 0;
    }

    /* Botones de la última opción */
    .option-line .buttons[b-g499tsoy2l] {
        display: flex;
        gap: 0.5rem;
        flex-shrink: 0; /* No dejes que los botones se achiquen */
    }

/* Responsive para móviles */
@media (max-width: 768px) {
    .option-line[b-g499tsoy2l] {
        flex-direction: column;
        align-items: stretch;
    }

        .option-line .buttons[b-g499tsoy2l] {
            flex-direction: row;
            justify-content: flex-start;
        }

        .option-line input[b-g499tsoy2l] {
            flex: auto; /* NO crecer, NO encoger, SI tener 300px */
            min-width: 0;
        }

    .form-category[b-g499tsoy2l],
    .dinamic-form[b-g499tsoy2l] {
        flex-direction: column;
        align-items: stretch;
    }

        .form-category select[b-g499tsoy2l],
        .dinamic-form select[b-g499tsoy2l],
        .dinamic-form input[b-g499tsoy2l] {
            width: 100%;
        }

        .dinamic-form > div.mt-2[b-g499tsoy2l] {
            flex-direction: column;
        }
}

[b-g499tsoy2l] .dt-container{
    margin-top: 0px;
}
/* /Components/Pages/Events.razor.rz.scp.css */
.header[b-rnol0m47mm] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-rnol0m47mm] {
    margin: 0;
}

@media (max-width: 768px) {
    .input-filter[b-rnol0m47mm] {
        width: 60%;
    }    
    .header[b-rnol0m47mm] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 10px;
    }    
}
/* /Components/Pages/EviTrackAccommodation.razor.rz.scp.css */
.header[b-ea4mf6mvg4] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-ea4mf6mvg4] {
    margin: 0;
}

@media (max-width: 768px) {    

    .header[b-ea4mf6mvg4] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 10px;
    }
}
/*.form-container {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px;
    margin-bottom: 25px;
    background: rgb(248, 248, 248);
    padding: 20px;
    border-radius: 8px;
}*/
.default-title[b-ea4mf6mvg4] {
    margin: auto 0px;
    font-weight: 100;
    margin-bottom: 25px;
}
.kpis-row[b-ea4mf6mvg4] {
    max-width: 860px;
    margin: auto;
}

.panels[b-ea4mf6mvg4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
    gap: 20px;
}

.row[b-ea4mf6mvg4] {
    display: flex;
    flex-wrap: wrap;
    margin-right: 1px;
    margin-left: 1px;
}
.row .div-form-group[b-ea4mf6mvg4] {
    display: grid;
    padding: 6px;
}
.form-container[b-ea4mf6mvg4] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
    margin-bottom: 25px;
}
[b-ea4mf6mvg4] .form-control {
    width: 100%;
    height: 38px;
    border: 1px solid #ccc;
    border-radius: 4px;
}
p.form-control[b-ea4mf6mvg4] {
    font-size: .9em;
    height: auto;
    padding: .7em 6px;
    cursor: default;
}
[b-ea4mf6mvg4] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

[b-ea4mf6mvg4] input.input-filter {
    width: auto;
    height: 35px;
    border-radius: 5px;
}

[b-ea4mf6mvg4] .custom-dropdown {
    width: auto;
}

@media (max-width: 768px) {
    [b-ea4mf6mvg4] .modal-content.title {
        width: 100%;
    }
}
/* /Components/Pages/EviTrackTransportation/EviTrackTransportation.razor.rz.scp.css */
.header[b-986ohzzvx3] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}
h3[b-986ohzzvx3] {
    margin: 0;
}
@media (max-width: 768px) {

    .header[b-986ohzzvx3] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 10px;
    }
}
.form-container[b-986ohzzvx3] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
    margin-bottom: 25px;
}
.row[b-986ohzzvx3] {
    display: flex;
    flex-wrap: wrap;
    margin-right: 1px;
    margin-left: 1px;
}
.row .div-form-group[b-986ohzzvx3] {
    display: grid;
    padding: 6px;
}
p.form-control[b-986ohzzvx3] {
    font-size: .9em;
    height: auto;
    padding: .7em 6px;
    cursor: default;
}
[b-986ohzzvx3] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}
[b-986ohzzvx3] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}
.row [class^="col-"][b-986ohzzvx3] >  .dropdown {
    margin-bottom: 10px;
    margin-top: 5px;
}


.panels[b-986ohzzvx3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(480px, 1fr));
    gap: 20px;
}

.kpis-row[b-986ohzzvx3] {
    max-width: 860px;
    margin: auto;
}
/* /Components/Pages/ExtraFieldsSettings.razor.rz.scp.css */
body[b-abuqgqyhrl] {
}

.header[b-abuqgqyhrl] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-abuqgqyhrl] {
    margin: 0;
}

.container[b-abuqgqyhrl] {
    margin-top: 25px;
    background-color: #ebebeb;
    overflow: hidden;
}

.form-group[b-abuqgqyhrl] {
    flex: 1;
    min-width: 150px;
}

[b-abuqgqyhrl] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-abuqgqyhrl] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.left-options[b-abuqgqyhrl] {
    display: flex;
    width: 100%;
    align-items: center
}

.options[b-abuqgqyhrl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.right-options[b-abuqgqyhrl] {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

[b-abuqgqyhrl] .table-container .box-options {
    display: flex;
    position: absolute;
    right: 0;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 15px;
}

[b-abuqgqyhrl] .table-container .box-options .left-options {
        display: flex;
        gap: 10px; /* Espacio entre elementos */
}

[b-abuqgqyhrl] .table-container .box-options .right-options {
        display: flex;
        gap: 10px;
}


/* /Components/Pages/Gallery/Gallery.razor.rz.scp.css */
.main-container[b-v86z77z55h]{
    margin-top:30px;
}

.header[b-v86z77z55h] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-v86z77z55h] {
    margin: 0;
}

.form-container[b-v86z77z55h] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
}

.form-group[b-v86z77z55h] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}
[b-v86z77z55h] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-v86z77z55h] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.save-button[b-v86z77z55h] {
    background-color: #70c170;
    color: white;
    width: 195px;
    height: 30px;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
}

.input-group-custom[b-v86z77z55h] {
    display: flex;
    flex-direction: column;
}

.input-wrapper[b-v86z77z55h] {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

[b-v86z77z55h] .check {
    display: none;
}

    [b-v86z77z55h] .check + label {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 25px;
        background-color: #ddd;
        border-radius: 50px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

        [b-v86z77z55h] .check + label::before {
            content: "";
            position: absolute;
            top: 2.5px;
            left: 2.5px;
            width: 20px;
            height: 20px;
            background-color: #fff;
            border-radius: 50%;
            transition: transform 0.3s;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }

    [b-v86z77z55h] .check:checked + label {
        background-color: #70c170;
    }

        [b-v86z77z55h] .check:checked + label::before {
            transform: translateX(25px);
        }

.input-group-check[b-v86z77z55h] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #eee;
    border-radius: 5px;
    padding: 10px;
    margin: 4px;
    flex-direction: column;
}

@media (max-width: 768px) {
    .input-filter[b-v86z77z55h] {
        width: 60%;
    }

    .header[b-v86z77z55h] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 10px;
    }
}


.preview-image[b-v86z77z55h] {
    height: 60px;
}
/* /Components/Pages/GeneralSettings/Policies.razor.rz.scp.css */
.header[b-6xo222mlsz] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-6xo222mlsz] {
    margin: 0;
}

.form-container[b-6xo222mlsz] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
}

.form-row[b-6xo222mlsz] {
    display: flex;
    margin-bottom: 15px;
}

.form-group[b-6xo222mlsz] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}

    .form-group:last-child[b-6xo222mlsz] {
        margin-right: 0;
    }

    .form-group label[b-6xo222mlsz] {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }

        .form-group label i[b-6xo222mlsz] {
            margin-left: 5px;
            font-size: 14px;
            color: #000;
        }

    .form-group small[b-6xo222mlsz] {
        font-size: 12px;
        color: gray;
    }

.form-footer[b-6xo222mlsz] {
    text-align: center;
}


[b-6xo222mlsz] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-6xo222mlsz] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.save-button[b-6xo222mlsz] {
    background-color: #70c170;
    color: white;
    width: 195px;
    height: 30px;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
}

.input-group-custom[b-6xo222mlsz] {
    display: flex;
    flex-direction: column;
}

.input-wrapper[b-6xo222mlsz] {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

[b-6xo222mlsz] input[type=checkbox] {
    accent-color: #70c170;
}

[b-6xo222mlsz] .check {
    display: none;
}

    [b-6xo222mlsz] .check + label {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 25px;
        background-color: #ddd;
        border-radius: 50px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

        [b-6xo222mlsz] .check + label::before {
            content: "";
            position: absolute;
            top: 2.5px;
            left: 2.5px;
            width: 20px;
            height: 20px;
            background-color: #fff;
            border-radius: 50%;
            transition: transform 0.3s;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }

    [b-6xo222mlsz] .check:checked + label {
        background-color: #70c170;
    }

        [b-6xo222mlsz] .check:checked + label::before {
            transform: translateX(25px);
        }

.input-group-check[b-6xo222mlsz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #eee;
    border-radius: 5px;
    padding: 10px;
    margin: 4px;
    flex-direction: column;
}


@media (max-width: 768px) {
    .form-row[b-6xo222mlsz] {
        flex-direction: column;
    }

    .form-group[b-6xo222mlsz] {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
}


.html-toolbar[b-6xo222mlsz] {
    display: flex;
    gap: 6px;
    margin-bottom: 6px;
    flex-wrap: wrap;
}

    .html-toolbar button[b-6xo222mlsz] {
        border: 1px solid #ccc;
        background: #f8f9fa;
        padding: 4px 8px;
        cursor: pointer;
        border-radius: 4px;
        font-size: 14px;
    }

        .html-toolbar button:hover[b-6xo222mlsz] {
            background: #e9ecef;
        }

.preview-box[b-6xo222mlsz] {
    border: 1px solid #ddd;
    padding: 10px;
    background: #fff;
}

.tags-toolbar[b-6xo222mlsz] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 12px;
}

.quill-wrapper[b-6xo222mlsz] {
    display: block;
    width: 100%;
    margin-bottom: 20px;
}

[b-6xo222mlsz] .ql-container {
    min-height: 200px;
    height: auto;
    display: block;
}

[b-6xo222mlsz] .ql-editor {
    min-height: 160px;
}
/* /Components/Pages/Home.razor.rz.scp.css */
.banner[b-ikjmzb7qwa]{
    text-align: center;
}
.banner img[b-ikjmzb7qwa]{
    width: 100%;
    max-width: 900px;
}
/* /Components/Pages/ImportAttendees.razor.rz.scp.css */
.header[b-o0g7d7dbe7] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-o0g7d7dbe7] {
    margin: 0;
}

.table-container[b-o0g7d7dbe7] {
    overflow: auto;
    max-height: calc(100vh - 200px);
    z-index: 0;
    display: block;
    position: relative;
}

.styled-table[b-o0g7d7dbe7] {
    width: 100%;
    overflow: initial;
    text-align: center;
}

    .styled-table th[b-o0g7d7dbe7] {
        background-color: #5c6670;
        color: #fff;
        padding: 15px;
        text-align: center;
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .styled-table td[b-o0g7d7dbe7] {
        border-bottom: 1px solid #ddd;
        text-align: center;
    }

    .styled-table tr:nth-child(even)[b-o0g7d7dbe7] {
        background: #f8f9fa;
    }

    .styled-table tr:hover[b-o0g7d7dbe7] {
        background: #e9ecef;
    }

table td p[b-o0g7d7dbe7] {
    margin: auto;
    padding: 6px;
    font-size: .8em;
    text-align: left;
}

.no-data[b-o0g7d7dbe7] {
    text-align: center;
    color: #777;
    font-size: 16px;
}

.button-save-container[b-o0g7d7dbe7] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 15px;
    align-items: center;
}

.button-save-container-end[b-o0g7d7dbe7] {
    display: flex;
    justify-content: flex-end;
    margin-top: 15px;
}

.result-summary[b-o0g7d7dbe7] {
    display: flex;
    align-items: center;
    margin-right: 10px;
}

    .result-summary.Disabled[b-o0g7d7dbe7] {
        display: none
    }

    .result-summary.Enabled[b-o0g7d7dbe7] {
        display: block;
        margin-left: 10px;
    }

.btn-dismissCompleted[b-o0g7d7dbe7] {
    margin-right: 10px;
}

@media (max-width: 768px) {
    /* Ocultar tooltip en filas en móviles */
    tr[data-tooltip][b-o0g7d7dbe7]::after {
        display: none !important;
    }

    /* Mostrar tooltip en el ícono en móviles */
    i[data-tooltip-mobile][b-o0g7d7dbe7] {
        position: relative;
    }

        i[data-tooltip-mobile][b-o0g7d7dbe7]::after {
            content: attr(data-tooltip-mobile);
            visibility: visible;
            background-color: black;
            color: white;
            text-align: center;
            border-radius: 5px;
            padding: 5px;
            position: absolute;
            transform: translateX(-50%);
            white-space: nowrap;
            z-index: 2;
            opacity: 1;
            display: block;
        }
}

/* Hacer que el tr tenga un contenedor con 'position: relative' */
tr[data-tooltip]:not([data-tooltip=""])[b-o0g7d7dbe7] {
    position: relative; /* Esto asegura que el tooltip se posicione dentro de la fila */
}

    /* Tooltip en las filas de Response */
    tr[data-tooltip]:not([data-tooltip=""]):hover[b-o0g7d7dbe7]::after {
        content: attr(data-tooltip);
        visibility: visible;
        background-color: #d54500d6;
        color: white;
        text-align: center;
        border-radius: 5px;
        padding: 5px;
        position: fixed;
        left: 50%;
        transform: translateX(-50%) translateY(-105%);
        z-index: 10;
        opacity: 1;
        max-width: 80vh;
        white-space: break-spaces;
        font-size: .8em;
        visibility: visible;
    }

    /* Tooltip por defecto */
    tr[data-tooltip]:not([data-tooltip=""]):not(:hover)[b-o0g7d7dbe7]::after {
        visibility: hidden; /* El tooltip estará oculto cuando no se pase el mouse */
    }


tr[data-tooltip][b-o0g7d7dbe7]::after {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s;
}

i[data-tooltip-mobile][b-o0g7d7dbe7]::after {
    display: none;
}


.failure-row[b-o0g7d7dbe7] {
    background-color: #ffcccc !important; /* Rojo claro */
}

.valid-row[b-o0g7d7dbe7] {
    background-color: white; /* Sin errores */
}

.error-row[b-o0g7d7dbe7] {
    background-color: #ffcccc; /* Rojo claro para indicar error */
}

.input-edit-fields[b-o0g7d7dbe7] {
    background: transparent;
    border: none;
    padding: 6px;
}

[b-o0g7d7dbe7] .btn-primary {
    background: #007bff;
    color: white;
    padding: 8px 15px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

    [b-o0g7d7dbe7] .btn-primary:disabled {
        background: #ddd;
        cursor: default;
    }

.uploadingData[b-o0g7d7dbe7] {
    height: 50vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.result-summary i[b-o0g7d7dbe7] {
    color: #b7b7b7;
}

    .result-summary i.blue[b-o0g7d7dbe7] {
        color: #00d9ff;
    }
/* /Components/Pages/ImportAttendeesConfirmation.razor.rz.scp.css */
body[b-j2el6cvc3s] {
}

.header[b-j2el6cvc3s] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-j2el6cvc3s] {
    margin: 0;
}

.form-container[b-j2el6cvc3s] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
}

.form-row[b-j2el6cvc3s] {
    display: flex;
    margin-bottom: 15px;
}

.form-group[b-j2el6cvc3s] {
    flex: 1;
    margin-right: 15px;
}
/* /Components/Pages/ImportAttendeesSetup.razor.rz.scp.css */
.header[b-9c3in40kv3] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
    box-sizing: border-box;
}

h3[b-9c3in40kv3] {
    margin: 0;
}

.form-container[b-9c3in40kv3] {
    background: #f8f8f8;
    padding: 2rem 2.5rem;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
    box-sizing: border-box;
}
/* /Components/Pages/ImportFromAnotherEvent.razor.rz.scp.css */
body[b-4sxwadb5ib] {
}

.header[b-4sxwadb5ib] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-4sxwadb5ib] {
    margin: 0;
}

.select-container[b-4sxwadb5ib] {
    position: relative;
    background-color: #fff;
    padding-top: 60px;
    padding-right:100px;
    padding-bottom: 200px;
    padding-left:100px;
    width: 100%;
    margin: 40px 0 40px 0;
    border-radius: 6px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.select-label[b-4sxwadb5ib] {
    display: block;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #333;
}

.dropdown-select[b-4sxwadb5ib] {
    position: relative;
}

.select-box[b-4sxwadb5ib] {
    width: 20%;
    padding: 12px 16px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 6px;
    background-color: #fff;
    color: #333;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23333' stroke-width='2'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 14px;
    cursor: pointer;
    transition: border-color 0.3s ease;
}

.select-box:focus[b-4sxwadb5ib] {
    outline: none;
    border-color: #007bff;
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.2);
}

.form-container[b-4sxwadb5ib] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
}

.form-row[b-4sxwadb5ib] {
    display: flex;
    margin-bottom: 15px;
}

.form-group[b-4sxwadb5ib] {
    flex: 1;
    margin-right: 15px;
}

.btn-continue[b-4sxwadb5ib] {
    text-align: right;
    margin-top: 25px;
    margin-bottom: 25px;
}


/* /Components/Pages/ImportUsers.razor.rz.scp.css */
.header[b-qxxiqgfk82] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-qxxiqgfk82] {
    margin: 0;
}

.table-container[b-qxxiqgfk82] {
    overflow: auto;
    max-height: calc(100vh - 200px);
    z-index: 0;
    display: block;
    position: relative;
}

.styled-table[b-qxxiqgfk82] {
    width: 100%;
    overflow: initial;
    text-align: center;
}

    .styled-table th[b-qxxiqgfk82] {
        background-color: #5c6670;
        color: #fff;
        padding: 15px;
        text-align: center;
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .styled-table td[b-qxxiqgfk82] {
        border-bottom: 1px solid #ddd;
        text-align: center;
    }

    .styled-table tr:nth-child(even)[b-qxxiqgfk82] {
        background: #f8f9fa;
    }

    .styled-table tr:hover[b-qxxiqgfk82] {
        background: #e9ecef;
    }

table td p[b-qxxiqgfk82] {
    margin: auto;
    padding: 6px;
    font-size: .8em;
    text-align: left;
}

.no-data[b-qxxiqgfk82] {
    text-align: center;
    color: #777;
    font-size: 16px;
}

.button-save-container[b-qxxiqgfk82] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 15px;
    align-items:center;
}

.button-save-container-end[b-qxxiqgfk82] {
    display: flex;
    justify-content: flex-end;
    margin-top: 15px;
}
.result-summary[b-qxxiqgfk82] {
    display: flex;
    align-items: center;
    margin-right: 10px;
}
.result-summary.Disabled[b-qxxiqgfk82]{
    display: none
}

.result-summary.Enabled[b-qxxiqgfk82] {
    display: block;
    margin-left: 10px;
}
.btn-dismissCompleted[b-qxxiqgfk82] {
    margin-right: 10px;
}


@media (max-width: 768px) {
    /* Ocultar tooltip en filas en móviles */
    tr[data-tooltip][b-qxxiqgfk82]::after {
        display: none !important;
    }

    /* Mostrar tooltip en el ícono en móviles */
    i[data-tooltip-mobile][b-qxxiqgfk82] {
        position: relative;
    }

    i[data-tooltip-mobile][b-qxxiqgfk82]::after {
        content: attr(data-tooltip-mobile);
        visibility: visible;
        background-color: black;
        color: white;
        text-align: center;
        border-radius: 5px;
        padding: 5px;
        position: absolute;            
        transform: translateX(-50%);
        white-space: nowrap;
        z-index: 2;
        opacity: 1;
        display: block;
    }
}

/* Hacer que el tr tenga un contenedor con 'position: relative' */
tr[data-tooltip]:not([data-tooltip=""])[b-qxxiqgfk82] {
    position: relative; /* Esto asegura que el tooltip se posicione dentro de la fila */
}

    /* Tooltip en las filas de Response */
    tr[data-tooltip]:not([data-tooltip=""]):hover[b-qxxiqgfk82]::after {
        content: attr(data-tooltip);
        visibility: visible;
        background-color: #d54500d6;
        color: white;
        text-align: center;
        border-radius: 5px;
        padding: 5px;
        position: fixed;
        left: 50%;
        transform: translateX(-50%) translateY(-105%);
        z-index: 10;
        opacity: 1;
        max-width: 80vh;
        white-space: break-spaces;
        font-size: .8em;
        visibility: visible;
    }

    /* Tooltip por defecto */
    tr[data-tooltip]:not([data-tooltip=""]):not(:hover)[b-qxxiqgfk82]::after {
        visibility: hidden; /* El tooltip estará oculto cuando no se pase el mouse */
    }


tr[data-tooltip][b-qxxiqgfk82]::after {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s;
}

i[data-tooltip-mobile][b-qxxiqgfk82]::after {
    display: none;
}


.failure-row[b-qxxiqgfk82] {
    background-color: #ffcccc !important; /* Rojo claro */
}

.valid-row[b-qxxiqgfk82] {
    background-color: white; /* Sin errores */
}

.error-row[b-qxxiqgfk82] {
    background-color: #ffcccc; /* Rojo claro para indicar error */
}

.input-edit-fields[b-qxxiqgfk82] {
    background: transparent;
    border: none;
    padding: 6px;
}

[b-qxxiqgfk82] .btn-primary {
    background: #007bff;
    color: white;
    padding: 8px 15px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

    [b-qxxiqgfk82] .btn-primary:disabled {
        background: #ddd;
        cursor: default;
    }

.uploadingData[b-qxxiqgfk82] {
    height: 50vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.result-summary i[b-qxxiqgfk82] {
    color: #b7b7b7;
}
.result-summary i.blue[b-qxxiqgfk82] {
    color: #00d9ff;
}
/* /Components/Pages/ItineraryReport/ItineraryReport.razor.rz.scp.css */
[b-q6pj9ach0k] .header {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

    [b-q6pj9ach0k] .header h3 {
        margin: 0;
    }

.form-container[b-q6pj9ach0k] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
    margin-bottom: 25px;
}

p.form-control[b-q6pj9ach0k] {
    font-size: .9em;
    height: auto;
    padding: .7em 6px;
    cursor: default;
}

[b-q6pj9ach0k] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-q6pj9ach0k] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.row [class^="col-"][b-q6pj9ach0k] >  .dropdown {
    margin-bottom: 10px;
    margin-top: 5px;
}
/*::deep table.table-sm td, table.table-sm th {
    padding: 0.25rem;
    font-size: 0.85rem;
}*/

[b-q6pj9ach0k] .dt-table td.match-strong {
    background: #e6fdce; /* verde claro */
}

[b-q6pj9ach0k] .dt-table tr:hover td.match-strong {
    background: #d4f5b1;
}

[b-q6pj9ach0k] .dt-table td.match-weak {
    background: #feeae4;
}

[b-q6pj9ach0k] .dt-table tr:hover td.match-weak{
    background: #fbe0d8;
}

[b-q6pj9ach0k] .modal-content .dt-table-container {
    max-height: calc(100vh - 500px);
    min-height: 200px;
}

    [b-q6pj9ach0k] .modal-content .dt-table-container th {
        position: sticky;
        top: 0;
    }


[b-q6pj9ach0k] .dt-table td.match-strong-automatic {
    background-color: #87C565 !important
}

[b-q6pj9ach0k] .dt-table tr:hover td.match-strong-automatic {
    background-color: #75b14b !important;
}

[b-q6pj9ach0k] .dt-table td.match-weak-automatic {
    background-color: #e6fdce !important;
}

[b-q6pj9ach0k] .dt-table tr:hover td.match-weak-automatic {
    background-color: #d4f5b1 !important;
}

[b-q6pj9ach0k] .dt-table td.match-medium-automatic {
    background-color: #9fe977 !important;
}

[b-q6pj9ach0k] .dt-table tr:hover td.match-medium-automatic {
    background-color: #89d75f !important;
}

.content-button-roommate[b-q6pj9ach0k] {
    position: absolute;
    display: flex;
    right: 1%;
}

[b-q6pj9ach0k] .custom-select {
    margin-top: 5px;
}

[b-q6pj9ach0k] .form-group {
    width: inherit;
}

.btn.add-button[b-q6pj9ach0k] {
    margin: 10px;
    white-space: nowrap;
}
/* /Components/Pages/Login.razor.rz.scp.css */


.login-container[b-zudd2ryket] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    max-width: 900px;
    width: 90%;
    height: 600px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    margin: auto;
}

/* Left Side */
.left-side[b-zudd2ryket] {
    background-image: url('https://panel.evitool.com/assets/images/ofiice-group.jpg');
    background-size: cover;
    background-position: center;
}

/* Right Side */
.right-side[b-zudd2ryket] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px;
    position: relative;
}

/* Language Selector */
.language-selector[b-zudd2ryket] {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 14px;
    font-weight: bold;
}

select[b-zudd2ryket] {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px;
    cursor: pointer;
}

.logo[b-zudd2ryket] {
    width: 120px;
    margin-bottom: 30px;
}

[b-zudd2ryket] form{
    width: 100%;
    max-width: 300px;
    text-align: left;
}

[b-zudd2ryket] input {
    width: 100%;
    border: none;
    border-bottom: 3px solid #4fd9ff;
    padding: 10px 0;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    outline: none;
    background-color: transparent;
    transition: border-color 0.3s;
}

    [b-zudd2ryket] input:focus {
        border-bottom: 3px solid #59c173;
    }

    [b-zudd2ryket] input::placeholder {
        font-size: 14px;
        color: gray;
        font-weight: bold;
    }

.links[b-zudd2ryket] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 25px;
}

a:link[b-zudd2ryket],
a:visited[b-zudd2ryket],
a:hover[b-zudd2ryket],
a:active[b-zudd2ryket] {
    text-decoration: none;
}

a[b-zudd2ryket] {
    color: #000;
    font-size: 0.88rem;
    font-weight: 600;
    letter-spacing: -1px;
    transition: all 0.4s ease;
    cursor: pointer;
}

    a:hover[b-zudd2ryket] {
        color: rgb(13, 133, 185);
    }

[b-zudd2ryket] .btn-login {
    width: 100%;
    margin-top: 30px;
    padding: 16px;
    background: linear-gradient(90deg, #2f697f, #4fd9ff);
    color: #fff;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background 0.3s;
}

    [b-zudd2ryket] .btn-login:hover {
        background: linear-gradient(90deg, #2f697f, #59c173);
    }
.btn-send[b-zudd2ryket] {
    width: 150px;
    height: 34px;
    background: #87C565;
    color: #fff;
    border: none;
    border-radius: 6px;
    cursor: pointer;
}
/* Responsive Design */
@media (max-width: 768px) {
    .login-container[b-zudd2ryket] {
        grid-template-columns: 1fr; /* Una sola columna */       
    }

    .left-side[b-zudd2ryket] {
        display: none; /* Ocultar el lado izquierdo */
    }

    .right-side[b-zudd2ryket] {
        width: 90%;
        padding: 0px;
        justify-content: center;
        margin: 0 auto;
    }
}
/* /Components/Pages/MasterAddClient.razor.rz.scp.css */
.header[b-vfyd89cjzx] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-vfyd89cjzx] {
    margin: 0;
}

.form-container[b-vfyd89cjzx] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
}

.form-row[b-vfyd89cjzx] {
    display: flex;
    margin-bottom: 15px;
}

.form-group[b-vfyd89cjzx] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}

    .form-group:last-child[b-vfyd89cjzx] {
        margin-right: 0;
    }

    .form-group label[b-vfyd89cjzx] {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }

        .form-group label i[b-vfyd89cjzx] {
            margin-left: 5px;
            font-size: 14px;
            color: #000;
        }

    .form-group small[b-vfyd89cjzx] {
        font-size: 12px;
        color: gray;
    }

.form-footer[b-vfyd89cjzx] {
    text-align: center;
}


[b-vfyd89cjzx] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-vfyd89cjzx] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.save-button[b-vfyd89cjzx] {
    background-color: #70c170;
    color: white;
    width: 195px;
    height: 30px;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
}

.input-group-custom[b-vfyd89cjzx] {
    display: flex;
    flex-direction: column;
}

.input-wrapper[b-vfyd89cjzx] {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

.btn[b-vfyd89cjzx] {
    cursor: pointer;
    opacity: 1;
    font-size: 1em;
    border: 0;
    border-right: 1px solid #ddd;
    align-items: center;
    background: transparent;
    color: black;
    min-height: 37px;
    padding: 5px;
    margin: 0;
    min-width: auto;
    border-radius: initial;
}

    .btn.btn-primary:disabled[b-vfyd89cjzx] {
        cursor: default;
    }

@media (max-width: 768px) {
    .form-row[b-vfyd89cjzx] {
        flex-direction: column;
    }

    .form-group[b-vfyd89cjzx] {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
}
/* /Components/Pages/MasterClients.razor.rz.scp.css */
.header[b-wfznxsduys] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-wfznxsduys] {
    margin: 0;
}

@media (max-width: 768px) {
    

    .header[b-wfznxsduys] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 10px;
    }
}
/* /Components/Pages/MasterEditClient.razor.rz.scp.css */
.header[b-nbz7q8upls] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

.options-Container[b-nbz7q8upls] {
    margin: 20px auto;
}

h3[b-nbz7q8upls] {
    margin: 0;
}

.form-container[b-nbz7q8upls] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
}

.form-row[b-nbz7q8upls] {
    display: flex;
    margin-bottom: 15px;
}

.form-group[b-nbz7q8upls] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}

    .form-group:last-child[b-nbz7q8upls] {
        margin-right: 0;
    }

    .form-group label[b-nbz7q8upls] {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }

        .form-group label i[b-nbz7q8upls] {
            margin-left: 5px;
            font-size: 14px;
            color: #000;
        }

    .form-group small[b-nbz7q8upls] {
        font-size: 12px;
        color: gray;
    }

.form-footer[b-nbz7q8upls] {
    text-align: center;
}


[b-nbz7q8upls] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-nbz7q8upls] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.save-button[b-nbz7q8upls] {
    background-color: #70c170;
    color: white;
    width: 195px;
    height: 30px;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
}

.input-group-custom[b-nbz7q8upls] {
    display: flex;
    flex-direction: column;
}

.input-wrapper[b-nbz7q8upls] {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

.btn-footer[b-nbz7q8upls] {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    flex-direction: row-reverse
}

   [b-nbz7q8upls] .btn-footer .center-btn {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }


[b-nbz7q8upls] .label-check {
    width: auto;
    position: static;
    font-size: 13px;
}

@media (max-width: 768px) {
    .form-row[b-nbz7q8upls] {
        flex-direction: column;
    }

    .form-group[b-nbz7q8upls] {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }   
    .header[b-nbz7q8upls] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 10px;
    }    
}

[b-nbz7q8upls] .modal-content {
    min-height: 30vh;
    overflow-y: visible;
}

[b-nbz7q8upls] .dropdown-menu.show {    
    overflow: auto;    
}
/* /Components/Pages/MyAccount.razor.rz.scp.css */
.header[b-b199fytzxk] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

.EditClient-Container[b-b199fytzxk] {
    margin: 20px auto;
}

h3[b-b199fytzxk] {
    margin: 0;
}

.form-container[b-b199fytzxk] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
}

.form-row[b-b199fytzxk] {
    display: flex;
    margin-bottom: 15px;
}

.form-group[b-b199fytzxk] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}

    .form-group:last-child[b-b199fytzxk] {
        margin-right: 0;
    }

    .form-group label[b-b199fytzxk] {
        display: flex;
        align-items: center;
        font-weight: bold;
        margin-bottom: 5px;
    }

        .form-group label i[b-b199fytzxk] {
            margin-left: 5px;
            font-size: 14px;
            color: #000;
        }

    .form-group small[b-b199fytzxk] {
        font-size: 12px;
        color: gray;
    }

.form-footer[b-b199fytzxk] {
    text-align: center;
}


[b-b199fytzxk] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-b199fytzxk] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.save-button[b-b199fytzxk] {
    background-color: #70c170;
    color: white;
    width: 195px;
    height: 30px;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
}

.input-group-custom[b-b199fytzxk] {
    display: flex;
    flex-direction: column;
}

.input-wrapper[b-b199fytzxk] {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

@media (max-width: 768px) {
    .form-row[b-b199fytzxk] {
        flex-direction: column;
    }

    .form-group[b-b199fytzxk] {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .header[b-b199fytzxk] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 10px;
    }
}
/* /Components/Pages/NewAccommodation.razor.rz.scp.css */
.header[b-iqp35gg0yd] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-iqp35gg0yd] {
    margin: 0;
}

.form-container[b-iqp35gg0yd] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
    margin-bottom: 25px;
}

.form-row[b-iqp35gg0yd] {
    display: flex;
    margin-bottom: 15px;
}

.form-group[b-iqp35gg0yd] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}

    .form-group:last-child[b-iqp35gg0yd] {
        margin-right: 0;
    }

    .form-group label[b-iqp35gg0yd] {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }

        .form-group label i[b-iqp35gg0yd] {
            margin-left: 5px;
            font-size: 14px;
            color: #000;
        }

    .form-group small[b-iqp35gg0yd] {
        font-size: 12px;
        color: gray;
    }

.form-footer[b-iqp35gg0yd] {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 25px;
}

.sub-header[b-iqp35gg0yd] {
    display: flex;
    margin-top: 25px;
    margin-bottom: 25px;
    align-items: center;
}

    .sub-header h3[b-iqp35gg0yd] {
        margin-right: 15px;
    }

[b-iqp35gg0yd] .check {
    display: none;
}

    [b-iqp35gg0yd] .check + .label-checkbox {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 25px;
        background-color: #ddd;
        border-radius: 50px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

        [b-iqp35gg0yd] .check + .label-checkbox::before {
            content: "";
            position: absolute;
            top: 2.5px;
            left: 2.5px;
            width: 20px;
            height: 20px;
            background-color: #fff;
            border-radius: 50%;
            transition: transform 0.3s;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }

    [b-iqp35gg0yd] .check:checked + .label-checkbox {
        background-color: #70c170;
    }

        [b-iqp35gg0yd] .check:checked + .label-checkbox::before {
            transform: translateX(25px);
        }

[b-iqp35gg0yd] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-iqp35gg0yd] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.save-button[b-iqp35gg0yd] {
    background-color: #70c170;
    color: white;
    width: 195px;
    height: 30px;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
}

.input-group-custom[b-iqp35gg0yd] {
    display: flex;
    flex-direction: column;
}

.input-wrapper[b-iqp35gg0yd] {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

[b-iqp35gg0yd] .input-wrapper .form-control {
    margin-bottom: 0px !important;
}

.btn[b-iqp35gg0yd] {
    cursor: pointer;
    opacity: 1;
    font-size: 1em;
    border: 0;
    border-right: 1px solid #ddd;
    align-items: center;
    background: transparent;
    color: black;
    min-height: 37px;
    padding: 5px;
    margin: 0;
    min-width: auto;
    border-radius: initial;
}

    .btn.btn-primary:disabled[b-iqp35gg0yd] {
        cursor: default;
    }

.field-content[b-iqp35gg0yd] {
    display: flex;
    width: 100%;
}

.options-custom[b-iqp35gg0yd] {
    display: flex;
}

[b-iqp35gg0yd] .btn.btn-add {
    margin-right: 5px;
}

@media (max-width: 768px) {
    .header[b-iqp35gg0yd] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 10px;
    }

    .form-row[b-iqp35gg0yd] {
        flex-direction: column;
    }

    .form-group[b-iqp35gg0yd] {
        max-width: 100%;
        margin-right: 0;
    }
}


.form-category[b-iqp35gg0yd],
.dinamic-form[b-iqp35gg0yd] {
    display: flex;
    flex-wrap: nowrap; /* <-- importante para responsividad */
    align-items: baseline;
    gap: 1rem;
}

    /* Campos dentro de cada grupo */
    .form-category select[b-iqp35gg0yd],
    .dinamic-form select[b-iqp35gg0yd],
    .dinamic-form input[b-iqp35gg0yd] {
        flex: 1 1 39px;
        min-width: 180px;
    }

    /* Contenedor de opciones (para campos tipo Select, Option, etc.) */
    .dinamic-form > div.mt-2[b-iqp35gg0yd] {
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        gap: 0.5rem;
        margin-top: 0.5rem;
    }

/* Botones y campos */
button[b-iqp35gg0yd], .btn[b-iqp35gg0yd] {
    white-space: nowrap;
}

/* Input form-control con margen inferior para respiración */
.dinamic-form .form-control[b-iqp35gg0yd] {
    margin-bottom: 0.5rem;
}

/* Indicador de campo obligatorio */
.required-values[b-iqp35gg0yd] {
    color: red;
    margin-left: 4px;
}

.options-container[b-iqp35gg0yd] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

/* Cada fila de opción */
.option-line[b-iqp35gg0yd] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    /* El input debe ocupar el espacio disponible */
    .option-line input[b-iqp35gg0yd] {
        flex: 0 0 300px; /* NO crecer, NO encoger, SI tener 300px */
        min-width: 0;
    }

    /* Botones de la última opción */
    .option-line .buttons[b-iqp35gg0yd] {
        display: flex;
        gap: 0.5rem;
        flex-shrink: 0; /* No dejes que los botones se achiquen */
    }

/* Responsive para móviles */
@media (max-width: 768px) {
    .option-line[b-iqp35gg0yd] {
        flex-direction: column;
        align-items: stretch;
    }

        .option-line .buttons[b-iqp35gg0yd] {
            flex-direction: row;
            justify-content: flex-start;
        }

        .option-line input[b-iqp35gg0yd] {
            flex: auto; /* NO crecer, NO encoger, SI tener 300px */
            min-width: 0;
        }

    .form-category[b-iqp35gg0yd],
    .dinamic-form[b-iqp35gg0yd] {
        flex-direction: column;
        align-items: stretch;
    }

        .form-category select[b-iqp35gg0yd],
        .dinamic-form select[b-iqp35gg0yd],
        .dinamic-form input[b-iqp35gg0yd] {
            width: 100%;
        }

        .dinamic-form > div.mt-2[b-iqp35gg0yd] {
            flex-direction: column;
        }
}

[b-iqp35gg0yd] .image-uploader-container {
    max-width: 100%;
}
/* /Components/Pages/NewAccommodationType.razor.rz.scp.css */
.header[b-d7tjec3eyx] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-d7tjec3eyx] {
    margin: 0;
}

.form-container[b-d7tjec3eyx] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
}

.form-row[b-d7tjec3eyx] {
    display: flex;
    margin-bottom: 15px;
}

.form-group[b-d7tjec3eyx] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}

    .form-group:last-child[b-d7tjec3eyx] {
        margin-right: 0;
    }

    .form-group label[b-d7tjec3eyx] {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }

        .form-group label i[b-d7tjec3eyx] {
            margin-left: 5px;
            font-size: 14px;
            color: #000;
        }

    .form-group small[b-d7tjec3eyx] {
        font-size: 12px;
        color: gray;
    }

.form-footer[b-d7tjec3eyx] {
    text-align: center;
}


[b-d7tjec3eyx] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-d7tjec3eyx] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.save-button[b-d7tjec3eyx] {
    background-color: #70c170;
    color: white;
    width: 195px;
    height: 30px;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
}

.input-group-custom[b-d7tjec3eyx] {
    display: flex;
    flex-direction: column;
}

.input-wrapper[b-d7tjec3eyx] {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

@media (max-width: 768px) {
    .form-row[b-d7tjec3eyx] {
        flex-direction: column;
    }

    .form-group[b-d7tjec3eyx] {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
}
/* /Components/Pages/NewBusiness.razor.rz.scp.css */
.header[b-mtnx2tzsd8] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-mtnx2tzsd8] {
    margin: 0;
}

.form-container[b-mtnx2tzsd8] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
}

.form-row[b-mtnx2tzsd8] {
    display: flex;
    margin-bottom: 15px;
}

.form-group[b-mtnx2tzsd8] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}

    .form-group:last-child[b-mtnx2tzsd8] {
        margin-right: 0;
    }

    .form-group label[b-mtnx2tzsd8] {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }

        .form-group label i[b-mtnx2tzsd8] {
            margin-left: 5px;
            font-size: 14px;
            color: #000;
        }

    .form-group small[b-mtnx2tzsd8] {
        font-size: 12px;
        color: gray;
    }

.form-footer[b-mtnx2tzsd8] {
    text-align: center;
}


[b-mtnx2tzsd8] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-mtnx2tzsd8] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.save-button[b-mtnx2tzsd8] {
    background-color: #70c170;
    color: white;
    width: 195px;
    height: 30px;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
}

.input-group-custom[b-mtnx2tzsd8] {
    display: flex;
    flex-direction: column;
}

.input-wrapper[b-mtnx2tzsd8] {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

@media (max-width: 768px) {
    .form-row[b-mtnx2tzsd8] {
        flex-direction: column;
    }

    .form-group[b-mtnx2tzsd8] {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
}
/* /Components/Pages/NewCountry.razor.rz.scp.css */
.header[b-tup33ibdqs] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-tup33ibdqs] {
    margin: 0;
}

.form-container[b-tup33ibdqs] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
    margin-bottom: 25px;
}

.form-row[b-tup33ibdqs] {
    display: flex;
    margin-bottom: 15px;
}

.form-group[b-tup33ibdqs] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}

.form-group:last-child[b-tup33ibdqs] {
    margin-right: 0;
}

.form-group label[b-tup33ibdqs] {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

    .form-group label i[b-tup33ibdqs] {
        margin-left: 5px;
        font-size: 14px;
        color: #000;
    }

.form-group small[b-tup33ibdqs] {
    font-size: 12px;
    color: gray;
}

.form-footer[b-tup33ibdqs] {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 25px;
}

.sub-header[b-tup33ibdqs] {
    display: flex;
    margin-top: 25px;
    margin-bottom: 25px;
    align-items: center;
}

.sub-header h3[b-tup33ibdqs] {
    margin-right: 15px;
}

[b-tup33ibdqs] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-tup33ibdqs] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.save-button[b-tup33ibdqs] {
    background-color: #70c170;
    color: white;
    width: 195px;
    height: 30px;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
}

.input-group-custom[b-tup33ibdqs] {
    display: flex;
    flex-direction: column;
}

.input-wrapper[b-tup33ibdqs] {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

@media (max-width: 768px) {
    .form-row[b-tup33ibdqs] {
        flex-direction: column;
    }

    .form-group[b-tup33ibdqs] {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
}
/* /Components/Pages/NewDestination.razor.rz.scp.css */
.header[b-pcyuv6xggh] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-pcyuv6xggh] {
    margin: 0;
}

.form-container[b-pcyuv6xggh] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
}

.form-row[b-pcyuv6xggh] {
    display: flex;
    margin-bottom: 15px;
}

.form-group[b-pcyuv6xggh] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}

    .form-group:last-child[b-pcyuv6xggh] {
        margin-right: 0;
    }

    .form-group label[b-pcyuv6xggh] {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }

        .form-group label i[b-pcyuv6xggh] {
            margin-left: 5px;
            font-size: 14px;
            color: #000;
        }

    .form-group small[b-pcyuv6xggh] {
        font-size: 12px;
        color: gray;
    }

.form-footer[b-pcyuv6xggh] {
    text-align: center;
}


[b-pcyuv6xggh] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-pcyuv6xggh] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.save-button[b-pcyuv6xggh] {
    background-color: #70c170;
    color: white;
    width: 195px;
    height: 30px;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
}

.input-group-custom[b-pcyuv6xggh] {
    display: flex;
    flex-direction: column;
}

.input-wrapper[b-pcyuv6xggh] {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

[b-pcyuv6xggh] input[type=checkbox] {
    accent-color: #70c170;
}

[b-pcyuv6xggh] .check {
    display: none;
}

    [b-pcyuv6xggh] .check + label {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 25px;
        background-color: #ddd;
        border-radius: 50px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

        [b-pcyuv6xggh] .check + label::before {
            content: "";
            position: absolute;
            top: 2.5px;
            left: 2.5px;
            width: 20px;
            height: 20px;
            background-color: #fff;
            border-radius: 50%;
            transition: transform 0.3s;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }

    [b-pcyuv6xggh] .check:checked + label {
        background-color: #70c170;
    }

        [b-pcyuv6xggh] .check:checked + label::before {
            transform: translateX(25px);
        }

.input-group-check[b-pcyuv6xggh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #eee;
    border-radius: 5px;
    padding: 10px;
    margin: 4px;
    flex-direction: column;
}


@media (max-width: 768px) {
    .form-row[b-pcyuv6xggh] {
        flex-direction: column;
    }

    .form-group[b-pcyuv6xggh] {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
}
/* /Components/Pages/NewDestinationType.razor.rz.scp.css */
.header[b-2531tzantt] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-2531tzantt] {
    margin: 0;
}

.form-container[b-2531tzantt] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
}

.form-row[b-2531tzantt] {
    display: flex;
    margin-bottom: 15px;
}

.form-group[b-2531tzantt] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}

    .form-group:last-child[b-2531tzantt] {
        margin-right: 0;
    }

    .form-group label[b-2531tzantt] {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }

        .form-group label i[b-2531tzantt] {
            margin-left: 5px;
            font-size: 14px;
            color: #000;
        }

    .form-group small[b-2531tzantt] {
        font-size: 12px;
        color: gray;
    }

.form-footer[b-2531tzantt] {
    text-align: center;
}


[b-2531tzantt] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-2531tzantt] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.save-button[b-2531tzantt] {
    background-color: #70c170;
    color: white;
    width: 195px;
    height: 30px;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
}

.input-group-custom[b-2531tzantt] {
    display: flex;
    flex-direction: column;
}

.input-wrapper[b-2531tzantt] {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

[b-2531tzantt] input[type=checkbox] {
    accent-color: #70c170;
}

[b-2531tzantt] .check {
    display: none;
}

    [b-2531tzantt] .check + label {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 25px;
        background-color: #ddd;
        border-radius: 50px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

        [b-2531tzantt] .check + label::before {
            content: "";
            position: absolute;
            top: 2.5px;
            left: 2.5px;
            width: 20px;
            height: 20px;
            background-color: #fff;
            border-radius: 50%;
            transition: transform 0.3s;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }

    [b-2531tzantt] .check:checked + label {
        background-color: #70c170;
    }

        [b-2531tzantt] .check:checked + label::before {
            transform: translateX(25px);
        }

.input-group-check[b-2531tzantt] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #eee;
    border-radius: 5px;
    padding: 10px;
    margin: 4px;
    flex-direction: column;
}

@media (max-width: 768px) {
    .form-row[b-2531tzantt] {
        flex-direction: column;
    }

    .form-group[b-2531tzantt] {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
}
/* /Components/Pages/NewEvent.razor.rz.scp.css */
.header[b-oy21v0tqay] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-oy21v0tqay] {
    margin: 0;
}

.form-container[b-oy21v0tqay] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
}

.form-row[b-oy21v0tqay] {
    display: flex;
    margin-bottom: 15px;
}

.form-group[b-oy21v0tqay] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}

    .form-group:last-child[b-oy21v0tqay] {
        margin-right: 0;
    }

    .form-group label[b-oy21v0tqay] {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }

        .form-group label i[b-oy21v0tqay] {
            margin-left: 5px;
            font-size: 14px;
            color: #000;
        }

    .form-group small[b-oy21v0tqay] {
        font-size: 12px;
        color: gray;
    }

.form-footer[b-oy21v0tqay] {
    text-align: center;
}


[b-oy21v0tqay] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-oy21v0tqay] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.save-button[b-oy21v0tqay] {
    background-color: #70c170;
    color: white;
    width: 195px;
    height: 30px;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
}

.input-group-custom[b-oy21v0tqay] {
    display: flex;
    flex-direction: column;
}

.input-wrapper[b-oy21v0tqay] {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

@media (max-width: 768px) {
    .form-row[b-oy21v0tqay] {
        flex-direction: column;
    }

    .form-group[b-oy21v0tqay] {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
}
/* /Components/Pages/NewEventAccommodation.razor.rz.scp.css */
.header[b-f8ijrss8t6] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-f8ijrss8t6] {
    margin: 0;
}

.form-container[b-f8ijrss8t6] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
    margin-bottom: 25px;
}

.form-row[b-f8ijrss8t6] {
    display: flex;
    margin-bottom: 15px;
}

.form-group[b-f8ijrss8t6] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}

    .form-group:last-child[b-f8ijrss8t6] {
        margin-right: 0;
    }

    .form-group label[b-f8ijrss8t6] {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }

        .form-group label i[b-f8ijrss8t6] {
            margin-left: 5px;
            font-size: 14px;
            color: #000;
        }

    .form-group small[b-f8ijrss8t6] {
        font-size: 12px;
        color: gray;
    }

.form-footer[b-f8ijrss8t6] {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 25px;
}

.sub-header[b-f8ijrss8t6] {
    display: flex;
    margin-top: 25px;
    margin-bottom: 25px;
    align-items: center;
}

    .sub-header h3[b-f8ijrss8t6] {
        margin-right: 15px;
    }

[b-f8ijrss8t6] input[type=checkbox] {
    accent-color: #70c170;
}

[b-f8ijrss8t6] .check {
    display: none;
}

    [b-f8ijrss8t6] .check + label {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 25px;
        background-color: #ddd;
        border-radius: 50px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

        [b-f8ijrss8t6] .check + label::before {
            content: "";
            position: absolute;
            top: 2.5px;
            left: 2.5px;
            width: 20px;
            height: 20px;
            background-color: #fff;
            border-radius: 50%;
            transition: transform 0.3s;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }

    [b-f8ijrss8t6] .check:checked + label {
        background-color: #70c170;
    }

        [b-f8ijrss8t6] .check:checked + label::before {
            transform: translateX(25px);
        }

.input-group-check[b-f8ijrss8t6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #eee;
    border-radius: 5px;
    padding: 10px;
    margin: 4px;
    flex-direction: column;
}

[b-f8ijrss8t6] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-f8ijrss8t6] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.save-button[b-f8ijrss8t6] {
    background-color: #70c170;
    color: white;
    width: 195px;
    height: 30px;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
}

.input-group-custom[b-f8ijrss8t6] {
    display: flex;
    flex-direction: column;
}

.input-wrapper[b-f8ijrss8t6] {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

[b-f8ijrss8t6] .input-wrapper .form-control {
    margin-bottom: 0px !important;
}

.btn[b-f8ijrss8t6] {
    cursor: pointer;
    opacity: 1;
    font-size: 1em;
    border: 0;
    border-right: 1px solid #ddd;
    align-items: center;
    background: transparent;
    color: black;
    min-height: 37px;
    padding: 5px;
    margin: 0;
    min-width: auto;
    border-radius: initial;
}

    .btn.btn-primary:disabled[b-f8ijrss8t6] {
        cursor: default;
    }

.field-content[b-f8ijrss8t6] {
    display: flex;
    width: 100%;
}

.options-custom[b-f8ijrss8t6] {
    display: flex;
}

[b-f8ijrss8t6] .btn.btn-add {
    margin-right: 5px;
}

@media (max-width: 768px) {
    .header[b-f8ijrss8t6] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 10px;
    }

    .form-row[b-f8ijrss8t6] {
        flex-direction: column;
    }

    .form-group[b-f8ijrss8t6] {
        max-width: 100%;
        margin-right: 0;
    }
}


.form-category[b-f8ijrss8t6],
.dinamic-form[b-f8ijrss8t6] {
    display: flex;
    flex-wrap: nowrap; /* <-- importante para responsividad */
    align-items: baseline;
    gap: 1rem;
}

    /* Campos dentro de cada grupo */
    .form-category select[b-f8ijrss8t6],
    .dinamic-form select[b-f8ijrss8t6],
    .dinamic-form input[b-f8ijrss8t6] {
        flex: 1 1 39px;
        min-width: 180px;
    }

    /* Contenedor de opciones (para campos tipo Select, Option, etc.) */
    .dinamic-form > div.mt-2[b-f8ijrss8t6] {
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        gap: 0.5rem;
        margin-top: 0.5rem;
    }

/* Botones y campos */
button[b-f8ijrss8t6], .btn[b-f8ijrss8t6] {
    white-space: nowrap;
}

/* Input form-control con margen inferior para respiración */
.dinamic-form .form-control[b-f8ijrss8t6] {
    margin-bottom: 0.5rem;
}

/* Indicador de campo obligatorio */
.required-values[b-f8ijrss8t6] {
    color: red;
    margin-left: 4px;
}

.options-container[b-f8ijrss8t6] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

/* Cada fila de opción */
.option-line[b-f8ijrss8t6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    /* El input debe ocupar el espacio disponible */
    .option-line input[b-f8ijrss8t6] {
        flex: 0 0 300px; /* NO crecer, NO encoger, SI tener 300px */
        min-width: 0;
    }

    /* Botones de la última opción */
    .option-line .buttons[b-f8ijrss8t6] {
        display: flex;
        gap: 0.5rem;
        flex-shrink: 0; /* No dejes que los botones se achiquen */
    }

/* Responsive para móviles */
@media (max-width: 768px) {
    .option-line[b-f8ijrss8t6] {
        flex-direction: column;
        align-items: stretch;
    }

        .option-line .buttons[b-f8ijrss8t6] {
            flex-direction: row;
            justify-content: flex-start;
        }

        .option-line input[b-f8ijrss8t6] {
            flex: auto; /* NO crecer, NO encoger, SI tener 300px */
            min-width: 0;
        }

    .form-category[b-f8ijrss8t6],
    .dinamic-form[b-f8ijrss8t6] {
        flex-direction: column;
        align-items: stretch;
    }

        .form-category select[b-f8ijrss8t6],
        .dinamic-form select[b-f8ijrss8t6],
        .dinamic-form input[b-f8ijrss8t6] {
            width: 100%;
        }

        .dinamic-form > div.mt-2[b-f8ijrss8t6] {
            flex-direction: column;
        }
}

[b-f8ijrss8t6] .image-uploader-container {
    max-width: 100%;
}

.center-row[b-f8ijrss8t6] {
    justify-content: center;
}

.sub-header[b-f8ijrss8t6] {
    display: flex;
    margin-top: 25px;
    margin-bottom: 25px;
    align-items: center;
}

    .sub-header h3[b-f8ijrss8t6] {
        margin-right: 15px;
    }
/* /Components/Pages/NewOperator.razor.rz.scp.css */
.header[b-7jhnz57mk4] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}
h3[b-7jhnz57mk4] {
    margin: 0;
}

.form-container[b-7jhnz57mk4] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
    margin-bottom: 25px;
}
.form-row[b-7jhnz57mk4] {
    display: flex;
    margin-bottom: 15px;
}
.form-group[b-7jhnz57mk4] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}
.form-group:last-child[b-7jhnz57mk4] {
    margin-right: 0;
}
.form-group label[b-7jhnz57mk4] {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}
.form-group label i[b-7jhnz57mk4] {
    margin-left: 5px;
    font-size: 14px;
    color: #000;
}
.form-group small[b-7jhnz57mk4] {
    font-size: 12px;
    color: gray;
}

.form-footer[b-7jhnz57mk4] {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 25px;
}
.sub-header[b-7jhnz57mk4] {
    display: flex;
    margin-top: 25px;
    margin-bottom: 25px;
    align-items: center;
}
.sub-header h3[b-7jhnz57mk4] {
    margin-right: 15px;
}
[b-7jhnz57mk4] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}
[b-7jhnz57mk4] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}
.save-button[b-7jhnz57mk4] {
    background-color: #70c170;
    color: white;
    width: 195px;
    height: 30px;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
}
.input-group-custom[b-7jhnz57mk4] {
    display: flex;
    flex-direction: column;
}
.input-wrapper[b-7jhnz57mk4] {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}
@media (max-width: 768px) {
    .form-row[b-7jhnz57mk4] {
        flex-direction: column;
    }

    .form-group[b-7jhnz57mk4] {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
}
/* /Components/Pages/NewRole.razor.rz.scp.css */
.header[b-unp8xbzq7y] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-unp8xbzq7y] {
    margin: 0;
}

.form-container[b-unp8xbzq7y] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
}

.form-row[b-unp8xbzq7y] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: calc(100vh - 300px);
    overflow-y: auto;
}


.form-group[b-unp8xbzq7y] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    border-bottom: 1px solid #ddd;
    min-height: 50px;
}

    .form-group label[b-unp8xbzq7y] {
        font-weight: 600;
        flex: 1;
    }

.form-group-role[b-unp8xbzq7y] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 10px 15px;
    flex-direction: column;
}

    .form-group-role label[b-unp8xbzq7y] {
        font-weight: 600;
        flex: 1;
    }

.permissions[b-unp8xbzq7y] {
    display: flex;
    gap: 15px;
    flex: 2;
    justify-content:flex-end
}

    .permissions label[b-unp8xbzq7y] {
        display: flex;
        align-items: center;
        gap: 5px;
        font-weight: normal;
        cursor: pointer;
    }

input[type="radio"][b-unp8xbzq7y] {
    accent-color: #000;
    cursor: pointer;
}
.form-footer[b-unp8xbzq7y] {
    text-align: center;
}


[b-unp8xbzq7y] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-unp8xbzq7y] .form-control-area {
    width: 100%;
    min-height: 6rem;
    padding: 6px;
    border-radius: 4px;
}

[b-unp8xbzq7y] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.save-button[b-unp8xbzq7y] {
    background-color: #70c170;
    color: white;
    width: 195px;
    height: 30px;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
}

.input-group-custom[b-unp8xbzq7y] {
    display: flex;
    flex-direction: column;
}

.input-wrapper[b-unp8xbzq7y] {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

select[b-unp8xbzq7y] {
    min-width: 75px;
    height: 30px;
    border-radius: 6px;
    font-weight: inherit;
    cursor: pointer;
    margin-right: 20px;
    background: white;
    border: 1px solid #6c6c6c;
}

@media (max-width: 768px) {
    .form-row[b-unp8xbzq7y] {
        flex-direction: column;
    }

    .form-group[b-unp8xbzq7y] {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
}
/* /Components/Pages/NewSupplier.razor.rz.scp.css */
.header[b-uwuyqmtr3i] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}
h3[b-uwuyqmtr3i] {
    margin: 0;
}

.form-container[b-uwuyqmtr3i] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
    margin-bottom: 25px;
}
.form-row[b-uwuyqmtr3i] {
    display: flex;
    margin-bottom: 15px;
}
.form-group[b-uwuyqmtr3i] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}
.form-group:last-child[b-uwuyqmtr3i] {
    margin-right: 0;
}
.form-group label[b-uwuyqmtr3i] {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}
.form-group label i[b-uwuyqmtr3i] {
    margin-left: 5px;
    font-size: 14px;
    color: #000;
}
.form-group small[b-uwuyqmtr3i] {
    font-size: 12px;
    color: gray;
}

.form-footer[b-uwuyqmtr3i] {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 25px;
}
.sub-header[b-uwuyqmtr3i] {
    display: flex;
    margin-top: 25px;
    margin-bottom: 25px;
    align-items: center;
}
.sub-header h3[b-uwuyqmtr3i] {
    margin-right: 15px;
}
[b-uwuyqmtr3i] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}
[b-uwuyqmtr3i] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}
.save-button[b-uwuyqmtr3i] {
    background-color: #70c170;
    color: white;
    width: 195px;
    height: 30px;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
}
.input-group-custom[b-uwuyqmtr3i] {
    display: flex;
    flex-direction: column;
}
.input-wrapper[b-uwuyqmtr3i] {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}
@media (max-width: 768px) {
    .form-row[b-uwuyqmtr3i] {
        flex-direction: column;
    }

    .form-group[b-uwuyqmtr3i] {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
}
/* /Components/Pages/NewTransportService.razor.rz.scp.css */
.header[b-ewuuj397gq] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-ewuuj397gq] {
    margin: 0;
}

.form-container[b-ewuuj397gq] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
    margin-bottom: 25px;
}

.form-row[b-ewuuj397gq] {
    display: flex;
    margin-bottom: 15px;
}

.form-group[b-ewuuj397gq] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}

    .form-group:last-child[b-ewuuj397gq] {
        margin-right: 0;
    }

    .form-group label[b-ewuuj397gq] {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }

        .form-group label i[b-ewuuj397gq] {
            margin-left: 5px;
            font-size: 14px;
            color: #000;
        }

    .form-group small[b-ewuuj397gq] {
        font-size: 12px;
        color: gray;
    }

.form-footer[b-ewuuj397gq] {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 25px;
}

.sub-header[b-ewuuj397gq] {
    display: flex;
    margin-top: 25px;
    margin-bottom: 25px;
    align-items: center;
}

    .sub-header h3[b-ewuuj397gq] {
        margin-right: 15px;
    }

[b-ewuuj397gq] input[type=checkbox] {
    accent-color: #70c170;
}

[b-ewuuj397gq] .check {
    display: none;
}

    [b-ewuuj397gq] .check + label {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 25px;
        background-color: #ddd;
        border-radius: 50px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

        [b-ewuuj397gq] .check + label::before {
            content: "";
            position: absolute;
            top: 2.5px;
            left: 2.5px;
            width: 20px;
            height: 20px;
            background-color: #fff;
            border-radius: 50%;
            transition: transform 0.3s;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }

    [b-ewuuj397gq] .check:checked + label {
        background-color: #70c170;
    }

        [b-ewuuj397gq] .check:checked + label::before {
            transform: translateX(25px);
        }

.input-group-check[b-ewuuj397gq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #eee;
    border-radius: 5px;
    padding: 10px;
    margin: 4px;
    flex-direction: column;
}

[b-ewuuj397gq] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-ewuuj397gq] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.save-button[b-ewuuj397gq] {
    background-color: #70c170;
    color: white;
    width: 195px;
    height: 30px;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
}

.input-group-custom[b-ewuuj397gq] {
    display: flex;
    flex-direction: column;
}

.input-wrapper[b-ewuuj397gq] {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

[b-ewuuj397gq] .input-wrapper .form-control {
    margin-bottom: 0px !important;
}

.btn[b-ewuuj397gq] {
    cursor: pointer;
    opacity: 1;
    font-size: 1em;
    border: 0;
    border-right: 1px solid #ddd;
    align-items: center;
    background: transparent;
    color: black;
    min-height: 37px;
    padding: 5px;
    margin: 0;
    min-width: auto;
    border-radius: initial;
}

    .btn.btn-primary:disabled[b-ewuuj397gq] {
        cursor: default;
    }

.field-content[b-ewuuj397gq] {
    display: flex;
    width: 100%;
}

.options-custom[b-ewuuj397gq] {
    display: flex;
}

[b-ewuuj397gq] .btn.btn-add {
    margin-right: 5px;
}

[b-ewuuj397gq] .custom-select{
    margin-top: 5px;
}

[b-ewuuj397gq] .form-group{
    width: inherit;
}

@media (max-width: 768px) {
    .header[b-ewuuj397gq] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 10px;
    }

    .form-row[b-ewuuj397gq] {
        flex-direction: column;
    }

    .form-group[b-ewuuj397gq] {
        max-width: 100%;
        margin-right: 0;
    }
}


.form-category[b-ewuuj397gq],
.dinamic-form[b-ewuuj397gq] {
    display: flex;
    flex-wrap: nowrap; /* <-- importante para responsividad */
    align-items: baseline;
    gap: 1rem;
}

    /* Campos dentro de cada grupo */
    .form-category select[b-ewuuj397gq],
    .dinamic-form select[b-ewuuj397gq],
    .dinamic-form input[b-ewuuj397gq] {
        flex: 1 1 39px;
        min-width: 180px;
    }

    /* Contenedor de opciones (para campos tipo Select, Option, etc.) */
    .dinamic-form > div.mt-2[b-ewuuj397gq] {
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        gap: 0.5rem;
        margin-top: 0.5rem;
    }

/* Botones y campos */
button[b-ewuuj397gq], .btn[b-ewuuj397gq] {
    white-space: nowrap;
}

/* Input form-control con margen inferior para respiración */
.dinamic-form .form-control[b-ewuuj397gq] {
    margin-bottom: 0.5rem;
}

/* Indicador de campo obligatorio */
.required-values[b-ewuuj397gq] {
    color: red;
    margin-left: 4px;
}

.options-container[b-ewuuj397gq] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

/* Cada fila de opción */
.option-line[b-ewuuj397gq] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    /* El input debe ocupar el espacio disponible */
    .option-line input[b-ewuuj397gq] {
        flex: 0 0 300px; /* NO crecer, NO encoger, SI tener 300px */
        min-width: 0;
    }

    /* Botones de la última opción */
    .option-line .buttons[b-ewuuj397gq] {
        display: flex;
        gap: 0.5rem;
        flex-shrink: 0; /* No dejes que los botones se achiquen */
    }

/* Responsive para móviles */
@media (max-width: 768px) {
    .option-line[b-ewuuj397gq] {
        flex-direction: column;
        align-items: stretch;
    }

        .option-line .buttons[b-ewuuj397gq] {
            flex-direction: row;
            justify-content: flex-start;
        }

        .option-line input[b-ewuuj397gq] {
            flex: auto; /* NO crecer, NO encoger, SI tener 300px */
            min-width: 0;
        }

    .form-category[b-ewuuj397gq],
    .dinamic-form[b-ewuuj397gq] {
        flex-direction: column;
        align-items: stretch;
    }

        .form-category select[b-ewuuj397gq],
        .dinamic-form select[b-ewuuj397gq],
        .dinamic-form input[b-ewuuj397gq] {
            width: 100%;
        }

        .dinamic-form > div.mt-2[b-ewuuj397gq] {
            flex-direction: column;
        }
}

[b-ewuuj397gq] .image-uploader-container {
    max-width: 100%;
}

.center-row[b-ewuuj397gq] {
    justify-content: center;
}

.sub-header[b-ewuuj397gq] {
    display: flex;
    margin-top: 25px;
    margin-bottom: 25px;
    align-items: center;
}

    .sub-header h3[b-ewuuj397gq] {
        margin-right: 15px;
    }
/* /Components/Pages/NewTransportType.razor.rz.scp.css */
.header[b-62fxyshbp1] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-62fxyshbp1] {
    margin: 0;
}

.form-container[b-62fxyshbp1] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
}

.form-row[b-62fxyshbp1] {
    display: flex;
    margin-bottom: 15px;
}

.form-group[b-62fxyshbp1] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}

    .form-group:last-child[b-62fxyshbp1] {
        margin-right: 0;
    }

    .form-group label[b-62fxyshbp1] {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }

        .form-group label i[b-62fxyshbp1] {
            margin-left: 5px;
            font-size: 14px;
            color: #000;
        }

    .form-group small[b-62fxyshbp1] {
        font-size: 12px;
        color: gray;
    }

.form-footer[b-62fxyshbp1] {
    text-align: center;
}


[b-62fxyshbp1] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-62fxyshbp1] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.save-button[b-62fxyshbp1] {
    background-color: #70c170;
    color: white;
    width: 195px;
    height: 30px;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
}

.input-group-custom[b-62fxyshbp1] {
    display: flex;
    flex-direction: column;
}

.input-wrapper[b-62fxyshbp1] {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

[b-62fxyshbp1] input[type=checkbox] {
    accent-color: #70c170;
}

[b-62fxyshbp1] .check {
    display: none;
}

    [b-62fxyshbp1] .check + label {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 25px;
        background-color: #ddd;
        border-radius: 50px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

        [b-62fxyshbp1] .check + label::before {
            content: "";
            position: absolute;
            top: 2.5px;
            left: 2.5px;
            width: 20px;
            height: 20px;
            background-color: #fff;
            border-radius: 50%;
            transition: transform 0.3s;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }

    [b-62fxyshbp1] .check:checked + label {
        background-color: #70c170;
    }

        [b-62fxyshbp1] .check:checked + label::before {
            transform: translateX(25px);
        }

.input-group-check[b-62fxyshbp1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #eee;
    border-radius: 5px;
    padding: 10px;
    margin: 4px;
    flex-direction: column;
}

@media (max-width: 768px) {
    .form-row[b-62fxyshbp1] {
        flex-direction: column;
    }

    .form-group[b-62fxyshbp1] {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
}
/* /Components/Pages/NewUser.razor.rz.scp.css */

.header[b-pg10498e80] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;

}

h3[b-pg10498e80] {
    margin: 0;
}
.form-container[b-pg10498e80] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
}

.form-row[b-pg10498e80] {
    display: flex;
    margin-bottom: 15px;
}

.form-group[b-pg10498e80] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}

    .form-group:last-child[b-pg10498e80] {
        margin-right: 0;
    }

    .form-group label[b-pg10498e80] {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }

        .form-group label i[b-pg10498e80] {
            margin-left: 5px;
            font-size: 14px;
            color: #000;
        }

    .form-group small[b-pg10498e80] {
        font-size: 12px;
        color: gray;
    }
.form-footer[b-pg10498e80] {
    text-align: center;
}


[b-pg10498e80] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-pg10498e80] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.save-button[b-pg10498e80] {
    background-color: #70c170;
    color: white;
    width: 195px;
    height: 30px;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
}
.input-group-custom[b-pg10498e80] {
    display: flex;
    flex-direction: column;
}

.input-wrapper[b-pg10498e80] {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

.btn[b-pg10498e80] {
    cursor: pointer;
    opacity: 1;
    font-size: 1em;
    border: 0;
    border-right: 1px solid #ddd;
    align-items: center;
    background: transparent;
    color: black;
    min-height: 37px;
    padding: 5px;
    margin: 0;
    min-width: auto;
    border-radius: initial;
}

    .btn.btn-primary:disabled[b-pg10498e80] {
        cursor: default;
    }

@media (max-width: 768px) {
    .form-row[b-pg10498e80] {
        flex-direction: column;
    }

    .form-group[b-pg10498e80] {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
}
/* /Components/Pages/NotFoundPage.razor.rz.scp.css */
ul[b-rv0b3am1na] {
    list-style-type: none;
    padding-inline-start: 35px;
}

svg[b-rv0b3am1na] {
    width: 100%;
    visibility: visible;
}

h1[b-rv0b3am1na] {
    font-size: 7.5em;
    margin: 15px 0px;
    font-weight: bold;
    color: #4b4b4b;
}

h2[b-rv0b3am1na] {
    font-weight: bold;
    color: #4b4b4b;
}
.text-center[b-rv0b3am1na] {
    text-align: center;
}

@media (max-width: 992px) {
    svg[b-rv0b3am1na] {
        max-width: 400px;
    }
}
/* /Components/Pages/Operators.razor.rz.scp.css */
.header[b-yhbv9mhzt4] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}
h3[b-yhbv9mhzt4] {
    margin: 0;
}
.btn.add-button[b-yhbv9mhzt4] {
    margin: 10px;
    white-space: nowrap;
}
@media (max-width: 768px) {
    .input-filter[b-yhbv9mhzt4] {
        width: 60%;
    }

    .header[b-yhbv9mhzt4] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 10px;
    }     
}
/* /Components/Pages/RegisterUser.razor.rz.scp.css */
body[b-f2jv93yr32] {
    margin:0;
    padding:0;

}

.header[b-f2jv93yr32] {
    display: flex;
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

.sidebar.closed ~ .NewUse-Container[b-f2jv93yr32] {
    margin-left: 0; /* Se ajusta automáticamente cuando el menú está cerrado */
}

.NewUse-Container[b-f2jv93yr32] {
    flex-grow: 1;    
    margin-right: 0;
    padding: 20px;
    transition: margin-left 0.3s ease-in-out;
}

h3[b-f2jv93yr32] {
    margin: 0;
}

.form-container[b-f2jv93yr32] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
}

.form-row[b-f2jv93yr32] {
    display: flex;
    margin-bottom: 15px;
}

.form-group[b-f2jv93yr32] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}

    .form-group:last-child[b-f2jv93yr32] {
        margin-right: 0;
    }

    .form-group label[b-f2jv93yr32] {
        display: flex;
        align-items: center;
        font-weight: bold;
        margin-bottom: 5px;
    }

        .form-group label i[b-f2jv93yr32] {
            margin-left: 5px;
            font-size: 14px;
            color: #000;
        }

    .form-group small[b-f2jv93yr32] {
        font-size: 12px;
        color: gray;
    }

.form-footer[b-f2jv93yr32] {
    text-align: center;
}


[b-f2jv93yr32] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-f2jv93yr32] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
}

.save-button[b-f2jv93yr32] {
    background-color: #70c170;
    color: white;
    width: 195px;
    height: 30px;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
}

.input-group-custom[b-f2jv93yr32] {
    display: flex;
    flex-direction: column;
}

.input-wrapper[b-f2jv93yr32] {
    position: relative;
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

.btn[b-f2jv93yr32] {
    cursor: pointer;
    opacity: 1;
    font-size: 1em;
    border: 0;
    border-right: 1px solid #ddd;
    align-items: center;
    background: transparent;
    color: black;
    min-height: 37px;
    padding: 5px;
    margin: 0;
    min-width: auto;
    border-radius: initial;
}

    .btn.btn-primary:disabled[b-f2jv93yr32] {
        cursor: default;
    }

[b-f2jv93yr32] select {
    margin-left: auto;
    cursor: pointer;
}

@media (max-width: 768px) {
    .form-row[b-f2jv93yr32] {
        flex-direction: column;
    }

    .form-group[b-f2jv93yr32] {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .NewUse-Container[b-f2jv93yr32] {
        margin-left: 0;
        padding: 10px;
    }
}
/* /Components/Pages/RestorePassword.razor.rz.scp.css */

.header[b-ikbw8ekarq] {
    display: flex;
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

.new-password-container[b-ikbw8ekarq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 400px;
    margin: auto;
    margin-top: 50px;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

.language-selector[b-ikbw8ekarq] {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 14px;
    font-weight: bold;
}

[b-ikbw8ekarq] select {
    margin-left: auto;
    cursor: pointer;
}


[b-ikbw8ekarq] .newPassword-form {
    width: 100%;
    max-width: 300px;
    text-align: center;
    align-items: center;
    display: flex;
    flex-direction: column;
}

[b-ikbw8ekarq] input {
    width: 100%;
    border: none;
    border-bottom: 3px solid #4fd9ff;
    font-size: 16px;
    color: #333;
    outline: none;
    background-color: transparent;
    transition: border-color 0.3s;
    padding:.5em 0;
}

    [b-ikbw8ekarq] input:focus {
        border-bottom: 3px solid #59c173;
    }

    [b-ikbw8ekarq] input::placeholder {
        font-size: 14px;
        color: gray;
        font-weight: bold;
    }

a:visited[b-ikbw8ekarq],
a:hover[b-ikbw8ekarq],
a:active[b-ikbw8ekarq] {
    text-decoration: none;
}

h1[b-ikbw8ekarq] {
    text-align: center;
}

a[b-ikbw8ekarq] {
    color: #000;
    font-size: 0.88rem;
    font-weight: 600;
    letter-spacing: -1px;
    transition: all 0.4s ease;
}

    a:hover[b-ikbw8ekarq] {
        color: rgb(13, 133, 185);
    }

label[b-ikbw8ekarq] {
    display: flex;
    align-items: center;
    font-weight: bold;
    margin-bottom: 5px;
}

.input-group-custom[b-ikbw8ekarq] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.input-wrapper[b-ikbw8ekarq] {
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
    margin-bottom: 1.5rem;
}

.btn[b-ikbw8ekarq] {
    cursor: pointer;
    opacity: 1;
    font-size: 1em;
    border: none;
    border-bottom: 3px solid #4fd9ff;
    align-items: center;
    background: transparent;
    color: #535353;
    min-height: 37px;
    padding: .5em;
    min-width: auto;
    border-radius: initial;
}

    .btn.btn-primary:disabled[b-ikbw8ekarq] {
        cursor: default;
    }

@media (max-width: 768px) {
    .new-password-container[b-ikbw8ekarq] {
        width: 90%;
        min-width: 450px;
    }
}
/* /Components/Pages/Roles.razor.rz.scp.css */
.header[b-vbn3lm7drx] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-vbn3lm7drx] {
    margin: 0;
}

.btn-footer[b-vbn3lm7drx] {
    text-align: center;
}

@media (max-width: 768px) {
    .header[b-vbn3lm7drx] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 10px;
    }    
}
/* /Components/Pages/Rooming.razor.rz.scp.css */
[b-z4ly0klvoy] .header {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

    [b-z4ly0klvoy] .header h3 {
        margin: 0;
    }

.form-container[b-z4ly0klvoy] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
    margin-bottom: 25px;
}

p.form-control[b-z4ly0klvoy] {
    font-size: .9em;
    height: auto;
    padding: .7em 6px;
    cursor: default;
}

[b-z4ly0klvoy] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-z4ly0klvoy] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.row [class^="col-"][b-z4ly0klvoy] >  .dropdown {
    margin-bottom: 10px;
    margin-top: 5px;
}
/*::deep table.table-sm td, table.table-sm th {
    padding: 0.25rem;
    font-size: 0.85rem;
}*/

[b-z4ly0klvoy] .dt-table td.match-strong {
    background: #e6fdce; /* verde claro */
}

[b-z4ly0klvoy] .dt-table tr:hover td.match-strong {
    background: #d4f5b1;
}

[b-z4ly0klvoy] .dt-table td.match-weak {
    background: #feeae4;
}

[b-z4ly0klvoy] .dt-table tr:hover td.match-weak{
    background: #fbe0d8;
}

[b-z4ly0klvoy] .modal-content .dt-table-container {
    max-height: calc(100vh - 500px);
    min-height: 200px;
}

    [b-z4ly0klvoy] .modal-content .dt-table-container th {
        position: sticky;
        top: 0;
    }


[b-z4ly0klvoy] .dt-table td.match-strong-automatic {
    background-color: #87C565 !important
}

[b-z4ly0klvoy] .dt-table tr:hover td.match-strong-automatic {
    background-color: #75b14b !important;
}

[b-z4ly0klvoy] .dt-table td.match-weak-automatic {
    background-color: #e6fdce !important;
}

[b-z4ly0klvoy] .dt-table tr:hover td.match-weak-automatic {
    background-color: #d4f5b1 !important;
}

[b-z4ly0klvoy] .dt-table td.match-medium-automatic {
    background-color: #9fe977 !important;
}

[b-z4ly0klvoy] .dt-table tr:hover td.match-medium-automatic {
    background-color: #89d75f !important;
}

.content-button-roommate[b-z4ly0klvoy] {
    position: absolute;
    display: flex;
    right: 1%;
}
/* /Components/Pages/RoomingChecking.razor.rz.scp.css */
.header[b-tklydx3akm] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-tklydx3akm] {
    margin: 0;
}

.form-container[b-tklydx3akm] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
    margin-bottom: 25px;
}

.form-row[b-tklydx3akm] {
    display: flex;
    margin-bottom: 15px;
}

.form-group[b-tklydx3akm] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}

    .form-group:last-child[b-tklydx3akm] {
        margin-right: 0;
    }

    .form-group label[b-tklydx3akm] {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }

        .form-group label i[b-tklydx3akm] {
            margin-left: 5px;
            font-size: 14px;
            color: #000;
        }

    .form-group small[b-tklydx3akm] {
        font-size: 12px;
        color: gray;
    }

.form-footer[b-tklydx3akm] {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 25px;
}

.sub-header[b-tklydx3akm] {
    display: flex;
    margin-top: 25px;
    margin-bottom: 25px;
    align-items: center;
}

    .sub-header h3[b-tklydx3akm] {
        margin-right: 15px;
    }

[b-tklydx3akm] input[type=checkbox] {
    accent-color: #70c170;
}

.input-group-check[b-tklydx3akm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #eee;
    border-radius: 5px;
    padding: 10px;
    margin: 4px;
    flex-direction: column;
}

[b-tklydx3akm] .check {
    display: none;
}

    [b-tklydx3akm] .check + .label-checkbox {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 25px;
        background-color: #ddd;
        border-radius: 50px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

        [b-tklydx3akm] .check + .label-checkbox::before {
            content: "";
            position: absolute;
            top: 2.5px;
            left: 2.5px;
            width: 20px;
            height: 20px;
            background-color: #fff;
            border-radius: 50%;
            transition: transform 0.3s;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }

    [b-tklydx3akm] .check:checked + .label-checkbox {
        background-color: #70c170;
    }

        [b-tklydx3akm] .check:checked + .label-checkbox::before {
            transform: translateX(25px);
        }

[b-tklydx3akm] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-tklydx3akm] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.save-button[b-tklydx3akm] {
    background-color: #70c170;
    color: white;
    width: 195px;
    height: 30px;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
}

.input-group-custom[b-tklydx3akm] {
    display: flex;
    flex-direction: column;
}

.input-wrapper[b-tklydx3akm] {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

[b-tklydx3akm] .input-wrapper .form-control {
    margin-bottom: 0px !important;
}

.btn[b-tklydx3akm] {
    cursor: pointer;
    opacity: 1;
    font-size: 1em;
    border: 0;
    border-right: 1px solid #ddd;
    align-items: center;
    background: transparent;
    color: black;
    min-height: 37px;
    padding: 5px;
    margin: 0;
    min-width: auto;
    border-radius: initial;
}

    .btn.btn-primary:disabled[b-tklydx3akm] {
        cursor: default;
    }

.field-content[b-tklydx3akm] {
    display: flex;
    width: 100%;
}

.options-custom[b-tklydx3akm] {
    display: flex;
}

[b-tklydx3akm] .btn.btn-add {
    margin-right: 5px;
}

@media (max-width: 768px) {
    .header[b-tklydx3akm] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 10px;
    }

    .form-row[b-tklydx3akm] {
        flex-direction: column;
    }

    .form-group[b-tklydx3akm] {
        max-width: 100%;
        margin-right: 0;
    }
}


.form-category[b-tklydx3akm],
.dinamic-form[b-tklydx3akm] {
    display: flex;
    flex-wrap: nowrap; /* <-- importante para responsividad */
    align-items: baseline;
    gap: 1rem;
}

    /* Campos dentro de cada grupo */
    .form-category select[b-tklydx3akm],
    .dinamic-form select[b-tklydx3akm],
    .dinamic-form input[b-tklydx3akm] {
        flex: 1 1 39px;
        min-width: 180px;
    }

    /* Contenedor de opciones (para campos tipo Select, Option, etc.) */
    .dinamic-form > div.mt-2[b-tklydx3akm] {
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        gap: 0.5rem;
        margin-top: 0.5rem;
    }

/* Botones y campos */
button[b-tklydx3akm], .btn[b-tklydx3akm] {
    white-space: nowrap;
}

/* Input form-control con margen inferior para respiración */
.dinamic-form .form-control[b-tklydx3akm] {
    margin-bottom: 0.5rem;
}

/* Indicador de campo obligatorio */
.required-values[b-tklydx3akm] {
    color: red;
    margin-left: 4px;
}

.options-container[b-tklydx3akm] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

/* Cada fila de opción */
.option-line[b-tklydx3akm] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    /* El input debe ocupar el espacio disponible */
    .option-line input[b-tklydx3akm] {
        flex: 0 0 300px; /* NO crecer, NO encoger, SI tener 300px */
        min-width: 0;
    }

    /* Botones de la última opción */
    .option-line .buttons[b-tklydx3akm] {
        display: flex;
        gap: 0.5rem;
        flex-shrink: 0; /* No dejes que los botones se achiquen */
    }

/* Responsive para móviles */
@media (max-width: 768px) {
    .option-line[b-tklydx3akm] {
        flex-direction: column;
        align-items: stretch;
    }

        .option-line .buttons[b-tklydx3akm] {
            flex-direction: row;
            justify-content: flex-start;
        }

        .option-line input[b-tklydx3akm] {
            flex: auto; /* NO crecer, NO encoger, SI tener 300px */
            min-width: 0;
        }

    .form-category[b-tklydx3akm],
    .dinamic-form[b-tklydx3akm] {
        flex-direction: column;
        align-items: stretch;
    }

        .form-category select[b-tklydx3akm],
        .dinamic-form select[b-tklydx3akm],
        .dinamic-form input[b-tklydx3akm] {
            width: 100%;
        }

        .dinamic-form > div.mt-2[b-tklydx3akm] {
            flex-direction: column;
        }
}

[b-tklydx3akm] .image-uploader-container {
    max-width: 100%;
}

.rooming-dt-container[b-tklydx3akm]  .input-edit-fields {
    background: transparent;
    border: none;
    padding: 6px;
    width: 100%;
    text-align: center;
}

.rooming-dt-container[b-tklydx3akm]  .dt-table thead tr:first-child th:last-child, .rooming-dt-container[b-tklydx3akm]  .dt-table tbody td:last-child {
    position: sticky;
    right: 0;
}

.rooming-dt-container[b-tklydx3akm]  .result-summary {
    display: inline-block;
    margin-right: 10px;
}

    .rooming-dt-container[b-tklydx3akm]  .result-summary i {
        color: #b7b7b7;
    }

        .rooming-dt-container[b-tklydx3akm]  .result-summary i.blue {
            color: #00d9ff;
        }

[b-tklydx3akm] ul.dropdown-menu.show {
    z-index: 1;
}
/* /Components/Pages/RoomingPermissions.razor.rz.scp.css */
.header[b-n4uh2hxsk1] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-n4uh2hxsk1] {
    margin: 0;
}
/* /Components/Pages/Sites/FormSettings.razor.rz.scp.css */
.header[b-mxg60v4lqf] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-mxg60v4lqf] {
    margin: 0;
}

@media (max-width: 768px) {
    .input-filter[b-mxg60v4lqf] {
        width: 60%;
    }    
    .header[b-mxg60v4lqf] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 10px;
    }    
}


[b-mxg60v4lqf] .settings-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

[b-mxg60v4lqf] .setting-item {
    display: flex;
    flex-direction: column;
}

[b-mxg60v4lqf] .setting-label {
    font-size: 12px;
    color: #777;
}

[b-mxg60v4lqf] .icon-btn {
    border: none;
    background: transparent;
    cursor: pointer;
}

[b-mxg60v4lqf] .link-row {
    display: flex;
    gap: 8px;
}

[b-mxg60v4lqf] .link-input {
    flex: 1;
}

.link-row[b-mxg60v4lqf] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.link-box[b-mxg60v4lqf] {
    display: flex;
    align-items: center;
    border: 1px solid #dcdcdc;
    border-radius: 8px;
    padding: 10px 12px;
    min-width: 260px;
    max-width: 360px;
    background: #fff;
}

.link-text[b-mxg60v4lqf] {
    flex: 1;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.copy-btn[b-mxg60v4lqf] {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 4px;
    color: #6c757d;
}

    .copy-btn:hover[b-mxg60v4lqf] {
        color: #0d6efd;
    }

.btn[b-mxg60v4lqf] {
    padding: 8px 14px;
    border-radius: 8px;
    font-size: 14px;
    border: 1px solid transparent;
    cursor: pointer;
}

    .btn.primary[b-mxg60v4lqf] {
        border-color: #0d6efd;
        background-color: #fff;
        color: #0d6efd;
    }

    .btn.secondary[b-mxg60v4lqf] {
        border-color: #0d6efd;
        background-color: #fff;
        color: #0d6efd;
    }
/* /Components/Pages/Sites/RegistrationSettings.razor.rz.scp.css */
.header[b-qnym6utd07] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-qnym6utd07] {
    margin: 0;
}

.form-container[b-qnym6utd07] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
}

.form-row[b-qnym6utd07] {
    display: flex;
    margin-bottom: 15px;
}

.form-group[b-qnym6utd07] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}

    .form-group:last-child[b-qnym6utd07] {
        margin-right: 0;
    }

    .form-group label[b-qnym6utd07] {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }

        .form-group label i[b-qnym6utd07] {
            margin-left: 5px;
            font-size: 14px;
            color: #000;
        }

    .form-group small[b-qnym6utd07] {
        font-size: 12px;
        color: gray;
    }

.form-footer[b-qnym6utd07] {
    text-align: center;
}


[b-qnym6utd07] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-qnym6utd07] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.save-button[b-qnym6utd07] {
    background-color: #70c170;
    color: white;
    width: 195px;
    height: 30px;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
}

.input-group-custom[b-qnym6utd07] {
    display: flex;
    flex-direction: column;
}

.input-wrapper[b-qnym6utd07] {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

[b-qnym6utd07] input[type=checkbox] {
    accent-color: #70c170;
}

[b-qnym6utd07] .check {
    display: none;
}

    [b-qnym6utd07] .check + label {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 25px;
        background-color: #ddd;
        border-radius: 50px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

        [b-qnym6utd07] .check + label::before {
            content: "";
            position: absolute;
            top: 2.5px;
            left: 2.5px;
            width: 20px;
            height: 20px;
            background-color: #fff;
            border-radius: 50%;
            transition: transform 0.3s;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }

    [b-qnym6utd07] .check:checked + label {
        background-color: #70c170;
    }

        [b-qnym6utd07] .check:checked + label::before {
            transform: translateX(25px);
        }

.input-group-check[b-qnym6utd07] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #eee;
    border-radius: 5px;
    padding: 10px;
    margin: 4px;
    flex-direction: column;
}

@media (max-width: 768px) {
    .form-row[b-qnym6utd07] {
        flex-direction: column;
    }

    .form-group[b-qnym6utd07] {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
}

.container-label-tooltip[b-qnym6utd07] {
    display: flex;
}
/* /Components/Pages/States/CityDetail.razor.rz.scp.css */
.header[b-8mwi765epo] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-8mwi765epo] {
    margin: 0;
}

.form-container[b-8mwi765epo] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
    margin-bottom: 25px;
}

.form-row[b-8mwi765epo] {
    display: flex;
    margin-bottom: 15px;
}

.form-group[b-8mwi765epo] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}

    .form-group:last-child[b-8mwi765epo] {
        margin-right: 0;
    }

    .form-group label[b-8mwi765epo] {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }

        .form-group label i[b-8mwi765epo] {
            margin-left: 5px;
            font-size: 14px;
            color: #000;
        }

    .form-group small[b-8mwi765epo] {
        font-size: 12px;
        color: gray;
    }

.form-footer[b-8mwi765epo] {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 25px;
}
/*Pill Checkbox*/
[b-8mwi765epo] input[type=checkbox] {
    accent-color: #70c170;
}

[b-8mwi765epo] .check {
    display: none;
}

    [b-8mwi765epo] .check + label {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 25px;
        background-color: #ddd;
        border-radius: 50px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

        [b-8mwi765epo] .check + label::before {
            content: "";
            position: absolute;
            top: 2.5px;
            left: 2.5px;
            width: 20px;
            height: 20px;
            background-color: #fff;
            border-radius: 50%;
            transition: transform 0.3s;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }

    [b-8mwi765epo] .check:checked + label {
        background-color: #70c170;
    }

        [b-8mwi765epo] .check:checked + label::before {
            transform: translateX(25px);
        }

.input-group-check[b-8mwi765epo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #eee;
    border-radius: 5px;
    padding: 10px;
    margin: 4px;
    flex-direction: column;
}
/*Pill Checkbox End*/

.sub-header[b-8mwi765epo] {
    display: flex;
    margin-top: 25px;
    margin-bottom: 25px;
    align-items: center;
}

    .sub-header h3[b-8mwi765epo] {
        margin-right: 15px;
    }

[b-8mwi765epo] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-8mwi765epo] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.save-button[b-8mwi765epo] {
    background-color: #70c170;
    color: white;
    width: 195px;
    height: 30px;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
}

.input-group-custom[b-8mwi765epo] {
    display: flex;
    flex-direction: column;
}

.input-wrapper[b-8mwi765epo] {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

@media (max-width: 768px) {
    .form-row[b-8mwi765epo] {
        flex-direction: column;
    }

    .form-group[b-8mwi765epo] {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
}
/* /Components/Pages/States/StateDetail.razor.rz.scp.css */
.header[b-vb1ed5epwl] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-vb1ed5epwl] {
    margin: 0;
}

.form-container[b-vb1ed5epwl] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
    margin-bottom: 25px;
}

.form-row[b-vb1ed5epwl] {
    display: flex;
    margin-bottom: 15px;
}

.form-group[b-vb1ed5epwl] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}

    .form-group:last-child[b-vb1ed5epwl] {
        margin-right: 0;
    }

    .form-group label[b-vb1ed5epwl] {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }

        .form-group label i[b-vb1ed5epwl] {
            margin-left: 5px;
            font-size: 14px;
            color: #000;
        }

    .form-group small[b-vb1ed5epwl] {
        font-size: 12px;
        color: gray;
    }

.form-footer[b-vb1ed5epwl] {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 25px;
}
/*Pill Checkbox*/
[b-vb1ed5epwl] input[type=checkbox] {
    accent-color: #70c170;
}

[b-vb1ed5epwl] .check {
    display: none;
}

    [b-vb1ed5epwl] .check + label {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 25px;
        background-color: #ddd;
        border-radius: 50px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

        [b-vb1ed5epwl] .check + label::before {
            content: "";
            position: absolute;
            top: 2.5px;
            left: 2.5px;
            width: 20px;
            height: 20px;
            background-color: #fff;
            border-radius: 50%;
            transition: transform 0.3s;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }

    [b-vb1ed5epwl] .check:checked + label {
        background-color: #70c170;
    }

        [b-vb1ed5epwl] .check:checked + label::before {
            transform: translateX(25px);
        }

.input-group-check[b-vb1ed5epwl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #eee;
    border-radius: 5px;
    padding: 10px;
    margin: 4px;
    flex-direction: column;
}
/*Pill Checkbox End*/

.sub-header[b-vb1ed5epwl] {
    display: flex;
    margin-top: 25px;
    margin-bottom: 25px;
    align-items: center;
}

    .sub-header h3[b-vb1ed5epwl] {
        margin-right: 15px;
    }

[b-vb1ed5epwl] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-vb1ed5epwl] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.save-button[b-vb1ed5epwl] {
    background-color: #70c170;
    color: white;
    width: 195px;
    height: 30px;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
}

.input-group-custom[b-vb1ed5epwl] {
    display: flex;
    flex-direction: column;
}

.input-wrapper[b-vb1ed5epwl] {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

@media (max-width: 768px) {
    .form-row[b-vb1ed5epwl] {
        flex-direction: column;
    }

    .form-group[b-vb1ed5epwl] {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
}
/* /Components/Pages/Suppliers.razor.rz.scp.css */
.header[b-hopbuocyj7] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}
h3[b-hopbuocyj7] {
    margin: 0;
}
.btn.add-button[b-hopbuocyj7] {
    margin: 10px;
    white-space: nowrap;
}
@media (max-width: 768px) {
    .input-filter[b-hopbuocyj7] {
        width: 60%;
    }

    .header[b-hopbuocyj7] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 10px;
    }     
}
/* /Components/Pages/TerminalVerifications/TerminalVerification.razor.rz.scp.css */
.header[b-k1mk9aklir] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-k1mk9aklir] {
    margin: 0;
}

.btn.add-button[b-k1mk9aklir] {
    margin: 10px;
    white-space: nowrap;
}

.form-container[b-k1mk9aklir] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
    margin-bottom: 25px;
}

p.form-control[b-k1mk9aklir] {
    font-size: .9em;
    height: auto;
    padding: .7em 6px;
    cursor: default;
}

[b-k1mk9aklir] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-k1mk9aklir] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

[b-k1mk9aklir] .custom-select {
    margin-top: 5px;
}

[b-k1mk9aklir] .form-group {
    width: inherit;
}

[b-k1mk9aklir] .dt-table th {
    padding: 10px;
}

[b-k1mk9aklir] .dt-table th i.fas {
    margin-right: 10px;
    color: #8bf8f9;
}

[b-k1mk9aklir] .dt-table th.sticky,
[b-k1mk9aklir] .dt-table td.sticky {
    white-space: nowrap;
    position: sticky;
    right: 81px;
}

[b-k1mk9aklir] .dt-table th.sticky:last-child,
[b-k1mk9aklir] .dt-table td.sticky:last-child {
    width: 60px;
    right: 0;
}

[b-k1mk9aklir] .custom-dropdown {
    z-index: 1;
}

[b-k1mk9aklir] .result-summary {
    display: inline-block;
    margin-right: 10px;
}
[b-k1mk9aklir] .result-summary i {
    color: #b7b7b7;
}

    [b-k1mk9aklir] .result-summary p {
        margin: auto;
        font-size: .8rem;
        transform: translateY(10px);
        display: inline-block;
        margin-left: 10px;
    }

    [b-k1mk9aklir] .result-summary i.blue {
        color: #00d9ff;
    }
    [b-k1mk9aklir] .result-summary i.yellow {
        color: #f4b236;
    }
    [b-k1mk9aklir] .result-summary i.red {
        color: #ff4f7e;
    }
    [b-k1mk9aklir] .result-summary i.green {
        color: #55b778;
    }

.pill[b-k1mk9aklir] {
    background: #eee;
    padding: 7px 10px;
    font-size: .9rem;
    border-radius: 15px;
    color: #434343;
}
    .pill.pill-status-Validated[b-k1mk9aklir] {
        background: #55b778;
        color: white;
    }
    .pill.pill-status-UnderReview[b-k1mk9aklir] {
        background: #f4b236;
        color: white;
    }
    .pill.pill-status-Conflict[b-k1mk9aklir] {
        background: #f50039;
        color: white;
    }

@media (max-width: 768px) {
    .input-filter[b-k1mk9aklir] {
        width: 60%;
    }

    .header[b-k1mk9aklir] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 10px;
    }

    .result-summary p.hide-xs[b-k1mk9aklir] {
        display: none;
    }
}
/* /Components/Pages/TicketsSupervisors/TrafficExecutiveAssignment.razor.rz.scp.css */
[b-n9ujd70ovp] .header {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

    [b-n9ujd70ovp] .header h3 {
        margin: 0;
    }

.form-container[b-n9ujd70ovp] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
    margin-bottom: 25px;
}

p.form-control[b-n9ujd70ovp] {
    font-size: .9em;
    height: auto;
    padding: .7em 6px;
    cursor: default;
}

[b-n9ujd70ovp] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-n9ujd70ovp] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

[b-n9ujd70ovp] .custom-select {
    margin-top: 5px;
}

[b-n9ujd70ovp] .form-group {
    width: inherit;
}

[b-n9ujd70ovp] ul.dropdown-menu.show {
    z-index: 1;
}

[b-n9ujd70ovp] .dt-table th.sticky,
[b-n9ujd70ovp] .dt-table td.sticky {
    white-space: nowrap;
    position: sticky;
    right: 0;
}

.pill[b-n9ujd70ovp] {
    background: #eee;
    padding: 7px 10px;
    font-size: .9rem;
    border-radius: 15px;
    color: #434343;
}

    .pill.pill-status-assigned[b-n9ujd70ovp] {
        background: #f4b236;
        color: white;
    }

    .pill.pill-status-booked[b-n9ujd70ovp] {
        background: #31a4ca;
        color: white;
    }

    .pill.pill-status-validated[b-n9ujd70ovp] {
        background: #55b778;
        color: white;
    }

    .pill.pill-status-issued[b-n9ujd70ovp] {
        background: #55b778;
        color: white;
    }

    .pill.pill-status-boardingpass[b-n9ujd70ovp] {
        background: #c7058f;
        color: white;
    }

    .pill.pill-status-error[b-n9ujd70ovp] {
        background: #f50039;
        color: white;
    }
/* /Components/Pages/TransportationAssignments/ImportToTransport.razor.rz.scp.css */

#dropZone[b-blxw0dlt9k] {
    width: 100%;
    height: 150px;
    border: 2px dashed #007bff;
    border-radius: 10px;
    background-color: #f8f9fa;
    text-align: center;
    padding: 20px;
    cursor: pointer;
    transition: background-color 0.3s, border-color 0.3s;
}

    #dropZone p[b-blxw0dlt9k] {
        color: #333;
        font-size: 16px;
        margin: 0;
    }

[b-blxw0dlt9k] #dropZone input {
    margin-top: 10px;
    padding: 8px 15px;
    border: none;
    background-color: #007bff;
    color: white;
    font-size: 14px;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s;
}

#dropZone input:hover[b-blxw0dlt9k] {
    background-color: #0056b3;
}

/* Cuando un archivo está encima del dropzone */
#dropZone.active[b-blxw0dlt9k] {
    background-color: #e3f2fd;
    border-color: #0056b3;
}

[b-blxw0dlt9k] .hidden-input {
    display: none;
}

.custom-file-upload[b-blxw0dlt9k] {
    margin-top: 25px;
    display: inline-block;
    padding: 10px 15px;
    background-color: #007bff;
    color: white;
    cursor: pointer;
    border-radius: 5px;
}

    .custom-file-upload:hover[b-blxw0dlt9k] {
        background-color: #0056b3;
    }

/* Ocultar el input de archivos */
.d-none[b-blxw0dlt9k] {
    display: none;
}



.modal-overlay[b-blxw0dlt9k] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

.modal-content[b-blxw0dlt9k] {
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    width: 70%;
    max-height: 90vh;
    overflow-y: auto;
    position: relative;
}

    .modal-content h3[b-blxw0dlt9k] {
        margin-bottom: 25px;
    }


.modal-overlay-preview[b-blxw0dlt9k] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

.modal-content-preview[b-blxw0dlt9k] {
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    width: 70%;
    max-height: 90vh;
    overflow-y: auto;
    position: relative;
}

    .modal-content-preview h3[b-blxw0dlt9k] {
        margin-bottom: 25px;
    }

.import-settings[b-blxw0dlt9k], .extra-options[b-blxw0dlt9k] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 15px;
}

.close-button[b-blxw0dlt9k] {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    cursor: pointer;
}

.table-container-modal[b-blxw0dlt9k] {
    width: 100%;
    scrollbar-width: thin;
    overflow-y: auto;
    margin-bottom: 15px;
}

.preview-table[b-blxw0dlt9k] {
    width: 100%;
    border-collapse: collapse;
}

    .preview-table th[b-blxw0dlt9k],
    .preview-table td[b-blxw0dlt9k] {
        width: auto; /* Ajusta el ancho automáticamente */
        min-width: 120px; /* Define un ancho mínimo uniforme */
        max-width: 200px; /* Define un ancho máximo opcional */
        text-align: center; /* Centra el contenido */
        white-space: nowrap; /* Evita saltos de línea */
        overflow: hidden; /* Oculta el texto si excede el ancho */
        text-overflow: ellipsis; /* Muestra "..." si el texto es muy largo */
        padding: 8px; /* Agrega espacio interno */
        border: 1px solid #ddd; /* Bordes de celda */
    }

    .preview-table th[b-blxw0dlt9k] {
        background-color: #f4f4f4; /* Color de fondo para encabezados */
        font-weight: bold;
    }

.table-input[b-blxw0dlt9k] {
    width: 100%;
    border: none;
    padding: 5px;
    font-size: 14px;
}

.column-select[b-blxw0dlt9k] {
    width: 100%;
    padding: 5px;
    font-size: 14px;
}

.button-group[b-blxw0dlt9k] {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}

[b-blxw0dlt9k] .btn-primary {
    background: #007bff;
    color: white;
    padding: 8px 15px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

    [b-blxw0dlt9k] .btn-primary:disabled {
        background: #ddd;
        cursor: default;
    }

.btn-secondary[b-blxw0dlt9k] {
    background: #ddd;
    padding: 8px 15px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}



@media (max-width: 768px) {

    .importUser-Container[b-blxw0dlt9k] {
        margin-left: 0;
        padding: 10px;
    }
}



/* Modo Desktop: Mostrar tabla */
.desktop-view[b-blxw0dlt9k] {
    display: table;
}

.mobile-view[b-blxw0dlt9k] {
    display: none;
}

@media screen and (max-width: 768px) {
    .desktop-view[b-blxw0dlt9k] {
        display: none;
    }

    .mobile-view[b-blxw0dlt9k] {
        display: block;
        height: calc(100vh - 300px);
    }

    /* Contenedor flex para título y select */
    .column-header[b-blxw0dlt9k] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        margin-bottom: 5px;
    }

        .column-header h4[b-blxw0dlt9k] {
            font-size: 16px;
            font-weight: bold;
            margin: 0;
            flex: 1; /* Para que el título ocupe el espacio disponible */
            white-space: nowrap; /* Evita que el texto se divida en varias líneas */
        }

    .column-select[b-blxw0dlt9k] {
        width: auto;
        min-width: 124px;
        padding: 5px;
        font-size: 14px;
    }

    .column-list[b-blxw0dlt9k] {
        border: 1px solid #ddd;
        margin-bottom: 15px;
        padding: 10px;
        background: #fff;
        border-radius: 5px;
        border-bottom: 2px solid #ccc; /* Línea divisoria entre columnas */
    }

        .column-list:last-child[b-blxw0dlt9k] {
            border-bottom: none; /* Evita la línea extra en la última columna */
        }

        /* Alinear inputs en fila */
        .column-list ul[b-blxw0dlt9k] {
            list-style: none;
            padding: 0;
            display: flex;
            flex-wrap: wrap; /* Para que los inputs se acomoden si hay poco espacio */
            gap: 10px;
        }

        .column-list li[b-blxw0dlt9k] {
            flex: 1;
        }

        .column-list input[b-blxw0dlt9k] {
            width: 100%
        }
}


.dropzone.loading[b-blxw0dlt9k] {
    position: relative;
}

    .dropzone.loading[b-blxw0dlt9k]:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: rgb(255,255,255,.9);
    }

    .dropzone.loading[b-blxw0dlt9k]:after {
        --radius: 3em;
        content: '';
        position: absolute;
        width: var(--radius);
        height: var(--radius);
        left: calc(50% - (var(--radius) / 2));
        top: calc(50% - (var(--radius) / 2));
        border: .35em solid #00cfd3;
        border-color: #00cfd3 transparent #00cfd3 transparent;
        border-radius: 50%;
        animation: rotate-b-blxw0dlt9k 1s linear infinite;
    }

@keyframes rotate-b-blxw0dlt9k {
    100% {
        transform: rotate(360deg)
    }
}

[b-blxw0dlt9k] .btn-secondary {
    border-radius: 5px;
    border: none;
    padding: 8px 15px;
    background-color: #ddd;
    cursor: pointer;
}
/* /Components/Pages/TransportationAssignments/ImportToTransportAssignment.razor.rz.scp.css */

#dropZone[b-d5u8oqmcd2] {
    width: 100%;
    height: 150px;
    border: 2px dashed #007bff;
    border-radius: 10px;
    background-color: #f8f9fa;
    text-align: center;
    padding: 20px;
    cursor: pointer;
    transition: background-color 0.3s, border-color 0.3s;
}

    #dropZone p[b-d5u8oqmcd2] {
        color: #333;
        font-size: 16px;
        margin: 0;
    }

[b-d5u8oqmcd2] #dropZone input {
    margin-top: 10px;
    padding: 8px 15px;
    border: none;
    background-color: #007bff;
    color: white;
    font-size: 14px;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s;
}

#dropZone input:hover[b-d5u8oqmcd2] {
    background-color: #0056b3;
}

/* Cuando un archivo está encima del dropzone */
#dropZone.active[b-d5u8oqmcd2] {
    background-color: #e3f2fd;
    border-color: #0056b3;
}

[b-d5u8oqmcd2] .hidden-input {
    display: none;
}

.custom-file-upload[b-d5u8oqmcd2] {
    margin-top: 25px;
    display: inline-block;
    padding: 10px 15px;
    background-color: #007bff;
    color: white;
    cursor: pointer;
    border-radius: 5px;
}

    .custom-file-upload:hover[b-d5u8oqmcd2] {
        background-color: #0056b3;
    }

/* Ocultar el input de archivos */
.d-none[b-d5u8oqmcd2] {
    display: none;
}



.modal-overlay[b-d5u8oqmcd2] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

.modal-content[b-d5u8oqmcd2] {
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    width: 70%;
    max-height: 90vh;
    overflow-y: auto;
    position: relative;
}

    .modal-content h3[b-d5u8oqmcd2] {
        margin-bottom: 25px;
    }


.modal-overlay-preview[b-d5u8oqmcd2] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

.modal-content-preview[b-d5u8oqmcd2] {
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    width: 70%;
    max-height: 90vh;
    overflow-y: auto;
    position: relative;
}

    .modal-content-preview h3[b-d5u8oqmcd2] {
        margin-bottom: 25px;
    }

.import-settings[b-d5u8oqmcd2], .extra-options[b-d5u8oqmcd2] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 15px;
}

.close-button[b-d5u8oqmcd2] {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    cursor: pointer;
}

.table-container-modal[b-d5u8oqmcd2] {
    width: 100%;
    scrollbar-width: thin;
    overflow-y: auto;
    margin-bottom: 15px;
}

.preview-table[b-d5u8oqmcd2] {
    width: 100%;
    border-collapse: collapse;
}

    .preview-table th[b-d5u8oqmcd2],
    .preview-table td[b-d5u8oqmcd2] {
        width: auto; /* Ajusta el ancho automáticamente */
        min-width: 120px; /* Define un ancho mínimo uniforme */
        max-width: 200px; /* Define un ancho máximo opcional */
        text-align: center; /* Centra el contenido */
        white-space: nowrap; /* Evita saltos de línea */
        overflow: hidden; /* Oculta el texto si excede el ancho */
        text-overflow: ellipsis; /* Muestra "..." si el texto es muy largo */
        padding: 8px; /* Agrega espacio interno */
        border: 1px solid #ddd; /* Bordes de celda */
    }

    .preview-table th[b-d5u8oqmcd2] {
        background-color: #f4f4f4; /* Color de fondo para encabezados */
        font-weight: bold;
    }

.table-input[b-d5u8oqmcd2] {
    width: 100%;
    border: none;
    padding: 5px;
    font-size: 14px;
}

.column-select[b-d5u8oqmcd2] {
    width: 100%;
    padding: 5px;
    font-size: 14px;
}

.button-group[b-d5u8oqmcd2] {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}

[b-d5u8oqmcd2] .btn-primary {
    background: #007bff;
    color: white;
    padding: 8px 15px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

    [b-d5u8oqmcd2] .btn-primary:disabled {
        background: #ddd;
        cursor: default;
    }

.btn-secondary[b-d5u8oqmcd2] {
    background: #ddd;
    padding: 8px 15px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}



@media (max-width: 768px) {

    .importUser-Container[b-d5u8oqmcd2] {
        margin-left: 0;
        padding: 10px;
    }
}



/* Modo Desktop: Mostrar tabla */
.desktop-view[b-d5u8oqmcd2] {
    display: table;
}

.mobile-view[b-d5u8oqmcd2] {
    display: none;
}

@media screen and (max-width: 768px) {
    .desktop-view[b-d5u8oqmcd2] {
        display: none;
    }

    .mobile-view[b-d5u8oqmcd2] {
        display: block;
        height: calc(100vh - 300px);
    }

    /* Contenedor flex para título y select */
    .column-header[b-d5u8oqmcd2] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        margin-bottom: 5px;
    }

        .column-header h4[b-d5u8oqmcd2] {
            font-size: 16px;
            font-weight: bold;
            margin: 0;
            flex: 1; /* Para que el título ocupe el espacio disponible */
            white-space: nowrap; /* Evita que el texto se divida en varias líneas */
        }

    .column-select[b-d5u8oqmcd2] {
        width: auto;
        min-width: 124px;
        padding: 5px;
        font-size: 14px;
    }

    .column-list[b-d5u8oqmcd2] {
        border: 1px solid #ddd;
        margin-bottom: 15px;
        padding: 10px;
        background: #fff;
        border-radius: 5px;
        border-bottom: 2px solid #ccc; /* Línea divisoria entre columnas */
    }

        .column-list:last-child[b-d5u8oqmcd2] {
            border-bottom: none; /* Evita la línea extra en la última columna */
        }

        /* Alinear inputs en fila */
        .column-list ul[b-d5u8oqmcd2] {
            list-style: none;
            padding: 0;
            display: flex;
            flex-wrap: wrap; /* Para que los inputs se acomoden si hay poco espacio */
            gap: 10px;
        }

        .column-list li[b-d5u8oqmcd2] {
            flex: 1;
        }

        .column-list input[b-d5u8oqmcd2] {
            width: 100%
        }
}


.dropzone.loading[b-d5u8oqmcd2] {
    position: relative;
}

    .dropzone.loading[b-d5u8oqmcd2]:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: rgb(255,255,255,.9);
    }

    .dropzone.loading[b-d5u8oqmcd2]:after {
        --radius: 3em;
        content: '';
        position: absolute;
        width: var(--radius);
        height: var(--radius);
        left: calc(50% - (var(--radius) / 2));
        top: calc(50% - (var(--radius) / 2));
        border: .35em solid #00cfd3;
        border-color: #00cfd3 transparent #00cfd3 transparent;
        border-radius: 50%;
        animation: rotate-b-d5u8oqmcd2 1s linear infinite;
    }

@keyframes rotate-b-d5u8oqmcd2 {
    100% {
        transform: rotate(360deg)
    }
}

[b-d5u8oqmcd2] .btn-secondary {
    border-radius: 5px;
    border: none;
    padding: 8px 15px;
    background-color: #ddd;
    cursor: pointer;
}
/* /Components/Pages/TransportationAssignments/ImportTransportService.razor.rz.scp.css */
.header[b-ti88rrkfq7] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-ti88rrkfq7] {
    margin: 0;
}

.table-container[b-ti88rrkfq7] {
    overflow: auto;
    max-height: calc(100vh - 200px);
    z-index: 0;
    display: block;
    position: relative;
}

.styled-table[b-ti88rrkfq7] {
    width: 100%;
    overflow: initial;
    text-align: center;
}

    .styled-table th[b-ti88rrkfq7] {
        background-color: #5c6670;
        color: #fff;
        padding: 15px;
        text-align: center;
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .styled-table td[b-ti88rrkfq7] {
        height: 35px;
        
        vertical-align: middle;
        border-bottom: 1px solid #ddd;
        text-align: center;
    }

    .styled-table tr:nth-child(even)[b-ti88rrkfq7] {
        background: #f8f9fa;
    }

    .styled-table tr:hover[b-ti88rrkfq7] {
        background: #e9ecef;
    }

    .input-edit-fields[b-ti88rrkfq7],
    .styled-table select[b-ti88rrkfq7],
    .styled-table input[b-ti88rrkfq7],
    .styled-table button[b-ti88rrkfq7] {
        height: 40px;
        box-sizing: border-box;
    }

    .styled-table p[b-ti88rrkfq7] {
        margin: 0;
        line-height: 1.2;
        white-space: normal;
        word-break: break-word;
    }


table td p[b-ti88rrkfq7] {
    margin: auto;
    padding: 6px;
    font-size: .8em;
    text-align: left;
}

.no-data[b-ti88rrkfq7] {
    text-align: center;
    color: #777;
    font-size: 16px;
}

.button-save-container[b-ti88rrkfq7] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 15px;
    align-items: center;
}

.button-save-container-end[b-ti88rrkfq7] {
    display: flex;
    justify-content: flex-end;
    margin-top: 15px;
}

.result-summary[b-ti88rrkfq7] {
    display: flex;
    align-items: center;
    margin-right: 10px;
}

    .result-summary.Disabled[b-ti88rrkfq7] {
        display: none
    }

    .result-summary.Enabled[b-ti88rrkfq7] {
        display: block;
        margin-left: 10px;
    }

.btn-dismissCompleted[b-ti88rrkfq7] {
    margin-right: 10px;
}

@media (max-width: 768px) {
    /* Ocultar tooltip en filas en móviles */
    tr[data-tooltip][b-ti88rrkfq7]::after {
        display: none !important;
    }

    /* Mostrar tooltip en el ícono en móviles */
    i[data-tooltip-mobile][b-ti88rrkfq7] {
        position: relative;
    }

        i[data-tooltip-mobile][b-ti88rrkfq7]::after {
            content: attr(data-tooltip-mobile);
            visibility: visible;
            background-color: black;
            color: white;
            text-align: center;
            border-radius: 5px;
            padding: 5px;
            position: absolute;
            transform: translateX(-50%);
            white-space: nowrap;
            z-index: 2;
            opacity: 1;
            display: block;
        }
}

/* Hacer que el tr tenga un contenedor con 'position: relative' */
tr[data-tooltip]:not([data-tooltip=""])[b-ti88rrkfq7] {
    position: relative; /* Esto asegura que el tooltip se posicione dentro de la fila */
}

    /* Tooltip en las filas de Response */
    tr[data-tooltip]:not([data-tooltip=""]):hover[b-ti88rrkfq7]::after {
        content: attr(data-tooltip);
        visibility: visible;
        background-color: #d54500d6;
        color: white;
        text-align: center;
        border-radius: 5px;
        padding: 5px;
        position: fixed;
        left: 50%;
        transform: translateX(-50%) translateY(-105%);
        z-index: 10;
        opacity: 1;
        max-width: 80vh;
        white-space: break-spaces;
        font-size: .8em;
        visibility: visible;
    }

    /* Tooltip por defecto */
    tr[data-tooltip]:not([data-tooltip=""]):not(:hover)[b-ti88rrkfq7]::after {
        visibility: hidden; /* El tooltip estará oculto cuando no se pase el mouse */
    }


tr[data-tooltip][b-ti88rrkfq7]::after {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s;
}

i[data-tooltip-mobile][b-ti88rrkfq7]::after {
    display: none;
}


.failure-row[b-ti88rrkfq7] {
    background-color: #ffcccc !important; /* Rojo claro */
}

.valid-row[b-ti88rrkfq7] {
    background-color: white; /* Sin errores */
}

.error-row[b-ti88rrkfq7] {
    background-color: #ffcccc; /* Rojo claro para indicar error */
}

.input-edit-fields[b-ti88rrkfq7] {
    background: transparent;
    border: none;
    padding: 6px;
}

[b-ti88rrkfq7] .btn-primary {
    background: #007bff;
    color: white;
    padding: 8px 15px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

    [b-ti88rrkfq7] .btn-primary:disabled {
        background: #ddd;
        cursor: default;
    }

.uploadingData[b-ti88rrkfq7] {
    height: 50vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.result-summary i[b-ti88rrkfq7] {
    color: #b7b7b7;
}

    .result-summary i.blue[b-ti88rrkfq7] {
        color: #00d9ff;
    }

.btn.btn-min[b-ti88rrkfq7] {
    color: inherit;
    width: 100%;
    background: none;
    cursor: pointer;
}

.input-filter[b-ti88rrkfq7] {
    width: 250px;
    height: 35px;
    border-radius: 5px;
    margin-bottom: 10px;
}

.left-options[b-ti88rrkfq7] {
    display: flex;
    gap: 10px; /* Espacio entre elementos */
    align-items: center;
    margin-bottom: 10px
}


.form-group[b-ti88rrkfq7] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}

    .form-group:last-child[b-ti88rrkfq7] {
        margin-right: 0;
    }

    .form-group label[b-ti88rrkfq7] {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }

        .form-group label i[b-ti88rrkfq7] {
            margin-left: 5px;
            font-size: 14px;
            color: #000;
        }

    .form-group small[b-ti88rrkfq7] {
        font-size: 12px;
        color: gray;
    }

.form-row[b-ti88rrkfq7] {
    display: flex;
    margin-bottom: 15px;
}

.div-inputs[b-ti88rrkfq7] {
    display: flex;
    align-items: baseline;
}

[b-ti88rrkfq7] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-ti88rrkfq7] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.form-content[b-ti88rrkfq7] {
    overflow-y: none;
    height: auto;
}

.form-footer[b-ti88rrkfq7] {
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
}

[b-ti88rrkfq7] .save-user:disabled,
[b-ti88rrkfq7] .btn-close:disabled {
    background-color: #f0f0f0;
    color: #a0a0a0;
    cursor: not-allowed;
}

@media(max-width:768px) {
    :: deep .dt-table th[b-ti88rrkfq7] {
        padding: .4em .5em;
        white-space: nowrap;
    }

    .form-row[b-ti88rrkfq7] {
        flex-direction: column;
    }

    .form-group[b-ti88rrkfq7] {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .form-content[b-ti88rrkfq7] {
        overflow-y: scroll;
        height: 600px;
    }
}
.options-import-container[b-ti88rrkfq7] {
    display: flex;
    justify-content: space-between;
}

[b-ti88rrkfq7] .custom-select {
    border: none; 
    border-radius: 4px;
    padding: 6px 10px;
    background-color: transparent; 
    cursor: pointer;
    position: relative;
    font-size: .8em;
}

[b-ti88rrkfq7] .form-group {
    flex: 1;
    margin-right: 0px; 
}

[b-ti88rrkfq7] .item-text {
    white-space: nowrap;
}

[b-ti88rrkfq7] .custom-select {
    position: relative;
}

    [b-ti88rrkfq7] .custom-select .dropdown-panel {
        position: fixed;
        top: auto;
        left: auto;
        right: auto;
        transform: translate(-10px, 10px);
        min-width: 180px;
        max-height: 260px;
        overflow-y: auto;
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    }

    

/* /Components/Pages/TransportationAssignments/ImportTransportTicket.razor.rz.scp.css */
.header[b-ghdqr2b628] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-ghdqr2b628] {
    margin: 0;
}

.table-container[b-ghdqr2b628] {
    overflow: auto;
    max-height: calc(100vh - 200px);
    z-index: 0;
    display: block;
    position: relative;
}

.styled-table[b-ghdqr2b628] {
    width: 100%;
    overflow: initial;
    text-align: center;
}

    .styled-table th[b-ghdqr2b628] {
        background-color: #5c6670;
        color: #fff;
        padding: 15px;
        text-align: center;
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .styled-table td[b-ghdqr2b628] {
        border-bottom: 1px solid #ddd;
        text-align: center;
    }

    .styled-table tr:nth-child(even)[b-ghdqr2b628] {
        background: #f8f9fa;
    }

    .styled-table tr:hover[b-ghdqr2b628] {
        background: #e9ecef;
    }

table td p[b-ghdqr2b628] {
    margin: auto;
    padding: 6px;
    font-size: .8em;
    text-align: left;
}

.no-data[b-ghdqr2b628] {
    text-align: center;
    color: #777;
    font-size: 16px;
}

.button-save-container[b-ghdqr2b628] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 15px;
    align-items: center;
}

.button-save-container-end[b-ghdqr2b628] {
    display: flex;
    justify-content: flex-end;
    margin-top: 15px;
}

.result-summary[b-ghdqr2b628] {
    display: flex;
    align-items: center;
    margin-right: 10px;
}

    .result-summary.Disabled[b-ghdqr2b628] {
        display: none
    }

    .result-summary.Enabled[b-ghdqr2b628] {
        display: block;
        margin-left: 10px;
    }

.btn-dismissCompleted[b-ghdqr2b628] {
    margin-right: 10px;
}

@media (max-width: 768px) {
    /* Ocultar tooltip en filas en móviles */
    tr[data-tooltip][b-ghdqr2b628]::after {
        display: none !important;
    }

    /* Mostrar tooltip en el ícono en móviles */
    i[data-tooltip-mobile][b-ghdqr2b628] {
        position: relative;
    }

        i[data-tooltip-mobile][b-ghdqr2b628]::after {
            content: attr(data-tooltip-mobile);
            visibility: visible;
            background-color: black;
            color: white;
            text-align: center;
            border-radius: 5px;
            padding: 5px;
            position: absolute;
            transform: translateX(-50%);
            white-space: nowrap;
            z-index: 2;
            opacity: 1;
            display: block;
        }
}

/* Hacer que el tr tenga un contenedor con 'position: relative' */
tr[data-tooltip]:not([data-tooltip=""])[b-ghdqr2b628] {
    position: relative; /* Esto asegura que el tooltip se posicione dentro de la fila */
}

    /* Tooltip en las filas de Response */
    tr[data-tooltip]:not([data-tooltip=""]):hover[b-ghdqr2b628]::after {
        content: attr(data-tooltip);
        visibility: visible;
        background-color: #d54500d6;
        color: white;
        text-align: center;
        border-radius: 5px;
        padding: 5px;
        position: fixed;
        left: 50%;
        transform: translateX(-50%) translateY(-105%);
        z-index: 10;
        opacity: 1;
        max-width: 80vh;
        white-space: break-spaces;
        font-size: .8em;
        visibility: visible;
    }

    /* Tooltip por defecto */
    tr[data-tooltip]:not([data-tooltip=""]):not(:hover)[b-ghdqr2b628]::after {
        visibility: hidden; /* El tooltip estará oculto cuando no se pase el mouse */
    }


tr[data-tooltip][b-ghdqr2b628]::after {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s;
}

i[data-tooltip-mobile][b-ghdqr2b628]::after {
    display: none;
}


.failure-row[b-ghdqr2b628] {
    background-color: #ffcccc !important; /* Rojo claro */
}

.valid-row[b-ghdqr2b628] {
    background-color: white; /* Sin errores */
}

.error-row[b-ghdqr2b628] {
    background-color: #ffcccc; /* Rojo claro para indicar error */
}

.input-edit-fields[b-ghdqr2b628] {
    background: transparent;
    border: none;
    padding: 6px;
}

[b-ghdqr2b628] .btn-primary {
    background: #007bff;
    color: white;
    padding: 8px 15px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

    [b-ghdqr2b628] .btn-primary:disabled {
        background: #ddd;
        cursor: default;
    }

.uploadingData[b-ghdqr2b628] {
    height: 50vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.result-summary i[b-ghdqr2b628] {
    color: #b7b7b7;
}

    .result-summary i.blue[b-ghdqr2b628] {
        color: #00d9ff;
    }

.btn.btn-min[b-ghdqr2b628] {
    color: inherit;
    width: 100%;
    background: none;
    cursor: pointer;
}

.input-filter[b-ghdqr2b628] {
    width: 250px;
    height: 35px;
    border-radius: 5px;
    margin-bottom: 10px;
}

.left-options[b-ghdqr2b628] {
    display: flex;
    gap: 10px; /* Espacio entre elementos */
    align-items: center
}
/* /Components/Pages/TransportationAssignments/TransportAssignment.razor.rz.scp.css */
[b-1po79k897d] .header {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

    [b-1po79k897d] .header h3 {
        margin: 0;
    }

.form-container[b-1po79k897d] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
    margin-bottom: 25px;
}

p.form-control[b-1po79k897d] {
    font-size: .9em;
    height: auto;
    padding: .7em 6px;
    cursor: default;
}

[b-1po79k897d] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-1po79k897d] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.row [class^="col-"][b-1po79k897d] >  .dropdown {
    margin-bottom: 10px;
    margin-top: 5px;
}
/*::deep table.table-sm td, table.table-sm th {
    padding: 0.25rem;
    font-size: 0.85rem;
}*/

[b-1po79k897d] .dt-table td.match-strong {
    background: #e6fdce; /* verde claro */
}

[b-1po79k897d] .dt-table tr:hover td.match-strong {
    background: #d4f5b1;
}

[b-1po79k897d] .dt-table td.match-weak {
    background: #feeae4;
}

[b-1po79k897d] .dt-table tr:hover td.match-weak{
    background: #fbe0d8;
}

[b-1po79k897d] .modal-content .dt-table-container {
    max-height: calc(100vh - 500px);
    min-height: 200px;
}

    [b-1po79k897d] .modal-content .dt-table-container th {
        position: sticky;
        top: 0;
    }


[b-1po79k897d] .dt-table td.match-strong-automatic {
    background-color: #87C565 !important
}

[b-1po79k897d] .dt-table tr:hover td.match-strong-automatic {
    background-color: #75b14b !important;
}

[b-1po79k897d] .dt-table td.match-weak-automatic {
    background-color: #e6fdce !important;
}

[b-1po79k897d] .dt-table tr:hover td.match-weak-automatic {
    background-color: #d4f5b1 !important;
}

[b-1po79k897d] .dt-table td.match-medium-automatic {
    background-color: #9fe977 !important;
}

[b-1po79k897d] .dt-table tr:hover td.match-medium-automatic {
    background-color: #89d75f !important;
}

.content-button-roommate[b-1po79k897d] {
    position: absolute;
    display: flex;
    right: 1%;
}

[b-1po79k897d] .custom-select {
    margin-top: 5px;
}

[b-1po79k897d] .form-group {
    width: inherit;
}

[b-1po79k897d] .right-options {
    margin-top: 10px;
}

.icon-toggle.selected[b-1po79k897d] {
    background-color: #e93c3c;
    color: white;
    border-color: #f55050;
}

.icon-toggle[b-1po79k897d] {
    width: 28px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    cursor: pointer;
    font-size: 18px;
    border: none;
    color: white;
    background-color: #87c565;
}

input[type=checkbox]:disabled[b-1po79k897d] {
    opacity: 0.5;
    cursor: not-allowed;
}


[b-1po79k897d] .table-transports .dt-table {
    width: 100%;
}

.table-transports .dt-table tr:last-child td:first-child[b-1po79k897d] {
    border-bottom-left-radius: 12px;
}

.table-transports .dt-table tr:last-child td:last-child[b-1po79k897d] {
    border-bottom-right-radius: 12px;
}
    [b-1po79k897d] .table-transports .dt-table th, [b-1po79k897d] .dt-table td {
        padding: 15px;
        text-align: center;
    }

[b-1po79k897d] .table-transports .dt-table th {
    background-color: #dedfdf;
    color: #7f7f7f;
    font-size: 13px;
}

[b-1po79k897d] .table-transports .dt-table td {
    background-color: #ffffff;
    border-bottom: 1px solid #ddd;
    font-size: 13px;
    padding: 12px;
}

    [b-1po79k897d] .table-transports .dt-table tr:hover td {
        background-color: #f1f1f1;
    }
/* /Components/Pages/TransportationAssignments/TransportTickets.razor.rz.scp.css */
[b-g9qd7im6ui] .header {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

    [b-g9qd7im6ui] .header h3 {
        margin: 0;
    }

.form-container[b-g9qd7im6ui] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
    margin-bottom: 25px;
}

p.form-control[b-g9qd7im6ui] {
    font-size: .9em;
    height: auto;
    padding: .7em 6px;
    cursor: default;
}

[b-g9qd7im6ui] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-g9qd7im6ui] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.row [class^="col-"][b-g9qd7im6ui] >  .dropdown {
    margin-bottom: 10px;
    margin-top: 5px;
}
/*::deep table.table-sm td, table.table-sm th {
    padding: 0.25rem;
    font-size: 0.85rem;
}*/

[b-g9qd7im6ui] .dt-table td.match-strong {
    background: #e6fdce; /* verde claro */
}

[b-g9qd7im6ui] .dt-table tr:hover td.match-strong {
    background: #d4f5b1;
}

[b-g9qd7im6ui] .dt-table td.match-weak {
    background: #feeae4;
}

[b-g9qd7im6ui] .dt-table tr:hover td.match-weak{
    background: #fbe0d8;
}

[b-g9qd7im6ui] .modal-content .dt-table-container {
    max-height: calc(100vh - 500px);
    min-height: 200px;
}

    [b-g9qd7im6ui] .modal-content .dt-table-container th {
        position: sticky;
        top: 0;
    }


[b-g9qd7im6ui] .dt-table td.match-strong-automatic {
    background-color: #87C565 !important
}

[b-g9qd7im6ui] .dt-table tr:hover td.match-strong-automatic {
    background-color: #75b14b !important;
}

[b-g9qd7im6ui] .dt-table td.match-weak-automatic {
    background-color: #e6fdce !important;
}

[b-g9qd7im6ui] .dt-table tr:hover td.match-weak-automatic {
    background-color: #d4f5b1 !important;
}

[b-g9qd7im6ui] .dt-table td.match-medium-automatic {
    background-color: #9fe977 !important;
}

[b-g9qd7im6ui] .dt-table tr:hover td.match-medium-automatic {
    background-color: #89d75f !important;
}

.content-button-roommate[b-g9qd7im6ui] {
    position: absolute;
    display: flex;
    right: 1%;
}

[b-g9qd7im6ui] .custom-select {
    margin-top: 5px;
}

[b-g9qd7im6ui] .form-group {
    width: inherit;
}

.btn.add-button[b-g9qd7im6ui] {
    margin: 10px;
    white-space: nowrap;
}

[b-g9qd7im6ui] .btn-group.d-flex {
    margin-top: 10px;
}

.container-button-actions[b-g9qd7im6ui] {
    padding-left: 0;
}


[b-g9qd7im6ui] .modal-content, .modal-content[b-g9qd7im6ui] {
    width: 90%;
}
/* /Components/Pages/TransportClasses/TransportServiceClassDetail.razor.rz.scp.css */
.header[b-93idk0b3kc] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-93idk0b3kc] {
    margin: 0;
}

.form-container[b-93idk0b3kc] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
}

.form-row[b-93idk0b3kc] {
    display: flex;
    margin-bottom: 15px;
}

.form-group[b-93idk0b3kc] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
}

    .form-group:last-child[b-93idk0b3kc] {
        margin-right: 0;
    }

    .form-group label[b-93idk0b3kc] {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }

        .form-group label i[b-93idk0b3kc] {
            margin-left: 5px;
            font-size: 14px;
            color: #000;
        }

    .form-group small[b-93idk0b3kc] {
        font-size: 12px;
        color: gray;
    }

.form-footer[b-93idk0b3kc] {
    text-align: center;
}


[b-93idk0b3kc] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-93idk0b3kc] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.save-button[b-93idk0b3kc] {
    background-color: #70c170;
    color: white;
    width: 195px;
    height: 30px;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
}

.input-group-custom[b-93idk0b3kc] {
    display: flex;
    flex-direction: column;
}

.input-wrapper[b-93idk0b3kc] {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

[b-93idk0b3kc] input[type=checkbox] {
    accent-color: #70c170;
}

[b-93idk0b3kc] .check {
    display: none;
}

    [b-93idk0b3kc] .check + label {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 25px;
        background-color: #ddd;
        border-radius: 50px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

        [b-93idk0b3kc] .check + label::before {
            content: "";
            position: absolute;
            top: 2.5px;
            left: 2.5px;
            width: 20px;
            height: 20px;
            background-color: #fff;
            border-radius: 50%;
            transition: transform 0.3s;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }

    [b-93idk0b3kc] .check:checked + label {
        background-color: #70c170;
    }

        [b-93idk0b3kc] .check:checked + label::before {
            transform: translateX(25px);
        }

.input-group-check[b-93idk0b3kc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #eee;
    border-radius: 5px;
    padding: 10px;
    margin: 4px;
    flex-direction: column;
}

@media (max-width: 768px) {
    .form-row[b-93idk0b3kc] {
        flex-direction: column;
    }

    .form-group[b-93idk0b3kc] {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
}
/* /Components/Pages/TransportClasses/TransportServiceClasses.razor.rz.scp.css */
.header[b-adr7up59x4] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-adr7up59x4] {
    margin: 0;
}

@media (max-width: 768px) {
    .input-filter[b-adr7up59x4] {
        width: 60%;
    }

    .header[b-adr7up59x4] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 10px;
    }
}
/* /Components/Pages/TransportReports/ManifestReport.razor.rz.scp.css */
[b-lgd8nt33f7] .header {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

    [b-lgd8nt33f7] .header h3 {
        margin: 0;
    }

.form-container[b-lgd8nt33f7] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
    margin-bottom: 25px;
}

p.form-control[b-lgd8nt33f7] {
    font-size: .9em;
    height: auto;
    padding: .7em 6px;
    cursor: default;
}

[b-lgd8nt33f7] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-lgd8nt33f7] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.row [class^="col-"][b-lgd8nt33f7] >  .dropdown {
    margin-bottom: 10px;
    margin-top: 5px;
}
/*::deep table.table-sm td, table.table-sm th {
    padding: 0.25rem;
    font-size: 0.85rem;
}*/

[b-lgd8nt33f7] .dt-table td.match-strong {
    background: #e6fdce; /* verde claro */
}

[b-lgd8nt33f7] .dt-table tr:hover td.match-strong {
    background: #d4f5b1;
}

[b-lgd8nt33f7] .dt-table td.match-weak {
    background: #feeae4;
}

[b-lgd8nt33f7] .dt-table tr:hover td.match-weak{
    background: #fbe0d8;
}

[b-lgd8nt33f7] .modal-content .dt-table-container {
    max-height: calc(100vh - 500px);
    min-height: 200px;
}

    [b-lgd8nt33f7] .modal-content .dt-table-container th {
        position: sticky;
        top: 0;
    }


[b-lgd8nt33f7] .dt-table td.match-strong-automatic {
    background-color: #87C565 !important
}

[b-lgd8nt33f7] .dt-table tr:hover td.match-strong-automatic {
    background-color: #75b14b !important;
}

[b-lgd8nt33f7] .dt-table td.match-weak-automatic {
    background-color: #e6fdce !important;
}

[b-lgd8nt33f7] .dt-table tr:hover td.match-weak-automatic {
    background-color: #d4f5b1 !important;
}

[b-lgd8nt33f7] .dt-table td.match-medium-automatic {
    background-color: #9fe977 !important;
}

[b-lgd8nt33f7] .dt-table tr:hover td.match-medium-automatic {
    background-color: #89d75f !important;
}

.content-button-roommate[b-lgd8nt33f7] {
    position: absolute;
    display: flex;
    right: 1%;
}

[b-lgd8nt33f7] .custom-select {
    margin-top: 5px;
}

[b-lgd8nt33f7] .form-group {
    width: inherit;
}

.btn.add-button[b-lgd8nt33f7] {
    margin: 10px;
    white-space: nowrap;
}
/* /Components/Pages/TransportReports/TravelSheet.razor.rz.scp.css */
[b-nymihtf418] .header {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

    [b-nymihtf418] .header h3 {
        margin: 0;
    }

.form-container[b-nymihtf418] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
    margin-bottom: 25px;
}

p.form-control[b-nymihtf418] {
    font-size: .9em;
    height: auto;
    padding: .7em 6px;
    cursor: default;
}

[b-nymihtf418] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-nymihtf418] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.row [class^="col-"][b-nymihtf418] >  .dropdown {
    margin-bottom: 10px;
    margin-top: 5px;
}


th.sticky[b-nymihtf418], td.sticky[b-nymihtf418] {
    position: sticky;
}

    th.sticky:not([class*="sticky-"])[b-nymihtf418], td.sticky:not([class*="sticky-"])[b-nymihtf418] {
        left: 0;
        width: 20px;
    }
    th.sticky.sticky-2[b-nymihtf418], td.sticky.sticky-2[b-nymihtf418] {
        left: 42px;
        width: 60px;
    }
    th.sticky.sticky-3[b-nymihtf418], td.sticky.sticky-3[b-nymihtf418] {
        left: 138px;
        min-width: 120px;
        width: 120px;
    }
    th.sticky.sticky-4[b-nymihtf418], td.sticky.sticky-4[b-nymihtf418] {
        left: 260px;
    }

[b-nymihtf418] .dt-table th{
    font-size:.8em;
}
[b-nymihtf418] .dt-table th, [b-nymihtf418] .dt-table td{
    padding:10px;
}

td.grey[b-nymihtf418] {
    background-color: #f5f2f2;
}

tr:hover td.grey[b-nymihtf418] {
    background-color: #ebeaea;
}

.nowrap[b-nymihtf418]{
    white-space:nowrap;
}

.table-total[b-nymihtf418] {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    font-size: 14px;
}

.filter-summary[b-nymihtf418] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 16px;
}

.summary-item[b-nymihtf418] {
    min-width: 130px;
    padding: 8px 12px;
    border-radius: 6px;
    background: #ffffff;
    border: 1px solid rgb(0 0 0 / 8%);
}

.summary-label[b-nymihtf418] {
    font-size: 12px;
    opacity: .7;
}

.summary-value[b-nymihtf418] {
    font-size: 14px;
    font-weight: 600;
    color: #434242;
}

.filter-summary[b-nymihtf418],
.category-summary[b-nymihtf418] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 12px;
}

[b-nymihtf418] .form-group{
    margin-right: 0;
}
/* /Components/Pages/TransportServices.razor.rz.scp.css */
.header[b-p5lo3j1hod] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}
h3[b-p5lo3j1hod] {
    margin: 0;
}
.btn.add-button[b-p5lo3j1hod] {
    margin: 10px;
    white-space: nowrap;
}

.form-container[b-p5lo3j1hod] {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
    margin-bottom: 25px;
}

p.form-control[b-p5lo3j1hod] {
    font-size: .9em;
    height: auto;
    padding: .7em 6px;
    cursor: default;
}

[b-p5lo3j1hod] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-p5lo3j1hod] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

[b-p5lo3j1hod] .custom-select {
    margin-top: 5px;
}

[b-p5lo3j1hod] .form-group {
    width: inherit;
}



@media (max-width: 768px) {
    .input-filter[b-p5lo3j1hod] {
        width: 60%;
    }

    .header[b-p5lo3j1hod] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 10px;
    }     
}
/* /Components/Pages/TransportTypes.razor.rz.scp.css */
.header[b-4s0bt0b1xo] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-4s0bt0b1xo] {
    margin: 0;
}

@media (max-width: 768px) {
    .input-filter[b-4s0bt0b1xo] {
        width: 60%;
    }

    .header[b-4s0bt0b1xo] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 10px;
    }
}
/* /Components/Pages/TravelCategories.razor.rz.scp.css */
.header[b-3i9ui2yu9x] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-3i9ui2yu9x] {
    margin: 0;
}

.tables-grid[b-3i9ui2yu9x] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(45%, 1fr));
    gap: 1.5rem;
    margin-top: 1rem;
}

.table-wrapper[b-3i9ui2yu9x] {
    background-color: #f9f9f9;
    padding: 1rem;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.tab-box-options[b-3i9ui2yu9x] {
    display: block;
    position: absolute;
    right: 0;
    margin-top: 8px;
}

@media (max-width: 768px) {
    .header[b-3i9ui2yu9x] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 10px;
    }
    .tables-grid[b-3i9ui2yu9x] {
        grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
        
    }
}

[b-3i9ui2yu9x] .modal-content {
    min-height: 24vh;
    overflow-y: visible;
}

[b-3i9ui2yu9x] .dropdown-menu.show {
    overflow: auto;
}
/* /Components/Pages/Users.razor.rz.scp.css */

.header[b-3hbimchl8z] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

h3[b-3hbimchl8z] {
    margin: 0;
}

.end-option[b-3hbimchl8z] {
    border-bottom: 1px solid #ccc !important;
}

@media (max-width: 768px) {
    .input-filter[b-3hbimchl8z] {
        width: 60%;
        
    }

    .search-button[b-3hbimchl8z] {
        width: 38%;
        
    }

    .header[b-3hbimchl8z] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 10px;
    }
}

.button-download-container[b-3hbimchl8z] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 15px;
}

.header[b-3hbimchl8z] {
    background: #5c6670;
    padding: 10px;
    color: white;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

.importUser-Container[b-3hbimchl8z] {
    flex-grow: 1;
    margin: auto;
    margin-left: 230px;
    margin-right: 0;
    padding: 20px;
    transition: margin-left 0.3s ease-in-out;
}

.sidebar.closed ~ .importUser-Container[b-3hbimchl8z] {
    margin-left: 0; /* Se ajusta automáticamente cuando el menú está cerrado */
}

h3[b-3hbimchl8z] {
    margin: 0;
}

.form-row[b-3hbimchl8z] {
    display: flex;
    margin-bottom: 15px;
}

.form-group[b-3hbimchl8z] {
    flex: 1;
    margin-right: 15px;
    max-width: 33.33%;
    min-height: 50px;
}

    .form-group:last-child[b-3hbimchl8z] {
        margin-right: 0;
    }

    .form-group label[b-3hbimchl8z] {
        display: flex;
        align-items: center;
        font-weight: bold;
        margin-bottom: 5px;
    }

        .form-group label i[b-3hbimchl8z] {
            margin-left: 5px;
            font-size: 14px;
            color: #000;
        }

    .form-group small[b-3hbimchl8z] {
        font-size: 12px;
        color: gray;
    }

.form-footer[b-3hbimchl8z] {
    text-align: center;
}
[b-3hbimchl8z] .form-control {
    width: 100%;
    height: 38px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-3hbimchl8z] select.form-control {
    max-width: 100%;
    padding: 6px;
    height: 39px;
    cursor: pointer;
}

.modal-form-row[b-3hbimchl8z] {
    justify-content: center;
}

[b-3hbimchl8z] .modal-content {
    min-height: 24vh;
    overflow-y: visible;
}

[b-3hbimchl8z] .dropdown-menu.show {
    overflow: auto;
}