.nbcot-contenedor{

     width:100%;
    max-width:1400px;

    margin:40px auto;
    padding:0 15px;
    box-sizing:border-box;

}

/* ===========================
   INICIO
=========================== */

.nbcot-home{

    max-width:500px;
    margin:60px auto;
    text-align:center;

}

.nbcot-home h1{

    font-size:42px;
    margin-bottom:40px;

}

/* ===========================
   BOTONES RUTAS
=========================== */

.nbcot-ruta{

    display:block;
    width:100%;
    background:#74a33b;
    color:#fff !important;
    text-decoration:none;
    text-align:center;
    padding:18px;
    margin-bottom:20px;
    border-radius:5px;
    font-size:28px;
    font-weight:bold;
    box-sizing:border-box;

}

.nbcot-ruta:hover{

    background:#5f8b2f;
    color:#fff !important;

}

/* ===========================
   LOGIN
=========================== */

.nbcot-login{

    width:450px;
    max-width:95%;
    margin:80px auto;
    text-align:center;

}

.nbcot-login h2{

    font-size:38px;
    margin-bottom:30px;

}

.nbcot-login input{

    width:100%;
    padding:15px;
    font-size:20px;
    box-sizing:border-box;
    border:1px solid #CCC;
    border-radius:5px;

}

.nbcot-login button{

    margin-top:20px;
    padding:15px 45px;
    background:#74a33b;
    color:#FFF;
    border:0;
    border-radius:5px;
    font-size:20px;
    cursor:pointer;

}

.nbcot-login button:hover{

    background:#5f8b2f;

}

/* ===========================
   HISTORIAL
=========================== */

.nbcot-panel{

    width:100%;

}

.nbcot-barra{

    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:20px;

}

.nbcot-grid{

    width:100%;
    border-collapse:collapse;

}

.nbcot-grid th,
.nbcot-grid td{

    border:1px solid #DDD;
    padding:12px;

}

.nbcot-grid th{

    background:#F5F5F5;

}

/* ===========================
   BOTON SALIR
=========================== */

.nbcot-boton-salir{

    display:inline-block;
    background:#c0392b;
    color:#FFF !important;
    padding:12px 25px;
    text-decoration:none;
    border-radius:5px;
    font-weight:bold;
    margin-left:10px;

}

.nbcot-boton-salir:hover{

    background:#a93226;
    color:#FFF !important;

}

/*==============================
COLORES POR RUTA
==============================*/

.ruta-a{
    background:#f39c12 !important;
}

.ruta-a:hover{
    background:#e67e22 !important;
}

.ruta-b{
    background:#6f9d36 !important;
}

.ruta-b:hover{
    background:#5f8b2f !important;
}

.ruta-nbc{
    background:#bcbec2 !important;
}

.ruta-nbc:hover{
    background:#989a9c !important;
}

.ruta-c{

    background:#4a86e8;

}

.ruta-c:hover{

    background:#3b73d1;

}

/*==================================
BOTONES DEL SISTEMA
==================================*/

.nbcot-boton{

    display:inline-block;

    background:#2c7be5;

    color:#FFF !important;

    text-decoration:none;

    padding:12px 22px;

    border-radius:5px;

    font-weight:bold;

    transition:.20s;

}

.nbcot-boton:hover{

    background:#1d65c1;

    color:#FFF !important;

}

.nbcot-item{

    padding:12px;

    border:1px solid #DDD;

    margin-top:5px;

    cursor:pointer;

    background:#FFF;

    border-radius:6px;

    transition:.2s;

}

.nbcot-item:hover{

    background:#eef5ff;

}