/* /Froms/Accordions/Accordions.razor.rz.scp.css */

.accordions-header[b-mfkotk6smg] {
    width: 100%;
    margin-top: 5px;
    padding: 5px 15px;
    background: #f6f9fc;
    border: 1px solid #e2e9f0;
    font-size: 0.9rem;
    display: flex;
    justify-content: space-between;
    justify-items: center;
}
.accordions-header-title[b-mfkotk6smg] {
    flex: 1;
    cursor: pointer;
}

.accordions-content[b-mfkotk6smg] {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 0;
    padding: 10px;
    overflow: hidden;
}

.accordions-icon[b-mfkotk6smg] {
    width: 12px;
    height: 12px;
    fill: #8797b2;
    transition: transform 0.5s ease;
}

    .accordions-icon.open[b-mfkotk6smg] {
        transform: rotate(180deg);
    }

.accordions-header-options[b-mfkotk6smg]{
    display:flex;
    justify-items:center;
    grid:15px;
}
/* /Froms/Buttons/Others/ButtonAddItem.razor.rz.scp.css */
.btn-add-item[b-0d8hp9m8lc] {
    background-color: transparent;
    color: var(--btn-outline-color);
    border: var(--btn-outline-border);
    display:flex;
    text-align: center;
}

    .btn-add-item:hover[b-0d8hp9m8lc] {
        background-color: var(--btn-outline-hover);
    }

    .btn-add-item svg[b-0d8hp9m8lc] {
        height: 16px;
        width: 16px;
        margin:0 10px;
        fill: var(--btn-outline-icon);
    }

    .btn-add-item.mobile[b-0d8hp9m8lc] {
        padding: 10px;
        height: fit-content;
    }

    .btn-add-item.mobile svg[b-0d8hp9m8lc] {
        margin: 0;
    }

/* /Froms/Inputs/InputsSelect.razor.rz.scp.css */
.searchable-container[b-xl8z8f9ig1] {
    position: relative;
    width: 100%;
    padding:0;
    margin:0;
}

.searchable-icon[b-xl8z8f9ig1] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 10px;
    cursor: pointer;
    border-radius: 0.25rem;
    transition: background-color 0.5s ease; /* إضافة تأثير انتقال للخلفية */
}

    .searchable-icon:hover[b-xl8z8f9ig1] {
        background-color: var(--primary-light3-color);
    }
    .searchable-icon.disabled:hover[b-xl8z8f9ig1] {
        background-color: transparent;
        cursor:default;
    }

    .searchable-icon.rtl[b-xl8z8f9ig1] {
        right: 0;
        left: auto;
    }

    .searchable-icon svg[b-xl8z8f9ig1] {
        height: 16px;
        width: 16px;
        fill: #8b77b6;
    }


.searchable-dropdown-menu[b-xl8z8f9ig1] {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: block;
    width: 100%;
    max-height: 300px;
    overflow-y: auto;
    padding: 0.5rem 0;
    margin: 0;
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 0.25rem;
    box-shadow: 0 0.5rem 0.5rem rgba(0, 0, 0, 0.175);
}


.searchable-dropdown-item[b-xl8z8f9ig1],
.searchable-dropdown-none[b-xl8z8f9ig1] {
    padding: 0.25rem 1rem;
    cursor: pointer;
}

    .searchable-dropdown-item:hover[b-xl8z8f9ig1] {
        background-color: var(--primary-light3-color);
    }


.searchable-dropdown-none[b-xl8z8f9ig1] {
    background-color: #f7f7f7;
    color: #f7f7f7;
}
    .searchable-dropdown-none:hover[b-xl8z8f9ig1] {
        background-color: #e0dede;
        color: #e0dede;
    }

.searchable-dropdown-selected[b-xl8z8f9ig1] {
    background-color: var(--primary-light2-color);
    color: white;
    font: bold;
}
    .searchable-dropdown-selected:hover[b-xl8z8f9ig1] {
        background-color: var(--primary-light2-color);
    }


.searchable-no-results[b-xl8z8f9ig1] {
    padding: 0.5rem;
    color: #6c757d;
    text-align: center;
}
/* /Froms/Others/NotHaveResult.razor.rz.scp.css */

.alert-box[b-ld43wg4dzm] {
    display: flex;
    align-items: center;
    background-color: #ffeccd; /* لون الخلفية */
    border: 2px solid #ff9910; /* لون الحدود */
    padding: 15px 10px;
    color: #855008;
    position: relative;
    font-size:1.1rem;
}

.alert-icon[b-ld43wg4dzm] {
    width: 24px;
    height: 24px;
    margin: 0 10px;
    fill: #ff9910;
}

.alert-message-href[b-ld43wg4dzm] {
    color: #d48806;
    margin: 0 5px;
}

    .alert-message-href:hover[b-ld43wg4dzm] {
        text-decoration: underline;
    }
/* /Froms/Tabs/TabContainer.razor.rz.scp.css */

.tabs-container[b-ckpxiiutdw] {
    width: 100%;
    padding: 0;
    margin: 0;
    margin-top: 10px;
}

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

.tabs-content[b-ckpxiiutdw] {
    border: 1px solid #ddd;
    border-radius: 5px;
    border-top-right-radius: 0;
}


.tabs-button[b-ckpxiiutdw] {
    width: max-content;
    padding: 5px 15px;
    background: #fbfafc;
    border: 1px solid #ddd;
    border-bottom: none;
    cursor: pointer;
}

    .tabs-button.first-tab[b-ckpxiiutdw] {
        border-top-right-radius: 5px; /* إضافة حواف مستديرة للزاوية الأولى */
    }

    .tabs-button.last-tab[b-ckpxiiutdw] {
        border-top-left-radius: 5px; /* إضافة حواف مستديرة للزاوية الأخيرة */
    }

    .tabs-button.active[b-ckpxiiutdw] {
        background: var(--primary-light3-color);
    }

.tabs-mobile[b-ckpxiiutdw] {
    width: 100%;
    margin-top: 5px;
    padding: 5px 10px;
    background: #f6f9fc;
    border: 1px solid #e2e9f0;
    font-size: 0.9rem;
    display: flex;
    justify-content: space-between;
    justify-items: center;
}

.tabs-mobile-content[b-ckpxiiutdw] {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 0;
    padding: 10px;
    overflow: hidden;
}

.tabs-mobile-icon[b-ckpxiiutdw] {
    width: 12px;
    height: 12px;
    fill: #8797b2;
    transition: transform 0.5s ease;
}

    .tabs-mobile-icon.open[b-ckpxiiutdw] {
        transform: rotate(180deg);
    }
