/* /AISLib/Services/ToastComponent.razor.rz.scp.css */

[b-thj7f8xewa] .e-toast-container .e-toast .e-toast-message .e-toast-title {
    color: red;
    font-size: 18px;
    font-weight: bold;
    background-color: yellowgreen
}

[b-thj7f8xewa] .e-toast-container .e-toast .e-toast-message .e-toast-content {
    color: aqua;
    font-size: 13px;
    font-weight: normal;
}
[b-thj7f8xewa] .e-toast-container .e-toast .e-toast-icon {
    color: yellow;
}

/* To change background color */
[b-thj7f8xewa] .e-toast-container .e-toast {
    background-color: #abeadd;
}

/* /Components/Layout/CultureSwitcher.razor.rz.scp.css */
.e-customthem.e-input-group:not(.e-success):not(.e-warning):not(.e-error)[b-j8bpri0g4h], .e-customthem.e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error)[b-j8bpri0g4h] {
    border-color: black !important; /* #dc3545;*/
    height: 30px;
    width: 110px !important;
    border: solid !important;
}
/* ***********************************************************************************************************************************************  */
/* Icon Style */
.e-customthem.e-ddl.e-input-group.e-control-wrapper .e-ddl-icon[b-j8bpri0g4h]::before {
    content: '\e705';
    padding-top: 10px;
    color: blue !important;
    background-color: #caf3da !important;
    font-size: 15px !important;
}

.e-customthem.e-ddl.e-input-group.e-control-wrapper .e-ddl-icon[b-j8bpri0g4h] {
    content: '\e701';
    color: red !important;
    font-size: 12px !important;
    height: 15px !important;
}


.e-customthem.e-ddl.e-input-group.e-control-wrapper .e-input[b-j8bpri0g4h] {
    font-size: 0.8rem !important;
    padding-top: 10px !important;
    color: blue !important;
    background-color: #caf3da !important;
}


.e-customthem .e-dropdownbase .e-list-item[b-j8bpri0g4h],
.e-customthem .e-dropdownbase .e-list-item.e-item-focus[b-j8bpri0g4h] {
    background-color: blue;
    color: white;
    font-size: 0.9rem;
    padding: 0.2rem;
    width: 300px !important;
}

    .e-customthem .e-dropdownbase .e-list-item.e-item-focus[b-j8bpri0g4h],
    .e-customthem .e-dropdownbase .e-list-item.e-active[b-j8bpri0g4h],
    .e-customthem .e-dropdownbase .e-list-item.e-active.e-hover[b-j8bpri0g4h],
    .e-customthem .e-dropdownbase .e-list-item.e-hover[b-j8bpri0g4h] {
        background-color: yellow;
        color: blue;
    }

.e-customthem.e-input-group input.e-input[b-j8bpri0g4h], .e-customthem.e-input-group.e-control-wrapper e-customthem.input.e-input[b-j8bpri0g4h] {
    height: 30px !important;
    font-size: 10px !important;
    color: white !important;
    font-weight: bolder !important;
}


.e-customthem.e-input-group.e-control-wrapper .e-input[b-j8bpri0g4h] {
    background-color: white !important;
    height: 20px !important;
    font-size: 13px !important;
    border: none;
    padding-bottom: 5px;
    width: 100px;
}

/* To specify background color and font size for سهم القائمة للتقويم و dw */
e-customthem.e-input-group .e-customthem.e-input-group-icon:last-child[b-j8bpri0g4h], .e-customthem.e-input-group.e-control-wrapper .e-customthem.e-input-group-icon:last-child[b-j8bpri0g4h] {
    font-size: 12px !important;
    font-weight: bolder !important;
    background-color: blue !important;
}

.e-customthem.input:not(:valid)[b-j8bpri0g4h], .e-customthem.e-input:valid[b-j8bpri0g4h], .e-customthem.e-float-input.e-control-wrapper input:not(:valid)[b-j8bpri0g4h],
.e-customthem.e-float-input.e-control-wrapper input:valid[b-j8bpri0g4h], .e-customthem.e-float-input input:not(:valid)[b-j8bpri0g4h], .e-customthem.e-float-input input:valid[b-j8bpri0g4h],
.e-customthem.e-input-group input:not(:valid)[b-j8bpri0g4h], .e-customthem.e-input-group input:valid[b-j8bpri0g4h], .e-customthem.e-input-group.e-control-wrapper input:not(:valid)[b-j8bpri0g4h],
.e-customthem.e-input-group.e-control-wrapper input:valid[b-j8bpri0g4h], .e-customthem.e-float-input.e-control-wrapper textarea:not(:valid)[b-j8bpri0g4h],
.e-customthem.e-float-input.e-control-wrapper textarea:valid[b-j8bpri0g4h],
.e-customthem.e-float-input textarea:not(:valid)[b-j8bpri0g4h], .e-customthem.e-float-input textarea:valid[b-j8bpri0g4h], .e-customthem.e-input-group.e-control-wrapper textarea:not(:valid)[b-j8bpri0g4h],
.e-customthem.e-input-group.e-control-wrapper textarea:valid[b-j8bpri0g4h],
.e-customthem.e-input-group textarea:not(:valid)[b-j8bpri0g4h], .e-customthem.e-input-group textarea:valid[b-j8bpri0g4h] {
    box-shadow: none;
    font-weight: 100;
    color: blue !important;
    text-align: center;
    height: 30px !important;
}
/* /Components/Layout/MainLayout - Copy.razor.rz.scp.css */
.page[b-a1x9nlne3p] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-a1x9nlne3p] {
    flex: 1;
}

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

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

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

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

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

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

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

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

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

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

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

    .top-row[b-a1x9nlne3p], article[b-a1x9nlne3p] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

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

    #blazor-error-ui .dismiss[b-a1x9nlne3p] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* Style for the last item to remove the border */
[b-sryr98nqz2] .e-menu-item:last-child {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    border-bottom: none;
    background-color: #e8f2c5 !important;
    height: 20px !important;
    color: red !important;
    width: 10px !important;
}

: /* The container element generated by Syncfusion */
    :: deep .e-menu-wrapper[b-sryr98nqz2] {
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    width: 200px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Style for all menu items */
[b-sryr98nqz2] .e-menu-item {
    color: #333 !important;
    padding: -30px 16px !important;
    border-bottom: 21px solid #f1f1f1;
}

    
    /* Hover state */
    [b-sryr98nqz2] .e-menu-item:hover {
        background-color: #f8f9fa;
        color: #007bff;
        height: 30px !important;
    }

    /* Focused/Selected state */
    [b-sryr98nqz2] .e-menu-item.e-focused,
    [b-sryr98nqz2] .e-menu-item.e-selected {
        background-color: #e3f2fd !important; /* Light blue background */
        color: #007bff !important;
        font-weight: 600;
    }

    /* Icon styling */
    [b-sryr98nqz2] .e-menu-item .e-icons {
        color: blue !important;
        margin-right: 20px !important;
    }

    /*
::deep .e-menu-container {
    background-color: #bad9ff !important;
}
::deep .e-menu-container .e-menu .e-menu-item.e-selected {
   background-color: #8ec6fe !important;
}
::deep .e-menu-container .e-ul .e-menu-item.e-focused {
        background-color: #b3d9ff !important;
}
*/

/* ************************************************************************************************************************************************************************************* */
[b-sryr98nqz2] .textcon {
    width: auto;
    height: 45px;
    display: flex;
    border: 3px solid #46c3bf;
    justify-content: space-between;
    padding-bottom: 10px;
    padding-top: 5px;
    background-color: #e8f2c5 !important;

    
    border-radius: 8px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
    
    
    /*box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.8);*/

    /*box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.8);*/
}

.lefttext[b-sryr98nqz2] {
    float: left;
    
}

.righttext[b-sryr98nqz2] {
    float: left;
    text-align: right;
}

.centertext[b-sryr98nqz2] {
    float: left;
    text-align: center;
}

/* ****************************************************************************************************************************************************************** */
/* Sidebar Background */
.sidebar[b-sryr98nqz2] {
    background: var(--BackGroundSideBar); /* #1c87c9;*/ /*  #0963DB;*/
}

/* Background Color Header of Page Entry*/
.mainbk[b-sryr98nqz2] {
    background: var(--BackGroundGrd);
}

.center[b-sryr98nqz2] {
    border: 5px solid;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 10px;
}



.page[b-sryr98nqz2] {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.topnav[b-sryr98nqz2] {
    height: 2.5rem; /* 3.5 */
    background-color: rgba(0,0,0,0.4);
}

.navbar-toggler[b-sryr98nqz2] {
    background-color: #05163C;
}

.navbar-dark .navbar-toggler[b-sryr98nqz2] {
    color: transparent;
    border-color: transparent;
}

.navbar-brand[b-sryr98nqz2] {
    font-size: 1.1rem;
    margin-right: 24px;
}


.main[b-sryr98nqz2] {
    flex: 1;
}


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

    .top-row[b-sryr98nqz2]  a, .top-row .btn-link[b-sryr98nqz2] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

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

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-sryr98nqz2] {
        display: none;
    }

    .top-row.auth[b-sryr98nqz2] {
        justify-content: space-between;
    }

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

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

    .sidebar[b-sryr98nqz2] {
        width: 350px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

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

    .main > div[b-sryr98nqz2] {
        padding-left: 1rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-btwrhxl12e] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-btwrhxl12e] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-btwrhxl12e] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-btwrhxl12e] {
    font-size: 1.1rem;
}

.bi[b-btwrhxl12e] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-btwrhxl12e] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-btwrhxl12e] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-btwrhxl12e] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-lock-nav-menu[b-btwrhxl12e] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-person-nav-menu[b-btwrhxl12e] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu[b-btwrhxl12e] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-btwrhxl12e] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu[b-btwrhxl12e] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

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

    .nav-item:first-of-type[b-btwrhxl12e] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-btwrhxl12e] {
        padding-bottom: 1rem;
    }

    .nav-item[b-btwrhxl12e]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

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

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

.nav-scrollable[b-btwrhxl12e] {
    display: none;
}

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

@media (min-width: 641px) {
    .navbar-toggler[b-btwrhxl12e] {
        display: none;
    }

    .nav-scrollable[b-btwrhxl12e] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Pages/ADM/Access/AdmUserAccess.razor.rz.scp.css */
 
.center-div[b-7vdmg34vli] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
    height: 50%;
}

/* /Components/Pages/ADM/AdmUserInfo.razor.rz.scp.css */

  [b-abauqi2b17] .e-tab .e-tab-header .e-toolbar-items .e-active .e-tab-wrap {
    background-color: yellow;
}

/*Use the following CSS to customize the Tab.*/
[b-abauqi2b17] .e-tab {
    border: 5px solid rgb(173, 255, 47);
}

    /*Customizing the Tab items     Use the following CSS to customize the header items of Tab.*/

    [b-abauqi2b17] .e-tab .e-tab-header .e-toolbar-items {
        background: #9faed8;
        border: 2px solid blue;
    }

    /*Use the following CSS to customize the content items of Tab.*/


    [b-abauqi2b17] .e-tab .e-content .e-item {
        color: #a78515;
        font-size: 14px;
    }

    /*Customizing Tab’s header    Use the following CSS to customize the header of Tab control.*/


    [b-abauqi2b17] .e-tab .e-tab-header {
        background: #badfba !important;
    }

        /* Customizing Tab’s header icon    Use the following CSS to customize the header item icon of Tab control.*/


        [b-abauqi2b17] .e-tab .e-tab-header .e-toolbar-item .e-tab-icon {
            color: #badfba !important;
        }

    /* Customizing Tab’s content    Use the following CSS to customize the content of Tab control.*/


    [b-abauqi2b17] .e-tab .e-content {
        background: #d1f6d1 !important;
    }

    /*     Customizing the hover state of Tab control    Use the following CSS to customize the tab item when hovering.*/


    [b-abauqi2b17] .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
        background: #d1f6d1 !important;
    }

    /* Use the following CSS to customize the tab item popup icon when hovering.*/


    [b-abauqi2b17] .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover,
    .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover[b-abauqi2b17] {
        background: #d1f6d1 !important;
    }

    /* Customizing selected item of Tab control    Use the following CSS to customize the selected tab item.*/


    [b-abauqi2b17] .e-tab .e-tab-header .e-toolbar-item.e-active {
        background: #d1f4d1;
    }

        /* Use the following CSS to customize the selected tab item text and icon.*/
        [b-abauqi2b17] .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text,
        .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-icon[b-abauqi2b17] {
            color: green !important;
        }






/*

    Customizing Tab
Use the following CSS to customize the Tab.


.e-tab {
    border: 5px solid rgb(173, 255, 47);
}
Customizing the Tab items
Use the following CSS to customize the header items of Tab.


.e-tab .e-tab-header .e-toolbar-items {
    background: #9faed8;
    border: 2px solid blue;
}
Use the following CSS to customize the content items of Tab.


.e-tab .e-content .e-item {
    color: #a78515;
    font-size: 14px;
}
Customizing Tab’s header
Use the following CSS to customize the header of Tab control.


.e-tab .e-tab-header {
    background: #badfba !important;
}
Customizing Tab’s header icon
Use the following CSS to customize the header item icon of Tab control.


.e-tab .e-tab-header .e-toolbar-item .e-tab-icon {
    color: #badfba !important;
}
Customizing Tab’s content
Use the following CSS to customize the content of Tab control.


.e-tab .e-content {
    background: #d1f6d1 !important;
}
Customizing the hover state of Tab control
Use the following CSS to customize the tab item when hovering.


.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
    background: #d1f6d1 !important;
}
Use the following CSS to customize the tab item popup icon when hovering.


.e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover,
.e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover {
    background: #d1f6d1 !important;
}
Customizing selected item of Tab control
Use the following CSS to customize the selected tab item.


.e-tab .e-tab-header .e-toolbar-item.e-active {
    background: #d1f4d1;
}
Use the following CSS to customize the selected tab item text and icon.


.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text,
.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-icon {
    color: green !important;
}


*/











 /*

h1{
    font-size:150px;
    color :red;
}
  ::deep .e-tab-custom-class {
    border: 5px solid rgb(173, 255, 47) ;
    color : red !important;
    background-color:yellow !important;
}

::deep .e-tab {
    border: 5px solid rgb(173, 255, 47) !important;
    color: red !important;
    background-color: yellow !important;
}

    ::deep .e-tab .e-tab-header .e-toolbar-items {
        background: #9faed8;
        border: 2px solid blue;
    }

    ::deep .e-tab .e-content .e-item {
        color: #a78515;
        font-size: 14px;
    }

    .e-tab .e-tab-header {
        background: #badfba !important;
        color:red;
    }

    .e-tab .e-tab-header .e-toolbar-item .e-tab-icon {
        color: #badfba !important;
    }

.e-tab .e-content {
    background: #d1f6d1 !important;
}

.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
    background: #d1f6d1 !important;
}

.e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover,
.e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover {
    background: #d1f6d1 !important;
}

.e-tab .e-tab-header .e-toolbar-item.e-active {
    background: #d1f4d1;
}

    .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text,
    .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-icon {
        color: green !important;
    }

*/
/* /Components/Pages/ADM/AISLogin0.razor.rz.scp.css */
.divider[b-2v84s7drl6]:after,
.divider[b-2v84s7drl6]:before {
    content: "";
    flex: 1;
    height: 1px;
    background: #eee;
}

