/* [### Colours ###] */

/* [### Fonts ###] */

/* [### Modals ###] */
#preloaderModal .modal-content {
    background: transparent;
    border: none;
}

.modal {
    z-index: 99999;
}

/* [### Badge ###] */
.badge-danger {
    color: rgb(245.5957746479, 18.3763807979, .4042253521);
    background-color: rgb(252.4281690141, 211.0450704225, 207.7718309859);
}

.badge-sm {
    padding: .45em .775em;
    font-size: .65em;
    border-radius: .375rem;
}

.badge-success {
    color: rgb(50.5577689243, 149.4422310757, 54.5531007284);
    background-color: rgb(188.2071713147, 225.9928286853, 189.7338645418);
}


/* [### Shadows ###] */
.colored-shadow {
    transform: scale(.92);
    top: 1.5%;
    filter: blur(12px);
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    z-index: -1
}

.colored-shadow.rounded {
    border-radius: 50%!important
}

.colored-shadow.avatar-xs {
    transform: scale(.87);
    width: 24px;
    height: 24px
}

.colored-shadow.avatar-sm {
    transform: scale(.87);
    width: 36px;
    height: 36px
}

.colored-shadow.avatar-lg {
    transform: scale(.87);
    width: 58px;
    height: 58px
}

.colored-shadow.avatar-xl {
    transform: scale(.87);
    width: 74px;
    height: 74px
}

.colored-shadow.avatar-xxl {
    transform: scale(.87);
    width: 110px;
    height: 110px
}

/* [### Animation fade ] */
.fadeIn1 {
    animation-duration: 1.5s
}

.fadeIn2 {
    animation-duration: 1.75s
}

.fadeIn3 {
    animation-duration: 2s
}

.fadeIn4 {
    animation-duration: 2.25s
}

.fadeIn5 {
    animation-duration: 2.5s
}

.fadeIn1,.fadeIn2,.fadeIn3,.fadeIn4,.fadeIn5 {
    animation-fill-mode: both
}

.fadeInBottom {
    animation-name: h
}

@keyframes h {
    0% {
        opacity: 0;
        transform: translateY(100%)
    }

    to {
        opacity: 1
    }
}

/* [### backgrounds ###] */
.background--image-decoracion-consultorios {
    background-image: url('https://cdn.getmidnight.com/f0f4b6598f2cee45644673998b4f44be/2024/01/decoracion-consultorios-light-blue.webp');
}

/* [### scrollbar y, x ###] */
.ps__rail-x {
    left: 0px;
    bottom: 0px;

    & .ps__thumb-x {
        left: 0px;
        width: 0px;
    }
}

#sidenav-main .ps__rail-x {
    left: 0px;
    width: 0px;

    & .ps__thumb-x {
        left: 0px;
        width: 0px;
    }
}

#sidenav-collapse-main .ps__rail-x {
    width: 222px;
    left: 0px;
    bottom: 0px;

    & .ps__thumb-x {
        left: 0px;
        width: 220px;
    }
}

.ps__rail-y {
/* #sidenav-main .ps__rail-y,
#sidenav-collapse-main .ps__rail-y { */
    top: 0px;
    right: 0px;

    & .ps__thumb-y {
        top: 0px;
        height: 0px;
    }
}