/* _content/AirbaseApp/Components/Pages/AuditTrails/Index.razor.rz.scp.css */

.card[b-u6n6ph91v7] {
    width: 80%;
    margin: 15px 50px;
    border-radius: 10px;
    padding: 5px;
    text-align: left;
    border-left: 5px solid;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.card-header[b-u6n6ph91v7] {
    font-size: 1rem;
    font-weight: bold;
    padding: 5px 10px;
    border-radius: 8px;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content:space-between;
}

.card-item[b-u6n6ph91v7]{
    display:flex;
    align-items:center;
    gap:10px;
}
    .card-item i[b-u6n6ph91v7] {
        color: rgba(0, 0, 0, 0.4);
    }

.addition[b-u6n6ph91v7] {
    border-left-color: #3498db;
    background: #eaf4fc;
}

.edit[b-u6n6ph91v7] {
    border-left-color: #f39c12;
    background: #fef5e6;
}

.delete[b-u6n6ph91v7] {
    border-left-color: #c0392b;
    background: #fdecea;
}

.print[b-u6n6ph91v7] {
    border-left-color: #f1c40f;
    background: #fef9e7;
}

.view[b-u6n6ph91v7] {
    border-left-color: #8e44ad;
    background: #f5e6fc;
}

.login[b-u6n6ph91v7] {
    border-left-color: #2ecc71;
    background: #e8f9f2;
}

.logout[b-u6n6ph91v7] {
    border-left-color: #e67e22;
    background: #fae5d3;
}

.default[b-u6n6ph91v7] {
    border-left-color: #7f8c8d;
    background: #ecf0f1;
}


.field[b-u6n6ph91v7] {
    background: rgba(0, 0, 0, 0.04);
    padding: 8px;
    margin-top: 10px;
    border-radius: 5px;
    display: block;
    align-items: center;
}
/* _content/AirbaseApp/Components/Pages/Home.razor.rz.scp.css */
.dashboard[b-gegmf4arro] {
    padding: 15px 0;
    background: var(--primary-color);
    height: calc(100vh - var(--navbar-height));
    overflow-y:auto;
}

.header[b-gegmf4arro] {
    color: white;
    text-align: center;
}

.header img[b-gegmf4arro] {
    width: 250px;
    margin-bottom:15px;
}

.cards[b-gegmf4arro] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); /* توزيع الأعمدة تلقائيًا */
    gap: 30px;
    margin-top: 20px;
}

.card[b-gegmf4arro] {
    background: rgba(255, 255, 255, 0.4);
    border-radius: 20px;
    padding: 20px;
    width: 100%;
    text-align: center;
}

    .card img[b-gegmf4arro] {
        height:150px;
        width: 100%;
        border-radius: 10px;
    }

    .card h2[b-gegmf4arro] {
        font-size:2.7rem;
        font-weight:bold;
        margin: 10px 0;
        color: #e8f6a9;
    }

.button[b-gegmf4arro] {
    background: var(--primary-color);
    color: white;
    padding: 10px 40px;
    border: none;
    border-radius: 20px;
    cursor: pointer;
    display: inline-block;
    margin-top: 15px;
}

    .button:hover[b-gegmf4arro] {
        background: #2250a3ff;
    }

table[b-gegmf4arro] {
    width: 100%;
    background: transparent; 
}

th[b-gegmf4arro], td[b-gegmf4arro] {
    font-size: 1rem;
    padding: 10px 0 !important;
    text-align: center;
    color: white;
    border: 1px solid #7d93ba;
}

thead th[b-gegmf4arro] {
    padding: 30px 0 !important;
    background: #7d93ba;
    font-size: 0.9rem;
    font-weight: bold;
    color: var(--primary-color);
    text-align: center;
}

tbody tr[b-gegmf4arro] {
    background: transparent;
}


.app-status-s[b-gegmf4arro] {
    background-color: rgba(56, 198, 108, .3);
    color: #aaf6c6;
}

.app-status-us[b-gegmf4arro] {
    background-color: rgba(254, 91, 91, .3);
    color: #f7d0d0;
}


.app-status-ior[b-gegmf4arro] {
    background-color: #3498db;
    color: #c2e4fb;
  
}

.app-status-ior-critical[b-gegmf4arro] {
    background-color: #3447db;
    color: #c2e4fb;
}

.app-status-aog[b-gegmf4arro] {
    background-color: #d986a2;
    color: #efd4fb;
  
}

.app-status-vor[b-gegmf4arro] {
    background-color: #b05674;
    color: #efd4fb;
}


/* _content/AirbaseApp/Components/Shareds/Loading.razor.rz.scp.css */


.loading[b-9l2aeb3l9h] {
    position: fixed; /* يبقى في مكانه عند التمرير */
    top: 0;
    left: 0;
    width: 100%; /* يغطي العرض بالكامل */
    height: 100%; /* يغطي الطول بالكامل */
    /*background-color: rgba(0, 0, 0, 0.2);*/ /* لون خلفية نصف شفاف */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10000; /* فوق كل المحتويات */
    cursor: wait; /* تغيير المؤشر إلى شكل التحميل */
}

.dots[b-9l2aeb3l9h] {
    display: flex;
    gap: 5px;
}

    .dots span[b-9l2aeb3l9h] {
        width: 10px;
        height: 10px;
        background-color: #007bff;
        border-radius: 50%;
        animation: bounce-b-9l2aeb3l9h 1.4s infinite;
    }

        .dots span:nth-child(1)[b-9l2aeb3l9h] {
            animation-delay: 0s;
        }

        .dots span:nth-child(2)[b-9l2aeb3l9h] {
            animation-delay: 0.2s;
        }

        .dots span:nth-child(3)[b-9l2aeb3l9h] {
            animation-delay: 0.4s;
        }

@keyframes bounce-b-9l2aeb3l9h {
    0%, 80%, 100% {
        transform: scale(0);
    }

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

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


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

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

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

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

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

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

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