.h-custom[b-2v84s7drl6] {
    height: calc(100% - 73px);
}

@media (max-width: 450px) {
    .h-custom[b-2v84s7drl6] {
        height: 100%;
    }
}

/*
img {    
    padding-bottom: 30px;
    padding-left: 230px;
}
    */

.maindiv[b-2v84s7drl6] {
    border-radius: 3px 42px;
    box-shadow: 12px 12px 2px 1px rgba(0, 0, 255, .2);
    border-style: solid;
    border-color: coral;
    padding-bottom: 30px;
}

/* /Components/Pages/ADM/AISLogin2.razor.rz.scp.css */
[b-efpds3yc19] body {
    font-family: 'Inter', sans-serif;
    margin: 0;
    padding: 0;
    overflow-x: hidden; /* Prevent horizontal scroll on small screens */
    background-color:  white; /* #f8f9fa; */ /* Fallback background */
}

[b-efpds3yc19] .navbar-brand {
    font-weight: 900;
    font-size: 2.2rem;
    color: #ffc107 !important; /* AIS branding color */
    letter-spacing: 2px;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}

.hero-section[b-efpds3yc19] {
    /* Replace with your actual background image URL url('https://placehold.co/1920x1080/283593/ffffff/transp?text=AIS+Login+Background'); /* Placeholder image */
    background-image: url('images/bklogo/r20.png');  /* r20 */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    height: 100vh; /* Full viewport height for all devices */
    display: flex;
    align-items: center; /* Center content vertically */
    justify-content: center; /* Center content horizontally */
    color: white !important;
    text-align: center;
    box-shadow:  0 4px 10px rgba(0,0,0,0.2);
    overflow: hidden;
}

    .hero-section[b-efpds3yc19]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.35); /*   rgba(0, 0, 0, 0.65);  Darker overlay for form contrast */
        z-index: 1;
    }

 .hero-section .container[b-efpds3yc19] {
        position: relative;
        z-index: 2;
        padding: 20px; /* Add some padding for the form container */
    }

 .login-form-card[b-efpds3yc19] {
    background-color: rgba(255, 255, 255, 0.1); /* Semi-transparent white background */
    border-radius: 15px;
    padding: 40px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.3);
    backdrop-filter: blur(10px); /* Frosted glass effect */
    -webkit-backdrop-filter: blur(10px); /* For Safari */
    max-width: 600px; /* Limit form width on desktop */
    margin: auto; /* Center the form card */
}

/* Responsive adjustments for smaller screens */
@@media (max-width: 767.98px) { /* Adjust padding for mobile screens */
    .login-form-card[b-efpds3yc19] {
        padding: 25px; /* Reduce padding on small screens */
    }

        .login-form-card h2[b-efpds3yc19] {
            font-size: 2rem; /* Smaller heading on mobile */
        }
}

[b-efpds3yc19]  .login-form-card h2 {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 30px;
    color: white;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}

[b-efpds3yc19]  .form-label {
    color: #f8f9fa; /* Light grey for labels */
    font-weight: 600;
    text-align: left; /* Align labels to the left */
    display: block; /* Ensure label takes full width */
    margin-bottom: 8px; /* Space between label and input */
}

[b-efpds3yc19]  .form-control {
    background-color: rgba(255, 255, 255, 0.15); /* Slightly transparent input fields */
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: white;
    border-radius: 8px; /* Slightly rounded inputs */
    padding: 12px 15px;
    margin-bottom: 20px; /* Space between inputs */
}

    [b-efpds3yc19]  .form-control::placeholder {
        color: rgba(255, 255, 255, 0.7); /* Placeholder text color */
    }

    [b-efpds3yc19] .form-control:focus {
        background-color: rgba(255, 255, 255, 0.2);
        border-color: #ffc107; /* Highlight border on focus */
        box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.25);
        color: white;
    }

[b-efpds3yc19]  .btn-primary {
    background-color: #ffc107; /* Yellow submit button */
    border-color: #ffc107;
    color: #343a40;
    font-weight: bold;
    padding: 12px 30px;
    border-radius: 30px;
    font-size: 1.1rem;
    transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}

    [b-efpds3yc19]  .btn-primary:hover {
        background-color: #e0a800;
        border-color: #e0a800;
        color: #343a40;
    }
/* /Components/Pages/ADM/UserRightV4-0.razor.rz.scp.css */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
[b-5d70lu3mkd] .scroll {
    overflow-y: auto;
    overflow-x: auto;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 15px;
    height: 980px;
}

[b-5d70lu3mkd] .scroll::-webkit-scrollbar {
     width: 10px;
}

[b-5d70lu3mkd] .scroll::-webkit-scrollbar-track {
    border-radius: 10px;
    background: white; /* #f6d8d8;*/
}

[b-5d70lu3mkd] .scroll::-webkit-scrollbar-thumb {
    background: rgba(26, 102, 234, 0.5);
    background: rgba(163, 171, 221, 0.8);
    background: rgba(151, 195, 220, 0.95);
    border-radius: 100px;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* how to remove hoverable background color */
[b-5d70lu3mkd] .main-treeview .e-list-item.e-hover > .e-fullrow {
    background-color: unset !important;
    color:yellow !important;
    border:none;
}
[b-5d70lu3mkd] .main-treeview  > .e-fullrow {
    background-color: unset !important;
    border: none;
}

[b-5d70lu3mkd] .main-treeview .e-list-item.e-hover > .e-text-content .e-list-text, .main-treeview .e-list-item.e-hover > .e-text-content[b-5d70lu3mkd] {
    color: /*red !important;*/  var(--ColorHoverTextSideBar) !important; 
    background-color: var(--BackGroundtHoverTextSideBar) !important;
}


[b-5d70lu3mkd] .e-treeview .e-list-item.e-hover > .e-text-content {
    background-color: var(--BackGroundHoverListSideBar)  /*#ea7f7f !important;*/
    color: var(--ColorHoverListSideBar);
}

[b-5d70lu3mkd] .e-treeview .e-list-item .e-level-3 .e-active {
    color: forestgreen !important;
    background-color: unset !important;
}

/* how to change level background color*/
[b-5d70lu3mkd] .main-treeview .e-level-1 > .e-text-content {
    background-color: var(--BackGroundSideBarLevel1);
    color: var(--ColorSideBarLevel1);
}
[b-5d70lu3mkd] .main-treeview .e-level-2 > .e-text-content {
    background-color: var(--BackGroundSideBarLevel2);
    color: var(--ColorSideBarLevel2);
}

[b-5d70lu3mkd] .main-treeview .e-level-3 > .e-text-content {
    background-color: var(--BackGroundSideBarLevel3);
    color: var(--ColorSideBarLevel3);
} 

/* ************************************************************************************************************* */

[b-5d70lu3mkd] .main-treeview.e-treeview .e-list-item .e-icon-expandable::before,
.main-treeview.e-treeview .e-list-item .e-icon-collapsible[b-5d70lu3mkd]:before {
    content: '\e701';
    font-size: 17px;
    color: var(--ColorExpSideBar);
    background-color: var(--BackGroundExpSideBar);
}



 /* ************************************************************************************************************* */
    /*To display border for the tree*/
    [b-5d70lu3mkd] .tree-container {
    max-width: 250px;
    max-height: 300px;
    margin: auto;
    overflow: auto;
}

[b-5d70lu3mkd] .e-treeview .e-list-text {
    font-family: 'Microsoft Sans Serif' !important;
    font-size: medium !important;
    color: var(--TreeListText) !important;
    min-width: 150px;
    min-height: 10px;
    margin-bottom: -2px;
    margin-top: -2px;
}

[b-5d70lu3mkd] .e-treeview .e-level-1 > .e-text-content {
    color: var(--ListItemTextContentLevl1M);
    background-color: var(--BackGroundSideBar) !important;
}

/*To hide the expand and collapse icon*/
[b-5d70lu3mkd] .main-treeview .e-list-item.e-level- .e-icons.e-icon-collapsible, .accordiontree .e-list-item.e-level-1 .e-icons.e-icon-collapsible[b-5d70lu3mkd], .accordiontree .e-list-item.e-level-1 .e-icon-expandable[b-5d70lu3mkd] {
    display:  none;
}

[b-5d70lu3mkd] .main-treeview .e-list-item.e-hover > .e-fullrow {
    background-color: var(--ListItemHoverFullrow) !important;*/ /*  #870ef1 ;*/
}

/*To change the text color for the first level nodes*/
[b-5d70lu3mkd] .main-treeview .e-list-item.e-level-1 > .e-text-content .e-list-text, .accordiontree .e-list-item.e-level-1.e-active > .e-text-content .e-list-text[b-5d70lu3mkd], .accordiontree .e-list-item.e-level-1.e-hover > .e-text-content .e-list-text[b-5d70lu3mkd], .accordiontree .e-list-item.e-level-1.e-active.e-hover > .e-text-content .e-list-text[b-5d70lu3mkd] {
    color: white !important; /* var(--ColorListItemTextContentLevl1) !important;*/
    background-color:  unset ;/* var(--BkColorListItemTextContentLevl1) !important;*/
}


/*To change the text color for the second level nodes*/
[b-5d70lu3mkd] .main-treeview .e-list-item.e-level-2 > .e-text-content .e-list-text, .accordiontree .e-list-item.e-level-2.e-active > .e-text-content .e-list-text[b-5d70lu3mkd], .accordiontree .e-list-item.e-level-2.e-hover > .e-text-content .e-list-text[b-5d70lu3mkd], .accordiontree .e-list-item.e-level-2.e-active.e-hover > .e-text-content .e-list-text[b-5d70lu3mkd] {
    color: var(--ListItemTextContentLevl2) !important; /*white !important;*/
    font-size: 14px;
    font-weight: 500;
    background-color: var(--BackGroundSideBarL2) !important; /* var(--BackGroundSideBarL2) #566dee !important;*/
}
/*To change the background color for the second level nodes*/
[b-5d70lu3mkd] .main-treeview .e-list-item.e-level-1 > .e-fullrow, .accordiontree .e-list-item.e-level-1.e-active > .e-fullrow[b-5d70lu3mkd], .accordiontree .e-list-item.e-level-1.e-hover > .e-fullrow[b-5d70lu3mkd], .accordiontree .e-list-item.e-level-1 > .e-fullrow[b-5d70lu3mkd], .accordiontree .e-list-item.e-level-2.e-active.e-hover > .e-fullrow[b-5d70lu3mkd] {
    font-weight: 1800;
    background-color: unset !important; /* var(--ListItemFullrowLevl2);*/ /* #0084FF;   #496650;    #6d58ff;    #00A8A8;    #89CFF3;    #2ca1b8;  Background Color  */
    border-spacing: 0; /* Removes the cell spacing via CSS */
}

[b-5d70lu3mkd] .main-treeview .e-list-item.e-level-3 > .e-fullrow, .accordiontree .e-list-item.e-level-3.e-active > .e-fullrow[b-5d70lu3mkd], .accordiontree .e-list-item.e-level-3.e-hover > .e-fullrow[b-5d70lu3mkd], .accordiontree .e-list-item.e-level-3 > .e-fullrow[b-5d70lu3mkd], .accordiontree .e-list-item.e-level-3.e-active.e-hover > .e-fullrow[b-5d70lu3mkd] {
    font-weight: 1800;
    background-color: unset !important; /*var(--ListItemFullrowLevl3) !important;*/ /* #6197F4;   #808d39;    #0ea8f1;*/
    border: none;
    border-spacing: 0; /* Removes the cell spacing via CSS */
}

[b-5d70lu3mkd] .main-treeview .e-list-item.e-level-2 > .e-fullrow, .accordiontree .e-list-item.e-level-2.e-active > .e-fullrow[b-5d70lu3mkd], .accordiontree .e-list-item.e-level-2.e-hover > .e-fullrow[b-5d70lu3mkd], .accordiontree .e-list-item.e-level-2 > .e-fullrow[b-5d70lu3mkd], .accordiontree .e-list-item.e-level-2.e-active.e-hover > .e-fullrow[b-5d70lu3mkd] {
    font-weight: 1800;
    background-color: var(--BackGroundSideBarL2) /*unset*/ !important; /*var(--ListItemFullrowLevl3) !important;*/ /* #6197F4;   #808d39;    #0ea8f1;*/
    border: none;
    border-spacing: 0; /* Removes the cell spacing via CSS */
    
}



[b-5d70lu3mkd] .main-treeview .e-level-1 > .e-text-content .e-list-text {
    color: var(--ColorTextSideBarL1) !important;
    background-color:  var(--BackGroundTextSideBarL1) !important;
    font-style: var(--FontStyleTextSideBarL1) !important;
    font-weight: var(--FontWhtTextSideBarL1) !important;
    font-size: var(--FontSizeTextSideBarL1) !important;
}

[b-5d70lu3mkd] .main-treeview .e-level-2 > .e-text-content .e-list-text {
    color: var(--ColorTextSideBarL2) !important;
    background-color: var(--BackGroundTextSideBarL2) !important;
    font-style: var(--FontStyleTextSideBarL2) !important;
    font-weight: var(--FontWhtTextSideBarL2) !important;
    font-size: var(--FontSizeTextSideBarL2) !important;
}

[b-5d70lu3mkd] .main-treeview .e-level-3 > .e-text-content .e-list-text {
    color: var(--ColorTextSideBarL3);
    background-color: var(--BackGroundTextSideBarL3) !important;
    font-style: var(--FontStyleTextSideBarL3) !important;
    font-weight: var(--FontWhtTextSideBarL3) !important;
    font-size: var(--FontSizeTextSideBarL3) !important;
}


/* /Components/Pages/ADM/UserRightV4.razor.rz.scp.css */

[b-31i2fy1oj3] #recTxt, #squareTxt[b-31i2fy1oj3] {
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-31i2fy1oj3] #recTxt {
    background: #0183fe;
    color:yellow;
    height: 4.4vh;
       
}
/* ----------------------------------------------------------------------------------------------------------------------------------*/