/* /Layout/FileInput.razor.rz.scp.css */
.file-upload-container[b-2t2isy4lu5] {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.file-upload-box[b-2t2isy4lu5] {
    border: 2px dashed #d3d3d3;
    border-radius: 8px;
    padding: 20px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

    .file-upload-box:hover[b-2t2isy4lu5] {
        background-color: #f9f9f9;
    }

.file-upload-content[b-2t2isy4lu5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #007bff;
    font-size: 16px;
}

.file-preview img[b-2t2isy4lu5] {
    max-width: 100%;
    height: auto;
    border: 1px solid #ddd;
    padding: 5px;
    border-radius: 5px;
}
/* /Layout/MainLayout.razor.rz.scp.css */
main[b-ul2p924usi] {
    background-color: var(--background);
    display: flex;
    height: 100vh;
    overflow: hidden;
    position: relative;
}

.sidebar[b-ul2p924usi] {
    background-color: var(--sidebar-bg);
    width: 300px;
    transition: width 0.5s ease; /* �������� ����� */
    overflow: hidden;
}

    .sidebar.collapsed[b-ul2p924usi] {
        width: 50px;
    }

    .sidebar.full[b-ul2p924usi] {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        z-index: 1000;
    }

    .sidebar.none[b-ul2p924usi] {
        display: none;
    }
/* /Layout/Modals.razor.rz.scp.css */
.modal-container[b-6jjakbbapo] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none; /* يتم تغييره إلى flex عند العرض */
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.25);
    z-index: 2000;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    opacity: 0;
    visibility: hidden; /* يجعل العنصر مخفيًا */
}

    .modal-container.show[b-6jjakbbapo] {
        display: flex; /* عرض العنصر عند الحاجة */
        opacity: 1;
        visibility: visible; /* يجعل العنصر مرئيًا */
    }


.modal-backdrop[b-6jjakbbapo] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1999;
}

.modal-content[b-6jjakbbapo] {
    position: relative;
    background: #ffffff;
    padding: 20px;
    border-radius: 8px;
    max-width: 500px;
    width: 90%;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    z-index: 2001;
}

.modal-header[b-6jjakbbapo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
}

.modal-body[b-6jjakbbapo] {
    margin:  10px 0;
}

.modal-footer[b-6jjakbbapo] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.modal-close-button[b-6jjakbbapo] {
    border: none; /* إزالة الحدود الافتراضية */
    padding: 0 10px;
    border-radius: 5px;
    font-size: 20px;
    cursor: pointer;
}

    .modal-close-button:hover[b-6jjakbbapo] {
        border: 1px solid #ddd; /* إضافة حدود عند التمرير */
    }
/* /Layout/NavMenu.razor.rz.scp.css */

.main-navbar[b-f5t20h7lit] {
    display: flex;
    height: var(--navbar-height);
    padding: 0;
    border-bottom: 1px solid var(--navbar-border);
    background-color: var(--navbar-bg);
    font-size: 0.875rem;
    justify-content: space-between;
}

.top-row[b-f5t20h7lit] {
    position: sticky;
    top: 0;
    z-index: 20000;
}


.main-navbar-item[b-f5t20h7lit] {
    padding: 0 20px;
    cursor: pointer;
    height: 100%;
    display: flex;
    align-items: center;
    color: white;
}

    .main-navbar-item:hover[b-f5t20h7lit] {
        background-color: rgba(255, 255, 255, 0.1);
    }

.main-navbar-icon[b-f5t20h7lit] {
    width: 20px;
    height: 20px;
    fill: white;
    transition: transform 0.5s ease; 
}
.main-navbar-icon-180[b-f5t20h7lit] {
    transform: rotate(180deg); /* ����� ������ 180 ���� */
}

/* /Layout/Sidebar.razor.rz.scp.css */
.top-row[b-x5x4jtpxxs] {
    height: 100px;
    background-color: rgba(0,0,0,0.1);
}

.navbar-logo[b-x5x4jtpxxs] {
    height: 60px;
}


.nav-item[b-x5x4jtpxxs] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
    cursor: pointer;
}

    .nav-item[b-x5x4jtpxxs]  .nav-link {
        color: var(--sidebar-color);
        background: none;
        border: none;
        border-radius: 5px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }
    .nav-item[b-x5x4jtpxxs]  .nav-link-collapsed {
        border-radius: 0;
        display:flex;
        justify-content:center;
    }

    .nav-item[b-x5x4jtpxxs]  a.active {
        background-color: rgba(255,255,255,0.1);
        color: white;
    }

    .nav-item[b-x5x4jtpxxs]  .nav-link:hover {
        background-color: rgba(255,255,255,0.2);
        color: white;
    }

.nav-item-child[b-x5x4jtpxxs] {
    overflow: hidden;
    transition: max-height 0.5s ease-out;
}

.nav-item-disable[b-x5x4jtpxxs]  .nav-link {
    opacity: 0.3;
    cursor: default !important;
}


.nav-scrollable[b-x5x4jtpxxs] {
    display: block;
    height: calc(100vh - 100px); /* 100px height top-row  */
    overflow-y: auto;
    scrollbar-width: thin; /* لـ Firefox */
    scrollbar-color: var(--primary-color) var(--sidebar-bg); /* لون الشريط والمسار */
}


.navbar-toggler:checked ~ .nav-scrollable[b-x5x4jtpxxs] {
    display: block;
}

.nav-icon[b-x5x4jtpxxs] {
    height: 20px;
    width: 20px;
    margin: auto 7px;
}

.dropdown-menu[b-x5x4jtpxxs] {
    border-radius: 0 !important;
    top: auto !important;
    right: 0 !important;
    transform: translateX(-48px) translateY(-55px);
    display: none;
    transition: all 0.3s ease;
    z-index: 100000;
}

[dir="ltr"] .dropdown-menu[b-x5x4jtpxxs] {
    left: 98px !important;
    right: auto !important;
}


.dropdown2:hover .dropdown-menu[b-x5x4jtpxxs] {
    display: block; 
}

.dropdown2:hover .dropdown-menu[b-x5x4jtpxxs] {
    display: block;
    opacity: 1; 
}

/* Media Query for Mobile */
@media (max-width: 768px) {
    .top-row[b-x5x4jtpxxs] {
        margin-top: var(--navbar-height);
    }

    .nav-scrollable[b-x5x4jtpxxs] {
        height: calc(100vh - 100px - var(--navbar-height)); /* 100px height top-row  */
    }
}
/* /Layout/TreeNodeView.razor.rz.scp.css */

