/* /Components/BalanceCatogoryComponent.razor.rz.scp.css */
.about[b-i66lccoz2x] {
    flex: 0 0 auto;
    width: 33.33333333%;
}

.transactions[b-i66lccoz2x] {
    flex: 0 0 auto;
    width: 66.66666667%;
}

.transactions-wrapper[b-i66lccoz2x] {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.transactions-card[b-i66lccoz2x] {
    flex: 1;
}

.save-btn-info[b-i66lccoz2x] {
    position: fixed !important;
    bottom: 80px !important;
    z-index: 10 !important;
    right: 52px !important;
    display: flex;
    flex-direction: row;
    gap: 6px;
    justify-content: center;
    align-items: center;
    outline: none;
    border: none;
    padding: 6px 20px;
}

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

.pc[b-i66lccoz2x] {
    display: flex;
}

@media (max-width: 830px) {
    .about[b-i66lccoz2x] {
        width: 100%;
    }

    .mobile[b-i66lccoz2x] {
        display: flex;
        z-index: 5;
    }

    .pc[b-i66lccoz2x] {
        display: none;
    }

    .save-btn-info[b-i66lccoz2x] {
        border-radius: 50% !important;
        width: 40px !important;
        height: 40px !important;
        box-shadow: 0px 0px 10px 0px #0000001A !important;
        padding: 0px;
    }

    .transactions[b-i66lccoz2x] {
        width: 100%;
    }

    .transactions-wrapper[b-i66lccoz2x] {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

    .transactions-card[b-i66lccoz2x] {
        width: 100%;
    }
}
/* /Components/NewFolder/MainAdmin/AdminTopNavBar.razor.rz.scp.css */
.top-nav-bar[b-0ek3ml1zm1] {
    width: 100%;
    background-color: white;
    display: flex;
    justify-content: space-between;
    height: 44px;
    align-items: center;
    padding-left: 16px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}


@media (max-width: 660px) {
    .pc-unset[b-0ek3ml1zm1] {
        display: none;
    }

}
/* /Components/NewFolder/MyDrawer.razor.rz.scp.css */
/* Add your other CSS classes for Drawer here */

.drawer[b-m35hvxsl3g] {
    position: fixed;
    top: 0;
    left: -1300px; /* Start off-screen */
    width: 100%;
    height: 100%;
    z-index: 11;
    transition: left 0.3s ease; /* Add smooth transition for the left property */
}

.costa-background[b-m35hvxsl3g] {
    background: url('/imgs/costamainback.svg'), white;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


.drawer.open[b-m35hvxsl3g] {
    left: 0; /* Slide in when open */
}

.drawer.closed[b-m35hvxsl3g] {
    left: -100%; /* Slide out when closed */
}



.drawer-bottom[b-m35hvxsl3g] {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0px 16px;
    position: absolute;
    bottom: 35px;
    width: 100%;
}

@media (min-width: 768px) {
    .drawer[b-m35hvxsl3g] {
        width: 100%;
    }
}

@media (min-width: 1024px) {
    .drawer[b-m35hvxsl3g] {
        width: 50%;
    }
}

@media (min-width: 2560px) {
    .drawer[b-m35hvxsl3g] {
        width: 600px;
    }

    .drawer-bottom[b-m35hvxsl3g] {
        width: 600px;
    }
}
/* /Components/Tab/MyTab.razor.rz.scp.css */
.my-tab[b-u7gfysuwet] {
    height: 40px;
    width: max-content;
    border-radius: 80px;
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    padding: 2px 6px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    box-shadow: var(--shadow);
    gap: 6px;
    overflow:auto;
    background-color: white;
}
.tab-title[b-u7gfysuwet] {
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
}
.rectengular[b-u7gfysuwet]{
    border-radius:8px;
}
.bordered[b-u7gfysuwet] {
    border: 1px solid #B3B3B3;
    border-radius: 8px;
}
/* /Components/Tab/MyTabItem.razor.rz.scp.css */
.my-tab-item[b-htleoitwu1] {
    border-radius: 60px;
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    white-space: nowrap;
    max-width: none;
    text-overflow: ellipsis;
    padding: 2px 12px;
    flex:1;
    gap:5px;
    height:90%;
}
.tab-label[b-htleoitwu1] {
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
}


.rectengular-item[b-htleoitwu1]{
    border-radius:6px;
}
.tab-item-active[b-htleoitwu1] {
    color: black;
    font-weight: 700;
    box-shadow: 0px 2px 12px 0px #00000014;
    background-color: white;
}

.tab-item-inactive[b-htleoitwu1] {
    color: var(--label-color);
    background-color: var(--light-blue);
    color: #B3B3B3;
}
.bordered[b-htleoitwu1] {
    border: 1px solid #B3B3B3;
}
/* /Components/TransactionCardInfo.razor.rz.scp.css */
.big-font-red[b-euve0jeeuu] {
    font-size: 24px;
    font-weight: 700;
    color: #FF6363;
}

.big-font-green[b-euve0jeeuu] {
    font-size: 24px;
    font-weight: 700;
    color: #4CDA52;
}

@media (max-width: 660px) {
    .big-font-red[b-euve0jeeuu] {
        font-size: 20px;
    }

    .big-font-green[b-euve0jeeuu] {
        font-size: 20px;
    }

}
/* /MainLayout.razor.rz.scp.css */
.main-div[b-33h9imb0wg] {
    height: 100vh;
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 15px;
    background-color: var(--color-bg-minor);
}

.top-nav-bar[b-33h9imb0wg] {
    display: flex;
    flex-direction: row;
}

.body-div[b-33h9imb0wg] {
    flex: 1;
    display: flex;
    flex-direction: column;
    height: 80%;
}


.refresh-spin[b-33h9imb0wg] {
    z-index: 20;
    position: absolute;
    height: calc(100% - 30px);
    width: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(1px);
}

/* Add a class to the Spin element to exclude it from the backdrop filter */
.no-blur[b-33h9imb0wg] {
    backdrop-filter: none;
    padding-right: 150px;
}



@media(max-width:660px) {
    .body-div[b-33h9imb0wg] {
        height: 70%;
    }

    .no-blur[b-33h9imb0wg] {
        padding: 0px;
    }
}
/* /Pages/ChargePages/DebitHistory.razor.rz.scp.css */


th[b-kmayh1pdyv] {
    position: relative;
    color: rgba(0, 0, 0, 0.85);
    font-weight: 500;
    text-align: left;
    background: #fafafa;
    border-bottom: 1px solid #f0f0f0;
    transition: background 0.3s ease;
    padding: 8px;
}

tr[b-kmayh1pdyv] {
}

td[b-kmayh1pdyv] {
    position: relative;
    color: rgba(0, 0, 0, 0.85);
    text-align: left;
    border-bottom: 1px solid #f0f0f0;
    transition: background 0.3s ease;
    padding: 8px;
}

.custom-bg[b-kmayh1pdyv] {
    background: white !important;
}


/*tr:nth-child(even) {
    --table-row-blue: #A68BEA1A;
    background-color: var(--table-row-blue);
    overflow: auto;
    width: initial;
}*/

@media (max-width: 660px) {
    .custom-bg[b-kmayh1pdyv] {
        background: none !important;
    }
}
/* /Pages/ChargePages/FinancialHistoryF/FinancialHisotryTable.razor.rz.scp.css */
.header[b-6olnp5ncug]{
    flex:0.2;
    display:flex;
    justify-content:center;
    align-items:center;
}

.my-table-row[b-6olnp5ncug] {
    width: 100%;
    display: flex;
    flex-direction: row;
    border: 1px;
}
.header-span[b-6olnp5ncug] {
    font-weight: 700;
    padding-right: 10px;
}
/* /Pages/ChargePages/TransferPage.razor.rz.scp.css */
.flexer[b-m24kg8urco] {
    flex: 0 0 auto;
    width: 50%;
}
.paddinger[b-m24kg8urco]{
    padding:1.5rem;
}

@media (max-width: 680px) {
    .flexer[b-m24kg8urco]{
        width:100%;
    }
    .paddinger[b-m24kg8urco]{
        padding:8px;
    }
}
/* /Pages/ChargePages/UploadDriverBalancePage.razor.rz.scp.css */
.card-content[b-u70cqjj7pf] {
    width:100%;
    height:100%;
}

.card-line[b-u70cqjj7pf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
    border-bottom: 1px solid var(--medium-gray);
}

.card-driver[b-u70cqjj7pf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--medium-gray);
}

.caption[b-u70cqjj7pf] {
    font-weight: 700;
    font-size: 18px;
    width: 100%;
    margin-bottom:8px;
}

.card-driver span[b-u70cqjj7pf] {
    font-weight: 600;
}

.title[b-u70cqjj7pf] {
    margin-top: 4px;
    font-size: 12px;
    color: var(--bs-secondary);
}
/* /Pages/Drivers/Components/DriverInfo/MobileTransactions.razor.rz.scp.css */
.filter-content[b-q5pntj5da2] {
    background: lightgrey;
    border-radius: 15px;
    padding: 2px;
}

.filter-item[b-q5pntj5da2] {
    margin: 2px;
    padding: 0 5px;
    align-items: center;
    justify-content: center;
    display: flex;
    cursor: pointer;
    color: #B3B3B3;
    font-weight: 500;
    font-size: 10px;
    flex: 1;
}

.filter-item-active[b-q5pntj5da2] {
    margin: 2px;
    color: #333;
    background: #F9E300;
    border-radius: 8px;
    box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
    padding: 0 5px;
    align-items: center;
    justify-content: center;
    display: flex;
    cursor: pointer;
    font-weight: 700;
    font-size: 10px;
    flex: 1;
}
/* /Pages/Drivers/Components/DriverInfo/YandexTransactions.razor.rz.scp.css */
.filter-content[b-fbldeaue04] {
    background: lightgrey;
    border-radius: 15px;
    padding: 2px;
}

.filter-item[b-fbldeaue04] {
    margin: 2px;
    padding: 0 5px;
    align-items: center;
    justify-content: center;
    display: flex;
    cursor: pointer;
    color: #B3B3B3;
    font-weight: 500;
    font-size: 10px;
    flex: 1;
}

.filter-item-active[b-fbldeaue04] {
    margin: 2px;
    color: #333;
    background: #F9E300;
    border-radius: 8px;
    box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
    padding: 0 5px;
    align-items: center;
    justify-content: center;
    display: flex;
    cursor: pointer;
    font-weight: 700;
    font-size: 10px;
    flex: 1;
}
/* /Pages/Drivers/Components/DriverStatusChanger.razor.rz.scp.css */
.driver-name[b-mo1qaafon5] {
    font-family: Inter;
    font-size: 20px;
    font-weight: 700;
    line-height: 24.2px;
    text-align: left;
}
.label[b-mo1qaafon5] {
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.36px;
    text-align: left;
}
.dark-label[b-mo1qaafon5] {
    font-family: Inter;
    font-size: 14px;
    font-weight: 700;
    line-height: 16.94px;
    text-align: left;
}
/* /Pages/Drivers/DriverDetails.razor.rz.scp.css */
body[b-okblhczib1] {
    background-color: var(--primary-black);
    color: var(--pure-white);
    padding: 16px;
    line-height: 1.5;
}

.container[b-okblhczib1] {
    max-width: 1200px;
    margin: 0 auto;
}

.header[b-okblhczib1] {
    text-align: center;
    margin-bottom: 24px;
    padding: 20px;
    border-bottom: 2px solid var(--accent-yellow);
}

    .header h1[b-okblhczib1] {
        font-size: 2.2rem;
        color: var(--accent-yellow);
        margin-bottom: 8px;
    }

    .header p[b-okblhczib1] {
        color: var(--text-gray);
        font-size: 1rem;
    }

.dashboard[b-okblhczib1] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    margin-bottom: 25px;
}

.card[b-okblhczib1] {
    border-radius: var(--card-radius);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    border-left: 4px solid var(--accent-yellow);
    transition: transform 0.3s ease;
}

    .card:hover[b-okblhczib1] {
        transform: translateY(-5px);
    }

.card-header[b-okblhczib1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-radius: 10px 10px 0px 0px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.card-title[b-okblhczib1] {
    font-size: 1.3rem;
    color: var(--accent-yellow);
    display: flex;
    align-items: center;
    gap: 10px;
}

.card-content[b-okblhczib1] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding:16px;
}

.info-group[b-okblhczib1] {
    display: flex;
    flex-direction: column;
}

.info-label[b-okblhczib1] {
    font-size: 0.85rem;
    color: black;
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.info-value[b-okblhczib1] {
    font-size: 1rem;
    color: var(--pure-white);
    font-weight: 500;
    padding-left: 24px;
}

.status-grid[b-okblhczib1] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 12px;
}

.status-item[b-okblhczib1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 12px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 8px;
}

.status-icon[b-okblhczib1] {
    font-size: 1.5rem;
    margin-bottom: 8px;
}

.status-active[b-okblhczib1] {
    color: #00C853;
}

.status-inactive[b-okblhczib1] {
    color: #FF453A;
}

.status-neutral[b-okblhczib1] {
    color: var(--accent-yellow);
}

.session-item[b-okblhczib1] {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 12px;
}

.session-header[b-okblhczib1] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
    align-items: center;
}

.session-title[b-okblhczib1] {
    font-weight: 600;
    color: var(--accent-yellow);
}

.session-date[b-okblhczib1] {
    color: var(--text-gray);
    font-size: 0.8rem;
}

.session-details[b-okblhczib1] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 10px;
    font-size: 0.9rem;
}

.badge[b-okblhczib1] {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 600;
    margin-right: 6px;
}

.badge-active[b-okblhczib1] {
    background-color: rgba(0, 200, 83, 0.2);
    color: #00C853;
}

.badge-inactive[b-okblhczib1] {
    background-color: rgba(255, 69, 58, 0.2);
    color: #FF453A;
}

.badge-neutral[b-okblhczib1] {
    background-color: rgba(255, 214, 0, 0.2);
    color: var(--accent-yellow);
}

@media (max-width: 768px) {
    .dashboard[b-okblhczib1] {
        grid-template-columns: 1fr;
    }

    .header h1[b-okblhczib1] {
        font-size: 1.8rem;
    }

    .status-grid[b-okblhczib1] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .card[b-okblhczib1] {
    }

    .status-grid[b-okblhczib1] {
        grid-template-columns: 1fr;
    }

    .session-details[b-okblhczib1] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Drivers/DriverInfo/Components/DriverInfoDetails.razor.rz.scp.css */
.not-found[b-lxjywaabiv] {
    font-size: 48px;
    height: 100%;
    text-align: center;
    margin-top: 100px;
    font-weight: 700;
}

.filter-content[b-lxjywaabiv] {
    background: lightgrey;
    border-radius: 15px;
    padding: 2px;
}

.filter-item[b-lxjywaabiv] {
    margin: 2px;
    padding: 0 5px;
    align-items: center;
    justify-content: center;
    display: flex;
    cursor: pointer;
    color: #B3B3B3;
    font-weight: 500;
    font-size: 10px;
    flex: 1;
}

.filter-item-active[b-lxjywaabiv] {
    margin: 2px;
    color: #333;
    background: #F9E300;
    border-radius: 8px;
    box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
    padding: 0 5px;
    align-items: center;
    justify-content: center;
    display: flex;
    cursor: pointer;
    font-weight: 700;
    font-size: 10px;
    flex: 1;
}


.top-actions[b-lxjywaabiv] {
    flex-direction: row;
}

.big-text[b-lxjywaabiv] {
    font-weight: 700;
    font-size: 18px;
}

.driver-infos[b-lxjywaabiv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    background: var(--color-bg-main);
    border-radius: 10px;
    padding: 5px;
    flex-direction: row;
}

.driver-infos-mobile[b-lxjywaabiv] {
    display: none;
}

.flex-row-space-between[b-lxjywaabiv] {
    display: flex;
    flex-direction: row;
    gap: 6px;
    justify-content: space-between;
}


.balance-wrapper[b-lxjywaabiv] {
    width: 400px;
    margin-left: 20px;
}

.big-yellow-acttion-btn[b-lxjywaabiv] {
    border-radius: 10px;
    background: var(--color-button-main);
    cursor: pointer;
    padding: 0 16px;
    height: 50px;
    flex: 1;
}


@media (max-width: 1200px) {

}
@media (max-width: 660px) {
    .top-actions[b-lxjywaabiv] {
        flex-direction: column;
        gap: 6px;
    }

    .big-text[b-lxjywaabiv] {
        font-weight: 700;
        font-size: 14px;
        margin-bottom: 4px !important;
    }

    .driver-infos[b-lxjywaabiv] {
        flex-direction: column;
        align-items: start;
        display: none;
    }

    .driver-infos-mobile[b-lxjywaabiv] {
        display: flex;
        width: 100%;
    }

    .balance-wrapper[b-lxjywaabiv] {
        width: 100%;
        margin-left: 0px;
    }

    .big-yellow-acttion-btn[b-lxjywaabiv] {
        height: 30px;
        border-radius: 6px;
    }
}
/* /Pages/Drivers/DriverInfo/DriverInfoPage.razor.rz.scp.css */
.not-found[b-1f0kah1810] {
    font-size: 48px;
    height: 100%;
    text-align: center;
    margin-top: 100px;
    font-weight: 700;
}

.filter-content[b-1f0kah1810] {
    background: lightgrey;
    border-radius: 15px;
    padding: 2px;
}

.filter-item[b-1f0kah1810] {
    margin: 2px;
    padding: 0 5px;
    align-items: center;
    justify-content: center;
    display: flex;
    cursor: pointer;
    color: #B3B3B3;
    font-weight: 500;
    font-size: 10px;
    flex: 1;
}

.filter-item-active[b-1f0kah1810] {
    margin: 2px;
    color: #333;
    background: #F9E300;
    border-radius: 8px;
    box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
    padding: 0 5px;
    align-items: center;
    justify-content: center;
    display: flex;
    cursor: pointer;
    font-weight: 700;
    font-size: 10px;
    flex: 1;
}


.top-actions[b-1f0kah1810] {
    flex-direction: row;
}

.big-text[b-1f0kah1810] {
    font-weight: 700;
    font-size: 18px;
}

.driver-infos[b-1f0kah1810] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    background: var(--color-bg-main);
    border-radius: 10px;
    padding: 5px;
    flex-direction: row;
}

.driver-infos-mobile[b-1f0kah1810] {
    display: none;
}

.flex-row-space-between[b-1f0kah1810] {
    display: flex;
    flex-direction: row;
    gap: 6px;
    justify-content: space-between;
}


.balance-wrapper[b-1f0kah1810] {
    width: 400px;
    margin-left: 20px;
}

.big-yellow-acttion-btn[b-1f0kah1810] {
    border-radius: 10px;
    background: var(--color-button-main);
    cursor: pointer;
    padding: 0 16px;
    height: 50px;
    flex: 1;
}