.e-treeview .e-list-text[b-31i2fy1oj3] {
    text-align: left !important;
}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
[b-31i2fy1oj3] .scroll {
    overflow-y: auto;
    overflow-x: auto;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 15px;
    height: 980px;
}

[b-31i2fy1oj3] .scroll::-webkit-scrollbar {
     width: 10px;
}

[b-31i2fy1oj3] .scroll::-webkit-scrollbar-track {
    border-radius: 10px;
    background: white; /* #f6d8d8;*/
}

[b-31i2fy1oj3] .scroll::-webkit-scrollbar-thumb {
    background: rgba(26, 102, 234, 0.5);
    background: rgba(163, 171, 221, 0.8);
    background: rgba(151, 195, 220, 0.95);
    border-radius: 100px;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* how to remove hoverable background color */
[b-31i2fy1oj3] .main-treeview .e-list-item.e-hover > .e-fullrow {
    background-color: unset !important;
    color:yellow !important;
    border:none;
}
[b-31i2fy1oj3] .main-treeview  > .e-fullrow {
    background-color: unset !important;
    border: none;
}

[b-31i2fy1oj3] .main-treeview .e-list-item.e-hover > .e-text-content .e-list-text, .main-treeview .e-list-item.e-hover > .e-text-content[b-31i2fy1oj3] {
    color: /*red !important;*/  var(--ColorHoverTextSideBar) !important; 
    background-color: var(--BackGroundtHoverTextSideBar) !important;
}


[b-31i2fy1oj3] .e-treeview .e-list-item.e-hover > .e-text-content {
    background-color: var(--BackGroundHoverListSideBar)  /*#ea7f7f !important;*/
    color: var(--ColorHoverListSideBar);
}

[b-31i2fy1oj3] .e-treeview .e-list-item .e-level-3 .e-active {
    color: forestgreen !important;
    background-color: unset !important;
}

/* how to change level background color*/
[b-31i2fy1oj3] .main-treeview .e-level-1 > .e-text-content {
    background-color: var(--BackGroundSideBarLevel1);
    color: var(--ColorSideBarLevel1);
}
[b-31i2fy1oj3] .main-treeview .e-level-2 > .e-text-content {
    background-color: var(--BackGroundSideBarLevel2);
    color: var(--ColorSideBarLevel2);
}

[b-31i2fy1oj3] .main-treeview .e-level-3 > .e-text-content {
    background-color: var(--BackGroundSideBarLevel3);
    color: var(--ColorSideBarLevel3);
} 

/* ************************************************************************************************************* */

[b-31i2fy1oj3] .main-treeview.e-treeview .e-list-item .e-icon-expandable::before,
.main-treeview.e-treeview .e-list-item .e-icon-collapsible[b-31i2fy1oj3]:before {
    content: '\e701';
    font-size: 17px;
    color: var(--ColorExpSideBar);
    background-color: var(--BackGroundExpSideBar);
}



 /* ************************************************************************************************************* */
    /*To display border for the tree*/
    [b-31i2fy1oj3] .tree-container {
    max-width: 250px;
    max-height: 300px;
    margin: auto;
    overflow: auto;
}

[b-31i2fy1oj3] .e-treeview .e-list-text {
    font-family: 'Microsoft Sans Serif' !important;
    font-size: small !important;
    color: var(--TreeListText) !important;
    min-width: 150px;
    min-height: 10px;
    margin-bottom: -2px;
    margin-top: -2px;
}

[b-31i2fy1oj3] .e-treeview .e-level-1 > .e-text-content {
    color: var(--ListItemTextContentLevl1M);
    background-color: var(--BackGroundSideBar) !important;
    direction: ltr !important;
}

/*To hide the expand and collapse icon*/
[b-31i2fy1oj3] .main-treeview .e-list-item.e-level- .e-icons.e-icon-collapsible, .accordiontree .e-list-item.e-level-1 .e-icons.e-icon-collapsible[b-31i2fy1oj3], .accordiontree .e-list-item.e-level-1 .e-icon-expandable[b-31i2fy1oj3] {
    display:  none;
}

[b-31i2fy1oj3] .main-treeview .e-list-item.e-hover > .e-fullrow {
    background-color: var(--ListItemHoverFullrow) !important;*/ /*  #870ef1 ;*/
}

/*To change the text color for the first level nodes*/
[b-31i2fy1oj3] .main-treeview .e-list-item.e-level-1 > .e-text-content .e-list-text, .accordiontree .e-list-item.e-level-1.e-active > .e-text-content .e-list-text[b-31i2fy1oj3], .accordiontree .e-list-item.e-level-1.e-hover > .e-text-content .e-list-text[b-31i2fy1oj3], .accordiontree .e-list-item.e-level-1.e-active.e-hover > .e-text-content .e-list-text[b-31i2fy1oj3] {
    color: white !important; /* var(--ColorListItemTextContentLevl1) !important;*/
    background-color: unset; /* var(--BkColorListItemTextContentLevl1) !important;*/
    direction: ltr !important;
}


/*To change the text color for the second level nodes*/
[b-31i2fy1oj3] .main-treeview .e-list-item.e-level-2 > .e-text-content .e-list-text, .accordiontree .e-list-item.e-level-2.e-active > .e-text-content .e-list-text[b-31i2fy1oj3], .accordiontree .e-list-item.e-level-2.e-hover > .e-text-content .e-list-text[b-31i2fy1oj3], .accordiontree .e-list-item.e-level-2.e-active.e-hover > .e-text-content .e-list-text[b-31i2fy1oj3] {
    color: var(--ListItemTextContentLevl2) !important; /*white !important;*/
    font-size: 14px;
    font-weight: 500;
    background-color: var(--BackGroundSideBarL2) !important; /* var(--BackGroundSideBarL2) #566dee !important;*/
    direction: ltr !important;
}
/*To change the background color for the second level nodes*/
[b-31i2fy1oj3] .main-treeview .e-list-item.e-level-1 > .e-fullrow, .accordiontree .e-list-item.e-level-1.e-active > .e-fullrow[b-31i2fy1oj3], .accordiontree .e-list-item.e-level-1.e-hover > .e-fullrow[b-31i2fy1oj3], .accordiontree .e-list-item.e-level-1 > .e-fullrow[b-31i2fy1oj3], .accordiontree .e-list-item.e-level-2.e-active.e-hover > .e-fullrow[b-31i2fy1oj3] {
    font-weight: 1800;
    background-color: unset !important; /* var(--ListItemFullrowLevl2);*/ /* #0084FF;   #496650;    #6d58ff;    #00A8A8;    #89CFF3;    #2ca1b8;  Background Color  */
    border-spacing: 0; /* Removes the cell spacing via CSS */
    direction: ltr !important;
}

[b-31i2fy1oj3] .main-treeview .e-list-item.e-level-3 > .e-fullrow, .accordiontree .e-list-item.e-level-3.e-active > .e-fullrow[b-31i2fy1oj3], .accordiontree .e-list-item.e-level-3.e-hover > .e-fullrow[b-31i2fy1oj3], .accordiontree .e-list-item.e-level-3 > .e-fullrow[b-31i2fy1oj3], .accordiontree .e-list-item.e-level-3.e-active.e-hover > .e-fullrow[b-31i2fy1oj3] {
    font-weight: 1800;
    background-color: unset !important; /*var(--ListItemFullrowLevl3) !important;*/ /* #6197F4;   #808d39;    #0ea8f1;*/
    border: none;
    border-spacing: 0; /* Removes the cell spacing via CSS */
    direction: ltr !important;
}

[b-31i2fy1oj3] .main-treeview .e-list-item.e-level-2 > .e-fullrow, .accordiontree .e-list-item.e-level-2.e-active > .e-fullrow[b-31i2fy1oj3], .accordiontree .e-list-item.e-level-2.e-hover > .e-fullrow[b-31i2fy1oj3], .accordiontree .e-list-item.e-level-2 > .e-fullrow[b-31i2fy1oj3], .accordiontree .e-list-item.e-level-2.e-active.e-hover > .e-fullrow[b-31i2fy1oj3] {
    font-weight: 1800;
    background-color: var(--BackGroundSideBarL2) /*unset*/ !important; /*var(--ListItemFullrowLevl3) !important;*/ /* #6197F4;   #808d39;    #0ea8f1;*/
    border: none;
    border-spacing: 0; /* Removes the cell spacing via CSS */
    direction: ltr !important;
}



[b-31i2fy1oj3] .main-treeview .e-level-1 > .e-text-content .e-list-text {
    color: var(--ColorTextSideBarL1) !important;
    background-color: var(--BackGroundTextSideBarL1) !important;
    font-style: var(--FontStyleTextSideBarL1) !important;
    font-weight: var(--FontWhtTextSideBarL1) !important;
    font-size: var(--FontSizeTextSideBarL1) !important;
    direction: ltr !important;
}

[b-31i2fy1oj3] .main-treeview .e-level-2 > .e-text-content .e-list-text {
    color: var(--ColorTextSideBarL2) !important;
    background-color: var(--BackGroundTextSideBarL2) !important;
    font-style: var(--FontStyleTextSideBarL2) !important;
    font-weight: var(--FontWhtTextSideBarL2) !important;
    font-size: var(--FontSizeTextSideBarL2) !important;
    direction: ltr !important;
}

[b-31i2fy1oj3] .main-treeview .e-level-3 > .e-text-content .e-list-text {
    color: var(--ColorTextSideBarL3);
    background-color: var(--BackGroundTextSideBarL3) !important;
    font-style: var(--FontStyleTextSideBarL3) !important;
    font-weight: var(--FontWhtTextSideBarL3) !important;
    font-size: var(--FontSizeTextSideBarL3) !important;
    direction: ltr !important;  
}


/* /Components/Pages/ADM/UserRightV41.razor.rz.scp.css */
/* **************************************************************************************************************************************************************************** */
/* for Log AISSoft */
[b-yac52vcam3] #recTxt, #squareTxt[b-yac52vcam3] {
    display: flex;
    align-items: center;
    justify-content: center;
}
[b-yac52vcam3] #recTxt {
    background: #0183fe;
    color:yellow;
    height: 4.4vh;       
}
.e-treeview .e-list-text[b-yac52vcam3] {
    text-align: left !important;
}

/* **************************************************************************************************************************************************************************** */
/* Scroll Attribute */
[b-yac52vcam3] .scroll {
    overflow-y: auto;
    overflow-x: auto;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 15px;
    height: 980px;
}
[b-yac52vcam3] .scroll::-webkit-scrollbar {
     width: 10px;
}
[b-yac52vcam3] .scroll::-webkit-scrollbar-track {
    border-radius: 10px;
    background: white; /* #f6d8d8;*/
}
[b-yac52vcam3] .scroll::-webkit-scrollbar-thumb {
    background: rgba(26, 102, 234, 0.5);
    background: rgba(163, 171, 221, 0.8);
    background: rgba(151, 195, 220, 0.95);
    border-radius: 100px;
}
/* **************************************************************************************************************************************************************************** */
[b-yac52vcam3] .main-treeview .e-list-item.e-hover > .e-text-content .e-list-text, .main-treeview .e-list-item.e-hover > .e-text-content[b-yac52vcam3] {
    color:  var(--ColorHoverTextSideBar) !important; 
    background-color:var(--BackGroundtHoverTextSideBar) !important;
}

[b-yac52vcam3] .e-treeview .e-list-item.e-hover > .e-text-content {
    background-color: var(--BackGroundHoverListSideBar);
    color: var(--ColorHoverListSideBar);
}

[b-yac52vcam3] .e-treeview .e-list-item .e-level-3 .e-active {
    color: forestgreen !important;
    background-color: unset !important;
}

/* ************************************************************************************************************* */
[b-yac52vcam3] .main-treeview.e-treeview .e-list-item .e-icon-expandable::before,
.main-treeview.e-treeview .e-list-item .e-icon-collapsible[b-yac52vcam3]:before {
    content: '\e701';
    font-size: 14px;
    color: yellow !important; /* var(--ColorExpSideBar);*/
    /*background-color: var(--BackGroundExpSideBar);*/
}


.e-treeview .e-list-item.e-active > .e-text-content .e-icon-expandable[b-yac52vcam3]::before {
    content: "\e702"; /* Replace with the Unicode of your desired icon */
    font-size: 140px !important;
    font-family: "e-icons"; /* Ensure the correct font family is applied */
}


 /* ************************************************************************************************************* */
    /*To display border for the tree*/
[b-yac52vcam3] .tree-container {
    max-width: 250px;
    max-height: 300px;
    margin: auto;
    overflow: auto;
}

[b-yac52vcam3] .e-treeview .e-list-text {
    font-family: 'Microsoft Sans Serif' !important;
    font-size: small !important;
    color: var(--TreeListText) !important;
    min-width: 150px;
    min-height: 10px;
    margin-bottom: -2px;
    margin-top: -2px;
}

/*To hide the expand and collapse icon*/
[b-yac52vcam3] .main-treeview .e-list-item.e-level- .e-icons.e-icon-collapsible, .accordiontree .e-list-item.e-level-1 .e-icons.e-icon-collapsible[b-yac52vcam3], .accordiontree .e-list-item.e-level-1 .e-icon-expandable[b-yac52vcam3] {
    display:  none ;

}

[b-yac52vcam3] .main-treeview .e-list-item.e-hover > .e-fullrow {
    /*background-color: var(--ListItemHoverFullrow) !important;*/
}

