/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. 
*/

/*a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

.navbar-brand {
    color:white !important;*/
   /* flex-grow: 1;*/
    /*font-size: 2rem;*/ /* يمكنك تعديل الحجم حسب الحاجة */
    /*font-weight:900;
}


 Provide sufficient contrast against white background 

a {
    color: #0366d6;
}

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

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}*/

/*
 Sticky footer styles
-------------------------------------------------- */

html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}


/* Sticky footer styles
-------------------------------------------------- */

html {
    position: relative;
    min-height: 100%;
}

body {
     Margin bottom by footer height 
    margin-bottom: 60px;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 60px;
     Vertically center the text there 
}

.nopadding {
    padding: 0px 0px 0px 0px;
    margin: 0 !important;
}

@media print {

    .hidden-print,
    .hidden-print * {
        display: none !important;
    }
}

.imgCustom50px {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
    width: 50px;
}

.imgCustom50px:hover {
    box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}

.unstyled-button {
    border: none;
    padding: 0;
    background: none;
}

.not-bold {
    font-weight: normal !important;
}

.imgCustom {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
    width: 50px;
}

.imgCustom:hover {
    box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}

 

/*########################################*/
.form-group {
    /*margin-bottom: 1.5rem;*/
    margin-bottom: 2px;
}

.form-control-wrapper {
    /*  position: relative;
    width: 100%;
    border: 2px solid #0c6fd2;
    border-radius: 0.25rem;
    padding: 0.1rem 0.1rem;
    transition: border-color 0.1s ease-in-out;*/
    position: relative;
    width: 100%;
    /*border: 2px solid #0c6fd2;*/
    border-radius: 0.25rem;
    padding: 0.1rem 0.1rem;
    transition: border-color 0.1s ease-in-out;
    border-right: 2px solid #0c6fd2;
    border-bottom: 2px solid #0c6fd2;
    border-left: 2px solid #0c6fd2;
    /*  background-color: transparent;*/
    /*background-image: linear-gradient(to right, #0c6fd2, #fff);*/ /* إضافة البوردر العلوي الأحمر والأصفر */
    /*background-size: 100% 2px;*/ /* تحديد ارتفاع البوردر العلوي */
    /*background-repeat: repeat-x;*/ /* تكرار البوردر العلوي أفقيًا */
    /*background-position: 0 0;*/ /* وضع البوردر العلوي في الجزء العلوي */
}

.form-control {
    display: block;
    width: 100%;
    padding: 1rem 0;
      font-size: 0.75rem;
    font-weight: 900;
    line-height: 1.5;
    color: #0b0001;
    background-color: transparent;
    background-clip: padding-box;
    border: none;
    transition: padding 0.3s ease-in-out;
}

.form-label {
    position: absolute;
    top: 5%;
    right: 0.75rem;
    transform: translateY(-50%);
    font-size: 0.75rem;
    font-weight: 900;
    color: #050000;
    transition: all 0.3s ease-in-out;
    pointer-events: none;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 1rem;
    font-weight: 900;
    text-align: center;
}
.form-control:focus,
.form-control:not(:placeholder-shown) {
    padding-top: 1.5rem;
    padding-bottom: 0.5rem;
}

    .form-control:focus + .form-label,
    .form-control:not(:placeholder-shown) + .form-label {
        top: 0.5rem;
        font-size: 0.75rem;
    }

.form-control-wrapper:focus-within {
    border-color: #007bff;
}

.select2-container--default .select2-selection--single {
    border: 0px solid #000810 !important;
    /*padding: 0.46875rem 0.75rem;*/
    /*height: calc(2.25rem + 2px);*/
  
}
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #030000 !important;
        line-height: 30px;
        font-size: 12px;
    }

.select2-container .select2-selection--single {
     height: 33px !important;
 }

/*//##########################*/
/* ############## بداية المساقة بين Rows #############*/

 
/*##################### error message ################*/
.was-validated .form-control:invalid, .form-control.is-invalid {
    border-color: #dc3545;
    padding-left: 0;
    /*padding-left: 2.25rem;*/
    /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");*/
    background-repeat: no-repeat;
    background-position: left calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
    background-color: #ffe5f8;
}