@media (max-width: 660px) {
    .top-actions[b-1f0kah1810] {
        flex-direction: column;
        gap: 6px;
    }

    .big-text[b-1f0kah1810] {
        font-weight: 700;
        font-size: 14px;
        margin-bottom: 4px !important;
    }

    .driver-infos[b-1f0kah1810] {
        flex-direction: column;
        align-items: start;
        display: none;
    }

    .driver-infos-mobile[b-1f0kah1810] {
        display: flex;
        width: 100%;
    }

    .balance-wrapper[b-1f0kah1810] {
        width: 100%;
        margin-left: 0px;
    }

    .big-yellow-acttion-btn[b-1f0kah1810] {
        height: 30px;
        border-radius: 6px;
    }
}
/* /Pages/Drivers/DriverListPage.razor.rz.scp.css */

.small-action-btn[b-dtgbk1zmgo] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s;
}

    .small-action-btn.locked[b-dtgbk1zmgo] {
        background: #ff4d4f;
        color: white;
    }

    .small-action-btn.unlocked[b-dtgbk1zmgo] {
        background: #52c41a;
        color: white;
    }

    .small-action-btn:hover[b-dtgbk1zmgo] {
        opacity: 0.8;
        transform: scale(1.1);
    }


.tab-wrapper[b-dtgbk1zmgo] {
    padding-bottom: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: end;
}

.date-time-wrapper[b-dtgbk1zmgo] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.my-custom-mobile-tab[b-dtgbk1zmgo] {
    width: 25%;
}
.space-class[b-dtgbk1zmgo]{
    flex-direction:row;
}
.space-item-class[b-dtgbk1zmgo]{
    display:flex; 
}
@media (max-width: 1000px) {
    .my-custom-mobile-tab[b-dtgbk1zmgo]{
        width:30%;
    }
}

@media (max-width: 660px) {
    .my-custom-mobile-tab[b-dtgbk1zmgo] {
        width: 100%;
    }

    .tab-wrapper[b-dtgbk1zmgo] {
        flex-direction:column;
    }
    .date-time-wrapper[b-dtgbk1zmgo]{
        width:100%;
        flex-direction:row;
        gap:6px;
        align-items:center;
        justify-content:center;
        padding-top:6px;
    }
    .space-class[b-dtgbk1zmgo] {
        flex-direction: column;
    }
    .space-item-class[b-dtgbk1zmgo] {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
}
/* /Pages/Drivers/InActiveDriversListPage.razor.rz.scp.css */
.comment-property[b-u78x33ycql] {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 18px;
}

@media (max-width: 660px) {
    .comment-property[b-u78x33ycql] {
        width: 100%;
    }
}
/* /Pages/Drivers/MobileDriver/MobileDriverList.razor.rz.scp.css */
/* Base Styles */
.driver-management-container[b-f5fa7owyg4] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    color: #333;
}

/* Header Styles */
.management-header[b-f5fa7owyg4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    flex-wrap: wrap;
    gap: 15px;
}

.header-stats .total-count[b-f5fa7owyg4] {
    background: #1890ff;
    color: white;
    padding: 8px 15px;
    border-radius: 20px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.search-box[b-f5fa7owyg4] {
    position: relative;
    width: 250px;
}

    .search-box i[b-f5fa7owyg4] {
        position: absolute;
        left: 12px;
        top: 50%;
        transform: translateY(-50%);
        color: #999;
    }

    .search-box input[b-f5fa7owyg4] {
        width: 100%;
        padding: 10px 15px 10px 40px;
        border: 1px solid #ddd;
        border-radius: 20px;
        outline: none;
        transition: all 0.3s;
    }

        .search-box input:focus[b-f5fa7owyg4] {
            border-color: #1890ff;
            box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
        }

/* Driver Cards */
.driver-cards[b-f5fa7owyg4] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 20px;
    margin-bottom: 30px;
}

.driver-card[b-f5fa7owyg4] {
    background: white;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: transform 0.3s, box-shadow 0.3s;
}

    .driver-card:hover[b-f5fa7owyg4] {
        transform: translateY(-5px);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    }

.card-main[b-f5fa7owyg4] {
    display: flex;
    padding: 20px;
    gap: 15px;
    border-bottom: 1px solid #f0f0f0;
}

.avatar-circle[b-f5fa7owyg4] {
    width: 50px;
    height: 50px;
    background: #1890ff;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 18px;
}

.driver-info[b-f5fa7owyg4] {
    flex: 1;
}

    .driver-info h3[b-f5fa7owyg4] {
        margin: 0 0 5px 0;
        font-size: 16px;
        color: #222;
    }

.info-row[b-f5fa7owyg4] {
    display: flex;
    margin-bottom: 3px;
    font-size: 14px;
}

.info-label[b-f5fa7owyg4] {
    font-weight: 500;
    color: #666;
    min-width: 70px;
}

.info-value[b-f5fa7owyg4] {
    color: #333;
}

.driver-actions[b-f5fa7owyg4] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 100px;
}

.action-btn[b-f5fa7owyg4] {
    border: none;
    border-radius: 20px;
    padding: 6px 12px;
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    font-size: 13px;
    transition: all 0.2s;
    color: white;
}

    .action-btn.locked[b-f5fa7owyg4] {
        background: #ff4d4f;
    }

    .action-btn.unlocked[b-f5fa7owyg4] {
        background: #52c41a;
    }

    .action-btn.partial[b-f5fa7owyg4] {
        background: #faad14;
    }

    .action-btn:hover[b-f5fa7owyg4] {
        opacity: 0.9;
        transform: translateY(-1px);
    }

/* Device Info Section */
.card-expandable[b-f5fa7owyg4] {
    padding: 15px;
    background: #f9f9f9;
}

.device-info[b-f5fa7owyg4] {
    display: flex;
    align-items: center;
    padding: 10px;
    background: white;
    border-radius: 8px;
    margin-bottom: 10px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

    .device-info:last-child[b-f5fa7owyg4] {
        margin-bottom: 0;
    }

.device-model[b-f5fa7owyg4], .device-date[b-f5fa7owyg4] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
}

    .device-model i[b-f5fa7owyg4] {
        color: #1890ff;
    }

    .device-date i[b-f5fa7owyg4] {
        color: #666;
    }

.device-actions[b-f5fa7owyg4] {
    display: flex;
    gap: 5px;
}

.small-action-btn[b-f5fa7owyg4] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s;
}

    .small-action-btn.locked[b-f5fa7owyg4] {
        background: #ff4d4f;
        color: white;
    }

    .small-action-btn.unlocked[b-f5fa7owyg4] {
        background: #52c41a;
        color: white;
    }

    .small-action-btn:hover[b-f5fa7owyg4] {
        opacity: 0.8;
        transform: scale(1.1);
    }