/* **************************************************************************************************************************************************************************** */

/* how to change level background color*/
[b-yac52vcam3] .main-treeview .e-level-1 > .e-text-content {
    font-family: 'Microsoft Sans Serif' !important;
    font-size: 11px !important; /*small !important;*/
    /*background-color: var(--BackGroundSideBarLevel1);*/
    color: var(--ColorSideBarLevel1);
}

[b-yac52vcam3] .e-treeview .e-level-1 > .e-text-content {
    color: var(--ListItemTextContentLevl1M);
    background-color: unset ;/* var(--BackGroundSideBar) !important;*/
    direction: ltr !important;
    font-size: 10px;
}

    [b-yac52vcam3] .main-treeview .e-level-1 > .e-text-content .e-list-text {
        color: var(--ColorTextSideBarL1) !important;
        background-color: unset  !important; /* var(--BackGroundTextSideBarL1) !important;*/
        font-style: var(--FontStyleTextSideBarL1) !important;
        font-weight: var(--FontWhtTextSideBarL1) !important;
        font-size: var(--FontSizeTextSideBarL1) !important;
        direction: ltr !important;
    }

/*To change the background color for the second level nodes*/
[b-yac52vcam3] .main-treeview .e-list-item.e-level-1 > .e-fullrow, .accordiontree .e-list-item.e-level-1.e-active > .e-fullrow[b-yac52vcam3], .accordiontree .e-list-item.e-level-1.e-hover > .e-fullrow[b-yac52vcam3], .accordiontree .e-list-item.e-level-1 > .e-fullrow[b-yac52vcam3], .accordiontree .e-list-item.e-level-2.e-active.e-hover > .e-fullrow[b-yac52vcam3] {
    font-weight: 1800;
    background-color: unset !important; /* var(--ListItemFullrowLevl2);*/ /* #0084FF;   #496650;    #6d58ff;    #00A8A8;    #89CFF3;    #2ca1b8;  Background Color  */
    border-spacing: 0; /* Removes the cell spacing via CSS */
    direction: ltr !important;
    border:hidden;
}

/*To change the text color for the first level nodes*/
[b-yac52vcam3] .main-treeview .e-list-item.e-level-1 > .e-text-content .e-list-text, .accordiontree .e-list-item.e-level-1.e-active > .e-text-content .e-list-text[b-yac52vcam3], .accordiontree .e-list-item.e-level-1.e-hover > .e-text-content .e-list-text[b-yac52vcam3], .accordiontree .e-list-item.e-level-1.e-active.e-hover > .e-text-content .e-list-text[b-yac52vcam3] {
    color: white !important; /* var(--ColorListItemTextContentLevl1) !important;*/
    background-color: unset; /* var(--BkColorListItemTextContentLevl1) !important;*/
    direction: ltr !important;
}

/* **************************************************************************************************************************************************************************** */
/* how to change level background color*/
[b-yac52vcam3] .main-treeview .e-level-2 > .e-text-content {
    font-family: 'Microsoft Sans Serif' !important;
    font-size: 12px !important; /*small !important;*/
    background-color:  var(--BackGroundSideBarLevel1);
    color: var(--ColorSideBarLevel1);
}

[b-yac52vcam3] .main-treeview .e-list-item.e-level-2 > .e-fullrow, .accordiontree .e-list-item.e-level-2.e-active > .e-fullrow[b-yac52vcam3], .accordiontree .e-list-item.e-level-2.e-hover > .e-fullrow[b-yac52vcam3], .accordiontree .e-list-item.e-level-2 > .e-fullrow[b-yac52vcam3], .accordiontree .e-list-item.e-level-2.e-active.e-hover > .e-fullrow[b-yac52vcam3] {
    background-color: unset !important ; /* var(--BackGroundSideBarL2)*/ 
    border: none;
    border-spacing: 0; /* Removes the cell spacing via CSS */
    direction: ltr !important;
}

[b-yac52vcam3] .main-treeview .e-level-2 > .e-text-content .e-list-text {
    font-family: 'Microsoft Sans Serif' !important;
    font-size: 16px !important; /*var(--FontSizeTextSideBarL2) !important;*/
    color: var(--ColorTextSideBarL2) !important;
    background-color:  var(--BackGroundTextSideBarL2) !important;
    font-style: var(--FontStyleTextSideBarL2) !important;
    font-weight: var(--FontWhtTextSideBarL2) !important;
    direction: ltr !important;
}

/*To change the text color for the second level nodes*/
[b-yac52vcam3] .main-treeview .e-list-item.e-level-2 > .e-text-content .e-list-text, .accordiontree .e-list-item.e-level-2.e-active > .e-text-content .e-list-text[b-yac52vcam3], .accordiontree .e-list-item.e-level-2.e-hover > .e-text-content .e-list-text[b-yac52vcam3], .accordiontree .e-list-item.e-level-2.e-active.e-hover > .e-text-content .e-list-text[b-yac52vcam3] {
    color: var(--ListItemTextContentLevl2) !important;
    font-size: 15px;
    font-weight: 800;
    /* background-color: var(--BackGroundSideBarL2) !important; */
    direction: ltr !important;
}

/* **************************************************************************************************************************************************************************** */
/* how to change level background color*/
[b-yac52vcam3] .main-treeview .e-level-3 > .e-text-content {
    font-family: 'Microsoft Sans Serif' !important;
    font-size: 12px !important; /*small !important;*/
    background-color: var(--BackGroundSideBarLevel1);
    color: var(--ColorSideBarLevel1);
}

[b-yac52vcam3] .main-treeview .e-level-3 > .e-text-content .e-list-text {
    color: var(--ColorTextSideBarL3);
    background-color: var(--BackGroundTextSideBarL3) !important;
    font-style: var(--FontStyleTextSideBarL3) !important;
    font-weight: var(--FontWhtTextSideBarL3) !important;
    font-size: 17px !important; /*var(--FontSizeTextSideBarL3) !important;*/
    direction: ltr !important;
    text-align:  inherit  !important;
}

/* how to change level background color*/
[b-yac52vcam3] .main-treeview .e-level-3 > .e-text-content {
    background-color: var(--BackGroundSideBarLevel3);
    color: var(--ColorSideBarLevel3);
}

[b-yac52vcam3] .main-treeview .e-list-item.e-level-3 > .e-fullrow, .accordiontree .e-list-item.e-level-3.e-active > .e-fullrow[b-yac52vcam3], .accordiontree .e-list-item.e-level-3.e-hover > .e-fullrow[b-yac52vcam3], .accordiontree .e-list-item.e-level-3 > .e-fullrow[b-yac52vcam3], .accordiontree .e-list-item.e-level-3.e-active.e-hover > .e-fullrow[b-yac52vcam3] {
    font-weight: 1800;
    background-color: unset !important; /*var(--ListItemFullrowLevl3) !important;*/ /* #6197F4;   #808d39;    #0ea8f1;*/
    border: none;
    border-spacing: 0; /* Removes the cell spacing via CSS */
    direction: ltr !important;
}
/* **************************************************************************************************************************************************************************** */
/* *************************************************************************************************************************************************************************** */



/* **************************************************************************************************************************************************************************** */
/* *************************************************************************************************************************************************************************** */
/* customize icon styles */
[b-yac52vcam3] .e-treeview.custom-tree .e-list-icon {
    font-family: 'fontello';
    font-size: 16px;
    margin-top: -4px;
    color: red !important;
}
/* icon styles */
@@font-face {
    font-family: 'fontello';
    src: url('data:application/octet-stream;base64,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') format('truetype');
}

[b-yac52vcam3] .e-treeview.custom-tree .e-list-icon.icon-microchip::before {
    content: '\e806';
}

[b-yac52vcam3] .e-treeview.custom-tree .e-list-icon.icon-thumbs-up-alt::before {
    content: '\e805';
}

[b-yac52vcam3] .e-treeview.custom-tree .e-list-icon.icon-chrome::before {
    content: '\e807';
}

[b-yac52vcam3] .e-treeview.custom-tree .e-list-icon.icon-up-hand::before {
    content: '\e810';
}

[b-yac52vcam3] .e-treeview.custom-tree .e-list-icon.icon-docs::before {
    content: '\e802';
}

[b-yac52vcam3] .e-treeview.custom-tree .e-list-icon.icon-th::before {
    content: '\e803';
}

[b-yac52vcam3] .e-treeview.custom-tree .e-list-icon.icon-code::before {
    content: '\e804';
}

[b-yac52vcam3] .e-treeview.main-treeview .e-list-icon.icon-help-circled::before {
    content: '\e813';
}

[b-yac52vcam3] .e-treeview.main-treeview .e-list-icon.icon-circle-thin::before {
    content: '\e808';
}

/*To float the expand/collapse icon right*/
[b-yac52vcam3] .e-treeview.main-treeview .e-icon-collapsible, .e-treeview .e-icon-expandable[b-yac52vcam3] {
    float:  right !important;
    color: red !important;

}
    /*To customize the expand collapse icon color*/
    [b-yac52vcam3] .e-treeview.main-treeview .e-icon-collapsible::before, .e-treeview.main-treeview .e-icon-expandable[b-yac52vcam3]::before {
        color: #88e988 !important;
        font-size: 18px !important;
        content: '\e701';
        margin-top: -10px !important;
        direction: ltr !important;
        float:  right !important;
    }

[b-yac52vcam3] .e-treeview.main-treeview .e-icons.e-icon-collapsible, .e-treeview.main-treeview .e-icons.e-icon-expandable[b-yac52vcam3] {
    margin-top: 18px;
}
/*To change the text color for treeview*/
[b-yac52vcam3] .e-treeview.main-treeview .e-text-content > .e-list-text {
    color: yellow !important;
    font-size:18px !important;


}

/*
::deep .main-treeview .e-list-item .e-icons {
     font-family: "Customize-icon";
}
::deep .e-treeview.main-treeview .e-list-item div.e-icons.e-icon-expandable::before,
.main-treeview.e-treeview .e-list-item div.e-icons.e-icon-collapsible::before {
    content: '\e708';
    font-size: 12px;
    float : left !important;
    margin-left:-20px;
}
.e-treeview.main-treeview .e-icons.e-icon-collapsible, .e-treeview.main-treeview .e-icons.e-icon-expandable {
    margin-top: 18px;
}
@@font-face {
    font-family: 'Customize-icon';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAAKAIAAAwAgT1MvMj0gSRcAAAEoAAAAVmNtYXDnEOdaAAABjAAAADhnbHlmcYqIngAAAcwAAAD8aGVhZBWT124AAADQAAAANmhoZWEHmANtAAAArAAAACRobXR4C9AAAAAAAYAAAAAMbG9jYQBAAH4AAAHEAAAACG1heHABEAAxAAABCAAAACBuYW1l/qscPAAAAsgAAAJ5cG9zdIPGFvoAAAVEAAAAVgABAAADUv9qAFoEAAAA//8D6QABAAAAAAAAAAAAAAAAAAAAAwABAAAAAQAAIKcGUl8PPPUACwPoAAAAANlGSVAAAAAA2UZJUAAAAAAD6QPpAAAACAACAAAAAAAAAAEAAAADACUAAwAAAAAAAgAAAAoACgAAAP8AAAAAAAAAAQPwAZAABQAAAnoCvAAAAIwCegK8AAAB4AAxAQIAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA5wDnAQNS/2oAWgPpAJYAAAABAAAAAAAABAAAAAPoAAAD6AAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAAkAAAABAAEAAEAAOcB//8AAOcA//8AAAABAAQAAAABAAIAAAAAAEAAfgADAAAAAAPpA+kACAAWACQAAAEhFSEHMzcnIyUWEAcGICcmEDc+ATIWBQYQFxYgNzYQJy4BIgYCMf6kAWqUqMK8rgF+goKK/qCEfn5Coquf/amRkZoBkpqRkUq3xLcCKmSTybt4if6ghYKChQFgiUJBQRma/m6akZGaAZKaSElJAAMAAAAAA+gD6QAGABQAIgAAASMXNyMRIyUWEAcGICcmEDc+ATIWBQYQFxYgNzYQJy4BIgYBvrLp6JmGAW6BgYf+oYiBgUGhqqH9qZOTmgGOmpOTSrbCtgGy6ekBbwuI/qGHgYGIAV6IQEFBFpr+cZmTk5oBj5lKSUkAAAAAABIA3gABAAAAAAAAAAEAAAABAAAAAAABAA4AAQABAAAAAAACAAcADwABAAAAAAADAA4AFgABAAAAAAAEAA4AJAABAAAAAAAFAAsAMgABAAAAAAAGAA4APQABAAAAAAAKACwASwABAAAAAAALABIAdwADAAEECQAAAAIAiQADAAEECQABABwAiwADAAEECQACAA4ApwADAAEECQADABwAtQADAAEECQAEABwA0QADAAEECQAFABYA7QADAAEECQAGABwBAwADAAEECQAKAFgBHwADAAEECQALACQBdyBDdXN0b21pemUtaWNvblJlZ3VsYXJDdXN0b21pemUtaWNvbkN1c3RvbWl6ZS1pY29uVmVyc2lvbiAxLjBDdXN0b21pemUtaWNvbkZvbnQgZ2VuZXJhdGVkIHVzaW5nIFN5bmNmdXNpb24gTWV0cm8gU3R1ZGlvd3d3LnN5bmNmdXNpb24uY29tACAAQwB1AHMAdABvAG0AaQB6AGUALQBpAGMAbwBuAFIAZQBnAHUAbABhAHIAQwB1AHMAdABvAG0AaQB6AGUALQBpAGMAbwBuAEMAdQBzAHQAbwBtAGkAegBlAC0AaQBjAG8AbgBWAGUAcgBzAGkAbwBuACAAMQAuADAAQwB1AHMAdABvAG0AaQB6AGUALQBpAGMAbwBuAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAHUAcwBpAG4AZwAgAFMAeQBuAGMAZgB1AHMAaQBvAG4AIABNAGUAdAByAG8AIABTAHQAdQBkAGkAbwB3AHcAdwAuAHMAeQBuAGMAZgB1AHMAaQBvAG4ALgBjAG8AbQAAAAACAAAAAAAAAAoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMBAgEDAQQAFy1hcnJvdy1jaXJjbGUtcmlnaHQtXzAxEi1hcnJvdy1jaXJjbGUtZG93bgAAAAA=) format('truetype');
    font-weight: normal;
    font-style: normal;
}
  */