.was-validated .form-control:invalid, .form-control.is-Noinvalid {
    /*border-color: #dc3545;*/
    /*padding-left: 2.25rem;*/
    /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");*/
    background-repeat: no-repeat;
    background-position: left calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
    background-color: #e2f8e7;
}

input {
    text-align: center;
    color:#000;
   
}


.form_my_font {
    font-size: 1rem !important;
    font-weight: 900;
    color: #ff2323;
}
.form_my_font_ersal {
    font-size: 1.3rem !important;
    font-weight: 900;
    color: #050000;
}
/*########## بداية اضافة التوافق مع botstrab #########*/

/* تخطيط للهواتف المحمولة */
@media (max-width: 767px) {
    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .col-sm-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }  
    .col-sm-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-sm-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    } 
     .col-sm-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    } 
    
    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-sm-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-sm-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    } 
    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-sm-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    } 
     .col-sm-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }


    .form-control {
        display: block;
        width: 100%;
        padding: 1rem 0;
        font-size: 0.7rem;
        font-weight: 700;
        line-height: 1.5;
        color: #0b0001;
        background-color: transparent;
        background-clip: padding-box;
        border: none;
        transition: padding 0.3s ease-in-out;
    }

    .form-label {
        position: absolute;
        top: 5%;
        right: 0.75rem;
        transform: translateY(-50%);
        font-size: 0.7rem;
        font-weight: 700;
        color: #050000;
        transition: all 0.3s ease-in-out;
        pointer-events: none;
    } 
    .form_my_font {
         font-size: 0.7rem;
        font-weight: 700;
        color: #050000;
     }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 0.7rem;
        font-weight: 700;
        text-align: center;
    }
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    padding-left: 5px;
    padding-right: 5px;
}
/* تخطيط للأجهزة اللوحية (مثل الآيباد) */
@media (min-width: 768px) and (max-width: 1024px) {
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
         padding-left: 1.5px;
        padding-right: 1.5px;
    }
    .col-sm-6 {
        flex: 0 0 33.33%; /* يجعل العمود يأخذ ثلث العرض */
        max-width: 33.33%;
    }
}
/*########## نهاية اضافة التوافق مع botstrab #########*/

/* تخصيص شريط التمرير */
.table-responsive::-webkit-scrollbar {
    width: 20px; /* عرض شريط التمرير */
    height: 20px; /* عرض شريط التمرير الأفقي */
}

.table-responsive::-webkit-scrollbar-track {
    background: #f1f1f1; /* خلفية المسار */
    width: 15px; /* عرض شريط التمرير */
}

.table-responsive::-webkit-scrollbar-thumb {
    background: #7699ff ; /* لون شريط التمرير */
    border-radius: 6px; /* زوايا مدورة */
}

    .table-responsive::-webkit-scrollbar-thumb:hover {
        /*background: #7699ff ;*/ /* لون شريط التمرير عند المرور عليه */
        background: #ffc0c0; /* لون شريط التمرير عند المرور عليه */
    }

/* تخصيص شريط التمرير */
.custom_scroll::-webkit-scrollbar {
    width: 40px; /* عرض شريط التمرير */
    height: 20px; /* عرض شريط التمرير الأفقي */
}

.custom_scroll::-webkit-scrollbar-track {
    /*background: #f1f1f1;*/ /* خلفية المسار */
    background: #f1f1f1; /* خلفية المسار */
    width: 40px; /* عرض شريط التمرير */
}

.custom_scroll::-webkit-scrollbar-thumb {
    background: #7699ff ; /* لون شريط التمرير */
    border-radius: 6px; /* زوايا مدورة */
}

    .custom_scroll::-webkit-scrollbar-thumb:hover {
        /*background: #7699ff ;*/ /* لون شريط التمرير عند المرور عليه */
        background: #ffc0c0; /* لون شريط التمرير عند المرور عليه */
    }
    
