/* HEADER */
    
    main{
        display: flex;
        min-height: 100vh;
        flex-direction: column;
    }
    
    .border-bottom{
        border-color: #bdc2cd !important;
    }

    .nav-tabs .nav-link {
        --mdb-nav-tabs-link-padding-x: 18px !important;
        --mdb-nav-tabs-link-color: --mdb-body-color;
    }

    .nav-tabs .nav-link:hover {
        background-color: #eeeeee !important;
    }

    .sidenav-link {
        white-space: inherit !important;
        font-size: .9rem !important;
        padding: 0.8rem 0.8rem;
    }

    #sidenav-1 a.active {
        background-color: rgb(214 225 255);
    }


    #main-navbar a.active {
        background-color: rgb(2 69 245);
    }

    .sidenav-primary .sidenav-link.active {
        color: #000000;
        background-color: rgb(2 69 245);
    }


    #sidenav-1 .sidenav-item {
        margin-left: 5px;
        margin-right: 5px;
    }

    #sidenav-1 .sidenav-item:first-child {
        margin-top: 5px;
    }

    .sidenav-collapse .sidenav-link , .sidenav-link{
        height: auto !important; 
    }

    .sidenav-collapse .sidenav-link {
        padding-left: 0.8rem !important;
    }

/* END HEADER */














html, body{
    font-family: 'Roboto', sans-serif;
}



.breadcrumb {
    font-weight: 500;
}

.breadcrumb-item.active {
    color: #626262;
}

.table>:not(:first-child) {
    border-top: 1px solid currentColor;
}

.table>:not(caption)>*>* {
    border-bottom: 1px solid #d3d3d3;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #1e1e1e !important;
    padding: 0.4rem 0.9rem;
    font-weight: 400 !important;

}


.btn-i{
    background-color: transparent;
    border: 0px;
    font-size: 1.1rem;
}

.btn-i:hover, .btn-i-b:hover, .btn-i-n:hover{
    opacity: 0.7;
}

.text-azul-oscuro{
    color: #0052a2;
}



.b-verde{
    background-color: #1dab52;
}

.b-celeste{
    background-color: #04b8eb;
}

.b-blanco{
    background-color: #ffffff;
}

.borde-rojo{
    border: 1px solid rgb(255, 53, 71);
}

.c-griss-claro{
    color: #a7a7a7;
}

.c-rojo{
    color: #ef5350;
}

.c-celeste{
    color: #04b8eb;
}

.c-azul{
    color: #0a44af;
}

.fw-400{
  font-weight: 400;
}

.fw-500{
  font-weight: 500 !important;
}

.fw-600{
  font-weight: 600 !important;
}

.card-header {
    background-color: rgba(0,0,0,0.08);
}

.card {
    border: 1px solid rgba(0,0,0,0.2) !important;
}

.list-group-item {
    padding: 1rem 1rem;
    border-color: rgba(0,0,0,0.2) !important;
}

.btn-danger{
  background-color: #f74a63 !important;
  border-color: #f74a63 !important;
}


.form-check-input {
    width: 1.2em;
    height: 1.2em;
}

.bl-2 {
    border-left: 2px solid #d3d3d3 ;
}

.nav-pills .nav-link {
    background-color: #ebebeb;
    margin: 0px 5px;
    color: #212529;
    font-weight: 500;
}


.bootstrap-select .dropdown-toggle:focus{
    outline: none !important;
}







/* COLORES PARA EL PDI */
.badge-verde{
    background-color: rgb(32 131 54 / 20%) !important;
    color: #208336 !important;
}

.badge-verde-claro{
    background-color: rgb(66 187 93 / 20%) !important;
    color: #42bb5d !important;
}

.badge-ambar{
    background-color: rgb(255 177 43 / 20%) !important;
    color: #ffb22b !important;
}

.badge-rojo{
    background-color: rgb(240 82 79 / 25%) !important;
    color: #ef5350 !important;
}

.c-verde{
    color: #208336;
}

.c-verde-claro{
    color: #42bb5d;
}

.c-ambar{
    color: #ffb22b;
}

.c-rojo{
    color: #ef5350;
}

.b-rojo{
    background-color: #ef5350;
}

.b-ambar{
    background-color: #ffb22b;
}


.b-verde-claro{
    background-color: #30c151;
}

.b-verde-oscuro{
    background-color: #0e892a;
}



/* END COLORES PARA EL PDI */