/* /Components/Pages/ADM/UserRightV4Eng.razor.rz.scp.css */
.e-treeview .e-list-text[b-ahx5pw2v2n] {
    text-align: start !important;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/*
::deep .scroll {
    overflow-y: auto;
    overflow-x: auto;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 15px;
    height: 980px;
}
    
    ::deep .scroll::-webkit-scrollbar {
        width: 10px;
    }

    ::deep .scroll::-webkit-scrollbar-track {
        border-radius: 10px;
        background: white;
    }

    ::deep .scroll::-webkit-scrollbar-thumb {
        background: rgba(26, 102, 234, 0.5);
        background: rgba(163, 171, 221, 0.8);
        background: rgba(151, 195, 220, 0.95);
        border-radius: 100px;
    }
    */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* how to remove hoverable background color */
[b-ahx5pw2v2n] .main-treeview .e-list-item.e-hover > .e-fullrow {
    background-color: unset !important;
    color: yellow !important;
    border: none;
}

[b-ahx5pw2v2n] .main-treeview > .e-fullrow {
    background-color: unset !important;
    border: none;
}

[b-ahx5pw2v2n] .main-treeview .e-list-item.e-hover > .e-text-content .e-list-text, .main-treeview .e-list-item.e-hover > .e-text-content[b-ahx5pw2v2n] {
    color:  var(--ColorHoverTextSideBar) !important;
    background-color: var(--BackGroundtHoverTextSideBar) !important;
}


[b-ahx5pw2v2n] .e-treeview .e-list-item.e-hover > .e-text-content {
    background-color: var(--BackGroundHoverListSideBar) /*#ea7f7f !important;*/
    color: var(--ColorHoverListSideBar);
}

[b-ahx5pw2v2n] .e-treeview .e-list-item .e-level-3 .e-active {
    color: forestgreen !important;
    background-color: unset !important;
}

[b-ahx5pw2v2n] .main-treeview .e-level-1 > .e-text-content {
    background-color: var(--BackGroundSideBarLevel1);
    color: var(--ColorSideBarLevel1);
}

[b-ahx5pw2v2n] .main-treeview .e-level-2 > .e-text-content {
    background-color: var(--BackGroundSideBarLevel2);
    color: var(--ColorSideBarLevel2);
}

[b-ahx5pw2v2n] .main-treeview .e-level-3 > .e-text-content {
    background-color: var(--BackGroundSideBarLevel3);
    color: var(--ColorSideBarLevel3);
}

/* ************************************************************************************************************* */

[b-ahx5pw2v2n] .main-treeview.e-treeview .e-list-item .e-icon-expandable::before,
.main-treeview.e-treeview .e-list-item .e-icon-collapsible[b-ahx5pw2v2n]:before {
    content: '\e701';
    font-size: 17px;
    color: var(--ColorExpSideBar);
    background-color: var(--BackGroundExpSideBar);
}



/* ************************************************************************************************************* */

[b-ahx5pw2v2n] .e-treeview .e-list-text {
    font-family: 'Microsoft Sans Serif' !important;
    font-size:  small !important;
    color: var(--TreeListText) !important;
    min-width: 250px;
    min-height: 10px;
    margin-bottom: -2px;
    margin-top: -2px;
}

[b-ahx5pw2v2n] .e-treeview .e-level-1 > .e-text-content {
    color: var(--ListItemTextContentLevl1M);
    background-color: var(--BackGroundSideBar) !important;
}

/*To hide the expand and collapse icon*/
[b-ahx5pw2v2n] .main-treeview .e-list-item.e-level- .e-icons.e-icon-collapsible, .accordiontree .e-list-item.e-level-1 .e-icons.e-icon-collapsible[b-ahx5pw2v2n], .accordiontree .e-list-item.e-level-1 .e-icon-expandable[b-ahx5pw2v2n] {
    display: none;
}

[b-ahx5pw2v2n] .main-treeview .e-list-item.e-hover > .e-fullrow {
    background-color: var(--ListItemHoverFullrow) !important;
    */ /*  #870ef1 ;*/
}

/*To change the text color for the first level nodes*/
[b-ahx5pw2v2n] .main-treeview .e-list-item.e-level-1 > .e-text-content .e-list-text, .accordiontree .e-list-item.e-level-1.e-active > .e-text-content .e-list-text[b-ahx5pw2v2n], .accordiontree .e-list-item.e-level-1.e-hover > .e-text-content .e-list-text[b-ahx5pw2v2n], .accordiontree .e-list-item.e-level-1.e-active.e-hover > .e-text-content .e-list-text[b-ahx5pw2v2n] {
    color: white !important; /* var(--ColorListItemTextContentLevl1) !important;*/
    background-color: unset; /* var(--BkColorListItemTextContentLevl1) !important;*/
}


/*To change the text color for the second level nodes*/
[b-ahx5pw2v2n] .main-treeview .e-list-item.e-level-2 > .e-text-content .e-list-text, .accordiontree .e-list-item.e-level-2.e-active > .e-text-content .e-list-text[b-ahx5pw2v2n], .accordiontree .e-list-item.e-level-2.e-hover > .e-text-content .e-list-text[b-ahx5pw2v2n], .accordiontree .e-list-item.e-level-2.e-active.e-hover > .e-text-content .e-list-text[b-ahx5pw2v2n] {
    color: var(--ListItemTextContentLevl2) !important; /*white !important;*/
    font-size: 14px;
    font-weight: 500;
    background-color: var(--BackGroundSideBarL2) !important; /* var(--BackGroundSideBarL2) #566dee !important;*/
}
/*To change the background color for the second level nodes*/
[b-ahx5pw2v2n] .main-treeview .e-list-item.e-level-1 > .e-fullrow, .accordiontree .e-list-item.e-level-1.e-active > .e-fullrow[b-ahx5pw2v2n], .accordiontree .e-list-item.e-level-1.e-hover > .e-fullrow[b-ahx5pw2v2n], .accordiontree .e-list-item.e-level-1 > .e-fullrow[b-ahx5pw2v2n], .accordiontree .e-list-item.e-level-2.e-active.e-hover > .e-fullrow[b-ahx5pw2v2n] {
    font-weight: 1800;
    background-color: unset !important; /* var(--ListItemFullrowLevl2);*/ /* #0084FF;   #496650;    #6d58ff;    #00A8A8;    #89CFF3;    #2ca1b8;  Background Color  */
    border-spacing: 0; /* Removes the cell spacing via CSS */
}

[b-ahx5pw2v2n] .main-treeview .e-list-item.e-level-3 > .e-fullrow, .accordiontree .e-list-item.e-level-3.e-active > .e-fullrow[b-ahx5pw2v2n], .accordiontree .e-list-item.e-level-3.e-hover > .e-fullrow[b-ahx5pw2v2n], .accordiontree .e-list-item.e-level-3 > .e-fullrow[b-ahx5pw2v2n], .accordiontree .e-list-item.e-level-3.e-active.e-hover > .e-fullrow[b-ahx5pw2v2n] {
    font-weight: 1800;
    background-color: unset !important; /*var(--ListItemFullrowLevl3) !important;*/ /* #6197F4;   #808d39;    #0ea8f1;*/
    border: none;
    border-spacing: 0; /* Removes the cell spacing via CSS */
}

[b-ahx5pw2v2n] .main-treeview .e-list-item.e-level-2 > .e-fullrow, .accordiontree .e-list-item.e-level-2.e-active > .e-fullrow[b-ahx5pw2v2n], .accordiontree .e-list-item.e-level-2.e-hover > .e-fullrow[b-ahx5pw2v2n], .accordiontree .e-list-item.e-level-2 > .e-fullrow[b-ahx5pw2v2n], .accordiontree .e-list-item.e-level-2.e-active.e-hover > .e-fullrow[b-ahx5pw2v2n] {
    font-weight: 1800;
    background-color: var(--BackGroundSideBarL2) /*unset*/ !important; /*var(--ListItemFullrowLevl3) !important;*/ /* #6197F4;   #808d39;    #0ea8f1;*/
    border: none;
    border-spacing: 0; /* Removes the cell spacing via CSS */
}



[b-ahx5pw2v2n] .main-treeview .e-level-1 > .e-text-content .e-list-text {
    color: var(--ColorTextSideBarL1) !important;
    background-color: var(--BackGroundTextSideBarL1) !important;
    font-style: var(--FontStyleTextSideBarL1) !important;
    font-weight: var(--FontWhtTextSideBarL1) !important;
    font-size: 16px !important; /*var(--FontSizeTextSideBarL1) !important;*/
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
}

[b-ahx5pw2v2n] .main-treeview .e-level-2 > .e-text-content .e-list-text {
    color: var(--ColorTextSideBarL2) !important;
    background-color: var(--BackGroundTextSideBarL2) !important;
    font-style: var(--FontStyleTextSideBarL2) !important;
    font-weight: var(--FontWhtTextSideBarL2) !important;
    font-size: 15px !important; /*var(--FontSizeTextSideBarL2) !important;*/
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
}

[b-ahx5pw2v2n] .main-treeview .e-level-3 > .e-text-content .e-list-text {
    color: var(--ColorTextSideBarL3);
    background-color: var(--BackGroundTextSideBarL3) !important;
    font-style: var(--FontStyleTextSideBarL3) !important;
    font-weight: var(--FontWhtTextSideBarL3) !important;
    font-size: 14px !important; /* var(--FontSizeTextSideBarL3) !important;*/
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
}
/* /Components/Pages/ADM/UserRightV4Eng1.razor.rz.scp.css */

[b-cjywnb59y7] #recTxt, #squareTxt[b-cjywnb59y7] {
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-cjywnb59y7] #recTxt {
    background: #0183fe;
    color: yellow;
    height: 4.4vh;
}
/* ----------------------------------------------------------------------------------------------------------------------------------*/

/* For CSS Isolation: MyComponent.razor.css */
.custom-tree-justify .e-treeview .e-list-text[b-cjywnb59y7] {
    text-align: justify;
    /* You might need to set a width for justification to be visible */
    width: 100%; /* Or a specific width */
    display: block; /* Ensure it behaves as a block for width and text-align */
}

