html {
    direction:ltr;
}
.avatar_background {
    height: 9rem !important;
    width: auto !important;
}

.font-size-72 {
    font-size: 72px !important;
}


#profile_display {
    display: block;
    width: 20%;
    margin: 10px auto;
    border-radius: 50%;
}

blockquote{
    text-align: center;
    border-radius: 10px;
    margin: 0 0 20px;
    /*padding: 10px 20px;*/
    font-size: 17.5px;
    /*border-left: 5px solid #6075ec!important;*/
    /*border-right: 5px solid #6075ec!important;*/
    border: 1px solid rgba(120, 130, 140, .13);
}
form .row {
    margin: 0.5rem;
}

.btn-group button a:hover{
    color: #fff !important;
}
.form-group{
    margin-bottom: 1rem;
}

.hiden {
    display: none;
}

.day_button {
    background: #2a3042 !important;
    color: white !important;
    justify-content: center !important;
}

.badge-brown {
    background-color: brown;
    color: white;
}
.badge-cornblue {
    background: cornflowerblue;
    color: white;
}
.badge-goldenrod {
    background: goldenrod;
    color: white;
}
.badge-soft-blue {
    background: #0e72ed;
    color: white;
}
.badge-pink {
    /* background: #924545; */
    background: #e07e8f;
    color: white;
}
.badge-success {
    background: #43c38f;
    color: #fff;
}
.badge-primary {
    background: #1b3ee5;
    color: #fff;
}
.badge-dark {
    background-color: #252729;
    color: #fff;
}
.badge-warning {
    background-color: #ead63d;
    color: #050505 !important;
}
.badge-danger {
    background-color: #b52323;
    color: #fff;
}
.badge-light-blue {
    background: #e6d5ad6e;
    color: #a85901 !important;
}
.badge-slate-blue {
    background-color: slateblue;
    color: #fff;
}

.system_link:hover {
    box-shadow: 0px 1px 3px 2px rgb(110 101 101 / 80%);
}

.m-1 {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
}

.oner_item {
    background-color: #a3d0776b !important;
    --bs-table-striped-bg: #234563;
    --bs-table-striped-color: #fff;
}


.avaliableClass {
    color: white !important;
    background-color: #35858B !important;
}

.avaliableClass h6 {
    color: white !important;
}
.active h6 {
    color: white !important;
}

.avaliableClass:hover {
    color: white !important;
    background-color: #35858B;
}

.avaliableClass {
    font-size:16px;
}

.avaliableClass h6{
    font-size:16px;
}

.unAvaliableClass {
    color: white !important;
    background: #DD4A48 !important;
}

.available-time, .available-slot{
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}
.availble_slot .active{
    background-color: #1e474a !important;
}
.availble_time .active{
    background-color: #1e474a !important;
}

.wd-125{
    width: 125px;
}
label h6:hover {
    color: #fff;
}

.apexcharts-canvas {
    direction: ltr;
}
.apexcharts-subtitle-text {
    display: none;
}
.wd-125{
    width: 128px;
}

.item_slecte {
    --bs-table-striped-bg: #45e1de;
    --bs-table-striped-color: #ffffff;
    --bs-table-hover-color: #ffffff;
    --bs-table-hover-bg: #45e1de;
    --bs-table-accent-bg: #45e1de;

}
.item_slecte span, .item_slecte .btn{
    color: #495057!important;
}
#list {
    right: 0;
}
.thead-primary {
    background-color: rgba(57, 128, 192, 0.25) !important;
    /* background-color: #3980c0 !important;
    color: #fff; */
}

#magnifier {
    position: fixed;
    pointer-events: none;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    border: 2px solid #ccc;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    display: none;
    background-repeat: no-repeat;
    z-index: 9999;
}

/* زر بوميض يشبه التنبية */
.pulse-button {
    border-radius: 10px;
    animation: pulse 1.5s infinite;
    transition: box-shadow 0.3s ease;
    box-shadow: 0 0 0 rgba(25, 135, 84, 0.6);
    position: relative;
    z-index: 1;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(25, 135, 84, 0.7); /* بداية الوميض */
    }
    70% {
        box-shadow: 0 0 0 10px rgba(25, 135, 84, 0.1); /* توسع الوميض */
    }
    100% {
        box-shadow: 0 0 0 0 rgba(25, 135, 84, 0); /* نهاية الوميض */
    }
}

/* تأكد أن الكود مضاف إلى ملف CSS الخاص بك أو في <style> داخل الصفحة */
.swal2-actions {
    gap: 15px !important; /* ← المسافة بين الزرين */
    flex-wrap: nowrap !important;
    justify-content: center !important;
}

.swal-confirm-button,
.swal-cancel-button {
    min-width: 90px;
}
.feed-item-list {
    overflow: visible !important;
}