/* تخصيص شريط التمرير */
.custom_scroll_All::-webkit-scrollbar {
    width: 20px; /* عرض شريط التمرير */
    height: 20px; /* عرض شريط التمرير الأفقي */
}

.custom_scroll_All::-webkit-scrollbar-track {
    /*background: #f1f1f1;*/ /* خلفية المسار */
    background: #f1f1f1; /* خلفية المسار */
    width: 20px; /* عرض شريط التمرير */
}

.custom_scroll_All::-webkit-scrollbar-thumb {
    background: #7699ff ; /* لون شريط التمرير */
    border-radius: 6px; /* زوايا مدورة */
}

    .custom_scroll_All::-webkit-scrollbar-thumb:hover {
        /*background: #7699ff ;*/ /* لون شريط التمرير عند المرور عليه */
        background: #ffc0c0; /* لون شريط التمرير عند المرور عليه */
    }

.Colse_menu {
    background: #ea6a77;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #eaf1f9;
    opacity: 1;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eaf1f9;
    cursor: default;
}


.modal-lg, .modal-xl {
    max-width: 80%;
}

.Filter_Rebort {
    background-color: #70a5cd;
}

.table_custom th, .table_custom td {
    padding: 0px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
}
.table_custom.table-head-fixed thead tr:nth-child(1) th {
    background-color: #2580c3 !important;
    padding-left: 5px;
    padding-right: 5px;
}

button.dt-button, div.dt-button, a.dt-button {
     border: 1px solid #2580c3;
     background-image: linear-gradient(to bottom, #fff 0%, #2580c3 100%);
   
}

.form-control {
    color: #0b0001;
    /*background-color: #d4edff;*/
    background-color: #f0f8ff;
}
div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0.5em;
    display: inline-block;
    width: 200%;
}

.page-link {
   
    color: #000810;
    background-color: #63a4d4;
 }

div.dataTables_wrapper div.dataTables_info {
    padding-top: 0;
    white-space: nowrap;
    color: #ef5959;
    font-size: 20px;
}

.table-responsive {
    /*   background-color: #e2f3ff;*/
    background-color: white;
}

/* تخصيص لون حقل البحث  my datatable search*/
.dataTables_filter input {
    background-color: #f0f8ff; /* لون الخلفية */
    border: 1px solid #007bff; /* لون الحدود */
    border-radius: 4px; /* زوايا مستديرة */
    padding: 5px; /* حشوة داخلية */
}

    .dataTables_filter input:focus {
        border-color: #0056b3; /* لون الحدود عند التركيز */
        outline: none; /* إزالة التحديد الافتراضي */
    }
/* تخصيص لون حقل البحث  my datatable search*/


/* أسلوب عام */
.sidebar_search {
    position: fixed;
    top: 0;
    height: 100%;
    overflow-y: auto;
}

/* للأجهزة المحمولة (الجوال) */
@media (max-width: 768px) {
    .sidebar_search {
        width: 95% !important;
    }
}

/* لأجهزة الآيباد */
@media (min-width: 769px) and (max-width: 1024px) {
    .sidebar_search {
        width: 60% !important;
    }
}

/* لأجهزة اللابتوب */
@media (min-width: 1025px) {
    .sidebar_search {
        width: 40% !important;
    }
}


.form-control-wrapper_grope {
    position: relative;
    width: 100%;
    border: 2px solid #3ee8c7;
    border-radius: 0.25rem;
    padding: 0.1rem 0.1rem;
    transition: border-color 0.1s ease-in-out;
    border-right: 2px solid #3ee8c7;
    border-bottom: 2px solid #3ee8c7;
    border-left: 2px solid #3ee8c7;
    /* background-color: transparent; */
   /* background-image: linear-gradient(to right, #3ee8c7, #fff);*/
    /* background-size: 100% 2px; */
    /* background-repeat: repeat-x; */
    /* background-position: 0 0; */
}