.tree-view-node[b-3n6acovykw] {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}

    .tree-view-node > div[b-3n6acovykw] {
        display: flex;
        align-items: center;
        padding: 5px 10px;
        cursor: pointer;
        user-select: none;
        transition: background-color 0.3s ease;
    }

        .tree-view-node > div:hover[b-3n6acovykw] {
            background-color: #f5f5f5;
        }

.tree-view-node-selected[b-3n6acovykw] {
    background-color: #d2d5eb;
    color: #336699;
    font-weight: bold;
}

.tree-view-node-title[b-3n6acovykw] {
    margin-left: 10px;
    font-size: 14px;
    font-weight: normal;
}

.tree-view-node-icon[b-3n6acovykw] {
    width: 20px;
    height: 20px;
    fill: #336699;
    transition: transform 0.3s ease;
}

[dir="ltr"] .tree-view-node-icon[b-3n6acovykw] {
    margin-right: 10px;
}

[dir="rtl"] .tree-view-node-icon[b-3n6acovykw] {
    margin-left: 10px;
}


[dir="rtl"] .tree-view-node-children[b-3n6acovykw] {
    margin-left: 0;
    padding-left: 0;
    border-left: none;

    margin-right: 20px;
    padding-right: 15px;
    border-right: 1px dashed #ccc;
}

[dir="ltr"] .tree-view-node-children[b-3n6acovykw] {
    margin-right: 0;
    padding-right: 0;
    border-right: none;

    margin-left: 20px;
    padding-left: 15px;
    border-left: 1px dashed #ccc;
}

/* تحديد المجلد المفتوح */
.tree-view-node > div[aria-expanded="true"] .tree-view-node-icon[b-3n6acovykw] {
    transform: rotate(90deg);
}