/* If you want to justify the entire node row, including icons/expanders */
.custom-tree-justify .e-treeview .e-list-item[b-cjywnb59y7] {
    text-align: justify;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

[b-cjywnb59y7] .scroll {
    overflow-y: hidden; /*auto*/
    overflow-x:  hidden; /*auto*/
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 15px;
    height: 980px;
}
    
    [b-cjywnb59y7] .scroll::-webkit-scrollbar {
        width: 10px;
    }

    [b-cjywnb59y7] .scroll::-webkit-scrollbar-track {
        border-radius: 10px;
        background: white;
    }

    [b-cjywnb59y7] .scroll::-webkit-scrollbar-thumb {
        background: rgba(26, 102, 234, 0.5);
        background: rgba(163, 171, 221, 0.8);
        background: rgba(151, 195, 220, 0.95);
        border-radius: 100px;
    }

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* how to remove hoverable background color */
[b-cjywnb59y7] .main-treeview .e-list-item.e-hover > .e-fullrow {
    background-color: unset !important;
    color: yellow !important;
    border: none;
}

[b-cjywnb59y7] .main-treeview > .e-fullrow {
    background-color: unset !important;
    border: none;
}

[b-cjywnb59y7] .main-treeview .e-list-item.e-hover > .e-text-content .e-list-text, .main-treeview .e-list-item.e-hover > .e-text-content[b-cjywnb59y7] {
    color: var(--ColorHoverTextSideBar) !important;
    background-color: var(--BackGroundtHoverTextSideBar) !important;
}


[b-cjywnb59y7] .e-treeview .e-list-item.e-hover > .e-text-content {
    background-color: var(--BackGroundHoverListSideBar) /*#ea7f7f !important;*/
    color: var(--ColorHoverListSideBar);
}

[b-cjywnb59y7] .e-treeview .e-list-item .e-level-3 .e-active {
    color: forestgreen !important;
    background-color: unset !important;
}

[b-cjywnb59y7] .main-treeview .e-level-1 > .e-text-content {
    background-color: var(--BackGroundSideBarLevel1);
    color: var(--ColorSideBarLevel1);
}

[b-cjywnb59y7] .main-treeview .e-level-2 > .e-text-content {
    background-color: var(--BackGroundSideBarLevel2);
    color: var(--ColorSideBarLevel2);
}

[b-cjywnb59y7] .main-treeview .e-level-3 > .e-text-content {
    background-color: var(--BackGroundSideBarLevel3);
    color: var(--ColorSideBarLevel3);
}

/* ************************************************************************************************************* */

[b-cjywnb59y7] .main-treeview.e-treeview .e-list-item .e-icon-expandable::before,
.main-treeview.e-treeview .e-list-item .e-icon-collapsible[b-cjywnb59y7]:before {
    content: '\e701';
    /* font-size: 13px;*/
    color: var(--ColorExpSideBar);
    background-color: var(--BackGroundExpSideBar);
}



/* ************************************************************************************************************* */

[b-cjywnb59y7] .e-treeview .e-list-text {
    /*font-family: 'Microsoft Sans Serif' !important;*/
    /* font-size: 10px !important;*/
    color: var(--TreeListText) !important;
    min-width: 250px;
    min-height: 10px;
    margin-bottom: -2px;
    margin-top: -2px;
}

[b-cjywnb59y7] .e-treeview .e-level-1 > .e-text-content {
    color: var(--ListItemTextContentLevl1M);
    background-color: var(--BackGroundSideBar) !important;
}

/*To hide the expand and collapse icon*/
[b-cjywnb59y7] .main-treeview .e-list-item.e-level- .e-icons.e-icon-collapsible, .accordiontree .e-list-item.e-level-1 .e-icons.e-icon-collapsible[b-cjywnb59y7], .accordiontree .e-list-item.e-level-1 .e-icon-expandable[b-cjywnb59y7] {
    display: none;
}

[b-cjywnb59y7] .main-treeview .e-list-item.e-hover > .e-fullrow {
    background-color: var(--ListItemHoverFullrow) !important;
    */ /*  #870ef1 ;*/
}

/*To change the text color for the first level nodes*/
[b-cjywnb59y7] .main-treeview .e-list-item.e-level-1 > .e-text-content .e-list-text, .accordiontree .e-list-item.e-level-1.e-active > .e-text-content .e-list-text[b-cjywnb59y7], .accordiontree .e-list-item.e-level-1.e-hover > .e-text-content .e-list-text[b-cjywnb59y7], .accordiontree .e-list-item.e-level-1.e-active.e-hover > .e-text-content .e-list-text[b-cjywnb59y7] {
    color: white !important; /* var(--ColorListItemTextContentLevl1) !important;*/
    background-color: unset; /* var(--BkColorListItemTextContentLevl1) !important;*/
}


/*To change the text color for the second level nodes*/
[b-cjywnb59y7] .main-treeview .e-list-item.e-level-2 > .e-text-content .e-list-text, .accordiontree .e-list-item.e-level-2.e-active > .e-text-content .e-list-text[b-cjywnb59y7], .accordiontree .e-list-item.e-level-2.e-hover > .e-text-content .e-list-text[b-cjywnb59y7], .accordiontree .e-list-item.e-level-2.e-active.e-hover > .e-text-content .e-list-text[b-cjywnb59y7] {
    color: var(--ListItemTextContentLevl2) !important; /*white !important;*/
    font-size: 15px;
    font-weight: 500;
    background-color: var(--BackGroundSideBarL2) !important; /* var(--BackGroundSideBarL2) #566dee !important;*/
}
/*To change the background color for the second level nodes*/
[b-cjywnb59y7] .main-treeview .e-list-item.e-level-1 > .e-fullrow, .accordiontree .e-list-item.e-level-1.e-active > .e-fullrow[b-cjywnb59y7], .accordiontree .e-list-item.e-level-1.e-hover > .e-fullrow[b-cjywnb59y7], .accordiontree .e-list-item.e-level-1 > .e-fullrow[b-cjywnb59y7], .accordiontree .e-list-item.e-level-2.e-active.e-hover > .e-fullrow[b-cjywnb59y7] {
    font-weight: 1800;
    background-color: unset !important; /* var(--ListItemFullrowLevl2);*/ /* #0084FF;   #496650;    #6d58ff;    #00A8A8;    #89CFF3;    #2ca1b8;  Background Color  */
    border-spacing: 0; /* Removes the cell spacing via CSS */
}

[b-cjywnb59y7] .main-treeview .e-list-item.e-level-3 > .e-fullrow, .accordiontree .e-list-item.e-level-3.e-active > .e-fullrow[b-cjywnb59y7], .accordiontree .e-list-item.e-level-3.e-hover > .e-fullrow[b-cjywnb59y7], .accordiontree .e-list-item.e-level-3 > .e-fullrow[b-cjywnb59y7], .accordiontree .e-list-item.e-level-3.e-active.e-hover > .e-fullrow[b-cjywnb59y7] {
    font-weight: 1800;
    background-color: unset !important; /*var(--ListItemFullrowLevl3) !important;*/ /* #6197F4;   #808d39;    #0ea8f1;*/
    border: none;
    border-spacing: 0; /* Removes the cell spacing via CSS */
}

[b-cjywnb59y7] .main-treeview .e-list-item.e-level-2 > .e-fullrow, .accordiontree .e-list-item.e-level-2.e-active > .e-fullrow[b-cjywnb59y7], .accordiontree .e-list-item.e-level-2.e-hover > .e-fullrow[b-cjywnb59y7], .accordiontree .e-list-item.e-level-2 > .e-fullrow[b-cjywnb59y7], .accordiontree .e-list-item.e-level-2.e-active.e-hover > .e-fullrow[b-cjywnb59y7] {
    font-weight: 1800;
    background-color: var(--BackGroundSideBarL2) /*unset*/ !important; /*var(--ListItemFullrowLevl3) !important;*/ /* #6197F4;   #808d39;    #0ea8f1;*/
    border: none;
    border-spacing: 0; /* Removes the cell spacing via CSS */
}



[b-cjywnb59y7] .main-treeview .e-level-1 > .e-text-content .e-list-text {
    color: var(--ColorTextSideBarL1) !important;
    background-color: var(--BackGroundTextSideBarL1) !important;
    font-style: var(--FontStyleTextSideBarL1) !important;
    font-weight: var(--FontWhtTextSideBarL1) !important;
    /* font-size: 12px !important; */ /* var(--FontSizeTextSideBarL3) !important;*/
    /* font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;*/
}

[b-cjywnb59y7] .main-treeview .e-level-2 > .e-text-content .e-list-text {
    color: var(--ColorTextSideBarL2) !important;
    background-color: var(--BackGroundTextSideBarL2) !important;
    font-style: var(--FontStyleTextSideBarL2) !important;
    font-weight: var(--FontWhtTextSideBarL2) !important;
    /* font-size: 12px !important; */ /* var(--FontSizeTextSideBarL3) !important;*/
    /* font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;*/
}

[b-cjywnb59y7] .main-treeview .e-level-3 > .e-text-content .e-list-text {
    color: var(--ColorTextSideBarL3);
    background-color: var(--BackGroundTextSideBarL3) !important;
    font-style: var(--FontStyleTextSideBarL3) !important;
    font-weight: var(--FontWhtTextSideBarL3) !important;
   /* font-size: 12px !important; */ /* var(--FontSizeTextSideBarL3) !important;*/
  /*  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;*/
}
/* /Components/Pages/CLINIC/Doctors/ClcDct.razor.rz.scp.css */
/* ========================================================================================================================== */
/* Optional: for visual distinction and full height */
[b-sysw6378te] .left-panel {
    background-color: #f8f9fa; /* Light gray */
    min-height: 100vh; /* Full viewport height */
    display: flex;
    /* align-items: center;
    justify-content: center;*/
}

[b-sysw6378te] .right-panel {
    background-color: #e9ecef; /* Slightly darker gray */
    min-height: 100vh; /* Full viewport height */
    display: flex;
    /*align-items: center;*/
    /* justify-content: center;*/
}

/* ========================================================================================================================== */

[b-sysw6378te] .my-custom-textarea {    
    height: 100px;
    min-width:1100px !important
}

/* ========================================================================================================================== */
[b-sysw6378te] #ClinicCard.e-card {
    padding-top: 10px !important;
}
[b-sysw6378te] #ClinicCard.e-card {
    justify-content: flex-start;
    background-color: #e8eed1 !important;
    border: groove;
    border-color: #98ccb7;
}

[b-sysw6378te] #ClinicCard.e-card .e-card-header .e-card-header-caption .e-card-header-title {
    font-size: small;
    color: red;
    height: 23px !important;
    background-color: yellow;
    font-size: 20px !important;
}

[b-sysw6378te] #ClinicCard.e-card .e-card-header {
    font-family: cursive;
    font-style: oblique !important; /* italic;*/
    text-align: center;
    background-color: lightyellow !important;
    height: 20px !important;
}

[b-sysw6378te] #ClinicCard.e-card .e-card-separator {
    padding-bottom: 0px;
}

[b-sysw6378te] #ClinicCard.e-card-content {

    font-size: 20px;
    border-color: red !important;

    line-height: initial;
    font-weight: 400;
    border: dashed;
    margin: initial;
    font-family: amiri-regular;
    font-size: 20px;
    font-weight: 400;
}

/* ========================================================================================================================== */
[b-sysw6378te] #ClinicCardMast.e-card-content {
    font-size: 20px;
    border-color: red !important;
    line-height: initial;
    font-weight: 400;
    border: dashed;
    margin: initial;
    font-family: amiri-regular;
    font-size: 20px;
    font-weight: 400;
    height: 100px !important;
}

[b-sysw6378te] #ClinicCardMast.e-card .e-card-header {
    font-family: cursive;
    font-style: oblique !important; /* italic;*/
    text-align: center;
    background-color: lightyellow !important;
    height: 10px !important;
}

/* ========================================================================================================================== */
/* .e-grid .e-headercell, .e-grid .e-rowcell, .e-grid */
[b-sysw6378te] #GridDct.e-grid .e-headercell {
    border-color: #d7eb92 !important;
    border-style: solid;
    border-width: 4px;
}

[b-sysw6378te] #GridDct .e-selectionbackground {
    background-color:  #f9920b ;
}

[b-sysw6378te] #GrdSid .e-selectionbackground {
    background-color: #7eb2ad  !important;
}

/* ************************************************************************************/
/* Target the icons within toolbar buttons  also this is working : ::deep .e-grid .e-toolbar .e-tbar-btn .e-btn-icon */
[b-sysw6378te] .e-grid .e-toolbar .e-tbar-btn .e-icons {
    background-color:  var(--ToolBarBackGroundOpt1) !important;
    color: blue !important;
}


[b-sysw6378te] .e-grid .e-toolbar {
    background-color:  var(--ToolBarBackGroundOpt1) !important;
}

   /* Disable Items in toolbar */
    [b-sysw6378te] .e-grid .e-toolbar .e-toolbar-items {
        background-color: #f1d0d0 !important ;
    }

    /* Attribute of Text of button */
[b-sysw6378te] .e-grid .e-toolbar-item .e-tbar-btn .e-tbar-btn-text {
    background-color: var(--ToolBarBackGroundOpt1) !important;
    font-family: var(--LabelFontFamily) !important;
    font-size: 15px !important;
    font-weight: bold;
    color: blue !important;
    border: 0px solid;
}

[b-sysw6378te] .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn, .e-toolbar .e-tbar-btn .e-icons[b-sysw6378te] {
    /*background:  green !important ;*/
    border:none;
}



[b-sysw6378te]  .e-grid  .e-toolbar .e-tbar-btn-text :has(:hover) {
    font-family: 'Times New Roman' !important;
    font-weight: 900;
}

/* ************************************************************************************/
[b-sysw6378te] .GrdClass {
    height: 750px !important;
    margin-top: 10px;
    color: red;
    background-color: yellow !important;
    border: inset;
}

[b-sysw6378te] .GrdEntryClass {
    height: 250px !important;
    margin-top: 10px;
}

/* ************************************************************************************/

/* Track  #GridDct             GrdSid  */
[b-sysw6378te] ::-webkit-scrollbar {
    width: 10px;
    background-color:white !important;
}
[b-sysw6378te]  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 150px;
}

[b-sysw6378te]  ::-webkit-scrollbar-thumb {
    background: #b4d948 !important;
    border-radius: 10px;
}

    [b-sysw6378te] ::-webkit-scrollbar-thumb:hover {
        background: yellow !important;
    }



/* /Components/Pages/CLINIC/Doctors/Nurse.razor.rz.scp.css */
/* ========================================================================================================================== */
/* Optional: for visual distinction and full height */
[b-148n7egzf7] .left-panel {
    background-color: #f8f9fa; /* Light gray */
    min-height: 100vh; /* Full viewport height */
    display: flex;
    /* align-items: center;
    justify-content: center;*/
}

[b-148n7egzf7] .right-panel {
    background-color: #e9ecef; /* Slightly darker gray */
    min-height: 100vh; /* Full viewport height */
    display: flex;
    /*align-items: center;*/
    /* justify-content: center;*/
}

/* ========================================================================================================================== */

[b-148n7egzf7] .my-custom-textarea {
    height: 100px;
    min-width: 1100px !important
}

/* ========================================================================================================================== */
[b-148n7egzf7] #ClinicCard.e-card {
    padding-top: 10px !important;
}

[b-148n7egzf7] #ClinicCard.e-card {
    justify-content: flex-start;
    background-color: #e8eed1 !important;
    border: groove;
    border-color: #98ccb7;
}

    [b-148n7egzf7] #ClinicCard.e-card .e-card-header .e-card-header-caption .e-card-header-title {
        font-size: small;
        color: red;
        height: 23px !important;
        background-color: yellow;
        font-size: 20px !important;
    }

    [b-148n7egzf7] #ClinicCard.e-card .e-card-header {
        font-family: cursive;
        font-style: oblique !important; /* italic;*/
        text-align: center;
        background-color: lightyellow !important;
        height: 20px !important;
    }

    [b-148n7egzf7] #ClinicCard.e-card .e-card-separator {
        padding-bottom: 0px;
    }

[b-148n7egzf7] #ClinicCard.e-card-content {
    font-size: 20px;
    border-color: red !important;
    line-height: initial;
    font-weight: 400;
    border: dashed;
    margin: initial;
    font-family: amiri-regular;
    font-size: 20px;
    font-weight: 400;
}

/* ========================================================================================================================== */
[b-148n7egzf7] #ClinicCardMast.e-card-content {
    font-size: 20px;
    border-color: red !important;
    line-height: initial;
    font-weight: 400;
    border: dashed;
    margin: initial;
    font-family: amiri-regular;
    font-size: 20px;
    font-weight: 400;
    height: 100px !important;
}

[b-148n7egzf7] #ClinicCardMast.e-card .e-card-header {
    font-family: cursive;
    font-style: oblique !important; /* italic;*/
    text-align: center;
    background-color: lightyellow !important;
    height: 10px !important;
}


/* ======================================================================================================================= */
/* In MyComponent.razor.css or site.css */
[b-148n7egzf7] #NTFCTID.e-grid {
    /* Styles for the entire grid container */
    border: 3px solid blue;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    /*font-style:italic !important;*/
    /*font-weight:500 !important;*/
    background-color: lightblue;
    
}

    [b-148n7egzf7] #NTFCTID.e-grid .e-headercell {
        /* Styles for header cells within this specific grid */
        background-color: lightblue;
        color: navy;
        font-size: 5px !important;
    }

    [b-148n7egzf7] #NTFCTID.e-grid .e-row {
        /* Styles for rows within this specific grid */
        background-color: lightgray !important;
        border: 3px solid blue;

    }

    [b-148n7egzf7] #NTFCTID.e-grid .e-altrow {
        /* Styles for alternate rows within this specific grid */
        background-color: yellow !important; /* #f0f0f0;*/
        
    }


/* Customize the color of Grid lines */
    [b-148n7egzf7] #NTFCTID.e-grid .e-gridheader, .e-grid #NTFCTID.e-headercell[b-148n7egzf7], .e-grid .e-rowcell[b-148n7egzf7], .e-grid[b-148n7egzf7] {
        border-color: red !important;
        border-style: solid !important;
        border-width: 1px;
    }


