/*Aplicar un formato por defecto para todos los label*/

    label {

        font-family: Lato-Regular;

        color: white;

        font-size: 12px;

    }

    

    /*Clase encabezado*/

    .encabezado {

        font-family: Lato-Black;

        color: white;

        font-size: 14px;

    }

    

    /*Clase italica o cursiva*/

    .italica {

        font-family: Lato-LightItalic;

        color: white;

        font-size: 14px;

    }
    
    .atributosDetalle {

        font-family: Lato-Light;

        color: lightgray;

        font-size: 10px;

    }

    

    /*Encabezado sencillo*/

    h2 {

        font-family: Lato-Black;

        color: white;

        font-size: 18px;

    }

    

    h3 {

        font-family: Lato-Black;

        color: white;

        font-size: 14px;

    }

    

    h4 {

        font-family: Lato-Regular;

        color: white;

        font-size: 13px;

    }

    

    h5 {

        font-family: Lato-Regular;

        color: white;

        font-size: 10px;

    }

    

    /*Barra de texto*/

    .barra {

        background-color: #545454;

        padding: 6px;

    }

    

    /*Barra de texto para títulos*/

    .barraencabezado {

        background-color: #999999;

        padding: 10px;

        font-size: 16px;

        margin-bottom: 4px;

    }

    

    /*Barra de texto para títulos*/

    .barrainformacion {

        background-color: #c4c4c4;

        color: black;

        padding: 3px;

        margin-top: 0;

        margin-bottom: 2px;

        word-break:break-word;

    }

    

    /*Estado normal de las pestañas*/

    .nav-link {

        background-color: #545454 !important;

        font-family: Lato-Black;

        color: white;

        font-size: 11px;

        border-radius: 0px !important;

        border-bottom: 1px inset #262626 !important;

    }

    

    /*Botón activo de las pestañas*/

    .nav-pills .active {

        background-color:#f57e2a !important;

        border-style: none !important;

    }

    

    /*Texto cuando se le pasa encima el mouse*/

    .nav-pills .nav-link:hover {

        background-color: #805434 !important;

        color: white !important;

    }

    

    

    /*Indicador del carrusel (se pone radio para que sea circular)*/

    .carousel-indicators li {

        background-color: white !important;

        width: 10px;

        height: 10px;

        border-radius: 100%;

    }

    

    /*Indicador del carrusel activo (naranja Baudeo)*/

    .carousel-indicators li.active {

        background-color: #f57e2a !important;

    }

    

    

    /*Estilo de header tabla*/

    th {

        /*background-color: #f57e2a !important;*/

        background-color: #999999 !important;

        color: white !important;

        font-family: Lato-Black;

        font-size: 12px;

        border: 5px solid #262626;

        padding: 3px;

    }

    

    /*Estilo de contenido tabla*/

    td {

        background-color: #545454 !important;

        color: white !important;

        font-family: Lato-Regular;

        font-size: 12px;

        border: 5px solid #262626;

        padding: 8px;

        word-break:break-word; /*Si se llena la celda continua en una línea nueva*/

    }

    

    /*Diferente color a la celda de acción*/

    .td-button {

        background-color: #6e6e6e !important;

        width: 70px;

    }

    

    /*Botones dentro de las celdas de acción*/

    td a {

        color:white;

    }

    

    /*Color cuando se le pasa el mouse encima a la celda de acción*/

    td a:hover {

        color: #f57e2a;

    }

    

    /*Formato de cajas de texto*/

    input {

        font-family: Lato-Regular;

        font-size: 12px !important;

        height: 24px !important;

        border-radius: 0 !important;

        border: 0 !important;

    }

    

    /*Formato de cajas de textarea*/

    textarea {

        font-family: Lato-Regular;

        font-size: 12px !important;

        border-radius: 0 !important;

        border: 0 !important;

    }

    

    /*Formato de textarea*/

    textarea {

        font-family: Lato-Regular;

    }

    

    /*Formato de cada elemento del breadcrumb*/

    ol li {

        font-size: 12px;

    }

    

    /*Color del link del breadcrumb*/

    ol li a {

        color: #f57e2a;

    }

    

    /*Color del link del breadcrumb cuando se la pasa el mouse encima*/

    ol li a:hover {

        color: #805434;

    }

    

    /*Estilo botón de acción*/

    .btn {

        background-color: #f57e2a !important;

        color: white !important;

        font-family: Lato-Black;

        font-size: 12px;

        border: none;

        /*padding: 3px;*/

    }

    

    /*Botón para cierre de sesión*/

    .btnlogout {

        color: white !important;

        font-family: Lato-Black;

        border: none;

        background-color: #3b3b3b !important;

        font-size: 12px;

        font-family: Lato-Regular;

    }

    

    /*Links del botón de cerrar sesión*/

    .logout {

        font-size: 12px;

        font-family: Lato-Regular;

    }

    

    

    /*Estilo botón de eliminación*/

    .btn-danger {

        background-color: #dc3545 !important;

    }

    

    /*Row seleccionado en la tabla re-ordenable*/

    .selected {

        background-color: #666;

        color: #ffffff;

    }

    

    /*Se agrega este ajuste par que el formulario tome el espacio disponible, ya que por defecto tiene 15px de padding a la izquierda y derecha*/

    .ajusteform {

        padding-left:0;

        padding-right:0;

    }

    

    /*Barra que está detrás del progreso*/

    .progress {

        background-color: #999999 !important;

    }

    

    /*Barra de progreso*/

    .progress-bar {

        background-color: #ccfe16 !important;

    }

    

    /*Color del preview de los range de porcentaje*/

    output {

        color:white !important;

        font-family: Lato-Regular !important;

        font-size: 12px !important;

    }

    

    /*Caja de texto cuando está deshabilitada, o sea que sólo muestre información*/

    .deshabilitado {

        /*background-color: #a6a6a6 !important;*/

        background-color: #333333 !important;

        color: white !important;

        border-radius: 0;

        border-top: none;

        border-left: none;

        border-right: none;

        border-bottom: 1px solid #545454 !important;

    }

    

    /*Formato de los label de los formularios*/

    .labelform {

        font-size: 12px;

        font-family: Lato-LightItalic;

        color: #d6d6d6;

        margin-bottom: 2px;

        margin-top: 13px;

        margin-left: 3px;

    }

    

    /*Estilo de label porcentajes*/

    .outputporcentaje {

        font-size: 12px !important;

        color: white !important;

    }

    

    /*Quitar imagen de 000webhost*/

    img[src*="https://cdn.000webhost.com/000webhost/logo/footer-powered-by-000webhost-white2.png"] { display: none !important; }