input[type="checkbox"][b-3n6acovykw] {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

/* الأنيميشن عند الفتح والإغلاق */
.tree-view-node-children[b-3n6acovykw] {
    animation: fadeIn-b-3n6acovykw 0.3s ease;
}

@keyframes fadeIn-b-3n6acovykw {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Layout/TreeView.razor.rz.scp.css */
/* الفئة الأساسية لشجرة */
.tree-view[b-sy9alfzjaq] {
    list-style-type: none;
    margin: 0;
}
/* /Pages/Freights/Dashboard/Index.razor.rz.scp.css */

.overview[b-peg1h5z26y] {
    color: #455a64;
    background-color: white;
    display: flex;
    padding: 20px;
    height: 100%;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
}

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

    .overview .content[b-peg1h5z26y] {
        flex:1;
        margin:0;
        padding:0;
    }

        .overview .content .title[b-peg1h5z26y] {
            font-size: 1rem;
            color:#455d73;
            margin: 0;
            padding: 0;
        }

        .overview .content .value[b-peg1h5z26y] {
            font-size: 1.7rem;
            margin: 0;
            padding: 0;
        }

        .overview .content .description[b-peg1h5z26y] {
            font-size: 0.9rem;
            margin: 0;
            padding: 0;
        }

    .overview i[b-peg1h5z26y] {
        margin: 0;
        padding: 0;
        opacity: 0.5;
        font-size: 2.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        transform: rotate(90deg);
    }

        .overview i.color1[b-peg1h5z26y] {
            color: #26c6da ;
        }

        .overview i.color2[b-peg1h5z26y] {
            color: #7460ee ;
        }

        .overview i.color3[b-peg1h5z26y] {
            color: #03a9f3;
        }

        .overview i.color4[b-peg1h5z26y] {
            color: #f62d51;
        }



        /**/
.card-default[b-peg1h5z26y]{
    margin:20px 0;
    overflow-x:auto;
}
.card-header[b-peg1h5z26y] {
    color: #455d73;
    background-color: white;
    display: flex;
    align-items: center;
    padding: 10px 20px;
    border-bottom: 1px solid #d4e1ed;
}



table th[b-peg1h5z26y] {
    font-size: 0.9rem;
    font-weight: normal;
    padding: 10px;
    text-align: start;
}

table th[b-peg1h5z26y], table td[b-peg1h5z26y] {
    border-left: none;
    border-right: none;
}

table td[b-peg1h5z26y] {
    font-size: 0.9rem;
    padding: 20px 10px;
}

.label[b-peg1h5z26y] {
    border-radius: 5px;
    font-size: 0.9rem;
    padding: 2px 20px;
}

.label-waiting[b-peg1h5z26y] {
    color: #7a5900;
    background-color: #f1c40f;
    border-color: #d4a30a;
}

.label-confirmed[b-peg1h5z26y] {
    background-color: #3498db;
    color: #ffffff;
    border-color: #217dbb;
}

.label-in-port[b-peg1h5z26y] {
    background-color: #9b59b6;
    color: #ffffff;
    border-color: #7d3c98;
}

.label-in-branch[b-peg1h5z26y] {
    background-color: #1abc9c;
    color: #ffffff;
    border-color: #16a085;
}

.label-ready-for-dispatch[b-peg1h5z26y] {
    background-color: #e67e22;
    color: #ffffff;
    border-color: #d35400;
}



.label-in-progress[b-peg1h5z26y] {
    background-color: #2980b9;
    color: #ffffff;
    border-color: #1f6690;
}

.label-delivered[b-peg1h5z26y] {
    background-color: #2ecc71;
    color: #ffffff;
    border-color: #27ae60;
}

.label-completed[b-peg1h5z26y] {
    background-color: #27ae60;
    color: #ffffff;
    border-color: #1e8449;
}

.label-rejected[b-peg1h5z26y] {
    background-color: #e74c3c;
    color: #ffffff;
    border-color: #c0392b;
}

.label-stuck[b-peg1h5z26y] {
    background-color: #d35400;
    color: #ffffff;
    border-color: #a04000;
}



.label-returned-to-port[b-peg1h5z26y] {
    background-color: #8e44ad;
    color: #ffffff;
    border-color: #6c3483;
}

.label-ready-for-return[b-peg1h5z26y] {
    background-color: #f39c12;
    color: #7a5900;
    border-color: #e67e22;
}

.label-return-empty[b-peg1h5z26y] {
    background-color: #34495e;
    color: #ffffff;
    border-color: #2c3e50;
}

.label-ready-for-return[b-peg1h5z26y] {
    color: #2a1f68;
    background-color: #504aeb;
}

.label-returned-in-progress[b-peg1h5z26y] {
    background-color: #16a085;
    color: #ffffff;
    border-color: #13876b;
}

.label-returned-delivered[b-peg1h5z26y] {
    background-color: #7f8c8d;
    color: #ffffff;
    border-color: #626e70;
}

.label-completed-returned[b-peg1h5z26y] {
    background-color: #2c3e50;
    color: #ffffff;
    border-color: #1c2833;
}


.label-Canceled[b-peg1h5z26y] {
    background-color: #95a5a6;
    color: #2c3e50;
    border-color: #7f8c8d;
}
/* /Pages/Freights/Dashboard/TableShipment.razor.rz.scp.css */

table th[b-z6by11xjh9] {
    font-size: 0.9rem;
    font-weight: normal;
    padding: 10px;
    text-align: start;
}

table th[b-z6by11xjh9], table td[b-z6by11xjh9] {
    border-left: none;
    border-right: none;
}

table td[b-z6by11xjh9] {
    font-size: 0.9rem;
    padding: 20px 10px;
}

.label[b-z6by11xjh9] {
    border-radius: 5px;
    font-size: 0.9rem;
    padding: 2px 20px;
}

.label-waiting[b-z6by11xjh9] {
    color: #7a5900;
    background-color: #f1c40f;
    border-color: #d4a30a;
}

.label-confirmed[b-z6by11xjh9] {
    background-color: #3498db;
    color: #ffffff;
    border-color: #217dbb;
}

.label-in-port[b-z6by11xjh9] {
    background-color: #9b59b6;
    color: #ffffff;
    border-color: #7d3c98;
}

.label-in-branch[b-z6by11xjh9] {
    background-color: #1abc9c;
    color: #ffffff;
    border-color: #16a085;
}

.label-ready-for-dispatch[b-z6by11xjh9] {
    background-color: #e67e22;
    color: #ffffff;
    border-color: #d35400;
}



.label-in-progress[b-z6by11xjh9] {
    background-color: #2980b9;
    color: #ffffff;
    border-color: #1f6690;
}

.label-delivered[b-z6by11xjh9] {
    background-color: #2ecc71;
    color: #ffffff;
    border-color: #27ae60;
}

.label-completed[b-z6by11xjh9] {
    background-color: #27ae60;
    color: #ffffff;
    border-color: #1e8449;
}

.label-rejected[b-z6by11xjh9] {
    background-color: #e74c3c;
    color: #ffffff;
    border-color: #c0392b;
}

.label-stuck[b-z6by11xjh9] {
    background-color: #d35400;
    color: #ffffff;
    border-color: #a04000;
}



.label-returned-to-port[b-z6by11xjh9] {
    background-color: #8e44ad;
    color: #ffffff;
    border-color: #6c3483;
}

.label-ready-for-return[b-z6by11xjh9] {
    background-color: #f39c12;
    color: #7a5900;
    border-color: #e67e22;
}

.label-return-empty[b-z6by11xjh9] {
    background-color: #34495e;
    color: #ffffff;
    border-color: #2c3e50;
}

.label-ready-for-return[b-z6by11xjh9] {
    color: #2a1f68;
    background-color: #504aeb;
}

.label-returned-in-progress[b-z6by11xjh9] {
    background-color: #16a085;
    color: #ffffff;
    border-color: #13876b;
}

.label-returned-delivered[b-z6by11xjh9] {
    background-color: #7f8c8d;
    color: #ffffff;
    border-color: #626e70;
}

.label-completed-returned[b-z6by11xjh9] {
    background-color: #2c3e50;
    color: #ffffff;
    border-color: #1c2833;
}


.label-Canceled[b-z6by11xjh9] {
    background-color: #95a5a6;
    color: #2c3e50;
    border-color: #7f8c8d;
}
/* /Pages/Freights/Documents/Shipment/ShipmentPrintDO.razor.rz.scp.css */
*[b-idefo0xqfv] {
    font-family: 'Times New Roman', Times, serif;
}

.color[b-idefo0xqfv]{
    color:#1f497d;
}

table[b-idefo0xqfv] {
    border: 2px solid #95b3d7; 
    border-collapse: collapse; 
}

th[b-idefo0xqfv] {
    color: #1f497d !important;
}


th[b-idefo0xqfv], td[b-idefo0xqfv] {
    border: 1px solid #95b3d7;
    text-align: center !important;
    font-weight: bold;
}
/* /Pages/Freights/Documents/Shipment/Timeline.razor.rz.scp.css */
main[b-97f4rrxm2f] {
    height: max-content !important;
    overflow: auto !important;
}


.shipment-info[b-97f4rrxm2f] {
    width: 100%;
    padding: 20px;
    background: white;
    border: var(--border-gray);
    border-radius: 10px;
    margin-bottom: 20px;
}

    .shipment-info p[b-97f4rrxm2f] {
        margin: 10px 0;
        font-size: 14px;
        color: #333;
    }

.timeline[b-97f4rrxm2f] {
    width: 100%;
    position: relative;
}

    .timeline[b-97f4rrxm2f]::before {
        content: '';
        position: absolute;
        right: 20px;
        width: 4px;
        height: 100%;
        background-color: var(--primary-light-color);
    }

.event[b-97f4rrxm2f] {
    display: flex;
    margin-bottom: 20px;
    position: relative;
}

    .event .marker[b-97f4rrxm2f] {
        width: 14px;
        height: 14px;
        background-color: var(--primary-light-color);
        border-radius: 50%;
        position: absolute;
        right: 15px;
        top: 4px;
    }

    .event .content[b-97f4rrxm2f] {
        background: white;
        flex:1;
        padding: 10px;
        margin-right: 40px;
        border-radius: 5px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    }
    .event .block[b-97f4rrxm2f] {
        display: flex;
        align-items: center;
        gap: 5px;
        padding-bottom: 5px;
    }

    .event .content h3[b-97f4rrxm2f] {
        margin: 0 0 5px;
        font-size: 16px;
    }

        .event .content p[b-97f4rrxm2f] {
            margin: 0;
            font-size: 14px;
            color: #666;
        }

    .event .content i[b-97f4rrxm2f] {
        font-size: 1.2rem;
        color: var(--primary-color);
    }
/* /Pages/POS/Calc.razor.rz.scp.css */


.calculator[b-0v4n6g7p6v] {
    height: calc(100vh - 46px);
    width: 100%;
    background-color: #d4e0eb;
    padding: 20px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
}

.display[b-0v4n6g7p6v] {
    background-color: #f5f5f5;
    color: #333;
    height: 150px;
    text-align: center;
    font-size: 3rem;
    font-weight: bold;
    border-radius: 8px;
    margin-bottom: 10px;
    padding: 20px;
}

.display-title[b-0v4n6g7p6v] {
    text-align: start;
    font-size: 1.2rem;
    font-weight: normal;
}

.display-description[b-0v4n6g7p6v] {
    text-align: start;
    font-size: 0.9rem;
    font-weight: normal;
}

.buttons-container[b-0v4n6g7p6v] {
    flex: 1;
    display: flex;
    flex-direction: column;
    direction: ltr;
    gap: 5px;
}

.buttons[b-0v4n6g7p6v] {
    display: flex;
    flex: 1;
    gap: 5px;
}

button[b-0v4n6g7p6v] {
    flex: 1;
    font-size: 2rem;
    font-weight: bold;
    cursor: pointer;
    border: none;
    background-color: #ffffff;
    color: #213242;
    transition: 0.3s;
    border-radius: 6px;
}

    button:hover[b-0v4n6g7p6v] {
        background-color: #d0d0d0;
    }

    button.backspace[b-0v4n6g7p6v] {
        flex: 2;
        background-color: #ff6666;
        color: white;
    }

    button.enter[b-0v4n6g7p6v] {
        flex: 2;
        background-color: #4caf50;
        color: white;
    }
/* /Pages/POS/Create.razor.rz.scp.css */

.pos-page[b-09891pomb5] {
    height: calc(100vh - 46px);
    width: 100%;
}

.pos-col-1[b-09891pomb5] {
    width: 65%;
}

.pos-col-2[b-09891pomb5] {
    width: 35%;
}

.pos-page-scroll[b-09891pomb5] {
    height: calc(100vh - 106px);
    width: 100%;
    overflow-y: auto;
    scrollbar-width: thin; /* لـ Firefox */
}


/* Media Query for Desktop */
@media (max-width: 1024px) {
    .pos-col-1[b-09891pomb5] {
        width: 50%;
    }

    .pos-col-2[b-09891pomb5] {
        width: 50%;
    }
}

/* Media Query for Mobile */
@media (max-width: 768px) {
    .pos-col-1[b-09891pomb5] {
        width: 100%;
    }

    .pos-col-2[b-09891pomb5] {
        width: 100%;
    }

    .pos-page-scroll[b-09891pomb5] {
        height: calc(100vh - 150px);
    }
}




/* /Pages/POS/Customrts.razor.rz.scp.css */

.customer-grid[b-bhxhx3l3oo] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); /* توزيع الأعمدة تلقائيًا */
    gap: 10px; /* المسافات بين البطاقات */
    padding: 10px;
}

