@import url("../css/variables.css");

/* Login */
.institucional.body-login-itec {
    background: var(--azul-itec-800);
}

.institucional .btn-login {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(90deg, #82279E 0.35%, #003663 51.64%, #005CA0 86.87%);
    color: var(--white);
}

.institucional .btn-login:hover {
    color: var(--white);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(90deg, #005CA0 0.35%, #003663 51.64%, #82279E 86.87%) padding-box, linear-gradient(to right, #4FB3FF, #CA83E0) border-box;
}

.institucional .formulario-login>.input-group {
    border: 1px solid var(--azul-itec-500);
}

.institucional .formulario-login>.input-group:hover {
    border: 2px solid var(--roxo-itec-500);
}

/* Header */
.header.institucional {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(90deg, #82279E 0.35%, #003663 51.64%, #005CA0 86.87%);
}

.institucional .nav-link-notificacao, .institucional .nav-link-configuracao i {
    color: var(--azul-itec-100);
}

.institucional .nav-link-notificacao:hover, .institucional .nav-link-configuracao i:hover {
    color: var(--azul-itec-200);
}

.institucional .nav-link-notificacao:active, .institucional .nav-link-configuracao.active i {
    color: var(--yellow-500)!important;
}

.institucional .btnMenuTopo, .institucional .btnMenuTopoDropDown {
    background-color: var(--azul-itec-700)!important;
}

.institucional .btnMenuTopo:hover, .institucional .linkMenuDrop:hover {
    background-color: var(--azul-itec-800)!important;
}