/* General Settings */
* {
    font-family: Mukta;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh; 
    margin: 0;
}

main {
    flex: 1;
    color: black !important;
}

.main-index{
    background-color: #F9F9F9;
    padding-bottom: 8.5rem;
}

.main{
    margin: 0px 150px;
    padding-bottom: 12rem;
}

/* Utilidades */
.vertically-centered-items {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.horizontally-centered-items {
    display: flex;
    justify-content: center;
    align-items: center;
}

.font-20 { font-size: 20px; }
.font-30 { font-size: 30px; }
.font-13 { font-size: 13px; }
.h-200 { height: 200px; }
.w-35 { width: 35%; }
.mb-40{ margin-bottom: 40px; }
.m-40{ margin: 20px 40px !important; }

.fluid-logo-right{
    display: block;
    float: right;
    padding: 5px;
    border-radius: 4px;
}

.mb-25{
    margin-bottom: 25px;
}

.messageSuccess{
    border: #95C11F 2px solid;
    position: fixed;
    left: 40%;
    background-color: white;
    padding: 20px;
    border-radius: 20px;
    top: 80%;
    transition: 1.5s;
    animation: fadeOut 3s forwards;
    animation-delay: 3s;
    display: inline-block;
}

.messageError{
    border: red 2px solid;
    position: fixed;
    left: 40%;
    background-color: white;
    padding: 20px;
    border-radius: 20px;
    top: 80%;
    transition: 1.5s;
    animation: fadeOut 3s forwards;
    animation-delay: 3s;
    display: inline-block;
    z-index: 1056;
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.required-icon{
    position: relative;
}

.required-icon i{
    color: red;
    font-size: 8px;
    top: 0;
    position: absolute;
}