/* Pagination */
.custom-pagination[b-f5fa7owyg4] {
    display: flex;
    justify-content: center;
    gap: 5px;
    margin-top: 30px;
}

    .custom-pagination button[b-f5fa7owyg4] {
        width: 40px;
        height: 40px;
        border-radius: 8px;
        border: 1px solid #ddd;
        background: white;
        cursor: pointer;
        transition: all 0.2s;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .custom-pagination button:hover:not(:disabled)[b-f5fa7owyg4] {
            border-color: #1890ff;
            color: #1890ff;
        }

        .custom-pagination button.active[b-f5fa7owyg4] {
            background: #1890ff;
            color: white;
            border-color: #1890ff;
        }

        .custom-pagination button:disabled[b-f5fa7owyg4] {
            opacity: 0.5;
            cursor: not-allowed;
        }

/* Responsive Adjustments */
@media (max-width: 768px) {
    .driver-cards[b-f5fa7owyg4] {
        grid-template-columns: 1fr;
    }

    .management-header[b-f5fa7owyg4] {
        flex-direction: column;
        align-items: stretch;
    }

    .search-box[b-f5fa7owyg4] {
        width: 100%;
    }
}
/* /Pages/LoginLogout/LoginPage.razor.rz.scp.css */
body[b-o00b612fzs] {
    margin-bottom: 0px !important;
}

.form-bg[b-o00b612fzs] {
    background: #F1F0ED;
    height: 100vh;
}

.form-horizontal[b-o00b612fzs] {
    background: #FFFFFF;
    padding-bottom: 1px;
    border-radius: 15px;
    text-align: center;
}

    .form-horizontal .heading[b-o00b612fzs] {
        display: block;
        font-size: 35px;
        font-weight: 700;
        padding: 35px 0;
        border-bottom: 1px solid #9e9b98;
        margin-bottom: 20px;
        color: #000000;
    }

    .form-horizontal .form-group[b-o00b612fzs] {
        padding: 0 40px;
        margin: 0 0 25px 0;
        position: relative;
    }

    .form-horizontal .form-control[b-o00b612fzs] {
        background: #F1F0ED;
        border: 0px solid;
        border-radius: 20px;
        box-shadow: none;
        padding: 0 20px 0 45px;
        height: 40px;
        transition: all 0.3s ease 0s;
        color: #000000;
    }

        .form-horizontal .form-control:focus[b-o00b612fzs] {
            background: #F1F0ED;
            box-shadow: none;
            outline: 0 none;
            color: #000000;
        }

    .form-horizontal .form-group svg[b-o00b612fzs] {
        position: absolute;
        top: 12px;
        left: 60px;
        font-size: 17px;
        color: #c8c8c8;
        transition: all 0.5s ease 0s;
    }

    .form-horizontal .form-control:focus + svg[b-o00b612fzs] {
        color: #fce000;
    }

    .form-horizontal .fa-question-circle[b-o00b612fzs] {
        display: inline-block;
        position: absolute;
        top: 12px;
        right: 60px;
        font-size: 20px;
        color: #808080;
        transition: all 0.5s ease 0s;
    }

        .form-horizontal .fa-question-circle:hover[b-o00b612fzs] {
            color: #000;
        }

    .form-horizontal .main-checkbox[b-o00b612fzs] {
        float: left;
        width: 20px;
        height: 20px;
        background: #fce000;
        border-radius: 50%;
        position: relative;
        margin: 5px 0 0 5px;
        border: 1px solid #fce000;
    }

        .form-horizontal .main-checkbox label[b-o00b612fzs] {
            width: 170px;
            height: 20px;
            position: absolute;
            top: 0;
            left: 0;
            cursor: pointer;
        }

            .form-horizontal .main-checkbox label[b-o00b612fzs]:after {
                content: "";
                width: 10px;
                height: 5px;
                position: absolute;
                top: 5px;
                left: 4px;
                border: 3px solid #fff;
                border-top: none;
                border-right: none;
                background: transparent;
                opacity: 0;
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
            }

        .form-horizontal .main-checkbox input[type=checkbox][b-o00b612fzs] {
            visibility: hidden;
        }

            .form-horizontal .main-checkbox input[type=checkbox]:checked + label[b-o00b612fzs]:after {
                opacity: 1;
            }

    .form-horizontal .text[b-o00b612fzs] {
        float: left;
        margin-left: 7px;
        line-height: 20px;
        padding-top: 5px;
        text-transform: capitalize;
    }

    .form-horizontal .btn[b-o00b612fzs] {
        float: right;
        font-size: 14px;
        color: #000;
        background: #fce000;
        border-radius: 16px;
        padding: 10px 25px;
        border: none;
        text-transform: capitalize;
        transition: all 0.5s ease 0s;
    }

.mobile-height[b-o00b612fzs] {
    height: unset;
}
.mobile-center[b-o00b612fzs]{
    display:unset;
    justify-content:unset; 
    align-items:unset;
}
.margin-adjuster[b-o00b612fzs] {
    margin-left: 33%;
    margin-top: 10%
}
@media (max-width: 660px) {
    .mobile-height[b-o00b612fzs] {
        height:100%;
    }
    .mobile-center[b-o00b612fzs] {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .margin-adjuster[b-o00b612fzs] {
        margin-bottom: 10%;
        margin-top: 0px;
        margin-left: 0px;
        display: flex;
        justify-content: center;
    }
    .form-horizontal[b-o00b612fzs]{
        width:fit-content;
    }
}
/* /Pages/MainAdminPages/Callbacks/CallBacks.razor.rz.scp.css */
.modern-callback-table[b-5mten1lqxd] {
    --table-border-color: #e9ecef;
    --table-header-bg: #f8f9fa;
    --table-hover-bg: rgba(0, 123, 255, 0.05);
}

    .modern-callback-table .table[b-5mten1lqxd] {
        border-collapse: separate;
        border-spacing: 0;
    }

    .modern-callback-table th[b-5mten1lqxd] {
        position: sticky;
        top: 0;
        background-color: var(--table-header-bg);
        z-index: 10;
    }

.modern-input[b-5mten1lqxd] {
    transition: border-color 0.15s ease-in-out;
}

    .modern-input:focus[b-5mten1lqxd] {
        border-color: #80bdff;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }

.modern-select .dropdown-menu[b-5mten1lqxd] {
    border-radius: 0 0 6px 6px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.taxi-table[b-5mten1lqxd] {
    --table-header-bg: #000;
    --table-header-color: #FFD700;
}

    .taxi-table .table-hover tbody tr:hover[b-5mten1lqxd] {
        background-color: rgba(255, 215, 0, 0.1);
    }

    .taxi-table select[b-5mten1lqxd] {
        appearance: none;
        -webkit-appearance: none;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFD700'%3e%3cpath d='M7 10l5 5 5-5z'/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-position: right 0.5rem center;
        background-size: 14px;
    }
/* /Pages/MainAdminPages/DriverActions/BotUsersActions.razor.rz.scp.css */
.taxi-admin-container[b-5q1fs2wx52] {
    font-family: 'Roboto', sans-serif;
    background: #f5f5f5;
    color: #333;
    padding: 15px;
    max-width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.taxi-header[b-5q1fs2wx52] {
    background: #000;
    color: white;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    overflow: hidden;
}

    .taxi-header[b-5q1fs2wx52]::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 30%;
        height: 100%;
        background: #ffeb3b;
        opacity: 0.1;
        z-index: 0;
    }

.header-content[b-5q1fs2wx52] {
    position: relative;
    z-index: 1;
    flex: 1;
}

.driver-id-badge[b-5q1fs2wx52] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}

.taxi-badge[b-5q1fs2wx52] {
    background: #ffeb3b;
    color: #000;
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: bold;
    text-transform: uppercase;
}

.driver-id[b-5q1fs2wx52] {
    font-size: 0.8rem;
    color: #ffeb3b;
}

.driver-name[b-5q1fs2wx52] {
    margin: 0;
    font-size: 1.4rem;
    font-weight: 600;
    color: #ffeb3b;
}

.driver-meta[b-5q1fs2wx52] {
    display: flex;
    gap: 15px;
    margin-top: 8px;
    font-size: 0.9rem;
}

    .driver-meta i[b-5q1fs2wx52] {
        color: #ffeb3b;
        margin-right: 5px;
    }

.status-indicator[b-5q1fs2wx52] {
    display: flex;
    align-items: center;
    gap: 5px;
    background: rgba(255, 255, 255, 0.1);
    padding: 5px 10px;
    border-radius: 20px;
    position: relative;
    z-index: 1;
}

.status-dot[b-5q1fs2wx52] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

    .status-dot.online[b-5q1fs2wx52] {
        background: #4caf50;
        box-shadow: 0 0 5px #4caf50;
    }

.taxi-content[b-5q1fs2wx52] {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
}

.left-column[b-5q1fs2wx52] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.right-column[b-5q1fs2wx52] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.taxi-card[b-5q1fs2wx52] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

    .taxi-card.full-width[b-5q1fs2wx52] {
        width: 100%;
    }

.card-header[b-5q1fs2wx52] {
    padding: 12px 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: white;
}

    .card-header.yellow[b-5q1fs2wx52] {
        background: #ffeb3b;
        color: #000;
    }

    .card-header.black[b-5q1fs2wx52] {
        background: #000;
        color: #ffeb3b;
    }

    .card-header i[b-5q1fs2wx52] {
        font-size: 1rem;
    }

    .card-header h3[b-5q1fs2wx52] {
        margin: 0;
        font-size: 1rem;
        font-weight: 600;
    }

.card-body[b-5q1fs2wx52] {
    padding: 15px;
}

    .card-body.compact[b-5q1fs2wx52] {
        padding: 10px;
    }

.info-grid[b-5q1fs2wx52] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.info-item[b-5q1fs2wx52] {
    margin-bottom: 8px;
}

    .info-item label[b-5q1fs2wx52] {
        display: block;
        font-size: 0.75rem;
        color: #666;
        margin-bottom: 3px;
        font-weight: 500;
    }

    .info-item .info-value[b-5q1fs2wx52] {
        font-size: 0.9rem;
        font-weight: 500;
        color: #333;
        padding: 5px 0;
        border-bottom: 1px solid #f0f0f0;
    }

.balance-display[b-5q1fs2wx52] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.balance-item[b-5q1fs2wx52] {
    padding: 10px;
    border-radius: 6px;
    background: #f9f9f9;
}

    .balance-item label[b-5q1fs2wx52] {
        font-size: 0.75rem;
        color: #666;
        display: block;
        margin-bottom: 3px;
    }

    .balance-item .amount[b-5q1fs2wx52] {
        font-size: 1.1rem;
        font-weight: 600;
        color: #000;
    }

.transfer-section[b-5q1fs2wx52] {
    padding: 5px 0;
}

.transfer-row[b-5q1fs2wx52] {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid #f0f0f0;
}

    .transfer-row label[b-5q1fs2wx52] {
        font-size: 0.8rem;
        color: #666;
    }

    .transfer-row .value[b-5q1fs2wx52] {
        font-size: 0.9rem;
        font-weight: 500;
    }

    .transfer-row .highlight[b-5q1fs2wx52] {
        color: #000;
        font-weight: 600;
    }

.transfer-limits[b-5q1fs2wx52] {
    display: flex;
    gap: 15px;
    margin-top: 10px;
    padding-top: 10px;
}

.limit-item[b-5q1fs2wx52] {
    flex: 1;
}

    .limit-item label[b-5q1fs2wx52] {
        font-size: 0.75rem;
        color: #888;
        display: block;
        margin-bottom: 3px;
    }

    .limit-item div[b-5q1fs2wx52] {
        font-size: 0.85rem;
        font-weight: 500;
        color: #333;
    }

.accounts-table[b-5q1fs2wx52] {
    margin-top: 5px;
}

    .accounts-table .ant-table-thead > tr > th[b-5q1fs2wx52] {
        background: #f9f9f9 !important;
        font-size: 0.75rem !important;
        padding: 8px !important;
    }

    .accounts-table .ant-table-tbody > tr > td[b-5q1fs2wx52] {
        padding: 8px !important;
        font-size: 0.8rem !important;
    }

.toggle-btn[b-5q1fs2wx52] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: none;
    background: #e8f5e9;
    color: #2e7d32;
    cursor: pointer;
    transition: all 0.2s;
}

    .toggle-btn.locked[b-5q1fs2wx52] {
        background: #ffebee;
        color: #c62828;
    }

.message-btn[b-5q1fs2wx52] {
    background: #e3f2fd;
    color: #1565c0;
    border: none;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.service-tags[b-5q1fs2wx52] {
    display: flex;
    gap: 5px;
}

.tag[b-5q1fs2wx52] {
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 500;
}

    .tag.taxi[b-5q1fs2wx52] {
        background: #e3f2fd;
        color: #1565c0;
    }

    .tag.courier[b-5q1fs2wx52] {
        background: #e8f5e9;
        color: #2e7d32;
    }

.status[b-5q1fs2wx52] {
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 500;
    display: inline-block;
}

    .status.active[b-5q1fs2wx52] {
        background: #e8f5e9;
        color: #2e7d32;
    }

    .status.cancelled[b-5q1fs2wx52] {
        background: #ffebee;
        color: #c62828;
    }

.messages-modal .ant-modal-body[b-5q1fs2wx52] {
    padding: 0;
}

.modal-header[b-5q1fs2wx52] {
    padding: 15px;
    border-bottom: 1px solid #f0f0f0;
}

    .modal-header h4[b-5q1fs2wx52] {
        margin: 0;
        font-size: 1.1rem;
        color: #333;
    }

.user-id[b-5q1fs2wx52] {
    font-size: 0.75rem;
    color: #666;
    margin-top: 3px;
    display: block;
}

.messages-table[b-5q1fs2wx52] {
    border: none;
}

.message-content[b-5q1fs2wx52] {
    padding: 8px 0;
}

.message-text[b-5q1fs2wx52] {
    font-size: 0.85rem;
    line-height: 1.4;
    margin-bottom: 3px;
    white-space: pre-wrap;
    word-break: break-word;
}

.message-time[b-5q1fs2wx52] {
    font-size: 0.7rem;
    color: #888;
}

.reply-btn[b-5q1fs2wx52] {
    background: #ffeb3b;
    color: #000;
    border: none;
    font-size: 0.75rem;
    padding: 3px 8px;
    height: auto;
}

.loading-state[b-5q1fs2wx52] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 30px;
    text-align: center;
    height: 300px;
}

.spinner[b-5q1fs2wx52] {
    font-size: 2.5rem;
    color: #ffeb3b;
    margin-bottom: 15px;
    animation: spin-b-5q1fs2wx52 1s linear infinite;
}

@keyframes spin-b-5q1fs2wx52 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.loading-text[b-5q1fs2wx52] {
    font-size: 1rem;
    color: #555;
}

.error-state[b-5q1fs2wx52] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 30px;
    text-align: center;
    height: 300px;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.error-icon[b-5q1fs2wx52] {
    font-size: 2.5rem;
    color: #f44336;
    margin-bottom: 15px;
}

.error-message[b-5q1fs2wx52] {
    font-size: 1rem;
    color: #555;
    margin-bottom: 15px;
    max-width: 400px;
}

.retry-btn[b-5q1fs2wx52] {
    background: #000;
    color: #ffeb3b;
    border: none;
    padding: 6px 15px;
    font-weight: 500;
}

/* Responsive Styles */
@media (max-width: 992px) {
    .taxi-content[b-5q1fs2wx52] {
        flex-direction: column;
    }

    .left-column[b-5q1fs2wx52], .right-column[b-5q1fs2wx52] {
        width: 100%;
    }

    .info-grid[b-5q1fs2wx52] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .taxi-header[b-5q1fs2wx52] {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .status-indicator[b-5q1fs2wx52] {
        align-self: flex-start;
    }

    .driver-meta[b-5q1fs2wx52] {
        flex-direction: column;
        gap: 5px;
    }

    .taxi-card.full-width[b-5q1fs2wx52] {
        margin-top: 15px;
    }
}

@media (max-width: 576px) {
    .taxi-admin-container[b-5q1fs2wx52] {
        padding: 10px;
    }

    .taxi-header[b-5q1fs2wx52] {
        padding: 12px;
    }

    .driver-name[b-5q1fs2wx52] {
        font-size: 1.2rem;
    }

    .card-header h3[b-5q1fs2wx52] {
        font-size: 0.9rem;
    }

    .accounts-table .ant-table-thead > tr > th[b-5q1fs2wx52],
    .accounts-table .ant-table-tbody > tr > td[b-5q1fs2wx52] {
        padding: 6px !important;
        font-size: 0.75rem !important;
    }
}
/* /Pages/MainAdminPages/DriverActions/DriverActions.razor.rz.scp.css */


.indicator[b-ic0gzenwst] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 20px;
    font-weight: 500;
    font-size: 14px;
}

.telegram-indicator[b-ic0gzenwst] {
    background-color: rgba(0, 136, 204, 0.12);
    color: #0088cc;
    border: 1px solid rgba(0, 136, 204, 0.2);
}

.mobile-indicator[b-ic0gzenwst] {
    background-color: rgba(76, 175, 80, 0.12);
    color: #4caf50;
    border: 1px solid rgba(76, 175, 80, 0.2);
}

.inactive[b-ic0gzenwst] {
    background-color: rgba(108, 117, 125, 0.1);
    color: #6c757d;
    border: 1px solid rgba(108, 117, 125, 0.2);
}

.icon[b-ic0gzenwst] {
    font-size: 16px;
}
        


.contact-search[b-ic0gzenwst] {
    flex: 0 0 auto;
    width: 50%;
}

.marginer[b-ic0gzenwst] {
    padding: 1.5rem;
}

.phone-margin[b-ic0gzenwst] {
    margin-top: 1.5rem;
}

.phone-size[b-ic0gzenwst] {
    font-size: 40px;
}

.phone-action-wrapper[b-ic0gzenwst] {
    display: flex;
    flex-direction: column;
}

.pc-phone-action[b-ic0gzenwst] {
    flex: 0.5;
    display: flex;
    flex-direction: column;
}


.selected-profile-wrapper[b-ic0gzenwst] {
    gap: 10px;
    width: 100%;
    display: flex;
    flex-direction: row;
    padding: 8px;
}

.change-actions[b-ic0gzenwst] {
    display: flex;
    width: 100%;
    justify-content: end;
    margin-top: 10px;
    flex-direction: row;
    gap: 8px;
}

@media (max-width: 1330px) {
    .change-actions[b-ic0gzenwst] {
        flex-direction: column;
    }

    .pc-phone-action[b-ic0gzenwst] {
        flex: 0.6;
    }
}

@media (max-width: 1130px) {
    .selected-profile-wrapper[b-ic0gzenwst] {
        flex-direction: column;
    }

    .pc-phone-action[b-ic0gzenwst] {
        width: 100%;
        flex: 1;
    }
}

@media (max-width: 820px) {
    .phone-size[b-ic0gzenwst] {
        font-size: 34px;
    }
}

@media (max-width: 660px) {
    .contact-search[b-ic0gzenwst] {
        width: 100%;
    }

    .marginer[b-ic0gzenwst] {
        padding: 4px;
        flex-direction: column;
    }

    .phone-size[b-ic0gzenwst] {
        font-size: 24px;
    }

    .phone-margin[b-ic0gzenwst] {
        margin-top: 0px;
    }

    .phone-action-wrapper[b-ic0gzenwst] {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .pc-phone-action[b-ic0gzenwst] {
        flex: 1;
        display: flex;
    }
}
/* /Pages/MainAdminPages/Login.razor.rz.scp.css */
body[b-ys7j33dry9] {
    margin-bottom: 0px !important;
}

.form-bg[b-ys7j33dry9] {
    background: #F1F0ED;
    height: 100vh;
}

.form-horizontal[b-ys7j33dry9] {
    background: #FFFFFF;
    padding-bottom: 1px;
    border-radius: 15px;
    text-align: center;
}

    .form-horizontal .heading[b-ys7j33dry9] {
        display: block;
        font-size: 35px;
        font-weight: 700;
        padding: 35px 0;
        border-bottom: 1px solid #9e9b98;
        margin-bottom: 20px;
        color: #000000;
    }

    .form-horizontal .form-group[b-ys7j33dry9] {
        padding: 0 40px;
        margin: 0 0 25px 0;
        position: relative;
    }

    .form-horizontal .form-control[b-ys7j33dry9] {
        background: #F1F0ED;
        border: 0px solid;
        border-radius: 20px;
        box-shadow: none;
        padding: 0 20px 0 45px;
        height: 40px;
        transition: all 0.3s ease 0s;
        color: #000000;
    }

        .form-horizontal .form-control:focus[b-ys7j33dry9] {
            background: #F1F0ED;
            box-shadow: none;
            outline: 0 none;
            color: #000000;
        }

    .form-horizontal .form-group svg[b-ys7j33dry9] {
        position: absolute;
        top: 12px;
        left: 60px;
        font-size: 17px;
        color: #c8c8c8;
        transition: all 0.5s ease 0s;
    }

    .form-horizontal .form-control:focus + svg[b-ys7j33dry9] {
        color: #fce000;
    }

    .form-horizontal .fa-question-circle[b-ys7j33dry9] {
        display: inline-block;
        position: absolute;
        top: 12px;
        right: 60px;
        font-size: 20px;
        color: #808080;
        transition: all 0.5s ease 0s;
    }

        .form-horizontal .fa-question-circle:hover[b-ys7j33dry9] {
            color: #000;
        }

    .form-horizontal .main-checkbox[b-ys7j33dry9] {
        float: left;
        width: 20px;
        height: 20px;
        background: #fce000;
        border-radius: 50%;
        position: relative;
        margin: 5px 0 0 5px;
        border: 1px solid #fce000;
    }

        .form-horizontal .main-checkbox label[b-ys7j33dry9] {
            width: 170px;
            height: 20px;
            position: absolute;
            top: 0;
            left: 0;
            cursor: pointer;
        }

            .form-horizontal .main-checkbox label[b-ys7j33dry9]:after {
                content: "";
                width: 10px;
                height: 5px;
                position: absolute;
                top: 5px;
                left: 4px;
                border: 3px solid #fff;
                border-top: none;
                border-right: none;
                background: transparent;
                opacity: 0;
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
            }

        .form-horizontal .main-checkbox input[type=checkbox][b-ys7j33dry9] {
            visibility: hidden;
        }

            .form-horizontal .main-checkbox input[type=checkbox]:checked + label[b-ys7j33dry9]:after {
                opacity: 1;
            }

    .form-horizontal .text[b-ys7j33dry9] {
        float: left;
        margin-left: 7px;
        line-height: 20px;
        padding-top: 5px;
        text-transform: capitalize;
    }

    .form-horizontal .btn[b-ys7j33dry9] {
        float: right;
        font-size: 14px;
        color: #000;
        background: #fce000;
        border-radius: 16px;
        padding: 10px 25px;
        border: none;
        text-transform: capitalize;
        transition: all 0.5s ease 0s;
    }

.mobile-height[b-ys7j33dry9] {
    height: unset;
}

.mobile-center[b-ys7j33dry9] {
    display: unset;
    justify-content: unset;
    align-items: unset;
}

.margin-adjuster[b-ys7j33dry9] {
    margin-left: 33%;
    margin-top: 10%
}

@media (max-width: 660px) {
    .mobile-height[b-ys7j33dry9] {
        height: 100%;
    }

    .mobile-center[b-ys7j33dry9] {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .margin-adjuster[b-ys7j33dry9] {
        margin-bottom: 10%;
        margin-top: 0px;
        margin-left: 0px;
        display: flex;
        justify-content: center;
    }

    .form-horizontal[b-ys7j33dry9] {
        width: fit-content;
    }
}
/* /Pages/MainAdminPages/ParkDriverStat/ParkDriverStats.razor.rz.scp.css */
.flexer[b-v4voem63d4] {
    display: flex;
    justify-content: end;
    gap: 10px;
    justify-content: end;
    align-items: center;
    width: 82%;
}
@media (max-width: 860px) {
    .flexer[b-v4voem63d4] {
        flex-direction:column;
    }
}
/* /Pages/MainAdminPages/ParksListPage/Components/AddNewPark/Steps/ChargeNotChargeTransactions.razor.rz.scp.css */
.about[b-8h4bkrarqj] {
    flex: 0 0 auto;
    width: 33.33333333%;
}

.transactions[b-8h4bkrarqj] {
    flex: 0 0 auto;
    width: 66.66666667%;
}

.transactions-wrapper[b-8h4bkrarqj] {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.transactions-card[b-8h4bkrarqj] {
    flex: 1;
}

.save-btn-info[b-8h4bkrarqj] {
    position: fixed !important;
    bottom: 80px !important;
    z-index: 10 !important;
    right: 52px !important;
    display: flex;
    flex-direction: row;
    gap: 6px;
    justify-content: center;
    align-items: center;
    outline: none;
    border: none;
    padding: 6px 20px;
}

.mobile[b-8h4bkrarqj] {
    display: none;
}

.pc[b-8h4bkrarqj] {
    display: flex;
}

@media (max-width: 830px) {
    .about[b-8h4bkrarqj] {
        width: 100%;
    }

    .mobile[b-8h4bkrarqj] {
        display: flex;
        z-index: 5;
    }

    .pc[b-8h4bkrarqj] {
        display: none;
    }

    .save-btn-info[b-8h4bkrarqj] {
        border-radius: 50% !important;
        width: 40px !important;
        height: 40px !important;
        box-shadow: 0px 0px 10px 0px #0000001A !important;
        padding: 0px;
    }

    .transactions[b-8h4bkrarqj] {
        width: 100%;
    }

    .transactions-wrapper[b-8h4bkrarqj] {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

    .transactions-card[b-8h4bkrarqj] {
        width: 100%;
    }
}
/* /Pages/MainAdminPages/ParksListPage/Components/AddNewPark/Steps/Step2AddPark.razor.rz.scp.css */
.main-wrapper[b-45uudwj1a1] {
    display: flex;
    flex-direction: row;
    gap: 12px;
}

.column-wrapper[b-45uudwj1a1] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex:1;
}
.sections[b-45uudwj1a1] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
@media (max-width: 1000px) {
    .main-wrapper[b-45uudwj1a1] {
        flex-direction: column;
        gap: 10px;
    }

    .column-wrapper[b-45uudwj1a1] {
        gap:8px;
    }
}
/* /Pages/MainAdminPages/ParksListPage/Components/ConfigForm.razor.rz.scp.css */
.modal-body-config[b-ka1xt6rnn5] {
    display: flex;
    flex-direction: row;
    gap: 30px
}

.modal-body-config-contents[b-ka1xt6rnn5] {
    display: flex;
    flex-direction: column;
    width: 50%;
}

@media(max-width:660px) {
    .modal-body-config[b-ka1xt6rnn5] {
        flex-direction: column;
    }

    .modal-body-config-contents[b-ka1xt6rnn5] {
        width: 100%;
    }
}
/* /Pages/MainAdminPages/ParksListPage/Components/MyTag.razor.rz.scp.css */

.my-tag[b-s2vhhp2wny] {
    font-size: 18px;
    padding: 6px;
    margin: 0px;
    display: flex;
    width: 100%;
    align-items: center;
    flex: 0 0 auto; /* Keeps the original width, does not grow or shrink */
    box-sizing: border-box; /* Ensures padding and border are included in the total width */
}

.my-tag-close-btn[b-s2vhhp2wny] {
    position: absolute;
    width: 16px;
    height: 16px;
    right: 12px;
    top: 6px;
    cursor: pointer;
    z-index: 2;
}
/* /Pages/MainAdminPages/ParksListPage/Components/TaxiParksTable.razor.rz.scp.css */
.main-div[b-mlhjoeatcc] {
    display: flex;
    flex-direction: column;
    flex: 1;
    border-radius: 10px;
    overflow: auto;
}

.mobile-version-table[b-mlhjoeatcc] {
    display: none;
    flex: 1;
    row-gap: 10px;
    padding: 10px;
    flex-direction: column;
}

.comp-version-table[b-mlhjoeatcc] {
    display: unset;
    height: 100%;
}


.action-div-container[b-mlhjoeatcc] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
}

.action-div[b-mlhjoeatcc] {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
}

.ant-table-pagination[b-mlhjoeatcc] {
    position: fixed !important;
    z-index: 1 !important;
    bottom: 4px !important;
    width: calc(100% - 40px) !important;
    background: white !important;
    padding: 10px !important;
    align-items:center !important; 
    justify-content:center !important;
}


.tabs[b-mlhjoeatcc] {
    display: flex;
}

.tabs-label[b-mlhjoeatcc] {
    font-size: 18px;
    font-weight: 700;
    width: fit-content;
    padding: 8px;
    cursor: pointer;
    max-width: fit-content;
}

.labelunkown[b-mlhjoeatcc] {
    display: unset;
}

.tab-container[b-mlhjoeatcc] {
    display: flex;
    gap: 10px;
}

.tab-active[b-mlhjoeatcc] {
    border-radius: 8px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    background-color: white;
}

.ant-table-body[b-mlhjoeatcc] {
    height: 432px;
}

.action-button-wrapper[b-mlhjoeatcc] {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
}

@media(max-width:1340px) {
}

@media(max-width:1140px) {
    .action-div-container[b-mlhjoeatcc] {
        flex-direction: column;
        row-gap: 10px;
    }

    .tabs-label[b-mlhjoeatcc] {
        font-size: 14px;
    }

    .ant-table-body[b-mlhjoeatcc] {
        height: 390px;
    }
}

@media(max-width:660px) {
    .action-div[b-mlhjoeatcc] {
        flex-direction: column;
        align-items: normal;
    }

    .tabs-label[b-mlhjoeatcc] {
        font-size: 12px;
        max-width: none;
    }

    .labelunkown[b-mlhjoeatcc] {
        display: none;
    }

    .action-div-container[b-mlhjoeatcc] {
        flex-direction: column;
        align-items: normal;
    }

    .comp-version-table[b-mlhjoeatcc] {
        display: none;
    }

    .mobile-version-table[b-mlhjoeatcc] {
        display: flex;
    }
}
/* /Pages/MainAdminPages/ParksListPage/Components/TopActions.razor.rz.scp.css */
.action-div[b-s8bpjpoym1] {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
}

.action-button-wrapper[b-s8bpjpoym1] {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
}
.flex-wraper[b-s8bpjpoym1] {
    flex-wrap: nowrap;
}
.pc-unset[b-s8bpjpoym1] {
    display: unset;
}

@media(max-width:660px) {
    .action-div[b-s8bpjpoym1] {
        flex-direction: column;
        align-items: normal;
    }
    .pc-unset[b-s8bpjpoym1] {
        display: none;
    }
    .flex-wraper[b-s8bpjpoym1] {
        flex-wrap: wrap;
    }
}
/* /Pages/MainAdminPages/ParksListPage/Components/_TaxiParkBalanceHistory.razor.rz.scp.css */
.invisible[b-jno4fzqf28] {
    display: none;
}

.height[b-jno4fzqf28] {
    height: 15px;
}
/* /Pages/MainAdminPages/ParksListPage/Components/_TaxiParkDriverTransactions.razor.rz.scp.css */
body[b-pd4g01e59a] {
}
/* /Pages/MainAdminPages/ParksListPage/Components/_TelegramSendMessage.razor.rz.scp.css */
.model-container[b-aju5t31fmi] {
    display: flex;
    width: 100%;
    flex-direction: column;
    padding: 10px 10px 35px 10px;
}

.image-container[b-aju5t31fmi] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    padding: 20px 0px;
}

/*.image-container > :nth-child(-n+3) {*/
/* Style for the first 3 images (top row) */
/*flex: 1;
    }

    .image-container > :nth-child(n+4) {*/
/* Style for the remaining images (bottom row) */
/*flex: 1;
    }*/

.file-input-container[b-aju5t31fmi] {
    display: flex;
    width: 100px;
    height: 80px;
    text-align: center;
}

.file-input-label[b-aju5t31fmi] {
    width: inherit;
    height: inherit;
    border: 1px solid #f0f0f0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    cursor: pointer;
}
/* /Pages/MainAdminPages/ParksListPage/ParksListPage.razor.rz.scp.css */
.main-div[b-eqh9zwo102] {
    display: flex;
    flex-direction: column;
    flex: 1;
    border-radius: 10px;
    overflow: auto;
}

.mobile-version-table[b-eqh9zwo102] {
    display: none;
    flex: 1;
    row-gap: 10px;
    padding: 10px;
    flex-direction: column;
}

.comp-version-table[b-eqh9zwo102] {
    display: unset;
    height: 100%;
}


.action-div-container[b-eqh9zwo102] {
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: end;
    padding: 10px;
}

.action-div[b-eqh9zwo102] {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
}

.ant-table-pagination[b-eqh9zwo102] {
    position: fixed !important;
    z-index: 1 !important;
    bottom: 4px !important;
    width: calc(100% - 40px) !important;
    background: white !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px !important;
}
.card-shadow[b-eqh9zwo102] {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    background-color: white;
}

.card[b-eqh9zwo102] {
    background: white;
    padding: 12px;
    border-radius: 10px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}


.tabs[b-eqh9zwo102] {
    display: flex;
}

.tabs-label[b-eqh9zwo102] {
    font-size: 18px;
    font-weight: 700;
    width: fit-content;
    padding: 8px;
    cursor: pointer;
    max-width: fit-content;
}

.labelunkown[b-eqh9zwo102] {
    display: unset;
}

.tab-container[b-eqh9zwo102] {
    display: flex;
    gap: 10px;
}

.tab-active[b-eqh9zwo102] {
    border-radius: 8px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    background-color: white;
}

.ant-table-body[b-eqh9zwo102] {
    height: 432px;
}

.action-button-wrapper[b-eqh9zwo102] {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
}

@media(max-width:1340px) {
}

@media(max-width:1140px) {
    .action-div-container[b-eqh9zwo102] {
        flex-direction: column;
        row-gap: 10px;
    }

    .tabs-label[b-eqh9zwo102] {
        font-size: 14px;
    }

    .ant-table-body[b-eqh9zwo102] {
        height: 390px;
    }
}

@media(max-width:660px) {
    .action-div[b-eqh9zwo102] {
        flex-direction: column;
        align-items: normal;
    }

    .tabs-label[b-eqh9zwo102] {
        font-size: 12px;
        max-width: none;
    }

    .labelunkown[b-eqh9zwo102] {
        display: none;
    }

    .action-div-container[b-eqh9zwo102] {
        flex-direction: column;
        align-items: normal;
    }

    .comp-version-table[b-eqh9zwo102] {
        display: none;
    }

    .mobile-version-table[b-eqh9zwo102] {
        display: flex;
    }
}
/* /Pages/SelfEmployment/ChildComponents/FilterTabs/ContainerFilterlabel.razor.rz.scp.css */
.label[b-sneoj7gof5] {
    font-family: Inter;
    font-size: 14px;
    font-weight: 700;
    line-height: 19.36px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #B3B3B3;
    cursor: pointer;
}

.label-active[b-sneoj7gof5] {
    color: #000000;
}
/* /Pages/SelfEmployment/ChildComponents/FilterTabs/FilterContainer.razor.rz.scp.css */
.container[b-k1uqtxcerl] {
    display:flex;
    flex-direction:row;
    gap:8px;
    padding:8px;
    background-color: #FAFAFA;
    border-radius: 8px;
    justify-content:space-between;
    min-width:265px;
}
.container-left[b-k1uqtxcerl] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.container-active[b-k1uqtxcerl]{
    box-shadow: 0px 2px 12px 0px #00000014;
}

.main-label[b-k1uqtxcerl] {
    font-family: Inter;
    font-size: 16px;
    font-weight: 700;
    line-height: 19.36px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #B3B3B3;
    cursor:pointer;
}
.main-label-active[b-k1uqtxcerl] {
    color: #000000;
}
/* /Pages/SelfEmployment/ChildComponents/SelectedProfile/SelfEmpSelectedProfile.razor.rz.scp.css */
.main-data-info[b-k01x16o6n5] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    flex-direction: row;
}

@media (max-width: 660px) {
    .responsive-helper[b-k01x16o6n5] {
        flex-direction: column;
    }
}

/* /Pages/SelfEmployment/ChildComponents/SelfEmpStats.razor.rz.scp.css */
.flexer[b-cyi01n0v25] {
    flex: 0 0 auto;
    width: 50%;
}

.prices[b-cyi01n0v25] {
    display: flex;
    flex-direction: row;
    gap: 10px;
    flex-wrap:wrap;
}

@media (max-width: 660px) {
    .flexer[b-cyi01n0v25] {
        width: 100%;
    }
}
/* /Pages/SelfEmployment/ChildComponents/Table/Filter/ModalFilterContainer.razor.rz.scp.css */
.filter-container[b-v4rfz9hinq] {
    border-radius: 10px;
    border: 1px solid #B3B3B3;
    display:flex;
    gap:10px;
    flex-direction:column;
    padding:10px;
}

.filter-container-active[b-v4rfz9hinq] {
    border-radius: 10px;
    background-color: #FFF9E8;

}
/* /Pages/SelfEmployment/Components/CopyComponent.razor.rz.scp.css */
.copy-wrapepr[b-imf5d1725a] {
    box-shadow: 0px 0px 10px 0px #0000001A;
    height: 32px;
    border-radius: 8px;
    border: 1.5px 0px 0px 0px;
    display:flex;
    flex-direction:row;
    gap:6px;
    padding-left:10px;
    justify-content:space-between;
}

.link[b-imf5d1725a] {
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.36px;
    text-align: left;
    max-width:180px;
}
.copy-btn[b-imf5d1725a] {
    width: 32px;
    height: 32px;
    top: 515px;
    left: 1656px;
    gap: 0px;
    cursor:pointer;
    display:flex;
    justify-content:center;
    align-items:center;
    background-color:var(--color-yellow-toxic);
    border-radius:8px;
}
.copy-title[b-imf5d1725a] {
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.94px;
    text-align: left;
}
/* /Pages/SelfEmployment/Components/SelfEmploymentDatas.razor.rz.scp.css */
.status-styles[b-oggalag17x] {
    margin: 0px 30px;
    display: flex;
    gap: 5px;
    text-align: center;
    font-size: 16px;
    line-height: 12px;
}
/* /Pages/SelfEmployment/SelfEmployment.razor.rz.scp.css */
.main-container[b-eh6hghlxv2] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-template-areas: "top top" "left right";
    gap: 10px;
}

.responsive-helper[b-eh6hghlxv2] {
    flex-direction: row;
}

@media (max-width: 1212px) {
    .responsive-helper[b-eh6hghlxv2] {
        flex-direction: column-reverse;
    }
}
/* /Pages/SelfEmployment/SelfEmploymentPage.razor.rz.scp.css */
.flexer[b-tet7sbhe4z] {
    flex: 0 0 auto;
    width: 50%;
}

.prices[b-tet7sbhe4z] {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.main-container[b-tet7sbhe4z] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-template-areas: "top top" "left right";
    gap: 10px;
}
/*
@media (max-width: 660px) {
}

@media (max-width: 1615px) {
    .prices {
        flex-direction:column;
    }
}
*/

@media (max-width: 660px) {
    .flexer[b-tet7sbhe4z] {
        width: 100%;
    }
}
/* /Pages/Setting/ChangeContactPage.razor.rz.scp.css */
.contact-search[b-uuo2g6iw9s] {
    flex: 0 0 auto;
    width: 50%;
}

.marginer[b-uuo2g6iw9s] {
    padding: 1.5rem;
}

.phone-margin[b-uuo2g6iw9s] {
    margin-top: 1.5rem;
}

.phone-size[b-uuo2g6iw9s] {
    font-size: 40px;
}

.phone-action-wrapper[b-uuo2g6iw9s] {
    display: flex;
    flex-direction: column;
}

.pc-phone-action[b-uuo2g6iw9s] {
    flex: 0.5;
    display: flex;
    flex-direction: column;
}


.selected-profile-wrapper[b-uuo2g6iw9s] {
    gap: 10px;
    width: 100%;
    display: flex;
    flex-direction: row;
    padding: 8px;
}

.change-actions[b-uuo2g6iw9s] {
    display: flex;
    width: 100%;
    justify-content: end;
    margin-top: 10px;
    flex-direction: row;
    gap: 8px;
}

@media (max-width: 1330px) {
    .change-actions[b-uuo2g6iw9s] {
        flex-direction: column;
    }

    .pc-phone-action[b-uuo2g6iw9s] {
        flex: 0.6;
    }
}
@media (max-width: 1130px) {
    .selected-profile-wrapper[b-uuo2g6iw9s]{
        flex-direction:column;
    }
    .pc-phone-action[b-uuo2g6iw9s]{
        width:100%;
        flex:1;
    }
}

@media (max-width: 820px) {
    .phone-size[b-uuo2g6iw9s] {
        font-size: 34px;
    }
}
@media (max-width: 660px) {
    .contact-search[b-uuo2g6iw9s] {
        width: 100%;
    }

    .marginer[b-uuo2g6iw9s] {
        padding: 4px;
        flex-direction: column;
    }

    .phone-size[b-uuo2g6iw9s] {
        font-size: 24px;
    }

    .phone-margin[b-uuo2g6iw9s] {
        margin-top: 0px;
    }

    .phone-action-wrapper[b-uuo2g6iw9s] {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .pc-phone-action[b-uuo2g6iw9s] {
        flex: 1;
        display: flex;
    }
}
/* /Pages/Setting/Companents/ContactsProfileInfo.razor.rz.scp.css */
.flex-row-space-between[b-01p0chvals] {
    display: flex;
    flex-direction: row;
    gap: 6px;
    justify-content: space-between;
}

.profile[b-01p0chvals] {
    flex-direction: column;
    flex: 0.5;
}
.phone-size[b-01p0chvals] {
    font-size: 40px;
}

.phone-margin[b-01p0chvals] {
    margin-top: 1.5rem;
}

.phone-action-wrapper[b-01p0chvals] {
    display: flex;
    flex-direction: column;
}
.tablet-name[b-01p0chvals]{
    display:none;
}
.pc-name[b-01p0chvals]{
    display:flex;
    gap:1rem;
    flex-direction:column;
}
.car-wrapper[b-01p0chvals]{
    display:flex;
    flex-direction:column;
    gap:1rem;
}

@media (max-width: 1330px) {
    .profile[b-01p0chvals] {
        flex-direction: column;
        flex: 0.4;
    }
}
@media (max-width: 1130px) {
    .tablet-name[b-01p0chvals]{
        display:flex; 
        flex-direction:column;
        gap:10px;
    }
    .car-wrapper[b-01p0chvals]{
        flex-direction:row;
    }
    .pc-name[b-01p0chvals]{
        display:none;
    }
}
@media (max-width: 660px) {
    .phone-size[b-01p0chvals] {
        font-size: 24px;
    }

    .phone-margin[b-01p0chvals] {
        margin-top: 0px;
    }

    .phone-action-wrapper[b-01p0chvals] {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .marginer[b-01p0chvals] {
        padding: 4px;
    }
}
/* /Pages/Setting/Companents/CostumOpenClose.razor.rz.scp.css */
:root[b-xsvo3oyvzu] {
    --taxi-yellow: #FFD700;
    --taxi-black: #1A1A1A;
    --taxi-gray: #F5F5F5;
    --taxi-dark-gray: #333333;
    --taxi-blue: #0077CC;
    --taxi-green: #00AA55;
    --taxi-red: #FF4444;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.15);
    --radius-md: 12px;
    --radius-lg: 16px;
}

/* Base responsive styles */
.d-flex[b-xsvo3oyvzu] {
    width: 100%;
    padding: 16px;
    margin: 0 auto;
    box-sizing: border-box;
}

/* Responsive container */
@media (min-width: 576px) {
    .d-flex[b-xsvo3oyvzu] {
        max-width: 540px;
        padding: 20px;
    }
}

@media (min-width: 768px) {
    .d-flex[b-xsvo3oyvzu] {
        max-width: 720px;
        padding: 24px;
    }
}

@media (min-width: 992px) {
    .d-flex[b-xsvo3oyvzu] {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .d-flex[b-xsvo3oyvzu] {
        max-width: 1140px;
    }
}

/* Card responsive styles */
.taxi-card[b-xsvo3oyvzu] {
    background: white;
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
    margin-bottom: 16px;
    overflow: hidden;
    transition: all 0.3s ease;
    border-left: 4px solid var(--taxi-yellow);
}

@media (max-width: 576px) {
    .taxi-card[b-xsvo3oyvzu] {
        border-radius: var(--radius-md) var(--radius-md) 0 0;
        border-left: none;
        border-top: 4px solid var(--taxi-yellow);
        margin-bottom: 12px;
    }
}

/* Header responsive styles */
.taxi-card-header[b-xsvo3oyvzu] {
    padding: 16px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    border-bottom: 1px solid #eee;
}

@media (max-width: 768px) {
    .taxi-card-header[b-xsvo3oyvzu] {
        padding: 14px 16px;
    }

        .taxi-card-header h3[b-xsvo3oyvzu] {
            font-size: 1rem;
        }
}

/* Body responsive styles */
.taxi-card-body[b-xsvo3oyvzu] {
    padding: 20px;
}

@media (max-width: 768px) {
    .taxi-card-body[b-xsvo3oyvzu] {
        padding: 16px;
    }
}

/* Form group responsive styles */
.form-group[b-xsvo3oyvzu] {
    margin-bottom: 16px;
}

@media (max-width: 576px) {
    .form-group[b-xsvo3oyvzu] {
        margin-bottom: 12px;
    }
}

/* Input responsive styles */
.taxi-input[b-xsvo3oyvzu] {
    width: 100%;
    padding: 10px 12px;
    font-size: 14px;
}

@media (max-width: 576px) {
    .taxi-input[b-xsvo3oyvzu] {
        padding: 8px 10px;
        font-size: 13px;
    }
}

/* Grid layout for limits - responsive */
.limits-grid[b-xsvo3oyvzu] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

@media (max-width: 576px) {
    .limits-grid[b-xsvo3oyvzu] {
        grid-template-columns: 1fr;
        gap: 12px;
    }
}

/* Button responsive styles */
.taxi-button[b-xsvo3oyvzu] {
    padding: 10px 16px;
    font-size: 14px;
}

@media (max-width: 576px) {
    .taxi-button[b-xsvo3oyvzu] {
        padding: 8px 12px;
        font-size: 13px;
        width: 100%;
        margin-bottom: 8px;
    }

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

/* Add group card responsive */
.add-group-card[b-xsvo3oyvzu] {
    padding: 24px;
}

@media (max-width: 576px) {
    .add-group-card[b-xsvo3oyvzu] {
        padding: 20px;
    }

        .add-group-card .plus-icon[b-xsvo3oyvzu] {
            width: 40px;
            height: 40px;
            font-size: 20px;
        }
}

/* Limit indicator responsive */
.limit-indicator[b-xsvo3oyvzu] {
    font-size: 12px;
}

@media (max-width: 576px) {
    .limit-indicator[b-xsvo3oyvzu] {
        font-size: 11px;
    }

        .limit-indicator .separator[b-xsvo3oyvzu] {
            margin: 0 4px;
        }
}

/* Summary items responsive */
.taxi-summary-item[b-xsvo3oyvzu] {
    font-size: 14px;
}

@media (max-width: 576px) {
    .taxi-summary-item[b-xsvo3oyvzu] {
        font-size: 13px;
    }
}
/* /Pages/Setting/DriverGroups/DriverGroups.razor.rz.scp.css */

.card-selected[b-u5m80lk8ab] {
    box-shadow: var(--shadow-md);
    transform: translateY(-2px);
    border: 1px solid var(--gold);
}
/* /Pages/Setting/DriverGroups/Groups.razor.rz.scp.css */

.premium-container[b-opyg2vp721] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 1.5rem;
}

.premium-grid[b-opyg2vp721] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
    gap: 1.5rem;
}

.premium-card[b-opyg2vp721] {
    background: var(--light);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    transition: var(--transition);
    overflow: hidden;
    border: 1px solid var(--medium-gray);
    position: relative;
    height:fit-content;
}

    .premium-card[b-opyg2vp721]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 4px;
        background: linear-gradient(90deg, var(--gold), var(--gold-light));
    }

    .premium-card:hover[b-opyg2vp721] {
        box-shadow: var(--shadow-md);
        transform: translateY(-2px);
        border-color: var(--gold);
    }

.premium-header[b-opyg2vp721] {
    padding: 0.85rem 1.25rem;
    background: var(--light-gray);
    border-bottom: 1px solid var(--medium-gray);
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

    .premium-header h4[b-opyg2vp721] {
        margin: 0;
        font-size: 0.95rem;
        font-weight: 600;
        color: var(--dark);
        display: flex;
        align-items: center;
        letter-spacing: 0.3px;
    }

.premium-badge[b-opyg2vp721] {
    background: var(--gold);
    color: var(--darker);
    padding: 0.25rem 0.6rem;
    border-radius: 12px;
    font-size: 0.7rem;
    font-weight: 700;
    margin-left: 0.6rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.premium-toggle[b-opyg2vp721] {
    color: var(--dark-gray);
    transition: var(--transition);
    font-size: 0.9rem;
}

.premium-body[b-opyg2vp721] {
    padding: 1.25rem;
}

.premium-form-group[b-opyg2vp721] {
    margin-bottom: 1rem;
    position: relative;
}

    .premium-form-group label[b-opyg2vp721] {
        display: block;
        margin-bottom: 0.4rem;
        font-size: 0.8rem;
        font-weight: 500;
        color: var(--dark-gray);
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

.premium-input[b-opyg2vp721] {
    width: 100%;
    padding: 0.65rem 1rem;
    border: 1px solid var(--medium-gray);
    border-radius: var(--radius-sm);
    font-size: 0.9rem;
    transition: var(--transition);
    background: var(--light);
}

    .premium-input:focus[b-opyg2vp721] {
        border-color: var(--gold);
        box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.2);
        outline: none;
    }

.premium-summary-item[b-opyg2vp721] {
    margin-bottom: 0.75rem;
    font-size: 0.85rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 0.5rem;
    border-bottom: 1px dashed var(--medium-gray);
}

    .premium-summary-item:last-child[b-opyg2vp721] {
        border-bottom: none;
    }

.premium-summary-label[b-opyg2vp721] {
    color: var(--dark-gray);
    font-weight: 500;
}

.premium-summary-value[b-opyg2vp721] {
    color: var(--dark);
    font-weight: 600;
}

.premium-limit[b-opyg2vp721] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.02);
    padding: 0.5rem;
    border-radius: var(--radius-sm);
    margin-top: 0.5rem;
}

.premium-limit-min[b-opyg2vp721] {
    color: var(--success);
    font-weight: 600;
    font-size: 0.85rem;
}

.premium-limit-max[b-opyg2vp721] {
    color: var(--danger);
    font-weight: 600;
    font-size: 0.85rem;
}

.premium-limit-sep[b-opyg2vp721] {
    margin: 0 0.5rem;
    color: var(--dark-gray);
    font-size: 0.8rem;
}

.premium-actions[b-opyg2vp721] {
    display: flex;
    gap: 0.75rem;
    margin-top: 1.25rem;
    justify-content: flex-end;
}

.premium-btn[b-opyg2vp721] {
    padding: 0.5rem 1rem;
    font-size: 0.8rem;
    border-radius: var(--radius-sm);
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    transition: var(--transition);
    border: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.premium-btn-primary[b-opyg2vp721] {
    background: var(--gold);
    color: var(--darker);
    box-shadow: 0 2px 4px rgba(212, 175, 55, 0.3);
}

    .premium-btn-primary:hover[b-opyg2vp721] {
        background: #C9A227;
        transform: translateY(-1px);
        box-shadow: 0 4px 8px rgba(212, 175, 55, 0.3);
    }

.premium-btn-outline[b-opyg2vp721] {
    background: transparent;
    border: 1px solid var(--medium-gray);
    color: var(--dark-gray);
}

    .premium-btn-outline:hover[b-opyg2vp721] {
        border-color: var(--gold);
        color: var(--gold);
    }

.premium-btn-danger[b-opyg2vp721] {
    background: var(--danger);
    color: white;
}

    .premium-btn-danger:hover[b-opyg2vp721] {
        background: #D32F2F;
    }

.add-group-premium[b-opyg2vp721] {
    border: 2px dashed var(--gold);
    border-radius: var(--radius-lg);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    cursor: pointer;
    transition: var(--transition);
    background: rgba(212, 175, 55, 0.03);
    height: fit-content;
    border:1px dashed;
}

    .add-group-premium:hover[b-opyg2vp721] {
        background: rgba(212, 175, 55, 0.08);
        transform: translateY(-2px);
    }

.add-group-icon[b-opyg2vp721] {
    width: 40px;
    height: 40px;
    background: var(--gold);
    color: var(--darker);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    margin-bottom: 0.75rem;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.add-group-text[b-opyg2vp721] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--dark);
    letter-spacing: 0.5px;
}

.premium-divider[b-opyg2vp721] {
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--medium-gray), transparent);
    margin: 1rem 0;
}

