[v-cloak] {
        display: none;
    }
    
    .navbar-blue {
        background-color: #005890;
    }
    /*MENU PARA ALINEAR SEGUN NIVEL*/
    
    .menuNivel-2 {
        padding-left: 10px;
    }
    
    .menuNivel-3 {
        padding-left: 10px;
    }
    /*MENU ACTIVO SIDEBAR SOLO 1 NIVEL*/
    
    .sidebar-dark-teal .nav-sidebar>.nav-item>.nav-link.active,
    .sidebar-light-teal .nav-sidebar>.nav-item>.nav-link.active {
        background-color: #fd7e14;
        color: #fff;
    }
    /*MENU ACTIVO SIDEBAR MULTINIVEL 3 NIVEL*/
    
    [class*=sidebar-dark-] .nav-sidebar>.nav-item.menu-open>.nav-link,
    [class*=sidebar-dark-] .nav-sidebar>.nav-item:hover>.nav-link,
    [class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link:focus {
        background-color: #fd7e14;
        color: #fff;
    }
    
    [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active,
    [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:focus,
    [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:hover {
        background-color: rgba(255, 255, 255, .1);
        color: #ffffff;
    }
    /*------------------------------------------------*/
    /*Icono superior derecha en linea*/
    
    .navbar-light .navbar-nav .nav-link {
        color: #ffffff;
    }
    
    .navbar-light .navbar-nav .nav-link:focus,
    .navbar-light .navbar-nav .nav-link:hover {
        color: #f1f1f1;
    }
    /*----- ICONO CIRCLE SUB MENU ----*/
    
    .fa-circle {
        font-size: 8px!important;
    }
    
    .fa-minus {
        font-size: 10px!important;
    }
    /* ----- Boton Cerrar Sesion ---*/
    
    .dropdown-item.active,
    .dropdown-item:active {
        color: #fff;
        text-decoration: none;
        background-color: #dc3545;
    }
    /**----*/
    
    #validateError {
        color: red;
        font-size: 13px;
    }
    
    .card,
    .card-body,
    .form-group,
    label {
        font-weight: 500!important;
        color: #656565;
    }
    /*-----------------PANTALLA EN ESPERA -----------------*/
    
    .loaderContenedor {
        position: fixed;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 10001;
        background: #000000;
        opacity: .8;
    }
    
    .loaderGig {
        margin-bottom: 7px;
    }
    
    .loaderContenedor h3 {
        color: white;
        text-align: center;
    }
    /*---------------------------*/
    /*------- DATE-TABLE CABEZERA -----*/
    
    .table-bordered thead td,
    .table-bordered thead th {
        border-bottom-width: 0px;
        background: linear-gradient(#f4f5f8, #f1f3f6);
    }
    
    .primeraColumna {
        background: linear-gradient(#f4f5f8, #f1f3f6);
    }
    
    .table td,
    .table th {
        padding: 7px;
        font-size: 14px;
    }
    /*-------------------------------------*/
    /*----------- MODAL DEFAUL- ----------*/
    
    .modal .modal-success {
        background-color: #28a745;
        color: #ffffff;
    }
    
    .modal .modal-primary {
        background-color: #007bff;
        color: #ffffff;
    }
    
    .modal .modal-info {
        background-color: #17a2b8;
        color: #ffffff;
    }
    
    .modal .modal-danger {
        background-color: #dc3545;
        color: #ffffff;
    }
    /*MENU COLLAPSE SIDEBAR (Se modifico tambien en adminlte.css "margin-left: 0rem !important;")*/
    
    @media (min-width: 992px) {
        .sidebar-mini.sidebar-collapse .main-sidebar,
        .sidebar-mini.sidebar-collapse .main-sidebar::before {
            margin-left: 0;
            width: 0px;
        }
    }

    .btnListar button{
        width: 100%;
    }

    /*PARA OCULTAR EL BOTON LIMPIAR*/
    .btnLimpiar{
        visibility: hidden;
    }