/* ======================================================================================================================= */
/* /Components/Pages/CLINIC/Forms/ClcInvEntry.razor.rz.scp.css */
[b-ps7a1syirl] #GridHdID.e-grid {
    display: none;
}

[b-ps7a1syirl] doc_MTHD.e-textbox {
    display: none;
}

[b-ps7a1syirl] .e-custom-hide .e-textbox {
    display: none;
}

[b-ps7a1syirl] #doc_mthd_card .e-custom-hide {
    display: none;
}

    [b-ps7a1syirl] #doc_mthd_card.e-custom-hide.e-textbox {
        display: none;
    }

[b-ps7a1syirl] #GridLnID.e-selectionbackground {
    background-color: #f9920b !important;
}
/* /Components/Pages/CLINIC/Forms/ClcInvEntryOld.razor.rz.scp.css */
[b-ix6x8e4mb2] #GridHdID.e-grid {
    display: none;
}

[b-ix6x8e4mb2] doc_MTHD.e-textbox {
    display: none;
}

[b-ix6x8e4mb2] .e-custom-hide .e-textbox {
    display: none;
}

[b-ix6x8e4mb2] #doc_mthd_card .e-custom-hide {
    display: none;
}

    [b-ix6x8e4mb2] #doc_mthd_card.e-custom-hide.e-textbox {
        display: none;
    }

[b-ix6x8e4mb2] #GridLnID.e-selectionbackground {
    background-color: #f9920b !important;
}
/* /Components/Pages/CUST/CustPdfRep/CustRepInvestPrd.razor.rz.scp.css */
/* /Components/Pages/CUST/Forms/CustCustom.razor.rz.scp.css */




[b-y2860oz6ex] .e-grid .e-icon-userlogin::before {
    font-family: 'ej2-headertemplate';
    width: 15px !important;
    content: '\e702';
}

[b-y2860oz6ex] .row {
    height: 110px;
}

[b-y2860oz6ex] .form-label {
    justify-content:center;

    display: inline-block;
    color :blue;
}

[b-y2860oz6ex] .color-red {
    color: red;
}

/*  style="border:groove;border-color:#af5091;border-top-color:white;padding:4px;" */
[b-y2860oz6ex] .DivBorder {
     /*background-color:yellow;*/
    border: double;
    border: groove;
    border-color: #af5091;
    border-top-color: white;
    padding: 4px;
    padding-left:15px;
    padding-right:15px;
    padding-top:8px;
    padding-bottom:8px;
}




[b-y2860oz6ex] .btn {
    display: inline-block;
    padding: 0.2em 0.8em; /*0.3em 1.2em;*/
    margin: 0 0.1em 0.1em 0; /* 0 0.3em 0.3em 0;*/
    border-radius: 2em;
    border-color: blue;
    border-width: 2.3px;
    box-sizing: border-box;
    text-decoration: none;
    /*font-family: sans-serif;*/
    font-weight: 500;
    font-size: 12px;
    color: blue; /*#FFFFFF;*/
    background-color: #e7f8d5; /*#4eb5f1;*/
    text-align: center;
    transition: all 0.2s;
}

    [b-y2860oz6ex] .btn:hover {
        background-color: yellow; /*#4095c6;*/
        color: red;
    }

    [b-y2860oz6ex] .btn.active.focus, .btn.active:focus[b-y2860oz6ex],
    .btn.focus[b-y2860oz6ex], .btn:active.focus[b-y2860oz6ex],
    .btn:active:focus[b-y2860oz6ex], .btn:focus[b-y2860oz6ex] {
        outline: none;
        background-color: white;
    }

@media all and (max-width:30em) {
    .btn[b-y2860oz6ex] {
        display: block;
        margin: 0.1em auto;
    }
}
/* /Components/Pages/CUST/Forms/CustCustomers.razor.rz.scp.css */

[b-f90l2gv34k] .e-grid .e-icon-userlogin::before {
    font-family: 'ej2-headertemplate';
    width: 15px !important;
    content: '\e702';
}

[b-f90l2gv34k] .row {
    height: 110px;
}

[b-f90l2gv34k] .form-label {
    justify-content: center;
    display: inline-block;
    color: blue;
}

[b-f90l2gv34k] .color-red {
    color: red;
}

/*  style="border:groove;border-color:#af5091;border-top-color:white;padding:4px;" */
[b-f90l2gv34k] .DivBorder {
    /*background-color:yellow;*/
    border: double;
    border: groove;
    border-color: #af5091;
    border-top-color: white;
    padding: 4px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 8px;
    padding-bottom: 8px;
}




[b-f90l2gv34k] .btn {
    display: inline-block;
    padding: 0.2em 0.8em; /*0.3em 1.2em;*/
    margin: 0 0.1em 0.1em 0; /* 0 0.3em 0.3em 0;*/
    border-radius: 2em;
    border-color: blue;
    border-width: 2.3px;
    box-sizing: border-box;
    text-decoration: none;
    /*font-family: sans-serif;*/
    font-weight: 500;
    font-size: 12px;
    color: blue; /*#FFFFFF;*/
    background-color: #e7f8d5; /*#4eb5f1;*/
    text-align: center;
    transition: all 0.2s;
}

    [b-f90l2gv34k] .btn:hover {
        background-color: yellow; /*#4095c6;*/
        color: red;
    }

    [b-f90l2gv34k] .btn.active.focus, .btn.active:focus[b-f90l2gv34k],
    .btn.focus[b-f90l2gv34k], .btn:active.focus[b-f90l2gv34k],
    .btn:active:focus[b-f90l2gv34k], .btn:focus[b-f90l2gv34k] {
        outline: none;
        background-color: white;
    }

@media all and (max-width:30em) {
    .btn[b-f90l2gv34k] {
        display: block;
        margin: 0.1em auto;
    }
}
/* /Components/Pages/CUST/Forms/CustInvoice.razor.rz.scp.css */
[b-2ycdrh5wfl] .e-statustext , .e-mastertext[b-2ycdrh5wfl] {
    font-size: 20px;
    font-family: 'Times New Roman', Times, serif;
    font-weight: 600;
    color:blue;
}

[b-2ycdrh5wfl] .row-height {
    height: 0px;
}

[b-2ycdrh5wfl] .e-btn-group {
    /*margin: 25px 25px 40px 50px;*/
    padding-left:120px;
    padding-right:130px;
    font-weight:500;
}

/*
::deep .e-btn {
    padding-left: 20px;
    padding-right: 30px;
    font-weight: 500;
}
    */
/* /Components/Pages/CUST/Forms/CustInvoiceDetail.razor.rz.scp.css */
[b-yoetuzjsmc] .row {
    height: 100px;
}

[b-yoetuzjsmc] .form-label {
    justify-content: center;
    display: inline-block;
    color: blue;
}

[b-yoetuzjsmc] .color-red {
    color: red;
}
/* /Components/Pages/GLM/GLComp/AISGLChartComp.razor.rz.scp.css */

[b-kq7p3ijxu3] th.DDLStyleCom:nth-child(1), td.DDLStyleCom:nth-child(1)[b-kq7p3ijxu3] {
    width: 23%;
}

[b-kq7p3ijxu3] th.DDLStyleCom:nth-child(2), td.styleCom:nth-child(2)[b-kq7p3ijxu3] {
    width: 70%;
}
/* /Components/Pages/GLM/GLPdfRep/GLRepFin.razor.rz.scp.css */
.e-grid .e-groupdroparea[b-i2c2i9u5jv] {
    background-color: #132f49;
}

.e-grid .e-icon-gdownarrow[b-i2c2i9u5jv]::before {
    content: '\e7c9'
}

.e-grid .e-icon-grightarrow[b-i2c2i9u5jv]::before {
    content: '\e80f'
}

[b-i2c2i9u5jv] .e-grid .e-groupcaption {
    background-color: red; /*#deecf9;*/
}

.e-grid .e-recordplusexpand[b-i2c2i9u5jv],.e-grid .e-recordpluscollapse[b-i2c2i9u5jv] {
    background-color: #deecf9;
}

.e-grid .e-indentcell[b-i2c2i9u5jv] {
    background-color: #deecf9;
}
/* /Components/Pages/GLM/JVEntry.razor.rz.scp.css */

[b-1wa3udq5hu] #GridHdID.e-grid {
    display: none;
}
[b-1wa3udq5hu] doc_MTHD.e-textbox {
    display: none;
}
[b-1wa3udq5hu] .e-custom-hide .e-textbox {
     display: none;
}
[b-1wa3udq5hu] #doc_mthd_card .e-custom-hide {
    display: none;
}
    [b-1wa3udq5hu] #doc_mthd_card.e-custom-hide.e-textbox {
        display: none;
}

[b-1wa3udq5hu] #GridLnID.e-selectionbackground {
    background-color: #f9920b !important;
}
    /*
::deep .e-grid .e-gridheader tr:first-child th:not(.e-freezeleftborder,.e-freezerightborder) {
    border-top: hidden;
    background-color: #ebf1de   !important;
    font-size:100px;
}
*/
    /* Grid Summary */
    /*
::deep .e-summaryrow {
    background-color: red;
    border-color: #2d5c8b;
    color: yellow;
}
*/
    /*
::deep .e-grid .e-summaryrow .e-summarycell, .e-grid .e-summaryrow .e-templatecell, .e-grid .e-summarycontent .e-indentcell, .e-grid .e-indentcell.e-detailindentcelltop, .e-grid .e-groupfooterrow.e-summaryrow .e-indentcell.e-indentcelltop {
    background-color: #5780a9;
    border-color: #2d5c8b;
    color: #212529;
}
    */

/* /Components/Pages/GLM/JVEntry0.razor.rz.scp.css */

[b-gkd17s2yb0] #GridHdID.e-grid {
    display: none;
}
[b-gkd17s2yb0] doc_MTHD.e-textbox {
    display: none;
}
[b-gkd17s2yb0] .e-custom-hide .e-textbox {
     display: none;
}
[b-gkd17s2yb0] #doc_mthd_card .e-custom-hide {
    display: none;
}
    [b-gkd17s2yb0] #doc_mthd_card.e-custom-hide.e-textbox {
        display: none;
}

/* /Components/Pages/GLM/JVPay.razor.rz.scp.css */
[b-dbnguxnu0x] #GridHdID.e-grid {
    display: none;
}

[b-dbnguxnu0x] doc_MTHD.e-textbox {
    display: none;
    font-family: 'Arabic Typesetting'
}

[b-dbnguxnu0x] .e-custom-hide .e-textbox {
    text-align: left;
    display: none;
}

[b-dbnguxnu0x] #doc_mthd_card .e-custom-hide {
    display: none;
}

    [b-dbnguxnu0x] #doc_mthd_card.e-custom-hide.e-textbox {
        display: none;
    }
/* /Components/Pages/GLM/JVRcv.razor.rz.scp.css */
[b-txlfj22txz] #GridHdID.e-grid {
    display: none;
}
[b-txlfj22txz] doc_MTHD.e-textbox {
    display: none;
    font-family: 'Arabic Typesetting'
}
[b-txlfj22txz] .e-custom-hide .e-textbox {
    text-align: left;
    display: none;
}
[b-txlfj22txz] #doc_mthd_card .e-custom-hide {
    display: none;
}

    [b-txlfj22txz] #doc_mthd_card.e-custom-hide.e-textbox {
        display: none;
    }

/* /Components/Pages/ICM/ICMComp/InvItemComp.razor.rz.scp.css */

[b-oym1ag0718] th.DDLStyleCom:nth-child(1), td.DDLStyleCom:nth-child(1)[b-oym1ag0718] {
    width: 35%;
}

[b-oym1ag0718] th.DDLStyleCom:nth-child(2), td.DDLStyleCom:nth-child(2)[b-oym1ag0718] {
    width: 75%;
}

[b-oym1ag0718] th.DDLStyleCom:nth-child(3), td.DDLStyleCom:nth-child(3)[b-oym1ag0718] {
    width: 25%;
}

[b-oym1ag0718] th.DDLStyleCom:nth-child(4), td.DDLStyleCom:nth-child(4)[b-oym1ag0718] {
    width: 25%;
}

[b-oym1ag0718] th.DDLStyleCom:nth-child(5), td.DDLStyleCom:nth-child(5)[b-oym1ag0718] {
    width: 30%;
}

/* /Components/Pages/ICM/ICMComp/InvWhseComp.razor.rz.scp.css */
[b-8mvv3a95my] th.DDLStyleCom:nth-child(1), td.DDLStyleCom:nth-child(1)[b-8mvv3a95my] {
    width: 30%;
}

[b-8mvv3a95my] th.DDLStyleCom:nth-child(2), td.styleCom:nth-child(2)[b-8mvv3a95my] {
    width: 70%;
}
/* /Components/Pages/ICM/ICMRep/InvItemTrnsRep.razor.rz.scp.css */

[b-u1o8tjlrfr] #GridHdID.e-grid {
    display: none;
}
/* *************************************** */
[b-u1o8tjlrfr] table.style2 {
    border-collapse: collapse;
    background-color: #009879;
}

[b-u1o8tjlrfr] th.style2 {
    border-collapse: collapse;
}
/* *************************************** */
[b-u1o8tjlrfr] table.style1 {
    border-collapse: collapse;
}

[b-u1o8tjlrfr] th.style1 {
    border-collapse: collapse;
}

[b-u1o8tjlrfr] th.style1, td.style1[b-u1o8tjlrfr] {
    border: 1px solid #f00;
    padding: 8px;
}


/* *************************************** */
[b-u1o8tjlrfr] th.styleCom {
    border: 0px solid #f00;
    padding: 0px;
    background-color: #d7e2c4;
    color: blue;
    text-align: center;
}

[b-u1o8tjlrfr] td.styleCom {
    border: 1px solid #f00;
    padding: 0px;
    color: black;
    text-align: right;
}

[b-u1o8tjlrfr] th.styleCom:nth-child(1), td.styleCom:nth-child(1)[b-u1o8tjlrfr] {
    width: 20%;
}

[b-u1o8tjlrfr] th.styleCom:nth-child(2), td.styleCom:nth-child(2)[b-u1o8tjlrfr] {
    width: 35%;
}