@media (max-width: 768px) {
    .premium-grid[b-opyg2vp721] {
        grid-template-columns: 1fr;
    }

    .premium-container[b-opyg2vp721] {
        padding: 1rem;
    }
}
/* /Pages/Setting/InfoPage.razor.rz.scp.css */
.about[b-lag8wnuzsz] {
    flex: 0 0 auto;
    width: 33.33333333%;
}

.transactions[b-lag8wnuzsz] {
    flex: 0 0 auto;
    width: 66.66666667%;
}

.transactions-wrapper[b-lag8wnuzsz] {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    gap:10px;
}
.transactions-card[b-lag8wnuzsz] {
    flex:1;
}
.save-btn-info[b-lag8wnuzsz] {
    position: fixed !important;
    bottom: 80px !important;
    z-index: 10 !important;
    right: 52px !important;
    display: flex;
    flex-direction: row;
    gap: 6px;
    justify-content: center;
    align-items: center;
    outline: none;
    border: none;
    padding: 6px 20px;
}
.mobile[b-lag8wnuzsz]{
    display:none;
}
.pc[b-lag8wnuzsz]{
    display:flex;
}

@media (max-width: 830px) {
    .about[b-lag8wnuzsz] {
        width: 100%;
    }
    .mobile[b-lag8wnuzsz] {
        display: flex;
        z-index:5;
    }
    .pc[b-lag8wnuzsz] {
        display: none;
    }

    .save-btn-info[b-lag8wnuzsz] {
        border-radius: 50% !important;
        width: 40px !important;
        height: 40px !important;
        box-shadow: 0px 0px 10px 0px #0000001A !important;
        padding: 0px;
    }

    .transactions[b-lag8wnuzsz] {
        width:100%;
    }
    .transactions-wrapper[b-lag8wnuzsz]{
        display:flex; 
        flex-direction:column;
        gap:6px;
    }
    .transactions-card[b-lag8wnuzsz]{
        width:100%;
    }
}
/* /Pages/Setting/MobileAppSettings/ContactSection.razor.rz.scp.css */
.taxi-admin[b-aml7dxhpcn] {
    font-family: 'Segoe UI', Roboto, sans-serif;
    margin: 0;
    padding: 20px;
    color: #333;
}