.customer-card[b-bhxhx3l3oo] {
    background-color: #f6f9fc;
    border: solid 1px #dddddd;
    border-radius: 7px;
    overflow: hidden;
    cursor: pointer;
    transition: background 0.5s ease;
}

    .customer-card:hover[b-bhxhx3l3oo] {
        background-color: #ebf1f7;
    }


.customer-title[b-bhxhx3l3oo] {
    display: flex;
    align-items: center;
    height: 60px;
    padding: 0 20px;
    font-size: 1.2rem;
    color: white;
}


.customer-container[b-bhxhx3l3oo] {
    display: flex;
    align-items: center;
    padding: 10px 20px;
}
    .customer-container i[b-bhxhx3l3oo] {
        color: #4e5381;
        margin: 0 5px;
    }

.customer-info[b-bhxhx3l3oo] {
    padding: 5px 0;
    font-size: 1rem;
    color: #4e5381;
}
/* /Pages/POS/Invoice.razor.rz.scp.css */

.invoice-container[b-donnkguz8a] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 46px);
}

.tab-container[b-donnkguz8a], .customer-container[b-donnkguz8a], .totals-container[b-donnkguz8a] {
    flex-shrink: 0; /* منع هذه الأقسام من التقلص */
}

.tab-container[b-donnkguz8a] {
    width: 100%;
    height: 55px;
    display: flex;
    border: solid 1px #dddddd;
}

.tab-page-container[b-donnkguz8a] {
    height: 100%;
    display: flex;
    gap: 1px;
    flex: 1;
    overflow-x: auto; /* شريط تمرير أفقي */
    white-space: nowrap; /* منع الانتقال إلى سطر جديد */
    /* إخفاء شريط التمرير */
    scrollbar-width: none; /* لـ Firefox */
    -ms-overflow-style: none; /* لـ Internet Explorer و Edge */
}

    .tab-page-container[b-donnkguz8a]::-webkit-scrollbar {
        display: none; /* لـ Chrome و Safari */
    }


.tab-page[b-donnkguz8a] {
    height: 100%;
    min-width: 100px;
    padding: 7px;
    background-color: white;
    cursor: pointer;
}

    .tab-page:hover[b-donnkguz8a] {
        background-color: #f3f6fa;
    }

    .tab-page.active[b-donnkguz8a] {
        color: white;
        background-color: var(--primary-color);
    }

.tab-page-title[b-donnkguz8a] {
    font-weight: bold;
}

.tab-page-description[b-donnkguz8a] {
    color: #8797b2;
    font-size: small;
}

.tab-btn-container[b-donnkguz8a] {
    height: 100%;
    display: flex;
    gap: 1px;
}

