@font-face {
    font-family: 'Bw Surco DEMO Black';
    src: url('../../../assets/webfonts/BwSurco.otf') format('opentype');
}

/* BACKGROUND BODY */
body {
    background: #121517;
}

a {
    text-decoration: none;
}

.netrabbit {
    background-color: #2596BE;
    border: #2596BE;
    color: #FFFFFF;
}


/* CONTENEDOR */
.container {
    background-color: #212529;
    color: #DEE2E6;
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    border-radius: 0.375rem;
    margin-top: 80px;
    margin-bottom: 60px;
}

/* NAVBAR SUPERIOR */
.navbart,
.navbart:hover {
    color: #FFFF;
    font-size: x-large;
    font-family: 'Bw Surco DEMO Black', sans-serif;
    font-weight: bold;
}

/* NAVBAR EXCEL */
.navbartt,
.navbartt:hover {
    color: #FFFF;
    font-size: medium;
    font-family: 'Bw Surco DEMO Black', sans-serif;
    font-weight: bold;
}

/* NAVBAR COPYRIGHT */
.navbarc,
.navbarc:hover {
    color: #aeb2b6;
    font-size: smaller;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

/* DISEÑADO POR */
.disenado {
    color: #00d6e7;
    /* font-weight: bold; */
}

/* TÍTULO */
.titulo {
    color: #FFFF;
    font-family: 'Bw Surco DEMO Black', sans-serif;
    font-weight: bold;
}

/* TEXTO NAVBAR */
.nav-link,
.nav-link:hover {
    color: #FFFF;
    font-weight: bold;
}

/* CENTRADO DE TEXTO */
.centradoT {
    text-align: center;
}

/* TITULO DEL MODAL */
.modal-title {
    color: #FFFF;
}

/* BACKGROUND DEL MODAL */
.modalbg {
    background-color: #212529;
}

/* RECUPERAR CONTRASEÑA */
.recuperarpsw,
.recuperarpsw:hover {
    font-family: 'Bw Surco DEMO Black', sans-serif;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    color: #2596BE;
}

/* TÍTULO DEL LOGIN */
.tituloLogin {
    color: #FFFFFF;
    font-family: 'Bw Surco DEMO Black', sans-serif;
    font-weight: bold;
    font-style: italic;
    font-size: x-large;
}

/* TARJETA DE LOGIN */
.card {
    background-color: #212529;
    color: #FFFF;
}

/* CREDITOS DE LOGIN */
.credits {
    text-align: center;
    font-size: small;
}

/* ESTILO DE BOTÓN PRIMARIO */
.btn-primary {
    background-color: #2596BE;
    border-color: #2596BE;
}

.btn-primary:hover {
    background-color: #1b6d8b;
    border-color: #1b6d8b;
}

/* -------------------------- */