.bg-body1 {
    background-image: url(../../../includes/images/vanishing-stripes.svg);
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-body2 {
    background-image: url(../../../includes/images/colorful-stingrays.svg);
    background-size: auto;
    background-repeat: repeat;
}

.bg-body3 {
    background-image: url(../../../includes/images/page-turner.svg);
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-body4 {
    background-image: url(../../../includes/images/pattern-randomized.svg);
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-body5 {
    background-image: url(../../../includes/images/subtle-prism.svg);
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-gradient2 {
    background: rgb(147, 238, 255);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.005) 0%, rgba(255, 255, 255, 0.7) 27%, rgba(255, 255, 255, 0.8) 59%, rgba(255, 255, 255, 0.9) 100%);
}
.bg-gradient5 {
    background: rgb(147, 238, 255);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.005) 0%, rgba(255, 255, 255, 0.5) 27%, rgba(255, 255, 255, 0.6) 59%, rgba(255, 255, 255, 0.7) 100%);
}


.login-box {
    color: #000;
    font-size: 20px;
}

.login-box .image {
    margin-bottom: 1vh;
}

.login-box input {
    height: 40px;

}

.footer {
    padding-bottom: 5vh;
    color: #fff;
    text-align: center;
}

/* TAILWIND CUSTOM*/
.border-gray-300 {
    border-color: rgba(209, 213, 219, 1);
}

.focus\:ring-indigo-500:focus {
    --tw-ring-color: rgba(99, 102, 241, 1) !important;
}

.focus\:border-indigo-500:focus {
    border-color: rgba(99, 102, 241, 1) !important;
}

.border {
    border-width: 2px;
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
}