.tab-btn[b-donnkguz8a] {
    height: 100%;
    width: 60px;
    background-color: #f6f9fc;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

    .tab-btn:hover[b-donnkguz8a] {
        background-color: #f2f6fa;
    }

    .tab-btn svg[b-donnkguz8a] {
        width: 16px;
        height: 16px;
        fill: #8797b2;
    }

.tab-add[b-donnkguz8a] {
    width: 50px;
    height: 100%;
    background-color: #13b272;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

    .tab-add svg[b-donnkguz8a] {
        fill: white;
        width: 24px;
        height: 24px;
    }

/* Customer */
.customer-container[b-donnkguz8a] {
    width: 100%;
    height: 55px;
    color: white;
    background-color: var(--primary-color);
    padding: 0 20px;
    cursor: pointer;
    transition: background 0.5s ease;
}
    .customer-container:hover[b-donnkguz8a] {
        background-color: var(--primary-light-color);
    }

.customer-info[b-donnkguz8a] {
    height:50%;
    font-size:0.9rem;
    display: flex;
    align-items: center;
}

    .customer-info i[b-donnkguz8a] {
        color: white;
        margin: 0 10px;
    }


/**/
.invoice-details[b-donnkguz8a] {
    flex-grow: 1; /* جعل هذا القسم يأخذ المساحة المتبقية */
    scrollbar-width: thin; /* لـ Firefox */
    overflow-y: auto;
    width: 100%;
    background-color: var(--background);
    border: 2px solid white;
}


/* Table */
.table-container[b-donnkguz8a] {
    background-color: white;
    display: flex;
    border-bottom: solid 1px #dddddd;
}

    .table-container:hover[b-donnkguz8a] {
        background-color: #f2f6fa;
    }

.table-content[b-donnkguz8a] {
    display: flex;
    flex: 1;
}

.table-items[b-donnkguz8a] {
    width: 100%;
    height: 100%;
    padding: 7px 20px;
}

.table-item[b-donnkguz8a] {
    width: 100%;
    font-weight: bold;
}

.table-note[b-donnkguz8a] {
    width: 100%;
    color: #8797b2;
}


.table-qty-container[b-donnkguz8a] {
    width: 100%;
    display: flex;
    align-items: center;
    height: 100%;
}

.table-qtys[b-donnkguz8a] {
    height: 100%;
    padding: 10px 0;
    flex: 1;
    cursor: pointer;
}
    .table-qtys:hover[b-donnkguz8a] {
        background-color: #dce6f1;
    }

.table-qty[b-donnkguz8a] {
    text-align: center;
    font-weight: bold;
}
.table-unit[b-donnkguz8a] {
    color: #8797b2;
    width: 100%;
    text-align: center;
}

.table-qty-btn[b-donnkguz8a] {
    height: 100%;
    padding: 0 15px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
    .table-qty-btn:hover[b-donnkguz8a] {
        background-color: #dce6f1;
    }

.table-qty-btn i[b-donnkguz8a] {
    color: var(--primary-light2-color);
    font-size: 1.5rem;
}


.table-totals[b-donnkguz8a] {
    text-align: end;
    height: 100%;
    width: 100%;
    padding: 10px 0;
    cursor: pointer;
}
    .table-totals:hover[b-donnkguz8a] {
        background-color: #dce6f1;
    }

.table-total[b-donnkguz8a] {
    font-weight: bold;
    font-size: 1rem;
}

.table-price[b-donnkguz8a] {
    color: #8797b2;
    font-size: 0.9rem;
}

.table-delete[b-donnkguz8a] {
    padding: 0 20px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .table-delete:hover[b-donnkguz8a] {
        background-color: #fad2c4;
    }

    .table-delete i[b-donnkguz8a] {
        color: #a91f26;
        font-size: 1.1rem;
    }

/* Total */
.total-container[b-donnkguz8a] {
    width: 100%;
    display: flex;
}

.total-content[b-donnkguz8a] {
    background-color: #f6f9fc;
    margin-top: 1px;
    margin-left: 1px;
    width: 50%;
    padding: 10px 0;
    display: flex;
    align-items: center;
}
    .total-content.total[b-donnkguz8a] {
        width: 60%;
        margin-top: 0;
        background-color: var(--primary-light-color);
    }

    .total-content.discount[b-donnkguz8a] {
        transition: background 0.5s;
        background-color: var(--primary-light3-color);
        cursor: pointer;
    }
        .total-content.discount:hover[b-donnkguz8a] {
            color: white;
            background-color: var(--primary-light2-color);
        }
            .total-content.discount:hover .discount[b-donnkguz8a] {
                color: white;
            }
            .total-content.discount:hover .curr[b-donnkguz8a] {
                color: white;
            }


.total-content-title[b-donnkguz8a] {
    width: 40%;
    font-size: 1.1rem;
    padding: 0 10px;
}
    .total-content-title.total[b-donnkguz8a] {
        width: 40%;
        color: white;
        font-size: 1.5rem;
    }
    .total-content-title.discount[b-donnkguz8a] {
        font-weight: bold;
    }

.total-content-text[b-donnkguz8a] {
    width: 60%;
    color: var(--primary-color);
    font-weight: bold;
}
    .total-content-text.total[b-donnkguz8a] {
        width: 60%;
        color: white;
        font-size: 1.4rem;
        font-weight: bold;
    }

    .total-content-text.discount[b-donnkguz8a] {
        color: var(--primary-color);
    }
    .total-content-text.curr[b-donnkguz8a] {
        font-size: 0.8rem;
        color: var(--primary-light2-color);
    }
    .total-content-text.curr-total[b-donnkguz8a] {
        font-size: 0.9rem;
        color: var(--primary-light3-color);
    }

/* Button Save */
.btn-save[b-donnkguz8a] {
    background-color: var(--primary-color);
    color: white;
    width: 40%;
    padding: 20px 0;
    font-size: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: background 0.5s;
}

    .btn-save:hover[b-donnkguz8a] {
        background-color: var(--success-color);
    }

    .btn-save i[b-donnkguz8a] {
        margin: auto 15px;
    }


/* Button Add Item */
.btn-add-item[b-donnkguz8a] {
    background-color: var(--primary-light2-color);
    color: var(--primary-light3-color);
    width: 50%;
    padding: 15px 0;
    font-weight: bold;
    font-size: 1.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: background 0.5s;
}

    .btn-add-item:hover[b-donnkguz8a] {
        background-color: var(--success-color);
    }

    .btn-add-item i[b-donnkguz8a] {
        margin: auto 15px;
    }

/* Media Query for Mobile */
@media (max-width: 768px) {

    .total-container.total[b-donnkguz8a] {
        width: 100%;
    }
    .total-content.total[b-donnkguz8a] {
        width: 100%;
    }

    .total-content-title[b-donnkguz8a] {
        width: 40%;
    }

    .total-content-text[b-donnkguz8a] {
        width: 60%;
        font-size: 0.9rem;
    }
        .total-content-text.curr[b-donnkguz8a] {
            font-size: 0.7rem;
        }

    .btn-save[b-donnkguz8a] {
        width: 50%;
        font-size: 1.2rem;
    }
}
/* /Pages/POS/Invoices.razor.rz.scp.css */

.invoice-grid[b-2o1jvi65uy] {
    width: 100%;
    padding: 10px;
}

.invoice-card[b-2o1jvi65uy] {
    padding:10px;
    width: 100%;
    background-color: #f6f9fc;
    border: solid 1px #dddddd;
    margin-bottom: 5px;
    overflow: hidden;
    cursor: pointer;
    transition: background 0.5s ease;
}

    .invoice-card:hover[b-2o1jvi65uy] {
        background-color: #ebf1f7;
    }


.invoice-title[b-2o1jvi65uy] {
    display: flex;
    align-items: center;
    font-size: 1rem;
    font-weight:bold;
}


.invoice-container[b-2o1jvi65uy] {
    display: flex;
    align-items: center;
    justify-content:space-between;
}
    .invoice-container i[b-2o1jvi65uy] {
        color: #4e5381;
        margin: 0 5px;
    }

.invoice-info[b-2o1jvi65uy] {
    padding:5px 0;
    display: flex;
    align-items: center;
    font-size: 1rem;
    color: #4e5381;
}
/* /Pages/POS/ItemCategorys.razor.rz.scp.css */

.category-grid[b-5qnc7wj274] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); /* توزيع الأعمدة تلقائيًا */
    gap: 10px; /* المسافات بين البطاقات */
    padding: 10px;
}

.category-card[b-5qnc7wj274] {
    background-color: #f6f9fc;
    border: solid 1px #dddddd;
    border-radius: 7px;
    overflow: hidden;
    cursor: pointer;
    transition: background 0.5s ease;
}

    .category-card:hover[b-5qnc7wj274] {
        background-color: #ebf1f7;
    }

.category-title[b-5qnc7wj274] {
    text-align: center;
    height: 80px;
    padding: 5px 0;
    font-size:1.3rem;
    color: white;
}

.category-img[b-5qnc7wj274] {
    padding: 5px;
    width: 100%;
    height: 150px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .category-img i[b-5qnc7wj274] {
        color: #e4ebf2;
        font-size:4rem;
    }

/* /Pages/POS/Items.razor.rz.scp.css */

.item-grid[b-votc0a26kb] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); /* توزيع الأعمدة تلقائيًا */
    gap: 10px; /* المسافات بين البطاقات */
    padding: 10px;
}


.item-card[b-votc0a26kb] {
    background-color: #f6f9fc;
    cursor: pointer;
    border: solid 1px #dddddd;
    border-radius: 7px;
    overflow: hidden;
    transition: background 0.5s ease;
}

        .item-card:hover .item-price[b-votc0a26kb] {
            background-color: var(--success-color);
        }

.item-title[b-votc0a26kb] {
    text-align: center;
    padding: 5px 0;
    font-weight: bold;
    color: var(--primary-color);
}

.item-price[b-votc0a26kb] {
    text-align: center;
    padding: 5px 0;
    background-color: var(--primary-light-color);
    color: white;
    font-size: large;
    font-weight: bold;
}

.item-img[b-votc0a26kb] {
    padding: 5px;
    width: 100%;
    height: 150px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    justify-items: center;
}

    .item-img img[b-votc0a26kb] {
        width: 100%;
        border-radius:5px;
   }
/* /Pages/POS/Print.razor.rz.scp.css */

.invoice[b-8kpm96xyga] {
    padding: 30px;
  /*  width: 80mm;*/
}

.invoice-header[b-8kpm96xyga] {
    text-align: center;
    margin-bottom: 10px;
}
    .invoice-header p[b-8kpm96xyga] {
        margin: 5px 0;
    }

    .invoice-details[b-8kpm96xyga] {
        margin-bottom: 20px;
    }

    .invoice-details p[b-8kpm96xyga] {
        margin: 5px 0;
    }

.invoice-table[b-8kpm96xyga] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

    .invoice-table th[b-8kpm96xyga], .invoice-table td[b-8kpm96xyga] {
        border: 1px solid #000 !important;
        border-left: none !important;
        border-right: none !important;
        padding: 8px;
        text-align: center;
        font-size: 14px !important;
        font-weight:bold;
    }

.invoice-total[b-8kpm96xyga] {
    width: 100%;
}

.invoice-total-content[b-8kpm96xyga] {
    width: 100%;
    display: flex;
    justify-content:space-between;
    padding: 5px 0;
}
/*
.invoice-total-text {
    width: 70%;
}

.invoice-total-value {
    width: 30%;
}
*/
/* /Pages/POS/Toolbar.razor.rz.scp.css */
.toolbar-container[b-uqhretkv1u] {
    height: 60px;
    width: 100%;
    display: flex;
}

.toolbar-tab[b-uqhretkv1u] {
    height: 100%;
    color: var(--primary-color);
    background-color: var(--primary-light3-color);
    padding: 0 20px;
    margin: 0;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: background 0.5s ease;
}

    .toolbar-tab.active[b-uqhretkv1u] {
        color: white;
        background-color: var(--primary-light2-color);
    }
    .toolbar-tab.active i[b-uqhretkv1u] {
        color: white;
    }

    .toolbar-tab:hover[b-uqhretkv1u] {
        color: white;
        background-color: var(--primary-color);
    }
    .toolbar-tab:hover i[b-uqhretkv1u] {
        color: white;
    }

    .toolbar-tab div[b-uqhretkv1u] {
    }

    .toolbar-tab i[b-uqhretkv1u] {
        color: var(--primary-color);
        margin: 0 5px;
        font-size:1.5rem;
    }

    .toolbar-tab.inputs[b-uqhretkv1u] {
        padding: 0;
        flex: 1;
    }

    .toolbar-tab input[b-uqhretkv1u] {
        width: 100%;
        height: 100%;
        padding: 0 15px;
        border: none;
        outline: none; /* لمنع الحدود الافتراضية */
        border: 2px solid transparent; /* حدود شفافة عند الحالة العادية */
        transition: border-color 0.3s ease;
    }

        .toolbar-tab input:focus[b-uqhretkv1u] {
            border-color: var(--primary-light-color);
        }


/* Media Query for Mobile */
@media (max-width: 768px) {

    .toolbar-container[b-uqhretkv1u] {
        height: 100px;
    }

    .toolbar-tab[b-uqhretkv1u] {
        font-size: 1rem;
    }

        .toolbar-tab.active i[b-uqhretkv1u] {
        }

        .toolbar-tab.back[b-uqhretkv1u] {
            color: #213242ff;
            font-size: 1rem;
            background-color: #c9d9e9ff;
        }

            .toolbar-tab.back i[b-uqhretkv1u] {
                color: #213242ff;
                font-size: 1rem;
                background-color: #c9d9e9ff;
            }

}



/* /Pages/Shareds/Documents/DocumentPrint.razor.rz.scp.css */
.title-report[b-dxzzr55drw] {
    width:fit-content;
    min-width:250px;
    padding: 5px 10px;
    border: solid 1px black;
    border-radius:5px;
}
/* /Pages/Shareds/Reports/ReportContent.razor.rz.scp.css */

.Total1[b-k06us9s8qz] {
    background-color: #faf9fe;
    font-weight: bold;
}


.Total2[b-k06us9s8qz] {
    background-color: #faf9fe;
    font-weight: bold;
    font-size: large;
}

.Group1[b-k06us9s8qz] {
    color: var(--primary-color);
    font-size: 0.9rem;
}

.Group2[b-k06us9s8qz] {
    color: var(--primary-color);
    font-weight: bold;
    margin: 15px;
}

.pre[b-k06us9s8qz] {
    white-space: pre-line;
    line-height: 2;
}

.table-container[b-k06us9s8qz] {
    overflow-y: auto;
}

.num-head[b-k06us9s8qz] {
    width: 50px;
}

.num-body[b-k06us9s8qz] {
    background-color: var(--header-color);
}

.icon-header[b-k06us9s8qz] {
    margin: 0 2px;
    width: 40px;
    height: 40px;
    padding: 12px;
    fill: var(--secondary-color);
    border: var(--border);
    border-radius: 5px;
    cursor: pointer;
}

.row-none[b-k06us9s8qz] {
    height: 30px;
}

.title-report[b-k06us9s8qz] {
    width: fit-content;
    min-width: 250px;
    padding: 5px 10px;
    border: solid 1px black;
    border-radius: 5px;
}
/* /Pages/Shareds/Reports/ReportPrint.razor.rz.scp.css */
.title-report[b-2s7k0j6cny] {
    width:fit-content;
    min-width:250px;
    padding: 5px 10px;
    border: solid 1px black;
    border-radius:5px;
}
/* /Pages/Shareds/Views/Trees/ViewTree.razor.rz.scp.css */
.page-tree-container[b-xj6rdg2hff] {
    display: flex;
    height: 100%;
    width: 100%;
}

.page-tree-border[b-xj6rdg2hff] {
    padding: 15px;
    margin: 0;
    width: 100%;
    height: 100%;
    border: var(--border);
}

    .page-tree-border.mobile[b-xj6rdg2hff] {
        height: fit-content;
    }
/* /Pages/Systems/Auth/Login.razor.rz.scp.css */

.cards[b-cb0u5sql8t] {
    max-width: 350px;
}
.settings[b-cb0u5sql8t] {
    background-color: #f8f9fa;
    padding: 5px 10px;
    width: fit-content;
    border-radius: 5px;
    cursor: pointer;
}

.settings i[b-cb0u5sql8t] {
    color: var(--primary-color);
}


/* الأنماط الخاصة بالأجهزة ذات العرض أقل من 768px (غالبًا أجهزة الجوال) */
@media only screen and (max-width: 768px) {
    .cards[b-cb0u5sql8t] {
        height: 100%;
        width: 100%;
        max-width: 100%;
        border-radius: 0;
    }

    .containers[b-cb0u5sql8t]{
        background-color:white;
        height:100vh;
        padding:50px;
    }
}
/* /Pages/Systems/Auth/Signup.razor.rz.scp.css */

.cards[b-qhvc6ixq61] {
    max-width: 550px;
}

/* الأنماط الخاصة بالأجهزة ذات العرض أقل من 768px (غالبًا أجهزة الجوال) */
@media only screen and (max-width: 768px) {
    .cards[b-qhvc6ixq61] {
        height: 100%;
        width: 100%;
        max-width: 100%;
        border-radius: 0;
    }

    .containers[b-qhvc6ixq61] {
        background-color: white;
        height: 100vh;
        padding: 50px;
    }
}
/* /Pages/Systems/Home/Apps.razor.rz.scp.css */
.toolbars[b-ekn77ok769] {
    padding: 10px 20px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}



.sidebar[b-ekn77ok769] {
    background-color: white;
    border-right: var(--border-gray);
    padding: 10px;
    width: 220px;
    height: calc(100vh - var(--navbar-height) - var(--toolbar-height)); /* حساب الارتفاع المتبقي */
    overflow-y: auto;
}

.sidebar-title[b-ekn77ok769] {
    color: #495057;
    font-size:medium;
    font-weight: bold;
    text-transform: uppercase; /* تحويل النص إلى أحرف كبيرة */
}

.sidebar-icon[b-ekn77ok769] {
    height: 16px;
    width: 16px;
    margin: 10px;
    fill: var(--navbar-bg);
}

.sidebar-item[b-ekn77ok769] {
    color: #212529;
    font-size: small;
    padding: 2px 10px;
    margin: 3px 0;
    margin-left:25px;
    border-radius:3px;
    cursor:pointer;
}

    .sidebar-item:hover[b-ekn77ok769] {
        background-color: var(--hover-gray);
    }

.sidebar-item-active[b-ekn77ok769] {
    background-color: #d4ebfa;
    font-weight: bold;
}


ul[b-ekn77ok769] {
    list-style-type: none;
}

.grid-container[b-ekn77ok769] {
    width:100%;
    height:fit-content;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); /* توزيع الأعمدة تلقائيًا */
    gap: 10px; /* المسافات بين البطاقات */
    padding: 10px;
}