[b-u1o8tjlrfr] th.style3:nth-child(3), td.style3:nth-child(3)[b-u1o8tjlrfr] {
    width: 15%;
}

[b-u1o8tjlrfr] th.style3:nth-child(4), td.style3:nth-child(4)[b-u1o8tjlrfr] {
    width: 15%;
}

[b-u1o8tjlrfr] th.style3:nth-child(5), td.style3:nth-child(5)[b-u1o8tjlrfr] {
    width: 15%;
}

/* ************************************** */

/*
::deep table {
    border-collapse: collapse;
}

::deep th {
    background: #ccc;
}

::deep th, td {
    border: 1px solid #ccc;
    padding: 8px;
}
*/
/* ***************************************** */
/*
::deep .head, .item {
    display: table;
    width: 100%;
    margin: auto; 
}
::deep .head {
    height: 80px;
    font-size: 100px;
    font-weight: 600;
    color:red;
}
::deep .item, .name {
    display: table-cell;
    vertical-align: middle;
    width: 10%;
    text-align: left;
}
::deep .item, .city {
    display: table-cell;
    vertical-align: middle;
    width: 60%;
    text-align: right;
    padding-left: 20px;
    padding-right: 20px;
}
::deep .thead .tr {
    background-color: #009879;
    color: #ffffff;
    text-align: left;
}
::deep .th, .td {
    padding: 12px 15px;
}
::deep .name, .city {
    display: table-cell;
    vertical-align: middle;
    width: 10%;
    text-align: left;
}
::deep .head .name {
    text-indent: 16px;
    color: red;
    font-weight:600;
    font-size:30px;
}
::deep .head .city {
    text-indent: 200px;
    color: red;
    font-weight: 600;
    font-size: 30px;
}
   */
/* /Components/Pages/ICM/InvAdjEntry.razor.rz.scp.css */

[b-wgmmmbmeej] #GridHdID.e-grid {
    display: none;
}
/* /Components/Pages/ICM/InvCtl.razor.rz.scp.css */
[b-9fau90u6a4] .radio-control {
    border: solid;
    border-color: greenyellow;
    font-family: 'Times New Roman', Times, serif;
    font-size: larger;
    font-weight: 800;
    background-color: papayawhip;
    color: greenyellow;
}

[b-9fau90u6a4] .RadioClass {
    font-family: serif;
    font-size: larger;
    font-weight: 800;
    color: greenyellow;
    border-color: greenyellow;
}
/* /Components/Pages/ICM/InvMatIn.razor.rz.scp.css */

[b-bt3a19jxul] #GridHdID.e-grid {
    display: none;
}

.row[b-bt3a19jxul] {
    height: 70px;
}
/* /Components/Pages/ICM/InvMatOut.razor.rz.scp.css */

[b-f60ptymw1u] #GridHdID.e-grid {
    display: none;
}

.row[b-f60ptymw1u] {
    height: 70px;
}
/* /Components/Pages/ICM/InvTrnsEntry.razor.rz.scp.css */

[b-onq43a0cg3] #GridHdID.e-grid {
    display: none;
}
/* /Components/Pages/POM/PORcptEnty.razor.rz.scp.css */

[b-jhppbz6aae] #GridHdID.e-grid {
    display: none;
}
/* /Components/Pages/POM/PORetEnty.razor.rz.scp.css */
[b-qihrpsbyag] #GridHdID.e-grid {
    display: none;
}
/* /Components/Pages/SOM/Comp/SOCustomerComp.razor.rz.scp.css */

[b-v29fkiwh62] th.DDLStyleCom:nth-child(1), td.DDLStyleCom:nth-child(1)[b-v29fkiwh62] {
    width: 23%;
}

[b-v29fkiwh62] th.DDLStyleCom:nth-child(2), td.styleCom:nth-child(2)[b-v29fkiwh62] {
    width: 70%;
}

[b-v29fkiwh62] th.DDLStyleCom:nth-child(2), td.styleCom:nth-child(2)[b-v29fkiwh62] {
    width: 30%;
}
/* /Components/Pages/SOM/SOCustEntry.razor.rz.scp.css */

[b-m6z7knt26v] .form-group.col-md-6 {
    width: 400px;
    color:black;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size:large;
    background-color:antiquewhite;
}



[b-m6z7knt26v] label.e-float-text {
    font-weight: 600;
    position: relative;
    padding-left: 0;
    /*top: 150%;*/
}

[b-m6z7knt26v] div#Grid_dialogEdit_wrapper {
    height: 700px !important;
    max-height: 500px !important;
} 

[b-m6z7knt26v] e-dialog e-lib e-edit-dialog e-rtl e-dlg-modal e-draggable e-popup e-control e-popup-open {
    max-width: 600px !important;
  
    left: 210px;
    top: 330px;
    width: auto;
    position: relative;
}
/* /Components/Pages/SOM/SOOrederEntry.razor.rz.scp.css */

[b-mp0bwfzej0] #GridHdID.e-grid {
    display: none;
}

.row[b-mp0bwfzej0] {
    margin-bottom: -5px;
}
/* /Components/Pages/SOM/SOReturnEntry.razor.rz.scp.css */

[b-0rwe67qq1p] #GridHdID.e-grid {
    display: none;
}
/* /Components/Pages/SOM/SOSalesEntry.razor.rz.scp.css */

[b-k5wktlq6i0] #GridHdID.e-grid {
    display: none;
}

/* /Components/Pages/TRK/Dlg/TrkInvoiceDlg.razor.rz.scp.css */
/* /Components/Pages/TRK/Forms/TrkCarrierPay.razor.rz.scp.css */

[b-jwxyznk4mp] #GridHdID.e-grid {
    display: none;
}

[b-jwxyznk4mp] doc_MTHD.e-textbox {
    display: none;
}

[b-jwxyznk4mp] .e-custom-hide .e-textbox {
    display: none;
}

[b-jwxyznk4mp] #doc_mthd_card .e-custom-hide {
    display: none;
}

    [b-jwxyznk4mp] #doc_mthd_card.e-custom-hide.e-textbox {
        display: none;
    }
/* /Components/Pages/TRK/Forms/TrkContQuery.razor.rz.scp.css */
[b-w8afdm5gfd] #GridMastID.e-grid {
    display: none;
}

.row[b-w8afdm5gfd] {
    height: 85px;
}

/* /Components/Pages/TRK/Forms/TrkCust.razor.rz.scp.css */
[b-mtdu5rmg43] div row{
    height:10000px !important;
}
.row[b-mtdu5rmg43] {
    background-color:#f2f0e2 !important;
    height:92px;
}
/* *************************************** */
[b-mtdu5rmg43] #GridHdID.e-grid {
    display: none;
}
/* *************************************** */
[b-mtdu5rmg43] table.style2 {
    border-collapse: collapse;
    background-color: #009879;
}

[b-mtdu5rmg43] th.style2 {
    border-collapse: collapse;
}
/* *************************************** */
[b-mtdu5rmg43] table.style1 {
    border-collapse: collapse;
}

[b-mtdu5rmg43] th.style1 {
    border-collapse: collapse;
}

[b-mtdu5rmg43] th.style1, td.style1[b-mtdu5rmg43] {
    border: 1px solid #f00;
    padding: 8px;
}


/* *************************************** */
[b-mtdu5rmg43] th.styleCom {
    border: 0px solid #f00;
    padding: 0px;
    background-color: #d7e2c4;
    color: blue;
    text-align: center;
}

[b-mtdu5rmg43] td.styleCom {
    border: 1px solid #f00;
    padding: 0px;
    color: black;
    text-align: right;
}

[b-mtdu5rmg43] th.styleCom:nth-child(1), td.styleCom:nth-child(1)[b-mtdu5rmg43] {
    width: 20%;
}

[b-mtdu5rmg43] th.styleCom:nth-child(2), td.styleCom:nth-child(2)[b-mtdu5rmg43] {
    width: 35%;
}

[b-mtdu5rmg43] th.style3:nth-child(3), td.style3:nth-child(3)[b-mtdu5rmg43] {
    width: 15%;
}

[b-mtdu5rmg43] th.style3:nth-child(4), td.style3:nth-child(4)[b-mtdu5rmg43] {
    width: 15%;
}

[b-mtdu5rmg43] th.style3:nth-child(5), td.style3:nth-child(5)[b-mtdu5rmg43] {
    width: 15%;
}



/* /Components/Pages/TRK/Forms/TrkCustom.razor.rz.scp.css */

[b-2ipptuchhv] .e-grid .e-icon-userlogin::before {
    font-family: 'ej2-headertemplate';
    width: 15px !important;
    content: '\e702';
}

[b-2ipptuchhv] .row {
    height: 100px;
}

[b-2ipptuchhv] .form-label {
    justify-content: center;
    display: inline-block;
    color: blue;
}

[b-2ipptuchhv] .color-red {
    color: red;
}

/*
::deep .btn {
    font-size: 13px;
    font-family: system-ui, sans-serif;
    height:20px;
    cursor: pointer;
    padding: .1em .6em;
    font-weight: bold;
    border: none;
}
*/

/* Test OK
::deep .btn {
    --c: #229091; 
    box-shadow: 0 0 0 .1em inset var(--c);
    --_g: linear-gradient(var(--c) 0 0) no-repeat;
    background: var(--_g) calc(var(--_p,0%) - 100%) 0%, var(--_g) calc(200% - var(--_p,0%)) 0%, var(--_g) calc(var(--_p,0%) - 100%) 100%, var(--_g) calc(200% - var(--_p,0%)) 100%;
    background-size: 50.5% calc(var(--_p,0%)/2 + .5%);
    outline-offset: .1em;
    transition: background-size .4s, background-position 0s .4s;
    color :red;
}
::deep .btn:hover {
        --_p: 100%;
    transition: background-position .4s, background-size 0s;
 }
::deep .btn:active {
        box-shadow: 0 0 9e9q inset #0009;
        background-color: var(--c);
        color: #fff;
    }
*/

[b-2ipptuchhv] .btn {
    display: inline-block;
    padding: 0.2em 0.8em; /*0.3em 1.2em;*/
    margin: 0 0.1em 0.1em 0; /* 0 0.3em 0.3em 0;*/
    border-radius: 2em;
    border-color: blue;
    border-width: 2.3px;
    box-sizing: border-box;
    text-decoration: none;
    /*font-family: sans-serif;*/
    font-weight: 500;
    font-size: 12px;
    color: blue; /*#FFFFFF;*/
    background-color: #e7f8d5; /*#4eb5f1;*/
    text-align: center;
    transition: all 0.2s;
}

[b-2ipptuchhv] .btn:hover {
    background-color: yellow; /*#4095c6;*/
    color:red;
}

[b-2ipptuchhv] .btn.active.focus, .btn.active:focus[b-2ipptuchhv],
.btn.focus[b-2ipptuchhv], .btn:active.focus[b-2ipptuchhv],
.btn:active:focus[b-2ipptuchhv], .btn:focus[b-2ipptuchhv] {
    outline: none;
    background-color:white;
}

 @media all and (max-width:30em) {
    .btn[b-2ipptuchhv] {
    display: block;
    margin: 0.1em auto;
    }
}
/* /Components/Pages/TRK/Forms/TrkExpEntry.razor.rz.scp.css */
[b-uazkpagep5] #GridHdID.e-grid {
    display: none;
}
/* /Components/Pages/TRK/Forms/TrkInvoiceLn.razor.rz.scp.css */
[b-t9byjojok5] .row{
    padding-top:10px;
    border-bottom-style: ridge;
    
}
/* /Components/Pages/TRK/Forms/TrkPayDist.razor.rz.scp.css */

[b-i14to7wjuq] #GridHdID.e-grid {
    display: none;
}

[b-i14to7wjuq] doc_MTHD.e-textbox {
    display: none;
}

[b-i14to7wjuq] .e-custom-hide .e-textbox {
    display: none;
}

[b-i14to7wjuq] #doc_mthd_card .e-custom-hide {
    display: none;
}

    [b-i14to7wjuq] #doc_mthd_card.e-custom-hide.e-textbox {
        display: none;
    }
/* /Components/Pages/TRK/Forms/TrkPayRcv.razor.rz.scp.css */

[b-bi1klryav6] #GridHdID.e-grid {
    display: none;
}

[b-bi1klryav6] doc_MTHD.e-textbox {
    display: none;
}

[b-bi1klryav6] .e-custom-hide .e-textbox {
    display: none;
}

[b-bi1klryav6] #doc_mthd_card .e-custom-hide {
    display: none;
}

    [b-bi1klryav6] #doc_mthd_card.e-custom-hide.e-textbox {
        display: none;
    }
/* /Components/Pages/TRK/Forms/TrkStartPage.razor.rz.scp.css */
/* /Components/Pages/TRK/Forms/TrkTurk.razor.rz.scp.css */
[b-dy9exl5tvk] .row {
    height: 120px;
}
/* /Components/Pages/TRK/Response/TrkTrpRes.razor.rz.scp.css */
[b-uzzwb52qyr] #GridMastID.e-grid {
    display: none;
}

.row[b-uzzwb52qyr] {
    height: 85px;
}
/* /Components/Pages/VAT/Comp/VatVndrComp.razor.rz.scp.css */

[b-jnayecatoh] th.DDLStyleCom:nth-child(1), td.DDLStyleCom:nth-child(1)[b-jnayecatoh] {
    width: 30%;
}

[b-jnayecatoh] th.DDLStyleCom:nth-child(2), td.styleCom:nth-child(2)[b-jnayecatoh] {
    width: 70%;
}
/* /Components/Pages/VAT/Forms/VatCMEntry.razor.rz.scp.css */
[b-crxu0bpzgz] #GridHdID.e-grid {
    display: none;
}
/* /Components/Pages/VAT/Forms/VatInvCurEntry.razor.rz.scp.css */
[b-06dzy5zl5k] #GridHdID.e-grid {
    display: none;
}
/* /Components/Pages/VAT/Forms/VatInvEntry.razor.rz.scp.css */
[b-qjeirvhhw3] #GridHdID.e-grid {
    display: none;
}
/* /Components/Pages/VAT/Forms/VatPOInvEntry.razor.rz.scp.css */
[b-betje0d513] #GridHdID.e-grid {
    display: none;
}