:root {
    --primary: #2c5aa0;
    --primary-light: #3a6bc2;
    --secondary: #f8f9fa;
    --success: #28a745;
    --warning: #ffc107;
    --danger: #dcc5c7;
    --dark: #343a40;
    --light: #f8f9fa;
    --border: #dee2e6;
    --text: #333;
    --text-light: #6c757d;
}

@font-face {
    font-family: 'El Messiri';
    src: url('fonts/El_Messiri/ElMessiri-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'El Messiri';
    src: url('fonts/El_Messiri/ElMessiri-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'El Messiri';
    src: url('fonts/El_Messiri/ElMessiri-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'El Messiri';
    src: url('fonts/El_Messiri/ElMessiri-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
.blazored-toast-container { z-index: 1000000009!important; }

.e-control {
    font-family: "El Messiri" , serif;
}
.e-tab .e-toolbar-items .e-toolbar-item .e-tab-text {
    font-family: "El Messiri", serif;
}
.e-card {
    font-family: "El Messiri", serif;
}
.e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input, .e-input-group textarea.e-input, .e-input-group.e-control-wrapper textarea.e-input {
    font-family: "El Messiri", serif;
}
.e-tab-text
{
    font-family: "El Messiri", serif;
}
.form-card-title{
    font-family: "El Messiri", serif;
}
.e-control, .sf-control {
    font-family: "El Messiri", serif;
}
.e-btn, .e-menu-item,.e-toolbar-item {
    font-family: "El Messiri", serif;
}
.e-dropdownlist .e-dropdown-base .e-input-group .e-input {
    font-family: "El Messiri", serif;
}
.e-control, .e-control .e-input-group .e-input {
    font-family: "El Messiri", serif;
}
.e-input:not(:valid), .e-input:valid, .e-float-input.e-control-wrapper input:not(:valid), .e-float-input.e-control-wrapper input:valid, .e-float-input input:not(:valid), .e-float-input input:valid, .e-input-group input:not(:valid), .e-input-group input:valid, .e-input-group.e-control-wrapper input:not(:valid), .e-input-group.e-control-wrapper input:valid, .e-float-input.e-control-wrapper textarea:not(:valid), .e-float-input.e-control-wrapper textarea:valid, .e-float-input textarea:not(:valid), .e-float-input textarea:valid, .e-input-group.e-control-wrapper textarea:not(:valid), .e-input-group.e-control-wrapper textarea:valid, .e-input-group textarea:not(:valid), .e-input-group textarea:valid {
    font-family: "El Messiri", serif;
}
.e-float-input.e-control-wrapper input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text {
    font-family: "El Messiri", serif;
}
.e-radio+label .e-label{
    font-family: "El Messiri", serif;
}
.e-grid{
    font-family: "El Messiri", serif;
}

.e-grid .e-gridheader {
    border-bottom: 1px solid var(--border);
    background-color:  var(--secondary);
}
.e-grid .e-headercell {
    color: var(--primary);
    background-color:  var(--secondary);
}
.e-grid .e-headercelldiv {
    font-weight: 600;
    color: var(--primary);
}

.e-btn, .e-css.e-btn
{
    font-family: "El Messiri", serif;
}
.e-control, .e-css, .e-error
{
    font-family: "El Messiri", serif;
}
input.e-input, textarea.e-input, .e-input-group, .e-input-group.e-control-wrapper, .e-input-group.e-disabled, .e-input-group.e-control-wrapper.e-disabled
{
    font-family: "El Messiri", serif;
}
 

.hidden_dev {
    transition: max-height 0.5s ease-in-out;
}

.visible_dev {
    transition: max-height 0.5s ease-in-out;
}

/*
html, body {*/
/*    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
/*}*/

/*a, .btn-link {*/
/*    color: #006bb7;*/
/*}*/

/*.btn-primary {*/
/*    color: #fff;*/
/*    background-color: #1b6ec2;*/
/*    border-color: #1861ac;*/
/*}*/

/*.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {*/
/*  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;*/
/*}*/

/*.content {*/
/*    padding-top: 1.1rem;*/
/*}*/

/*h1:focus {*/
/*    outline: none;*/
/*}*/

/*.valid.modified:not([type=checkbox]) {*/
/*    outline: 1px solid #26b050;*/
/*}*/

/*.invalid {*/
/*    outline: 1px solid #e50000;*/
/*}*/

/*.validation-message {*/
/*    color: #e50000;*/
/*}*/

/*.blazor-error-boundary {*/
/*    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;*/
/*    padding: 1rem 1rem 1rem 3.7rem;*/
/*    color: white;*/
/*}*/

/*    .blazor-error-boundary::after {*/
/*        content: "An error has occurred."*/
/*    }*/

/*.darker-border-checkbox.form-check-input {*/
/*    border-color: #929292;*/
/*}*/


.validation-message {
    color: red;
    padding: 5px 0 0 0;
}

.below {
    background-color: deepskyblue;
}

.e-listbox-container
{
    height:100%;
}

label.required::before {
    content: '* '; /* Add asterisk after the placeholder */
    color: red; /* Customize asterisk color */
    margin-right: 2px; /* Optional spacing */
}

/*!* Target required fields with the custom class *!*/
/*.e-float-input.e-control-wrapper.required_field:not(.e-error) input:valid ~ label.e-float-text,*/
/*.e-float-input.e-control-wrapper.required_field:not(.e-error) input ~ label.e-label-top.e-float-text::before {*/
/*    color: red; !* Custom color for required fields *!*/
/*    content: '* '; !* Prepend an asterisk *!*/
/*    margin-right: 2px; !* Optional spacing *!*/
/*}*/
.e-float-input.e-control-wrapper.required_field .e-float-text::before {
    content: '* '; /* Add asterisk after the placeholder */
    color: red; /* Customize asterisk color */
    margin-right: 2px; /* Optional spacing */
}
/*!* Add the asterisk specifically for the required_field class *!*/
/*.e-float-input.e-control-wrapper.required_field:not(.e-error) input ~ label.e-label-top.e-float-text::before {*/
/*  */
/*}*/


.e-customsize.e-checkbox-wrapper .e-frame {
    height: 28px;
    width: 28px;
    padding: 6px 0;
}
.e-customsize.e-checkbox-wrapper .e-check {
    font-size: 18px;
}

.e-customsize.e-checkbox-wrapper .e-ripple-container {
    height: 52px;
    top: -11px;
    width: 47px;
}

.e-customsize.e-checkbox-wrapper .e-label {
    line-height: 28px;
    font-size: 18px;
}

.readonly-mode {
    background-color: #f8f9fa !important;
    border-color: #dee2e6 !important;
    color: #6c757d !important;
    cursor: not-allowed !important;
    opacity: 0.8;
    pointer-events: none;
}
    /*hani 11/11/2025*/
/* تجنب استخدام تأثيرات التركيز في وضع القراءة فقط */
.readonly-mode:focus {
    outline: none !important;
    box-shadow: none !important;
    border-color: #dee2e6 !important;
}
/* التفاف النص فقط داخل الخلايا */
.e-grid .e-rowcell{
    white-space: normal !important;
    word-break: break-word !important;
}

/* حاوية الجريد لتقييد الارتفاع */
.grid-container {
    max-height: 80vh; /* لا يزيد عن 80% من ارتفاع الشاشة */
    overflow-y: auto; /* تمرير عمودي فقط */
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: white;
    padding: 8px;
}
/*hani 12/11/2025 عمل خطوط للجريد*/
/* خطوط الأعمدة والصفوف */
.e-grid .e-gridcontent td,
.e-grid .e-headercontent th {
    border-right: 1px solid #b0c4de; /* لون الخط العمودي */
    border-bottom: 1px solid #b0c4de; /* لون الخط الأفقي */
}

    /* إزالة خط العمود الأخير */
    .e-grid .e-gridcontent td:last-child,
    .e-grid .e-headercontent th:last-child {
        border-right: none;
    }

/* تظليل الصفوف بالتناوب */
.e-grid .e-altrow {
    background-color: #f5f5f5; /* لون خفيف للصفوف البديلة */
}

/* تظليل عند المرور على الصف */
.e-grid .e-row:hover {
    background-color: #e0f7fa; /* لون عند Hover */
}

/* تخصيص رأس الجدول */
/*.e-grid .e-headercontent th {
    background-color: #007acc;*/ /* لون الخلفية */
    /*color: white;*/ /* لون الخط */
    /*font-weight: 600;
}*/


/*hani 12/11/2025  الايقون*/
/* زر شفاف بدون حدود */
.e-grid .e-commandcolumn .e-btn {
    background: transparent !important;
    border: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 10px;
    border-radius: 6px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

    /* الأيقونة */
    .e-grid .e-commandcolumn .e-btn .e-icons {
        font-size: 1.25rem;
        transition: color 0.3s ease;
    }

/* الألوان الأساسية للأيقونات */
.view-btn .e-icons {
    color: #00bcd4 !important;
}

.edit-btn .e-icons {
    color: #0d6efd !important;
}

.delete-btn .e-icons {
    color: #dc3545 !important;
}

.extend-btn .e-icons {
    color: #9c27b0 !important;
}

.cancel-btn .e-icons {
    color: #6c757d !important;
}

/* الحالة عند الوقوف Hover → الخلفية تصبح بلون الأيقونة */
.view-btn:hover {
    background-color: #00bcd4 !important;
}

    .view-btn:hover .e-icons {
        color: #fff !important;
    }

.edit-btn:hover {
    background-color: #0d6efd !important;
}

    .edit-btn:hover .e-icons {
        color: #fff !important;
    }

.delete-btn:hover {
    background-color: #dc3545 !important;
}

    .delete-btn:hover .e-icons {
        color: #fff !important;
    }

.extend-btn:hover {
    background-color: #9c27b0 !important;
}

    .extend-btn:hover .e-icons {
        color: #fff !important;
    }

.cancel-btn:hover {
    background-color: #6c757d !important;
}

    .cancel-btn:hover .e-icons {
        color: #fff !important;
    }



/* Glow Pulse عند hover */
@keyframes glowPulse {
    0%,100% {
        filter: drop-shadow(0 0 6px currentColor) drop-shadow(0 0 12px currentColor);
    }

    50% {
        filter: drop-shadow(0 0 12px currentColor) drop-shadow(0 0 20px currentColor);
    }
}

.view-btn .e-icons:hover,
.edit-btn .e-icons:hover,
.delete-btn .e-icons:hover,
.extend-btn .e-icons:hover,
.cancel-btn .e-icons:hover {
    animation: glowPulse 1.2s infinite ease-in-out;
}

/*Hani 19-11-2025*/
.editButtonClass {
    border: none;
}

.deleteButtonClass {
    border: none;
}

.e-removeeditecommand .e-unboundcell .e-unboundcelldiv button.editButtonClass {
    visibility: hidden;
}

.e-removedeletecommand .e-unboundcell .e-unboundcelldiv button.deleteButtonClass {
    visibility: hidden;
}

.scrollable-container {
     
    overflow-y: auto;   /* Enables vertical scroll */
}
.e-stepper .e-step-selected:not(.e-step-error) .e-text, .e-stepper .e-step-selected:not(.e-step-error) .e-label, .e-stepper .e-step-completed:not(.e-step-error) .e-text, .e-stepper .e-step-completed:not(.e-step-error) .e-label {
    font-family: "El Messiri" , serif;
}
.e-stepper.e-horizontal .e-text, .e-stepper.e-horizontal .e-label, .e-stepper.e-horizontal .e-step-label-optional{
    font-family: "El Messiri" , serif;
}
.e-footer-content .e-btn:not([disabled]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info)
{
    font-family: "El Messiri" , serif;
}
.e-dialog .e-dlg-header
{
    font-family: "El Messiri" , serif;
}
.card{
    font-family: "El Messiri" , serif;
}
.card-header{
    font-family: "El Messiri" , serif;
}
.e-input-group:not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error){
    font-family: "El Messiri" , serif;
}
.e-btn,.e-badge{
    font-family: "El Messiri" , serif;
}
 
.e-tab .e-tab-header .e-toolbar-item .e-tab-text
{
    font-family: "El Messiri" , serif;
}
/*Hani 19-11-2025*/