.doctor-avatar {
    width: 100%;
    height: 100%;
    /*border-radius: 50%;*/
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 18px;
}


.text-A {
    background: linear-gradient(135deg, #6EE2F5 0%, #6454F0 100%);
    color: white;
}

.text-B {
    background: linear-gradient(135deg, #BC0056 0%, #730062 100%);
    color: white;
}

.text-C {
    background: linear-gradient(135deg, #EE20D6 0%, #0A2FB6 100%);
    color: white;
}

.text-D {
    background: linear-gradient(135deg, #FF9897 0%, #F650A0 100%);
    color: white;
}

.text-E {
    background: linear-gradient(135deg, #5B247A 0%, rgba(17, 187, 204, 0.87451) 100%);
    color: white;
}

.text-F {
    background: linear-gradient(135deg, #FF9482 0%, #7D77FF 100%);
    color: white;
}

.text-G {
    background: linear-gradient(135deg, #FFCF1B 0%, #FF881B 100%);
    color: white;
}

.text-H {
    background: linear-gradient(135deg, #FF9897 0%, #F650A0 100%);
    color: white;
}

.text-I {
    background: linear-gradient(135deg, #F200A1 0%, #F6072F 100%);
    color: white;
}

.text-J {
    background: linear-gradient(135deg, #EE20D6 0%, #0A2FB6 100%);
    color: white;
}

.text-K {
    background: linear-gradient(135deg, #64E8DE 0%, #8A64E8 100%);
    color: white;
}

.text-L {
    background: linear-gradient(135deg, #BC0056 0%, #730062 100%);
    color: white;
}

.text-M {
    background: linear-gradient(135deg, #7117EA 0%, #EA6060 100%);
    color: white;
}

.text-N {
    background: linear-gradient(135deg, #36D846 0%, #1E7D39 100%);
    color: white;
}

.text-O {
    background: linear-gradient(135deg, #FFCF1B 0%, #FF881B 100%);
    color: white;
}

.text-P {
    background: linear-gradient(135deg, #00D1FF 0%, #00A4BA 100%);
    color: white;
}

.text-Q {
    background: linear-gradient(135deg, #6EE2F5 0%, #6454F0 100%);
    color: white;
}

.text-R {
    background: linear-gradient(135deg, #64E8DE 0%, #8A64E8 100%);
    color: white;
}

.text-S {
    background: linear-gradient(135deg, #36D846 0%, #1E7D39 100%);
    color: white;
}

.text-T {
    background: linear-gradient(135deg, #7117EA 0%, #EA6060 100%);
    color: white;
}

.text-U {
    background: linear-gradient(135deg, #F200A1 0%, #F6072F 100%);
    color: white;
}

.text-V {
    background: linear-gradient(135deg, #C671F4 0%, #F171D4 100%);
    color: white;
}

.text-W {
    background: linear-gradient(135deg, #00D1FF 0%, #00A4BA 100%);
    color: white;
}

.text-X {
    background: linear-gradient(135deg, #5B247A 0%, rgba(17, 187, 204, 0.87451) 100%);
    color: white;
}

.text-Y {
    background: linear-gradient(135deg, #FF9482 0%, #7D77FF 100%);
    color: white;
}

.text-Z {
    background: linear-gradient(135deg, #C671F4 0%, #F171D4 100%);
    color: white;
}

.text-default {
    background: linear-gradient(45deg, #FE6B8B 30%, #FF8E53 90%);
    color: white;
}

.avatar {
    --bs-avatar-size: 2.375rem;
    --bs-avatar-group-border: #fff;
    --bs-avatar-initial-inline: 3px;
    --bs-avatar-initial-bg: #eeedf0;
    position: relative;
    block-size: var(--bs-avatar-size);
    cursor: pointer;
    inline-size: var(--bs-avatar-size);
}

.avatar-xs {
    --bs-avatar-size: 1.5rem;
    --bs-avatar-initial: 0.625rem;
    --bs-avatar-initial-inline: 1px;
}

.avatar-sm {
    --bs-avatar-size: 2rem;
    --bs-avatar-initial: 0.8125rem;
    --bs-avatar-initial-inline: 2px;
}

.avatar-md {
    --bs-avatar-size: 3rem;
    --bs-avatar-initial: 1.125rem;
    --bs-avatar-initial-inline: 3px;
}

.avatar-lg {
    --bs-avatar-size: 3.5rem;
    --bs-avatar-initial: 1.5rem;
    --bs-avatar-initial-inline: 4px;
}

.avatar-xl {
    --bs-avatar-size: 4rem;
    --bs-avatar-initial: 1.875rem;
    --bs-avatar-initial-inline: 5px;
}

.avatar .avatar-initial {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--bs-avatar-initial-bg);
    color: var(--bs-white);
    font-size: var(--bs-avatar-initial);
    font-weight: 500;
    inset: 0;
    text-transform: uppercase;
}
/*

*/
.rounded-circle {
    border-radius: 50% !important;
}

.avatar img {
    block-size: 100%;
    inline-size: 100%;
}

.avatar.avatar-online::after {
    background-color: var(--bs-success);
}

.avatar.avatar-away::after {
    background-color: var(--bs-warning);
}

.avatar.avatar-busy::after {
    background-color: var(--bs-danger);
}

.avatar.avatar-offline::after {
    background-color: var(--bs-secondary);
}

.avatar.avatar-online::after, .avatar.avatar-offline::after, .avatar.avatar-away::after, .avatar.avatar-busy::after {
    position: absolute;
    border-radius: 100%;
    block-size: calc(var(--bs-avatar-size) * .2);
    box-shadow: 0 0 0 2px var(--bs-white);
    content: "";
    inline-size: calc(var(--bs-avatar-size) * .2);
    inset-block-end: 0;
    inset-inline-end: var(--bs-avatar-initial-inline);
}