.admin-dashboard[b-aml7dxhpcn] {
    max-width: 1200px;
    margin: 0 auto;
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    overflow: hidden;
}

.dashboard-header[b-aml7dxhpcn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 30px;
    background: white;
    border-bottom: 1px solid #eee;
}

    .dashboard-header h1[b-aml7dxhpcn] {
        margin: 0;
        font-size: 24px;
        color: #222;
        display: flex;
        align-items: center;
        gap: 12px;
    }

.save-btn[b-aml7dxhpcn] {
    background: #FFD700;
    color: #222;
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.2s;
}

    .save-btn:hover[b-aml7dxhpcn] {
        background: #e6c300;
        transform: translateY(-1px);
    }

.contact-grid[b-aml7dxhpcn] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    padding: 20px;
}

.contact-card[b-aml7dxhpcn] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    overflow: hidden;
}

.wide-card[b-aml7dxhpcn] {
    grid-column: span 2;
}

.card-header[b-aml7dxhpcn] {
    padding: 15px 20px;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bg-yellow[b-aml7dxhpcn] {
    background: #FFD700;
    color: #222;
}

.bg-black[b-aml7dxhpcn] {
    background: #222;
    color: white;
}

.card-header h2[b-aml7dxhpcn] {
    margin: 0;
    font-size: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.add-btn[b-aml7dxhpcn] {
    background: white;
    border: none;
    color: inherit;
    width: 30px;
    color: black;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
    font-weight: bold;
}

.card-body[b-aml7dxhpcn] {
    padding: 20px;
    max-height: 360px;
    overflow: auto;
}

.form-row[b-aml7dxhpcn] {
    margin-bottom: 15px;
}

    .form-row label[b-aml7dxhpcn] {
        display: block;
        margin-bottom: 6px;
        font-weight: 500;
        font-size: 14px;
    }

    .form-row input[b-aml7dxhpcn] {
        width: 100%;
        padding: 10px 12px;
        border: 1px solid #ddd;
        border-radius: 6px;
        font-size: 14px;
    }

.form-row-parent[b-aml7dxhpcn] {
    display: flex;
    gap: 6px;
    align-items: center;
}

.delete-icon[b-aml7dxhpcn] {
    border-radius: 8px;
    background-color: #FF0000;
    border: 1px solid #E6E5E5;
    padding: 2px;
    cursor: pointer;
}

.social-grid[b-aml7dxhpcn] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
}

.logo-upload-container[b-aml7dxhpcn] {
    display: flex;
    align-items: center;
    gap: 15px;
}

.logo-preview[b-aml7dxhpcn] {
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: unset;
    border: 2px solid #FFD700;
}

.park-logo[b-aml7dxhpcn] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.logo-placeholder[b-aml7dxhpcn] {
    font-size: 24px;
    color: #666;
    height: 56px;
    width: 56px;
    overflow: hidden;
    border-radius: 50%;
}

.upload-button[b-aml7dxhpcn] {
    position: absolute;
    bottom: -5px;
    right: -5px;
    background: #FFD700;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

    .upload-button:hover[b-aml7dxhpcn] {
        background: #e6c300;
    }

.validation-summary[b-aml7dxhpcn] {
    background-color: #fff3f3;
    border-left: 4px solid #ff6b6b;
    padding: 15px;
    margin: 0 20px 20px;
    border-radius: 4px;
}

    .validation-summary h3[b-aml7dxhpcn] {
        color: #d32f2f;
        margin-top: 0;
    }

    .validation-summary ul[b-aml7dxhpcn] {
        margin-bottom: 0;
        padding-left: 20px;
    }

    .validation-summary li[b-aml7dxhpcn] {
        color: #d32f2f;
    }

.validation-error[b-aml7dxhpcn] {
    color: #d32f2f;
    font-size: 12px;
    display: block;
    margin-top: 4px;
}

.form-row-parent[b-aml7dxhpcn] {
    position: relative;
    margin-bottom: 15px;
    align-items: center;
    border-bottom: 1px solid #eee;
    flex-wrap: wrap;
}

    .form-row-parent.no-border[b-aml7dxhpcn] {
        border-bottom: none;
        margin-bottom: 0px;
        flex-wrap: wrap;
    }

.delete-icon[b-aml7dxhpcn] {
    color: #ff6b6b;
    cursor: pointer;
    padding: 5px;
}

    .delete-icon:hover[b-aml7dxhpcn] {
        color: #d32f2f;
    }

@media (max-width: 768px) {
    .contact-grid[b-aml7dxhpcn] {
        grid-template-columns: 1fr;
    }

    .wide-card[b-aml7dxhpcn] {
        grid-column: span 1;
    }

    .dashboard-header[b-aml7dxhpcn] {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
}

.taxi-admin[b-aml7dxhpcn] {
    font-family: 'Segoe UI', Roboto, sans-serif;
    margin: 0;
    padding: 20px;
    color: #333;
}

.admin-dashboard[b-aml7dxhpcn] {
    max-width: 1200px;
    margin: 0 auto;
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    overflow: hidden;
}

.dashboard-header[b-aml7dxhpcn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 30px;
    background: white;
    border-bottom: 1px solid #eee;
}

    .dashboard-header h1[b-aml7dxhpcn] {
        margin: 0;
        font-size: 24px;
        color: #222;
        display: flex;
        align-items: center;
        gap: 12px;
    }

.save-btn[b-aml7dxhpcn] {
    background: #FFD700;
    color: #222;
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.2s;
}

    .save-btn:hover[b-aml7dxhpcn] {
        background: #e6c300;
        transform: translateY(-1px);
    }

.contact-grid[b-aml7dxhpcn] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    padding: 20px;
}

.contact-card[b-aml7dxhpcn] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    overflow: hidden;
}

.wide-card[b-aml7dxhpcn] {
    grid-column: span 2;
}

.card-header[b-aml7dxhpcn] {
    padding: 15px 20px;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bg-yellow[b-aml7dxhpcn] {
    background: #FFD700;
    color: #222;
}

.bg-black[b-aml7dxhpcn] {
    background: #222;
    color: white;
}

.card-header h2[b-aml7dxhpcn] {
    margin: 0;
    font-size: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.add-btn[b-aml7dxhpcn] {
    background: white;
    border: none;
    color: inherit;
    width: 30px;
    color: black;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
    font-weight: bold;
}

.card-body[b-aml7dxhpcn] {
    padding: 20px;
    max-height: 360px;
    overflow: auto;
}

.form-row[b-aml7dxhpcn] {
    margin-bottom: 15px;
}

    .form-row label[b-aml7dxhpcn] {
        display: block;
        margin-bottom: 6px;
        font-weight: 500;
        font-size: 14px;
    }

    .form-row input[b-aml7dxhpcn] {
        width: 100%;
        padding: 10px 12px;
        border: 1px solid #ddd;
        border-radius: 6px;
        font-size: 14px;
    }

.form-row-parent[b-aml7dxhpcn] {
    display: flex;
    gap: 6px;
    align-items: center;
}

.delete-icon[b-aml7dxhpcn] {
    border-radius: 8px;
    background-color: #FF0000;
    border: 1px solid #E6E5E5;
    padding: 2px;
    cursor: pointer;
}

.social-grid[b-aml7dxhpcn] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
}

.logo-upload-container[b-aml7dxhpcn] {
    display: flex;
    align-items: center;
    gap: 15px;
}

.logo-preview[b-aml7dxhpcn] {
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: unset;
    border: 2px solid #FFD700;
}

.park-logo[b-aml7dxhpcn] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.logo-placeholder[b-aml7dxhpcn] {
    font-size: 24px;
    color: #666;
    height: 56px;
    width: 56px;
    overflow: hidden;
    border-radius: 50%;
}

.upload-button[b-aml7dxhpcn] {
    position: absolute;
    bottom: -5px;
    right: -5px;
    background: #FFD700;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

    .upload-button:hover[b-aml7dxhpcn] {
        background: #e6c300;
    }

.validation-summary[b-aml7dxhpcn] {
    background-color: #fff3f3;
    border-left: 4px solid #ff6b6b;
    padding: 15px;
    margin: 0 20px 20px;
    border-radius: 4px;
}

    .validation-summary h3[b-aml7dxhpcn] {
        color: #d32f2f;
        margin-top: 0;
    }

    .validation-summary ul[b-aml7dxhpcn] {
        margin-bottom: 0;
        padding-left: 20px;
    }

    .validation-summary li[b-aml7dxhpcn] {
        color: #d32f2f;
    }

.validation-error[b-aml7dxhpcn] {
    color: #d32f2f;
    font-size: 12px;
    display: block;
    margin-top: 4px;
}

.form-row-parent[b-aml7dxhpcn] {
    position: relative;
    margin-bottom: 15px;
    align-items: center;
    border-bottom: 1px solid #eee;
    flex-wrap: wrap;
}

    .form-row-parent.no-border[b-aml7dxhpcn] {
        border-bottom: none;
        margin-bottom: 0px;
        flex-wrap: wrap;
    }

.delete-icon[b-aml7dxhpcn] {
    color: #ff6b6b;
    cursor: pointer;
    padding: 5px;
    margin-top: 10px;
}

    .delete-icon:hover[b-aml7dxhpcn] {
        color: #d32f2f;
    }

@media (max-width: 768px) {
    .contact-grid[b-aml7dxhpcn] {
        grid-template-columns: 1fr;
    }

    .wide-card[b-aml7dxhpcn] {
        grid-column: span 1;
    }

    .dashboard-header[b-aml7dxhpcn] {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
}
/* /Pages/Setting/MobileAppSettings/MobileAppSettings.razor.rz.scp.css */
.taxi-admin[b-qgluqee2kc] {
    font-family: 'Segoe UI', Roboto, sans-serif;
    margin: 0;
    padding: 20px;
    color: #333;
}

.admin-dashboard[b-qgluqee2kc] {
    max-width: 1200px;
    margin: 0 auto;
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    overflow: hidden;
}

.dashboard-header[b-qgluqee2kc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 30px;
    background: white;
    border-bottom: 1px solid #eee;
}

    .dashboard-header h1[b-qgluqee2kc] {
        margin: 0;
        font-size: 24px;
        color: #222;
        display: flex;
        align-items: center;
        gap: 12px;
    }

.save-btn[b-qgluqee2kc] {
    background: #FFD700;
    color: #222;
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.2s;
}

    .save-btn:hover[b-qgluqee2kc] {
        background: #e6c300;
        transform: translateY(-1px);
    }

.contact-grid[b-qgluqee2kc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    padding: 20px;
}

.contact-card[b-qgluqee2kc] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    overflow: hidden;
}

.wide-card[b-qgluqee2kc] {
    grid-column: span 2;
}

.card-header[b-qgluqee2kc] {
    padding: 15px 20px;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bg-yellow[b-qgluqee2kc] {
    background: #FFD700;
    color: #222;
}

.bg-black[b-qgluqee2kc] {
    background: #222;
    color: white;
}

.card-header h2[b-qgluqee2kc] {
    margin: 0;
    font-size: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.add-btn[b-qgluqee2kc] {
    background: white;
    border: none;
    color: inherit;
    width: 30px;
    color: black;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
    font-weight: bold;
}

    .add-btn:hover[b-qgluqee2kc] {
        background: #f5f5f6;
        box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    }
    .card-body[b-qgluqee2kc] {
        padding: 20px;
        max-height: 360px;
        overflow: auto;
    }

.form-row[b-qgluqee2kc] {
    margin-bottom: 15px;
}

    .form-row label[b-qgluqee2kc] {
        display: block;
        margin-bottom: 6px;
        font-weight: 500;
        font-size: 14px;
    }

    .form-row input[b-qgluqee2kc] {
        width: 100%;
        padding: 10px 12px;
        border: 1px solid #ddd;
        border-radius: 6px;
        font-size: 14px;
    }

.form-row-parent[b-qgluqee2kc] {
    display: flex;
    gap: 6px;
    align-items: center;
}

.delete-icon[b-qgluqee2kc] {
    border-radius: 8px;
    background-color: #FF0000;
    border: 1px solid #E6E5E5;
    padding: 2px;
    cursor: pointer;
}
    .delete-icon:hover[b-qgluqee2kc] {
        box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    }

.field-error[b-qgluqee2kc] {
    color: #dc3545;
    font-size: 0.8rem;
    margin-top: 0.25rem;
}

input[b-qgluqee2kc] {
    border: 1px solid #ced4da;
}

    input.invalid[b-qgluqee2kc] {
        border-color: #dc3545;
    }

.form-row[b-qgluqee2kc] {
    margin-bottom: 1rem;
}
.social-grid[b-qgluqee2kc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
}

.logo-upload-container[b-qgluqee2kc] {
    display: flex;
    align-items: center;
    gap: 15px;
}

.logo-preview[b-qgluqee2kc] {
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: unset;
    border: 2px solid #FFD700;
}

.park-logo[b-qgluqee2kc] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.logo-placeholder[b-qgluqee2kc] {
    font-size: 24px;
    color: #666;
    height: 56px;
    width: 56px;
    overflow: hidden;
    border-radius: 50%;
}

.upload-button[b-qgluqee2kc] {
    position: absolute;
    bottom: -5px;
    right: -5px;
    background: #FFD700;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

    .upload-button:hover[b-qgluqee2kc] {
        background: #e6c300;
    }

.validation-summary[b-qgluqee2kc] {
    background-color: #fff3f3;
    border-left: 4px solid #ff6b6b;
    padding: 15px;
    margin: 0 20px 20px;
    border-radius: 4px;
}

    .validation-summary h3[b-qgluqee2kc] {
        color: #d32f2f;
        margin-top: 0;
    }

    .validation-summary ul[b-qgluqee2kc] {
        margin-bottom: 0;
        padding-left: 20px;
    }

    .validation-summary li[b-qgluqee2kc] {
        color: #d32f2f;
    }

.validation-error[b-qgluqee2kc] {
    color: #d32f2f;
    font-size: 12px;
    display: block;
    margin-top: 4px;
}

.form-row-parent[b-qgluqee2kc] {
    position: relative;
    margin-bottom: 15px;
    align-items: center;
    border-bottom: 1px solid #eee;
    flex-wrap: wrap;
}

    .form-row-parent.no-border[b-qgluqee2kc] {
        border-bottom: none;
        margin-bottom: 0px;
        flex-wrap: wrap;
    }

.delete-icon[b-qgluqee2kc] {
    color: #ff6b6b;
    cursor: pointer;
    padding: 5px;
}

    .delete-icon:hover[b-qgluqee2kc] {
        color: #d32f2f;
    }

@media (max-width: 768px) {
    .contact-grid[b-qgluqee2kc] {
        grid-template-columns: 1fr;
    }

    .wide-card[b-qgluqee2kc] {
        grid-column: span 1;
    }

    .dashboard-header[b-qgluqee2kc] {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
}

.taxi-admin[b-qgluqee2kc] {
    font-family: 'Segoe UI', Roboto, sans-serif;
    margin: 0;
    padding: 20px;
    color: #333;
}

.admin-dashboard[b-qgluqee2kc] {
    max-width: 1200px;
    margin: 0 auto;
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    overflow: hidden;
}

.dashboard-header[b-qgluqee2kc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 30px;
    background: white;
    border-bottom: 1px solid #eee;
}

    .dashboard-header h1[b-qgluqee2kc] {
        margin: 0;
        font-size: 24px;
        color: #222;
        display: flex;
        align-items: center;
        gap: 12px;
    }

.save-btn[b-qgluqee2kc] {
    background: #FFD700;
    color: #222;
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.2s;
}

    .save-btn:hover[b-qgluqee2kc] {
        background: #e6c300;
        transform: translateY(-1px);
    }

.contact-grid[b-qgluqee2kc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    padding: 20px;
}

.contact-card[b-qgluqee2kc] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    overflow: hidden;
}

.wide-card[b-qgluqee2kc] {
    grid-column: span 2;
}

.card-header[b-qgluqee2kc] {
    padding: 15px 20px;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bg-yellow[b-qgluqee2kc] {
    background: #FFD700;
    color: #222;
}

.bg-black[b-qgluqee2kc] {
    background: #222;
    color: white;
}

.card-header h2[b-qgluqee2kc] {
    margin: 0;
    font-size: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.add-btn[b-qgluqee2kc] {
    background: white;
    border: none;
    color: inherit;
    width: 30px;
    color: black;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
    font-weight: bold;
}

.card-body[b-qgluqee2kc] {
    padding: 20px;
    max-height: 360px;
    overflow: auto;
}

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

    .form-row label[b-qgluqee2kc] {
        display: block;
        margin-bottom: 6px;
        font-weight: 500;
        font-size: 14px;
    }

    .form-row input[b-qgluqee2kc] {
        width: 100%;
        padding: 10px 12px;
        border: 1px solid #ddd;
        border-radius: 6px;
        font-size: 14px;
    }

.form-row-parent[b-qgluqee2kc] {
    display: flex;
    gap: 6px;
    align-items: center;
}

.delete-icon[b-qgluqee2kc] {
    border-radius: 8px;
    background-color: #FF0000;
    border: 1px solid #E6E5E5;
    padding: 2px;
    cursor: pointer;
}

.social-grid[b-qgluqee2kc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
}

.logo-upload-container[b-qgluqee2kc] {
    display: flex;
    align-items: center;
    gap: 15px;
}

.logo-preview[b-qgluqee2kc] {
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: unset;
    border: 2px solid #FFD700;
}

.park-logo[b-qgluqee2kc] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.logo-placeholder[b-qgluqee2kc] {
    font-size: 24px;
    color: #666;
    height: 56px;
    width: 56px;
    overflow: hidden;
    border-radius: 50%;
}

.upload-button[b-qgluqee2kc] {
    position: absolute;
    bottom: -5px;
    right: -5px;
    background: #FFD700;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

    .upload-button:hover[b-qgluqee2kc] {
        background: #e6c300;
    }

.validation-summary[b-qgluqee2kc] {
    background-color: #fff3f3;
    border-left: 4px solid #ff6b6b;
    padding: 15px;
    margin: 0 20px 20px;
    border-radius: 4px;
}

    .validation-summary h3[b-qgluqee2kc] {
        color: #d32f2f;
        margin-top: 0;
    }

    .validation-summary ul[b-qgluqee2kc] {
        margin-bottom: 0;
        padding-left: 20px;
    }

    .validation-summary li[b-qgluqee2kc] {
        color: #d32f2f;
    }

.validation-error[b-qgluqee2kc] {
    color: #d32f2f;
    font-size: 12px;
    display: block;
    margin-top: 4px;
}

.form-row-parent[b-qgluqee2kc] {
    position: relative;
    margin-bottom: 15px;
    align-items: center;
    border-bottom: 1px solid #eee;
    flex-wrap: wrap;
}

    .form-row-parent.no-border[b-qgluqee2kc] {
        border-bottom: none;
        margin-bottom: 0px;
        flex-wrap: wrap;
    }

.delete-icon[b-qgluqee2kc] {
    color: #ff6b6b;
    cursor: pointer;
    padding: 5px;
    margin-top: 10px;
}

    .delete-icon:hover[b-qgluqee2kc] {
        color: #d32f2f;
    }

@media (max-width: 768px) {
    .contact-grid[b-qgluqee2kc] {
        grid-template-columns: 1fr;
    }

    .wide-card[b-qgluqee2kc] {
        grid-column: span 1;
    }

    .dashboard-header[b-qgluqee2kc] {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
}
/* /Pages/Setting/MobileAppSettings/RegistrationRules.razor.rz.scp.css */
*[b-u2l7junw6w] {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    --taxi-yellow: #FFD700;
    --taxi-dark-yellow: #FFC000;
    --taxi-black: #1A1A1A;
    --white: #FFFFFF;
    --light-gray: #F8F9FA;
    --medium-gray: #E9ECEF;
    --dark-gray: #495057;
}

body[b-u2l7junw6w] {
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom right, #f9f9f9, #eef2f5);
    color: var(--taxi-black);
    line-height: 1.6;
    padding: 20px;
}

.container[b-u2l7junw6w] {
    max-width: 1400px;
    margin: 0 auto;
}

.header[b-u2l7junw6w] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    flex-wrap: wrap;
    gap: 20px;
}

.page-title[b-u2l7junw6w] {
    font-size: 2.2rem;
    font-weight: 700;
    margin: 0;
    position: relative;
    display: inline-block;
}

    .page-title[b-u2l7junw6w]::after {
        content: '';
        position: absolute;
        bottom: -5px;
        left: 0;
        width: 70px;
        height: 4px;
        background: var(--taxi-yellow);
        border-radius: 2px;
    }

.add-btn[b-u2l7junw6w] {
    background-color: var(--taxi-yellow);
    color: var(--taxi-black);
    border: none;
    padding: 12px 24px;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(255, 215, 0, 0.3);
}

    .add-btn:hover[b-u2l7junw6w] {
        background-color: var(--taxi-dark-yellow);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(255, 215, 0, 0.4);
    }

.rules-grid[b-u2l7junw6w] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
    gap: 25px;
}

.rule-card[b-u2l7junw6w] {
    background-color: var(--white);
    border-radius: 12px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    transition: all 0.3s ease;
    position: relative;
    height:max-content;
}

    .rule-card:hover[b-u2l7junw6w] {
        transform: translateY(-5px);
        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
    }

.card-header[b-u2l7junw6w] {
    background-color: var(--taxi-yellow);
    padding: 18px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    overflow: hidden;
}

    .card-header[b-u2l7junw6w]::before {
        content: '';
        position: absolute;
        top: -50px;
        right: -50px;
        width: 100px;
        height: 100px;
        background: rgba(255, 255, 255, 0.2);
        border-radius: 50%;
    }

.years[b-u2l7junw6w] {
    font-weight: 700;
    font-size: 1.3rem;
    display: flex;
    align-items: center;
    gap: 8px;
}

    .years i[b-u2l7junw6w] {
        font-size: 1.1em;
    }

.rule-id[b-u2l7junw6w] {
    background-color: var(--taxi-black);
    color: white;
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 6px;
}

.card-body[b-u2l7junw6w] {
    padding: 20px;
}

.detail-row[b-u2l7junw6w] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px dashed var(--medium-gray);
    align-items: center;
}

    .detail-row:last-child[b-u2l7junw6w] {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }

.detail-label[b-u2l7junw6w] {
    font-weight: 600;
    color: var(--dark-gray);
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.95rem;
}

.detail-value[b-u2l7junw6w] {
    text-align: right;
    font-weight: 500;
}

.badge[b-u2l7junw6w] {
    display: inline-flex;
    align-items: center;
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 600;
    gap: 5px;
}

.badge-yes[b-u2l7junw6w] {
    background-color: rgba(255, 215, 0, 0.2);
    color: #856404;
}

.badge-no[b-u2l7junw6w] {
    background-color: var(--medium-gray);
    color: var(--dark-gray);
}

.tags[b-u2l7junw6w] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
    justify-content: flex-end;
}

.tag[b-u2l7junw6w] {
    background-color: var(--light-gray);
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 0.8rem;
    display: flex;
    align-items: center;
    gap: 5px;
}

    .tag i[b-u2l7junw6w] {
        font-size: 0.9em;
    }

.card-actions[b-u2l7junw6w] {
    padding: 15px 20px;
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    border-top: 1px solid var(--medium-gray);
    background-color: var(--light-gray);
}

.action-btn[b-u2l7junw6w] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 6px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.2s;
}

.edit-btn[b-u2l7junw6w] {
    background-color: rgba(255, 215, 0, 0.1);
    color: var(--taxi-dark-yellow);
}

    .edit-btn:hover[b-u2l7junw6w] {
        background-color: rgba(255, 215, 0, 0.2);
    }

.delete-btn[b-u2l7junw6w] {
    background-color: rgba(231, 76, 60, 0.1);
    color: #E74C3C;
}

    .delete-btn:hover[b-u2l7junw6w] {
        background-color: rgba(231, 76, 60, 0.2);
    }

/* Status indicator */
.status-indicator[b-u2l7junw6w] {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #28a745;
    box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.2);
}

/* Modal Styles */
.modal[b-u2l7junw6w] {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    justify-content: center;
    align-items: center;
}

    .modal.active[b-u2l7junw6w] {
        display: flex;
    }

.modal-content[b-u2l7junw6w] {
    background-color: var(--white);
    width: 600px;
    max-width: 95%;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    transform: translateY(20px);
    transition: transform 0.3s ease;
}

.modal.active .modal-content[b-u2l7junw6w] {
    transform: translateY(0);
}

.modal-header[b-u2l7junw6w] {
    background-color: var(--taxi-yellow);
    padding: 18px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-title[b-u2l7junw6w] {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--taxi-black);
    display: flex;
    align-items: center;
    gap: 10px;
}

.close-btn[b-u2l7junw6w] {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    color: var(--taxi-black);
    transition: transform 0.2s;
}

    .close-btn:hover[b-u2l7junw6w] {
        transform: rotate(90deg);
    }

.modal-body[b-u2l7junw6w] {
    padding: 20px;
    max-height: 70vh;
    overflow-y: auto;
}

.form-group[b-u2l7junw6w] {
    margin-bottom: 20px;
}

.form-label[b-u2l7junw6w] {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    color: var(--dark-gray);
    display: flex;
    align-items: center;
    gap: 8px;
}

.amenities[b-u2l7junw6w] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.25rem;
}

.amenity-tag[b-u2l7junw6w] {
    background-color: var(--light-gray);
    padding: 0.35rem 0.75rem;
    border-radius: 20px;
    font-size: 0.8rem;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.2s;
    border: 1px solid var(--medium-gray);
    cursor: default;
}

    .amenity-tag:hover[b-u2l7junw6w] {
        background-color: var(--taxi-yellow);
        transform: translateY(-1px);
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }

    .amenity-tag i[b-u2l7junw6w] {
        font-size: 0.9em;
        color: var(--dark-gray);
    }

    /* Specific amenity colors */
    .amenity-tag[title*="VIP"][b-u2l7junw6w] {
        background-color: rgba(212, 175, 55, 0.1);
        border-color: rgba(212, 175, 55, 0.3);
    }

    .amenity-tag[title*="WiFi"][b-u2l7junw6w] {
        background-color: rgba(59, 130, 246, 0.1);
        border-color: rgba(59, 130, 246, 0.3);
    }

    .amenity-tag[title*="No Smoking"][b-u2l7junw6w] {
        background-color: rgba(16, 185, 129, 0.1);
        border-color: rgba(16, 185, 129, 0.3);
    }

.form-control[b-u2l7junw6w] {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid var(--medium-gray);
    border-radius: 8px;
    font-size: 1rem;
    transition: border-color 0.3s, box-shadow 0.3s;
    color: var(--color-text-main);
    height: 40px !important;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 0px !important;
}

    .form-control:focus[b-u2l7junw6w] {
        outline: none;
        /*border-color: var(--taxi-yellow);*/
        box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.2);
    }

.year-inputs[b-u2l7junw6w] {
    display: flex;
    gap: 15px;
}

.checkbox-group[b-u2l7junw6w] {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

    .checkbox-group input[b-u2l7junw6w] {
        margin-right: 10px;
        width: 18px;
        height: 18px;
        accent-color: var(--taxi-yellow);
    }

.checkbox-label[b-u2l7junw6w] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.multi-select[b-u2l7junw6w] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.multi-select-item[b-u2l7junw6w] {
    background-color: var(--light-gray);
    padding: 6px 12px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.remove-item[b-u2l7junw6w] {
    cursor: pointer;
    color: #E74C3C;
    font-size: 0.9rem;
}

.add-item-input[b-u2l7junw6w] {
    display: flex;
    margin-top: 10px;
}

    .add-item-input input[b-u2l7junw6w] {
        flex: 1;
        padding: 10px 15px;
        border: 1px solid var(--medium-gray);
        border-radius: 8px 0 0 8px;
        font-size: 1rem;
    }

.add-item-btn[b-u2l7junw6w] {
    background-color: var(--taxi-yellow);
    border: none;
    padding: 0 15px;
    border-radius: 0 8px 8px 0;
    cursor: pointer;
    font-weight: bold;
    transition: background-color 0.3s;
}

    .add-item-btn:hover[b-u2l7junw6w] {
        background-color: var(--taxi-dark-yellow);
    }

.modal-footer[b-u2l7junw6w] {
    padding: 15px 20px;
    background-color: var(--light-gray);
    display: flex;
    justify-content: flex-end;
    gap: 15px;
    border-top: 1px solid var(--medium-gray);
}

.btn[b-u2l7junw6w] {
    padding: 10px 20px;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    border: none;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    gap: 8px;
}

.btn-primary[b-u2l7junw6w] {
    background-color: var(--taxi-yellow);
    color: var(--taxi-black);
}

    .btn-primary:hover[b-u2l7junw6w] {
        background-color: var(--taxi-dark-yellow);
        transform: translateY(-2px);
    }

.btn-secondary[b-u2l7junw6w] {
    background-color: var(--medium-gray);
    color: var(--dark-gray);
}

    .btn-secondary:hover[b-u2l7junw6w] {
        background-color: #d1d5d8;
    }


.delete-confirmation[b-u2l7junw6w] {
    text-align: center;
    padding: 1rem;
}

    .delete-confirmation h3[b-u2l7junw6w] {
        margin: 1rem 0;
        color: #dc3545;
    }

.rule-preview[b-u2l7junw6w] {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 1rem;
    margin: 1.5rem 0;
    text-align: left;
}

.preview-item[b-u2l7junw6w] {
    display: flex;
    margin-bottom: 0.5rem;
}

.preview-label[b-u2l7junw6w] {
    font-weight: 600;
    width: 120px;
    color: #6c757d;
}

.preview-value[b-u2l7junw6w] {
    flex: 1;
}

.btn-danger[b-u2l7junw6w] {
    background-color: #dc3545;
    border-color: #dc3545;
}

    .btn-danger:hover[b-u2l7junw6w] {
        background-color: #c82333;
        border-color: #bd2130;
    }

.text-muted[b-u2l7junw6w] {
    color: #6c757d;
    margin-bottom: 1rem;
}
/* Responsive adjustments */
@media (max-width: 768px) {
    .rules-grid[b-u2l7junw6w] {
        grid-template-columns: 1fr;
    }

    .header[b-u2l7junw6w] {
        flex-direction: column;
        align-items: flex-start;
    }

    .page-title[b-u2l7junw6w] {
        font-size: 1.8rem;
    }

    .add-btn[b-u2l7junw6w] {
        width: 100%;
        justify-content: center;
    }

    .modal-body[b-u2l7junw6w] {
        max-height: 60vh;
    }

    .year-inputs[b-u2l7junw6w] {
        flex-direction: column;
        gap: 10px;
    }
}

@media (max-width: 480px) {
    body[b-u2l7junw6w] {
        padding: 15px;
    }

    .card-header[b-u2l7junw6w] {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .rule-id[b-u2l7junw6w] {
        align-self: flex-end;
    }
}
/* /Pages/Setting/MobileAppSettings/SocialMediaInput.razor.rz.scp.css */
.taxi-admin[b-juhj7xtxhq] {
    font-family: 'Segoe UI', Roboto, sans-serif;
    margin: 0;
    padding: 20px;
    color: #333;
}

.admin-dashboard[b-juhj7xtxhq] {
    max-width: 1200px;
    margin: 0 auto;
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    overflow: hidden;
}

.dashboard-header[b-juhj7xtxhq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 30px;
    background: white;
    border-bottom: 1px solid #eee;
}

    .dashboard-header h1[b-juhj7xtxhq] {
        margin: 0;
        font-size: 24px;
        color: #222;
        display: flex;
        align-items: center;
        gap: 12px;
    }

.save-btn[b-juhj7xtxhq] {
    background: #FFD700;
    color: #222;
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.2s;
}

    .save-btn:hover[b-juhj7xtxhq] {
        background: #e6c300;
        transform: translateY(-1px);
    }

.contact-grid[b-juhj7xtxhq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    padding: 20px;
}

.contact-card[b-juhj7xtxhq] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    overflow: hidden;
}

.wide-card[b-juhj7xtxhq] {
    grid-column: span 2;
}

.card-header[b-juhj7xtxhq] {
    padding: 15px 20px;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bg-yellow[b-juhj7xtxhq] {
    background: #FFD700;
    color: #222;
}

.bg-black[b-juhj7xtxhq] {
    background: #222;
    color: white;
}

.card-header h2[b-juhj7xtxhq] {
    margin: 0;
    font-size: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.add-btn[b-juhj7xtxhq] {
    background: white;
    border: none;
    color: inherit;
    width: 30px;
    color: black;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
    font-weight: bold;
}

.card-body[b-juhj7xtxhq] {
    padding: 20px;
    max-height: 360px;
    overflow: auto;
}

.form-row[b-juhj7xtxhq] {
    margin-bottom: 15px;
}

    .form-row label[b-juhj7xtxhq] {
        display: block;
        margin-bottom: 6px;
        font-weight: 500;
        font-size: 14px;
    }

    .form-row input[b-juhj7xtxhq] {
        width: 100%;
        padding: 10px 12px;
        border: 1px solid #ddd;
        border-radius: 6px;
        font-size: 14px;
    }

.form-row-parent[b-juhj7xtxhq] {
    display: flex;
    gap: 6px;
    align-items: center;
}

.delete-icon[b-juhj7xtxhq] {
    border-radius: 8px;
    background-color: #FF0000;
    border: 1px solid #E6E5E5;
    padding: 2px;
    cursor: pointer;
}

.social-grid[b-juhj7xtxhq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
}

.logo-upload-container[b-juhj7xtxhq] {
    display: flex;
    align-items: center;
    gap: 15px;
}

.logo-preview[b-juhj7xtxhq] {
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: unset;
    border: 2px solid #FFD700;
}

.park-logo[b-juhj7xtxhq] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.logo-placeholder[b-juhj7xtxhq] {
    font-size: 24px;
    color: #666;
    height: 56px;
    width: 56px;
    overflow: hidden;
    border-radius: 50%;
}

.upload-button[b-juhj7xtxhq] {
    position: absolute;
    bottom: -5px;
    right: -5px;
    background: #FFD700;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

    .upload-button:hover[b-juhj7xtxhq] {
        background: #e6c300;
    }

.validation-summary[b-juhj7xtxhq] {
    background-color: #fff3f3;
    border-left: 4px solid #ff6b6b;
    padding: 15px;
    margin: 0 20px 20px;
    border-radius: 4px;
}

    .validation-summary h3[b-juhj7xtxhq] {
        color: #d32f2f;
        margin-top: 0;
    }

    .validation-summary ul[b-juhj7xtxhq] {
        margin-bottom: 0;
        padding-left: 20px;
    }

    .validation-summary li[b-juhj7xtxhq] {
        color: #d32f2f;
    }

.validation-error[b-juhj7xtxhq] {
    color: #d32f2f;
    font-size: 12px;
    display: block;
    margin-top: 4px;
}

.form-row-parent[b-juhj7xtxhq] {
    position: relative;
    margin-bottom: 15px;
    align-items: center;
    border-bottom: 1px solid #eee;
    flex-wrap: wrap;
}

    .form-row-parent.no-border[b-juhj7xtxhq] {
        border-bottom: none;
        margin-bottom: 0px;
        flex-wrap: wrap;
    }

.delete-icon[b-juhj7xtxhq] {
    color: #ff6b6b;
    cursor: pointer;
    padding: 5px;
}

    .delete-icon:hover[b-juhj7xtxhq] {
        color: #d32f2f;
    }

@media (max-width: 768px) {
    .contact-grid[b-juhj7xtxhq] {
        grid-template-columns: 1fr;
    }

    .wide-card[b-juhj7xtxhq] {
        grid-column: span 1;
    }

    .dashboard-header[b-juhj7xtxhq] {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
}

.taxi-admin[b-juhj7xtxhq] {
    font-family: 'Segoe UI', Roboto, sans-serif;
    margin: 0;
    padding: 20px;
    color: #333;
}

.admin-dashboard[b-juhj7xtxhq] {
    max-width: 1200px;
    margin: 0 auto;
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    overflow: hidden;
}

.dashboard-header[b-juhj7xtxhq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 30px;
    background: white;
    border-bottom: 1px solid #eee;
}

    .dashboard-header h1[b-juhj7xtxhq] {
        margin: 0;
        font-size: 24px;
        color: #222;
        display: flex;
        align-items: center;
        gap: 12px;
    }

.save-btn[b-juhj7xtxhq] {
    background: #FFD700;
    color: #222;
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.2s;
}

    .save-btn:hover[b-juhj7xtxhq] {
        background: #e6c300;
        transform: translateY(-1px);
    }

.contact-grid[b-juhj7xtxhq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    padding: 20px;
}

.contact-card[b-juhj7xtxhq] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    overflow: hidden;
}

.wide-card[b-juhj7xtxhq] {
    grid-column: span 2;
}

.card-header[b-juhj7xtxhq] {
    padding: 15px 20px;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bg-yellow[b-juhj7xtxhq] {
    background: #FFD700;
    color: #222;
}

.bg-black[b-juhj7xtxhq] {
    background: #222;
    color: white;
}

.card-header h2[b-juhj7xtxhq] {
    margin: 0;
    font-size: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.add-btn[b-juhj7xtxhq] {
    background: white;
    border: none;
    color: inherit;
    width: 30px;
    color: black;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
    font-weight: bold;
}

.card-body[b-juhj7xtxhq] {
    padding: 20px;
    max-height: 360px;
    overflow: auto;
}

.form-row[b-juhj7xtxhq] {
    margin-bottom: 15px;
}

    .form-row label[b-juhj7xtxhq] {
        display: block;
        margin-bottom: 6px;
        font-weight: 500;
        font-size: 14px;
    }

    .form-row input[b-juhj7xtxhq] {
        width: 100%;
        padding: 10px 12px;
        border: 1px solid #ddd;
        border-radius: 6px;
        font-size: 14px;
    }

.form-row-parent[b-juhj7xtxhq] {
    display: flex;
    gap: 6px;
    align-items: center;
}

.delete-icon[b-juhj7xtxhq] {
    border-radius: 8px;
    background-color: #FF0000;
    border: 1px solid #E6E5E5;
    padding: 2px;
    cursor: pointer;
}

.social-grid[b-juhj7xtxhq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
}

.logo-upload-container[b-juhj7xtxhq] {
    display: flex;
    align-items: center;
    gap: 15px;
}

.logo-preview[b-juhj7xtxhq] {
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: unset;
    border: 2px solid #FFD700;
}

.park-logo[b-juhj7xtxhq] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.logo-placeholder[b-juhj7xtxhq] {
    font-size: 24px;
    color: #666;
    height: 56px;
    width: 56px;
    overflow: hidden;
    border-radius: 50%;
}

.upload-button[b-juhj7xtxhq] {
    position: absolute;
    bottom: -5px;
    right: -5px;
    background: #FFD700;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

    .upload-button:hover[b-juhj7xtxhq] {
        background: #e6c300;
    }

.validation-summary[b-juhj7xtxhq] {
    background-color: #fff3f3;
    border-left: 4px solid #ff6b6b;
    padding: 15px;
    margin: 0 20px 20px;
    border-radius: 4px;
}

    .validation-summary h3[b-juhj7xtxhq] {
        color: #d32f2f;
        margin-top: 0;
    }

    .validation-summary ul[b-juhj7xtxhq] {
        margin-bottom: 0;
        padding-left: 20px;
    }

    .validation-summary li[b-juhj7xtxhq] {
        color: #d32f2f;
    }

.validation-error[b-juhj7xtxhq] {
    color: #d32f2f;
    font-size: 12px;
    display: block;
    margin-top: 4px;
}

.form-row-parent[b-juhj7xtxhq] {
    position: relative;
    margin-bottom: 15px;
    align-items: center;
    border-bottom: 1px solid #eee;
    flex-wrap: wrap;
}

    .form-row-parent.no-border[b-juhj7xtxhq] {
        border-bottom: none;
        margin-bottom: 0px;
        flex-wrap: wrap;
    }

.delete-icon[b-juhj7xtxhq] {
    color: #ff6b6b;
    cursor: pointer;
    padding: 5px;
    margin-top: 10px;
}

    .delete-icon:hover[b-juhj7xtxhq] {
        color: #d32f2f;
    }

@media (max-width: 768px) {
    .contact-grid[b-juhj7xtxhq] {
        grid-template-columns: 1fr;
    }

    .wide-card[b-juhj7xtxhq] {
        grid-column: span 1;
    }

    .dashboard-header[b-juhj7xtxhq] {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
}
/* /Pages/Setting/MobileAppSettings/ValidationMessage.razor.rz.scp.css */
.taxi-admin[b-bcwwflp8vq] {
    font-family: 'Segoe UI', Roboto, sans-serif;
    margin: 0;
    padding: 20px;
    color: #333;
}

.admin-dashboard[b-bcwwflp8vq] {
    max-width: 1200px;
    margin: 0 auto;
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    overflow: hidden;
}

.dashboard-header[b-bcwwflp8vq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 30px;
    background: white;
    border-bottom: 1px solid #eee;
}

    .dashboard-header h1[b-bcwwflp8vq] {
        margin: 0;
        font-size: 24px;
        color: #222;
        display: flex;
        align-items: center;
        gap: 12px;
    }

.save-btn[b-bcwwflp8vq] {
    background: #FFD700;
    color: #222;
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.2s;
}

    .save-btn:hover[b-bcwwflp8vq] {
        background: #e6c300;
        transform: translateY(-1px);
    }

.contact-grid[b-bcwwflp8vq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    padding: 20px;
}

.contact-card[b-bcwwflp8vq] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    overflow: hidden;
}

.wide-card[b-bcwwflp8vq] {
    grid-column: span 2;
}

.card-header[b-bcwwflp8vq] {
    padding: 15px 20px;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bg-yellow[b-bcwwflp8vq] {
    background: #FFD700;
    color: #222;
}

.bg-black[b-bcwwflp8vq] {
    background: #222;
    color: white;
}

.card-header h2[b-bcwwflp8vq] {
    margin: 0;
    font-size: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.add-btn[b-bcwwflp8vq] {
    background: white;
    border: none;
    color: inherit;
    width: 30px;
    color: black;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
    font-weight: bold;
}

.card-body[b-bcwwflp8vq] {
    padding: 20px;
    max-height: 360px;
    overflow: auto;
}

.form-row[b-bcwwflp8vq] {
    margin-bottom: 15px;
}

    .form-row label[b-bcwwflp8vq] {
        display: block;
        margin-bottom: 6px;
        font-weight: 500;
        font-size: 14px;
    }

    .form-row input[b-bcwwflp8vq] {
        width: 100%;
        padding: 10px 12px;
        border: 1px solid #ddd;
        border-radius: 6px;
        font-size: 14px;
    }

.form-row-parent[b-bcwwflp8vq] {
    display: flex;
    gap: 6px;
    align-items: center;
}

.delete-icon[b-bcwwflp8vq] {
    border-radius: 8px;
    background-color: #FF0000;
    border: 1px solid #E6E5E5;
    padding: 2px;
    cursor: pointer;
}

.social-grid[b-bcwwflp8vq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
}

.logo-upload-container[b-bcwwflp8vq] {
    display: flex;
    align-items: center;
    gap: 15px;
}

.logo-preview[b-bcwwflp8vq] {
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: unset;
    border: 2px solid #FFD700;
}

.park-logo[b-bcwwflp8vq] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.logo-placeholder[b-bcwwflp8vq] {
    font-size: 24px;
    color: #666;
    height: 56px;
    width: 56px;
    overflow: hidden;
    border-radius: 50%;
}

.upload-button[b-bcwwflp8vq] {
    position: absolute;
    bottom: -5px;
    right: -5px;
    background: #FFD700;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

    .upload-button:hover[b-bcwwflp8vq] {
        background: #e6c300;
    }

.validation-summary[b-bcwwflp8vq] {
    background-color: #fff3f3;
    border-left: 4px solid #ff6b6b;
    padding: 15px;
    margin: 0 20px 20px;
    border-radius: 4px;
}

    .validation-summary h3[b-bcwwflp8vq] {
        color: #d32f2f;
        margin-top: 0;
    }

    .validation-summary ul[b-bcwwflp8vq] {
        margin-bottom: 0;
        padding-left: 20px;
    }

    .validation-summary li[b-bcwwflp8vq] {
        color: #d32f2f;
    }

.validation-error[b-bcwwflp8vq] {
    color: #d32f2f;
    font-size: 12px;
    display: block;
    margin-top: 4px;
}

.form-row-parent[b-bcwwflp8vq] {
    position: relative;
    margin-bottom: 15px;
    align-items: center;
    border-bottom: 1px solid #eee;
    flex-wrap: wrap;
}

    .form-row-parent.no-border[b-bcwwflp8vq] {
        border-bottom: none;
        margin-bottom: 0px;
        flex-wrap: wrap;
    }

.delete-icon[b-bcwwflp8vq] {
    color: #ff6b6b;
    cursor: pointer;
    padding: 5px;
}

    .delete-icon:hover[b-bcwwflp8vq] {
        color: #d32f2f;
    }

@media (max-width: 768px) {
    .contact-grid[b-bcwwflp8vq] {
        grid-template-columns: 1fr;
    }

    .wide-card[b-bcwwflp8vq] {
        grid-column: span 1;
    }

    .dashboard-header[b-bcwwflp8vq] {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
}

.taxi-admin[b-bcwwflp8vq] {
    font-family: 'Segoe UI', Roboto, sans-serif;
    margin: 0;
    padding: 20px;
    color: #333;
}

.admin-dashboard[b-bcwwflp8vq] {
    max-width: 1200px;
    margin: 0 auto;
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    overflow: hidden;
}

.dashboard-header[b-bcwwflp8vq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 30px;
    background: white;
    border-bottom: 1px solid #eee;
}

    .dashboard-header h1[b-bcwwflp8vq] {
        margin: 0;
        font-size: 24px;
        color: #222;
        display: flex;
        align-items: center;
        gap: 12px;
    }

.save-btn[b-bcwwflp8vq] {
    background: #FFD700;
    color: #222;
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.2s;
}

    .save-btn:hover[b-bcwwflp8vq] {
        background: #e6c300;
        transform: translateY(-1px);
    }

.contact-grid[b-bcwwflp8vq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    padding: 20px;
}

.contact-card[b-bcwwflp8vq] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    overflow: hidden;
}

.wide-card[b-bcwwflp8vq] {
    grid-column: span 2;
}

.card-header[b-bcwwflp8vq] {
    padding: 15px 20px;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bg-yellow[b-bcwwflp8vq] {
    background: #FFD700;
    color: #222;
}

.bg-black[b-bcwwflp8vq] {
    background: #222;
    color: white;
}

.card-header h2[b-bcwwflp8vq] {
    margin: 0;
    font-size: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.add-btn[b-bcwwflp8vq] {
    background: white;
    border: none;
    color: inherit;
    width: 30px;
    color: black;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
    font-weight: bold;
}

.card-body[b-bcwwflp8vq] {
    padding: 20px;
    max-height: 360px;
    overflow: auto;
}

.form-row[b-bcwwflp8vq] {
    margin-bottom: 15px;
}

    .form-row label[b-bcwwflp8vq] {
        display: block;
        margin-bottom: 6px;
        font-weight: 500;
        font-size: 14px;
    }

    .form-row input[b-bcwwflp8vq] {
        width: 100%;
        padding: 10px 12px;
        border: 1px solid #ddd;
        border-radius: 6px;
        font-size: 14px;
    }

.form-row-parent[b-bcwwflp8vq] {
    display: flex;
    gap: 6px;
    align-items: center;
}

.delete-icon[b-bcwwflp8vq] {
    border-radius: 8px;
    background-color: #FF0000;
    border: 1px solid #E6E5E5;
    padding: 2px;
    cursor: pointer;
}

.social-grid[b-bcwwflp8vq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
}

.logo-upload-container[b-bcwwflp8vq] {
    display: flex;
    align-items: center;
    gap: 15px;
}

.logo-preview[b-bcwwflp8vq] {
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: unset;
    border: 2px solid #FFD700;
}

.park-logo[b-bcwwflp8vq] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.logo-placeholder[b-bcwwflp8vq] {
    font-size: 24px;
    color: #666;
    height: 56px;
    width: 56px;
    overflow: hidden;
    border-radius: 50%;
}

.upload-button[b-bcwwflp8vq] {
    position: absolute;
    bottom: -5px;
    right: -5px;
    background: #FFD700;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

    .upload-button:hover[b-bcwwflp8vq] {
        background: #e6c300;
    }

.validation-summary[b-bcwwflp8vq] {
    background-color: #fff3f3;
    border-left: 4px solid #ff6b6b;
    padding: 15px;
    margin: 0 20px 20px;
    border-radius: 4px;
}

    .validation-summary h3[b-bcwwflp8vq] {
        color: #d32f2f;
        margin-top: 0;
    }

    .validation-summary ul[b-bcwwflp8vq] {
        margin-bottom: 0;
        padding-left: 20px;
    }

    .validation-summary li[b-bcwwflp8vq] {
        color: #d32f2f;
    }

.validation-error[b-bcwwflp8vq] {
    color: #d32f2f;
    font-size: 12px;
    display: block;
    margin-top: 4px;
}

.form-row-parent[b-bcwwflp8vq] {
    position: relative;
    margin-bottom: 15px;
    align-items: center;
    border-bottom: 1px solid #eee;
    flex-wrap: wrap;
}

    .form-row-parent.no-border[b-bcwwflp8vq] {
        border-bottom: none;
        margin-bottom: 0px;
        flex-wrap: wrap;
    }

.delete-icon[b-bcwwflp8vq] {
    color: #ff6b6b;
    cursor: pointer;
    padding: 5px;
    margin-top:10px;
}

    .delete-icon:hover[b-bcwwflp8vq] {
        color: #d32f2f;
    }

@media (max-width: 768px) {
    .contact-grid[b-bcwwflp8vq] {
        grid-template-columns: 1fr;
    }

    .wide-card[b-bcwwflp8vq] {
        grid-column: span 1;
    }

    .dashboard-header[b-bcwwflp8vq] {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
}
/* /Pages/Setting/PinflPage.razor.rz.scp.css */
.filter[b-18cofck7xw]{
    width:40%;
}
@media (max-width: 660px) {
    .filter[b-18cofck7xw] {
        width: 100%;
    }
}
/* /Pages/TelegramSender/TelgramSender.razor.rz.scp.css */
.model-container[b-cizsl3f9yc] {
    display: flex;
    width: 100%;
    flex-direction: column;
    padding: 10px 10px 35px 10px;
}

.image-container[b-cizsl3f9yc] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    padding: 20px 0px;
}

/*.image-container > :nth-child(-n+3) {*/
/* Style for the first 3 images (top row) */
/*flex: 1;
    }

    .image-container > :nth-child(n+4) {*/
/* Style for the remaining images (bottom row) */
/*flex: 1;
    }*/

.file-input-container[b-cizsl3f9yc] {
    display: flex;
    width: 100px;
    height: 80px;
    text-align: center;
}

.file-input-label[b-cizsl3f9yc] {
    width: inherit;
    height: inherit;
    border: 1px solid #f0f0f0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    cursor: pointer;
}
/* /Pages/TermsConditions/Components/TariffComponents.razor.rz.scp.css */
.tariff-back[b-ojoubixney] {
    width: 200px;
    height: 170px;
    gap: 0px;
    border-radius: 20px;
    background: linear-gradient(90deg, #FFB017 0%, #FFE70B 100%);
    box-shadow: 0px 0px 10px 0px #00000026;
    position:relative;
    z-index:10;
}
.tariff-top[b-ojoubixney] {
    background: linear-gradient(226.15deg, #FFFFFF 0%, rgba(255, 255, 255, 0.51) 101.18%);
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    /*gap: 12px;*/
    gap:0px;
    bottom: 15px;
    left: 12px;
    flex-direction: column;
    border-radius: 20px;
    padding: 8px;
    flex: 50%; 
}
.tariff-count[b-ojoubixney] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #FF9900;
    overflow: hidden;
    display: grid;
    place-items: center;
    color: white;
    font-family: Inter;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
}
.my-flex-row[b-ojoubixney]{
    display:flex;
    gap:10px;
    width:100%;
    flex-direction:row;
    align-items:center;
}

.label[b-ojoubixney] {
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 19.36px;
    text-align: left;
}
.big-text[b-ojoubixney] {
    font-family: Inter;
    font-size: 24px;
    font-weight: 700;
    line-height: 30.09px;
    text-align: left;
}

.my-flex-column[b-ojoubixney]{
    display:flex;
    flex-direction:column;
}

@media (max-width: 1200px) {
    /*.tariff-back{
        width: 230px;
        height: 240px;
    }*/
}
@media (max-width: 1080px) {
    .big-text[b-ojoubixney] {
        font-size: 30px;
        line-height:normal;
    }
    /*.tariff-back {
        width: 200px;
        height: 220px;
    }*/
    .tariff-top[b-ojoubixney]{
        /*gap:8px;*/
        gap:0px;
    }
}
/* /Pages/TermsConditions/Components/TermsLeft.razor.rz.scp.css */
.left-container[b-s18e18ne33] {
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 20px;
    background-color: #111111;
    /*padding-left: 120px;*/
}

.label[b-s18e18ne33] {
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    color: white;
    padding-right: 40px;
    z-index:10;
}

.big-label[b-s18e18ne33] {
    font-family: Inter;
    font-size: 36px;
    font-weight: 700;
    text-align: left;
    color: white;
    z-index: 10;
}

.tariff-container[b-s18e18ne33] {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: start;
    align-items: center;
    padding: 30px 45px;
}
/*
@media (max-width: 1650px) {
    .left-container {
        height: 100%;
    }
}*/
@media (max-width: 1520px) {
    .tariff-container[b-s18e18ne33] {
        justify-content: start;
    }

    .left-container[b-s18e18ne33] {
        height:100%;
    }
}

@media (max-width: 1380px) {
    .tariff-container[b-s18e18ne33] {
        justify-content: start;
    }
}

@media (max-width: 1420px) {
    .tariff-container[b-s18e18ne33] {
        justify-content: start;
    }

    .label[b-s18e18ne33] {
        padding-right: 20px;
    }
}

@media (max-width: 1000px) {
    .tariff-container[b-s18e18ne33] {
        justify-content: center;
    }
}

@media (max-width: 960px) {
    .left-container[b-s18e18ne33] {
        height: auto;
    }
}

@media (max-width: 800px) {
    .tariff-container[b-s18e18ne33] {
        justify-content: center;
    }
}

/*@media (max-width: 730px) {
    .left-container {
        padding-bottom: 220px;
    }
}
@media (max-width: 719px) {
    .left-container {
        padding-bottom: 250px;
    }
}
@media (max-width: 480px) {
    .left-container {
        padding-bottom: 220px;
    }
}
@media (max-width: 479px) {
    .left-container {
        padding-bottom: 240px;
    }
}
@media (max-width: 470px) {
    .left-container {
        padding-bottom: 240px;
    }
}

*/
    @media (max-width: 1540px) {
        .tariff-container[b-s18e18ne33] {
            padding: 30px 25px;
        }
    }

    @media (max-width: 1500px) {
        .tariff-container[b-s18e18ne33] {
            padding: 30px 15px;
        }
    }

    @media (max-width: 1460px) {
        .tariff-container[b-s18e18ne33] {
            padding: 30px 0px;
        }
    }

    @media (max-width: 1400px) {
        .left-container[b-s18e18ne33] {
            padding-left: 100px;
        }
    }

    @media (max-width: 1360px) {
        .left-container[b-s18e18ne33] {
            padding-left: 65px;
        }
    }

    @media (max-width: 1300px) {
        .left-container[b-s18e18ne33] {
            padding-left: 20px;
        }
    }

    @media (max-width: 1255px) {
        .tariff-container[b-s18e18ne33] {
            padding: 10px 0px;
        }
    }
/* /Pages/TermsConditions/Components/TermsRight.razor.rz.scp.css */
.right-container[b-fe7c178oq4] {
    display: flex;
    height: 100%;
    width: 61%;
    justify-content: center;
    align-items: start;
    flex-direction: column;
    background-size: cover;
    position: absolute;
    right: 0;
    background-image: url("imgs/right.png");
    background-repeat: no-repeat;
    background-position: center center;
    position: fixed;
}

.car-container[b-fe7c178oq4] {
    max-width: 750px;
    max-height: 750px;
}

.car[b-fe7c178oq4] {
    width: 100%;
    height: 100%;
}

.label[b-fe7c178oq4] {
    font-family: Inter;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
}

.checkbox-class[b-fe7c178oq4] {
    border: 2px solid #FFFFFF80;
    border-radius: 5px;
    background-color: #fff;
}

.link-a[b-fe7c178oq4] {
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.94px;
    text-align: left;
    padding-top: 6px;
    text-align: left;
}

.light-label[b-fe7c178oq4] {
    justify-content: center;
    align-items: center;
    display: flex;
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #24242480;
    padding-top: 20px;
}

.btns-container[b-fe7c178oq4] {
    display: flex;
    gap: 16px;
    flex-direction: column;
}

.btn[b-fe7c178oq4] {
    background: linear-gradient(270.93deg, #FFB001 1.87%, #FCE000 98.71%);
    gap: 0px;
    padding: 8px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    width: fit-content;
    cursor: pointer;
    box-shadow: 0px 0px 4px 0px #00000040;
    border: none;
}


.key-container[b-fe7c178oq4] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    box-shadow: 0px 0px 10px 0px #0000001A !important;
    padding: 8px;
    background: var(--color-bg-main) !important;
    border-radius: 15px;
    cursor: pointer;
}

.key-container-active[b-fe7c178oq4] {
    box-shadow: 0px 0px 10px 0px #F9e300 !important;
    border: 1px solid #F9E300 !important;
    overflow: hidden;
}

.btn-disabled[b-fe7c178oq4] {
    border: 1.5px solid #FFFFFF;
    color: #FFFFFF;
    cursor: default;
    background: linear-gradient(91.05deg, rgba(255, 255, 255, 0.48) 1.55%, rgba(255, 255, 255, 0.51) 99.5%);
}

.right-content-container[b-fe7c178oq4] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-width: 1000px;
    padding-left: 300px;
}


/*@media (max-width: 1764px) {
    .right-container {
        width: 55%;
    }
}
*/
@media (max-width: 1420px) {
    .right-content-container[b-fe7c178oq4] {
        padding-left: 200px;
    }

    .right-container[b-fe7c178oq4] {
        width: 60%;
        position: fixed;
        /*background: linear-gradient(270.93deg, #FFB001 1.87%, #FCE000 98.71%);*/
    }

    /*.right-content-container {
        padding-left: 70px;
    }*/
}

@media (max-width: 1300px) {
    .right-container[b-fe7c178oq4] {
        width: 50%;
        background: linear-gradient(270.93deg, #FFB001 1.87%, #FCE000 98.71%);
    }
    .right-content-container[b-fe7c178oq4] {
        padding-left: 70px;
    }
}


@media (max-width: 730px) {

}

@media (max-width: 1080px) {
    .right-container[b-fe7c178oq4] {
        padding-right: 20px;
    }
}

@media (max-width: 820px) {
    .label[b-fe7c178oq4] {
        padding-left: 0px;
    }

    .right-content-container[b-fe7c178oq4] {
        padding: 25px;
    }
}

@media (max-width: 730px) {
    .right-container[b-fe7c178oq4] {
        justify-content: center;
        /*background-image: url("imgs/down.png");*/
        background: linear-gradient(270.93deg, #FFB001 1.87%, #FCE000 98.71%);
        width: 100%;
        position: initial;
        /*top: 100%;*/
        height: auto;
    }

    .right-content-container[b-fe7c178oq4] {
        /*padding-top: 120px;*/
        padding-top: 20px;
    }
}

@media (max-width: 730px) {
    .right-container[b-fe7c178oq4] {
        top: 110%;
    }
}

@media (max-width: 719px) {
    .right-container[b-fe7c178oq4] {
        top: 130%;
    }
}

@media (max-width: 645px) {
    .right-container[b-fe7c178oq4] {
        top: 140%;
    }
}
/*@media (max-width: 645px) {
    .right-container {
        top: 150%;
    }
}
*/
@media (max-width: 480px) {
    .right-container[b-fe7c178oq4] {
        top: 160%;
    }
}

@media (max-width: 479px) {
    .right-container[b-fe7c178oq4] {
        top: 200%;
    }
}

@media (max-width: 470px) {
    .right-container[b-fe7c178oq4] {
        top: 220%;
    }
}

/*@media (max-width: 400px) {
    .right-container {
        top: 220%;
    }
}*/

@media (max-width: 370px) {
    .right-container[b-fe7c178oq4] {
        top: 230%;
    }
}

@media (max-width: 330px) {
    .right-container[b-fe7c178oq4] {
        top: 250%;
    }
}


@media (max-width: 860px) {
    .btn[b-fe7c178oq4] {
        padding: 8px 20px;
    }
}

/*.right-content-container {
        width:100%;
    }*/
@media (max-width: 660px) {
    .right-container[b-fe7c178oq4] {
        padding: 20px;
        padding-right: 20px;
    }
}
/* /Pages/TermsConditions/TermsAndConditions.razor.rz.scp.css */
.main-container[b-hl7et3yds7] {
    height: 100vh;
    /*background-size: cover;*/ /* <------ */
    /*background-image: url("imgs/term-background.png");
    background-repeat: no-repeat;
    background-position: center center;*/
    height: 100%;
    width: 100%;
}

.background[b-hl7et3yds7] {
    height: 100%;
    width: 100%;
    grid-template-columns: 1fr 1fr;
    display: grid;
}

@media (max-width: 1420px) {
    /*.main-container {
        background: linear-gradient(270.93deg, #FFB001 1.87%, #FCE000 98.71%);
    }*/
}

@media (max-width: 730px) {
    .background[b-hl7et3yds7] {
        grid-template-rows: 1fr;
        grid-template-columns: 1fr;
    }
}
/* /Pages/Transactions/TransactionPage.razor.rz.scp.css */
.filter[b-j3frm0ei09] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
    padding: 0px 10px;
    width:100%;
}

.sub-filter[b-j3frm0ei09] {
    display: flex;
    justify-content: start;
    align-items: center;
    flex-direction: row;
    gap: 10px;
}
.hide-1000[b-j3frm0ei09] {
    display: flex;
    flex-direction: row;
    gap: 10px;
}
.show-1000[b-j3frm0ei09] {
    display: none;
    flex-direction: row;
    gap: 10px;
}

@media (max-width: 1350px) {
    .filter[b-j3frm0ei09] {
        flex-direction: column;
    }

    .action-btns-wrapper[b-j3frm0ei09] {
    }
}

@media (max-width: 1000px) {
    .hide-1000[b-j3frm0ei09] {
        display: none;
    }

    .show-1000[b-j3frm0ei09] {
        display: flex;
    }
}
/* /Pages/WebApp/Components/ButtonWebApp.razor.rz.scp.css */
.webapp-btn[b-xvght3kkvz] {
    cursor: pointer;
    background-color: #FCE000;
    height: 42px;
    color: #45474B;
    padding: 8px 10px 8px 10px;
    gap: 10px;
    border-radius: 8px;
    box-shadow: 0px 2px 12px 0px #00000014;
    background: #FCE000;
    font-family: Inter;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    outline:none;
    border:none;
    width:100%;
}

.webapp-btn-disabled[b-xvght3kkvz] {
    cursor: not-allowed;
    background-color: #F1F0ED;

}
/* /Pages/WebApp/Components/InputMaskWebApp.razor.rz.scp.css */
.webapp-input-wrapper[b-h53gb1x3ir] {
    background-color: #F1F0ED;
    border-radius: 8px;
    height: 40px;
    padding: 10px;
}

.webapp-input[b-h53gb1x3ir] {
    border: none;
    font-size: 12px;
    background-color:transparent;
    width:100%;
    outline:none;
}
/* /Pages/WebApp/Components/InputWebApp.razor.rz.scp.css */
.webapp-input-wrapper[b-uz5048udn5] {
    background-color: #F1F0ED;
    border-radius:8px;
    height:40px;
    padding:10px;
}


.webapp-input[b-uz5048udn5]{
    border:none;
    font-size:12px;
}

/* /Pages/WebApp/Top/DriverDataTop.razor.rz.scp.css */
.main[b-boj5r3wkgj] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.webApp-font-main[b-boj5r3wkgj] {
    font-family: Inter;
    font-size: 16px;
    font-weight: 600;
    line-height: 19.36px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #45474B;
}

.webApp-font-main-big[b-boj5r3wkgj] {
    font-family: Inter;
    font-size: 20px;
    font-weight: 700;
    line-height: 24.2px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #45474B;
}


.webApp-font-secondary[b-boj5r3wkgj] {
    font-family: Inter;
    font-size: 12px;
    font-weight: 400;
    line-height: 14.52px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #B1B5BD;
}

.webApp-font-light[b-boj5r3wkgj] {
    font-family: Inter;
    font-size: 12px;
    font-weight: 400;
    line-height: 14.52px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #B1B5BD;
}

.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-custom-class[b-boj5r3wkgj] {
    background-color: transparent !important;
    height: fit-content !important;
    border: none !important;
    box-shadow: none !important;
}

.ant-select-custom-class[b-boj5r3wkgj] {
    background-color: transparent !important;
    height: fit-content !important;
    border: none !important;
    box-shadow: none !important;
    height: fit-content !important;
}

.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-custom-class[b-boj5r3wkgj] {
    background-color: transparent !important;
    height: fit-content !important;
    border: none !important;
    box-shadow: none !important;
    height: fit-content !important;
}

.ant-select-selector[b-boj5r3wkgj] {
    height: 24px !important;
}
/* /Pages/WebApp/WebAppCards.razor.rz.scp.css */
.web-app-card[b-e73plrry4a] {
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: start;
    border-radius: 8px;
    background-image: url("Imgs/card_back.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}


.web-app-card-text-wrap[b-e73plrry4a] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: start;
}

.web-app-card-font[b-e73plrry4a] {
    font-size: 16px;
    font-weight: 700;
    color: white;
}

.web-app-card-add[b-e73plrry4a] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px;
    flex-direction: row;
    gap: 12px;
    border-radius: 8px;
    background-color: #F1F0ED;
}

.web-app-card-add-circle[b-e73plrry4a] {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #DBDBDB;
    height: 40px;
    width: 40px;
    border-radius:50%;

}
/* /Pages/WebApp/WebAppMain.razor.rz.scp.css */
.main[b-ntbiycyfr3] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;

}

.webApp-font-main[b-ntbiycyfr3] {
    font-family: Inter;
    font-size: 16px;
    font-weight: 600;
    line-height: 19.36px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #45474B;
}
.webApp-font-main-big[b-ntbiycyfr3] {
    font-family: Inter;
    font-size: 20px;
    font-weight: 700;
    line-height: 24.2px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #45474B;
}


.webApp-font-secondary[b-ntbiycyfr3] {
    font-family: Inter;
    font-size: 12px;
    font-weight: 400;
    line-height: 14.52px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #B1B5BD;
}

.webApp-font-light[b-ntbiycyfr3] {
    font-family: Inter;
    font-size: 12px;
    font-weight: 400;
    line-height: 14.52px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #B1B5BD;
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-custom-class[b-ntbiycyfr3]{
    background-color: transparent !important;
    height:fit-content !important;
    border:none !important;
    box-shadow:none !important;
}
.ant-select-custom-class[b-ntbiycyfr3] {
    background-color: transparent !important;
    height: fit-content !important;
    border: none !important;
    box-shadow: none !important;
    height:fit-content !important;
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-custom-class[b-ntbiycyfr3] {
    background-color: transparent !important;
    height: fit-content !important;
    border: none !important;
    box-shadow: none !important;
    height: fit-content !important;
}
.ant-select-selector[b-ntbiycyfr3]{
    height:24px !important;
}
/* /Pages/WebApp/WebAppMainBody.razor.rz.scp.css */
.webApp-font-main[b-a0m39l6cez] {
    font-family: Inter;
    font-size: 16px;
    font-weight: 600;
    line-height: 19.36px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #45474B;
}

.webApp-font-main-big[b-a0m39l6cez] {
    font-family: Inter;
    font-size: 20px;
    font-weight: 700;
    line-height: 24.2px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #45474B;
}

.webApp-font-light[b-a0m39l6cez] {
    font-family: Inter;
    font-size: 12px;
    font-weight: 400;
    line-height: 14.52px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #B1B5BD;
}
/* /Pages/WebApp/WebAppTransactions.razor.rz.scp.css */
.tr-wrapper[b-qw00ijg6tc] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 4px;
}

.tr-between[b-qw00ijg6tc] {
    display: flex;
    width: 100%;
    gap: 8px;
    justify-content:space-between;
}

.tr-card[b-qw00ijg6tc] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 8px;
    background-color: #F1F0ED;
    border-radius: 8px;
    padding: 8px;
}

.tr-fill[b-qw00ijg6tc] {
    background-color: #E9F9EB;
}

.tr-status[b-qw00ijg6tc] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20px;
    border-radius: 8px;
    color: white;
    font-size: 10px;
    padding: 0px 10px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
}

.tr-success[b-qw00ijg6tc]{
    background-color: #00B912;
}

.tr-cancel[b-qw00ijg6tc]{
    background-color: #FF0000;
}

.tr-proccessing[b-qw00ijg6tc]{
    background-color: #B97800;
}

.tr-check-btn[b-qw00ijg6tc] {
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 14px;
    padding: 0px 18px;
    background-color: #FCE000;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
}

.tr-line[b-qw00ijg6tc] {
    background-color: #F1F0ED;
    width: 100%;
    padding: 1px;
    margin: 10px 0px;
}
/* /Shared/Custom/MyButton.razor.rz.scp.css */
.my-button[b-7kxuh8iqz5] {
    padding: 8px 10px 8px 10px;
    gap: 10px;
    border-radius: 8px;
    box-shadow: 0px 2px 12px 0px #00000014;
    background: #FCE000;
    font-family: Inter;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    outline:none;
    border:none;
}