.center-login {
    margin-top: 10%;
}

.texto-color-mms-uno {
    color: #292168;
}

.texto-color-mms-dos {
    color: #33afdb;
}

.texto-color-mms-tres {
    color: #b3b3b3;
}

.boton-uno {
    color: #FFF;
    ;
    background-color: #292168;
    border-color: #292168
}

.boton-uno:hover,
.boton-uno:focus {
    color: #FFF;
    ;
    background-color: #33afdb;
    border-color: #33afdb;
    box-shadow: 0 0 0 .2rem #292168;
}

.boton-dos {
    color: #FFF;
    ;
    background-color: #33afdb;
    border-color: #33afdb
}

.boton-dos:hover,
.boton-dos:focus {
    color: #FFF;
    ;
    background-color: #292168;
    border-color: #292168;
    box-shadow: 0 0 0 .2rem #33afdb;
}

/* NAVVAR */
.navbar-light .navbar-nav .nav-link-ycc {
    color: #292168;
}

.navbar-light .navbar-nav .nav-link-ycc:focus,
.navbar-light .navbar-nav .nav-link-ycc:hover {
    color: #33afdb;
    background-color: #33afdb20;
}

.dropdown-item-ycc {
    color: #292168;
}

.dropdown-item:focus,
.dropdown-item-ycc:hover {
    color: #33afdb;
    background-color: #33afdb20;
}

.navbar-text-ycc {
    color: #292168;
}

.hidden {
    display: none;
}

.input-icon {
    position: relative;
}

.input-icon input {
    padding-right: 35px;
    /* espacio para el icono */
}

.input-icon span::after {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
}

.input-icon input:invalid+span::after {
    content: "✖";
    color: darkred;
}

.input-icon input:valid+span::after {
    content: "✓";
    color: #009000;
}