/* [### 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
    }
}