.app-card[b-ekn77ok769] {
    background-color: white;
    border: 1px solid #dee2e6;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    transition: box-shadow 0.3s ease; 
}
    .app-card:hover[b-ekn77ok769] {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); 
    }

.app-card-icon[b-ekn77ok769] {
    width: 50px;
    height: 50px;
    object-fit: contain;
    margin-bottom: 10px;
}

.app-card-title[b-ekn77ok769] {
    font-weight: bold;
    font-size: 0.9em;
    color: #333;
}

.app-card-description[b-ekn77ok769] {
    font-size: 0.8em;
    color: #666;
}

.app-card-actions[b-ekn77ok769] {
    display: flex;
    justify-content: space-between;
    margin-top:15px;
}

.app-card-dropdown svg[b-ekn77ok769] {
    width: 16px;
    height: 16px;
    fill: #666;
    cursor: pointer;
}

.app-btn-primary[b-ekn77ok769],
.app-btn-secondary[b-ekn77ok769] {
    padding: 3px 15px;
    border-radius: 3px;
    font-weight: 500;
    font-size: 0.9em;
}

.app-btn-primary[b-ekn77ok769] {
    color: white;
    background-color: var(--primary-color);
    border-color: var(--border-primary-color);
}

    .app-btn-primary:hover[b-ekn77ok769] {
        color: white;
        background-color: var(--primary-light-color);
    }

.app-btn-secondary[b-ekn77ok769] {
    color: #343a40;
    background-color: #dee2e6;
    border-color: #dee2e6;
}

    .app-btn-secondary:hover[b-ekn77ok769] {
        background-color: #ebedef;
    }
/* /Pages/Systems/Home/Index.razor.rz.scp.css */