/* DEFAULT (NARANJA) #f39c12  #e08e0b #edbc6e*/

/*Imagenes dashboard*/
:root {
    --img-employee: url('../../Images/dashboard/img-naranja.png');
    --icon-users: url('../../Images/dashboard/personas-relleno-01.png');
    --icon-recibos: url('../../Images/dashboard/signo-relleno-01.png');
    --icon-comunicaciones: url('../../Images/dashboard/sobre-relleno-01.png');
    --icon-licencias: url('../../Images/dashboard/avion-relleno-01.png');
    --icon-historial: url('../../Images/dashboard/calendario-relleno-01.png');
    --icon-formularios: url('../../Images/dashboard/archivo-relleno-01.png');
    --icon-documentos: url('../../Images/dashboard/carpeta-relleno-01.png');
    --icon-horarios: url('../../Images/dashboard/reloj-relleno-01.png');
    /*SUSTENTABILIDAD*/
    --icon-sust-tree: url('../../Images/dashboard/arbol-relleno-01.png');
    --icon-sust-car: url('../../Images/dashboard/auto-relleno-01.png');
    --icon-sust-trash: url('../../Images/dashboard/basura-relleno-01.png');
    --icon-sust-water: url('../../Images/dashboard/gota-relleno-01.png');
    --icon-sust-energy: url('../../Images/dashboard/lampara-relleno-01.png');
    --icon-sust-cloud: url('../../Images/dashboard/nube-relleno-01.png');
    /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
    /* SIN RELLENO */
    /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
    /*--icon-users: url('../../Images/dashboard/personas-01.png');
    --icon-recibos: url('../../Images/dashboard/archivo-01.png');
    --icon-comunicaciones: url('../../Images/dashboard/sobre-01.png');
    --icon-licencias: url('../../Images/dashboard/avion-01.png');
    --icon-historial: url('../../Images/dashboard/calendario-01.png');
    --icon-formularios: url('../../Images/dashboard/archivo-01.png');
    --icon-documentos: url('../../Images/dashboard/carpeta-01.png');
    --icon-horarios: url('../../Images/dashboard/reloj-01.png');*/
    /*SUSTENTABILIDAD*/
    /*
    --icon-sust-tree: url('../../Images/dashboard/arbol-relleno-01.png');
    --icon-sust-car: url('../../Images/dashboard/auto-relleno-01.png');
    --icon-sust-trash: url('../../Images/dashboard/basura-relleno-01.png');
    --icon-sust-water: url('../../Images/dashboard/gota-relleno-01.png');
    --icon-sust-energy: url('../../Images/dashboard/lampara-relleno-01.png');
    --icon-sust-cloud: url('../../Images/dashboard/nube-relleno-01.png');
    */
}

/*Paneles sustentabilidad*/
.panel-box-sustentabilidad {
    border-radius: 12px !important;
    background: #ffffff;
    position: relative;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    border-bottom: 4px solid #f39c12 !important;
}

/*Color del NavBar*/
.navbar-custom-menu {
    background-color: #edbc6e;
}

/*Borde inferior de cajas por modulo*/
.border-box-dashboard {
    border-bottom: 4px solid #f39c12 !important;
}

/*Borde superior de cajas por de avisos*/
.panel-dashboard .panel-heading {
    color: #333;
    background-color: #f39c12 !important;
    border-color: #f39c12 !important;
}

/*PROPIO DEL DASHBOARD*/
.dashboard-user-name {
    color: #f39c12;
}
/*td > nav > a > i.fa-upload {
    color: #00a65a !important
}*/
td > nav > a:hover, td > nav > a:active, td > nav > a:focus {
    background: transparent !important;
}

td > nav > .btn.btn-box-tool:hover, td > nav > .btn.btn-box-tool:active, td > nav > .btn.btn-box-tool:focus {
    background: transparent !important;
    border-color: transparent !important;
}

.action-column .grid-action-buttons > a > i {
    color: #f39c12 !important
}

.action-column .grid-action-buttons > a:hover > i,
.action-column .grid-action-buttons > a:active > i,
.action-column .grid-action-buttons > a:focus > i {
    color: #f39c12 !important
}

.navbar-nav-header > li > a, .navbar-nav-header > li > a, .navbar-nav-header > li > a {
    color: black !important;
    background: #edbc6e !important;
}

    .navbar-nav-header > li > a > i, .navbar-nav-header > li > a > i, .navbar-nav-header > li > a > i {
        color: black !important;
        background: #edbc6e !important;
    }

    .navbar-nav-header > li > a:hover, .navbar-nav-header > li > a:active, .navbar-nav-header > li > a:focus {
        color: white !important;
        background: #edbc6e !important;
    }

        .navbar-nav-header > li > a:hover > i, .navbar-nav-header > li > a:active > i, .navbar-nav-header > li > a:focus > i {
            color: white !important;
            background: #edbc6e !important;
        }


/* NOMBRE APP recuadro superior izquierdo */
.skin-app .main-header .logo {
    background-color: white;
    /*color: white;*/
    border-bottom: 0 solid transparent;
    height: 65px !important;
    line-height: 80px !important;
}

.main-header .logo .logo-lg {
    color: white;
}

.user-panel {
    color: white;
}


/* NAVBAR barra superior*/
.skin-app .main-header .navbar {
    background-color: #ecf0f5; /*Gris como el fondo del wrapper*/
}

.sidebar-toggle {
    color: black !important;
}

    .sidebar-toggle:hover, sidebar-toggle:active {
        color: white;
        background-color: #f39c12 !important;
        border-color: #f39c12 !important;
    }

.nav > li > a:hover, .nav > li > a:active, .nav > li > a:focus {
    color: white !important;
    background: #edbc6e !important;
}


/* Recuadro USER / Cierre sesión */
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: #e08e0b;
    border-color: #e08e0b;
}

.skin-app .main-header li.user-header {
    background-color: #f39c12;
}

.user-menu > a {
    color: #ffffff;
}

.user-menu .dropdown-toggle:hover, .user-menu .dropdown-toggle:active {
    background-color: #e08e0b;
    border-color: #e08e0b;
    color: white !important;
}

.messages-menu > a {
    color: #ffffff;
}

.messages-menu > .pending-toggle:hover, .messages-menu > .pending-toggle:active {
    background-color: #e08e0b;
    border-color: #e08e0b;
    color: white !important;
}

.navbar-nav > .user-menu > .dropdown-menu > .user-footer {
    background-color: #edbc6e !important;
    padding: 10px;
    border-radius: 2px;
}

    .navbar-nav > .user-menu > .dropdown-menu > .user-footer > ul > li > a {
        color: black !important;
    }

        .navbar-nav > .user-menu > .dropdown-menu > .user-footer > ul > li > a > i {
            color: black !important;
        }

        .navbar-nav > .user-menu > .dropdown-menu > .user-footer > ul > li > a:hover,
        .navbar-nav > .user-menu > .dropdown-menu > .user-footer > ul > li > a:focus,
        .navbar-nav > .user-menu > .dropdown-menu > .user-footer > ul > li > a:active {
            color: white !important;
        }

            .navbar-nav > .user-menu > .dropdown-menu > .user-footer > ul > li > a:hover > i,
            .navbar-nav > .user-menu > .dropdown-menu > .user-footer > ul > li > a:focus > i,
            .navbar-nav > .user-menu > .dropdown-menu > .user-footer > ul > li > a:active > i {
                color: white !important;
            }

/*DASHBOARD cajitas pequeñas*/
.dash-mini-box > ul {
    background-color: #f39c12;
}

    .dash-mini-box > ul:hover,
    .dash-mini-box > ul:focus,
    .dash-mini-box > ul:active {
        background-color: #e08e0b;
    }

    .dash-mini-box > ul > li > a {
        color: white !important;
        background-color: #f39c12;
    }

        .dash-mini-box > ul > li > a > i {
            color: white !important;
            background-color: #f39c12;
        }

        .dash-mini-box > ul > li > a:hover,
        .dash-mini-box > ul > li > a:focus,
        .dash-mini-box > ul > li > a:active {
            color: white !important;
            background-color: #e08e0b;
        }

            .dash-mini-box > ul > li > a:hover > i,
            .dash-mini-box > ul > li > a:focus > i,
            .dash-mini-box > ul > li > a:active > i {
                color: white !important;
                background-color: #e08e0b;
            }


.user-footer a {
    color: #ff4500 !important;
}

    .user-footer a:hover, a:active, a:focus {
        outline: none;
        text-decoration: none;
        color: lightgray !important;
    }


/* SIDEBAR barra izquierda / menu */
.skin-app .wrapper,
.skin-app .main-sidebar,
.skin-app .left-side {
    background-color: white;
}
/*li COMUN*/
.skin-app .sidebar-menu > li:hover > a,
.skin-app .sidebar-menu > li.active > a {
    color: white !important;
    background: #edbc6e;
    border-left-color: #edbc6e;
}

    .skin-app .sidebar-menu > li:hover > a > i,
    .skin-app .sidebar-menu > li.active > a > i {
        color: white !important;
        background: #edbc6e;
        border-left-color: #edbc6e;
    }
/*li ANIDADO*/
.skin-app .sidebar-menu > li.active > ul > li.hover > a,
.skin-app .sidebar-menu > li.active > ul > li.active > a {
    color: white !important;
    background: #edbc6e;
    border-left-color: #edbc6e;
}

    .skin-app .sidebar-menu > li.active > ul > li.hover > a > i,
    .skin-app .sidebar-menu > li.active > ul > li.active > a > i {
        color: white !important;
        background: #edbc6e;
        border-left-color: #edbc6e;
    }

.skin-app .sidebar a {
    color: black !important;
}

    .skin-app .sidebar a > i {
        color: black !important;
    }

    .skin-app .sidebar a:hover, .skin-app .sidebar a:active, .skin-app .sidebar a:focus {
        outline: none;
        text-decoration: none;
        color: white !important;
        background: #edbc6e;
        border-left-color: #edbc6e;
    }

        .skin-app .sidebar a:hover i, .skin-app .sidebar a:active i, .skin-app .sidebar a:focus > i {
            color: white !important;
        }


/* BUTTONS */
/*dado un pull right separa ambos botones.*/
.btn-margin {
    margin-left: 10px;
}

.btn-create {
    background-color: #ff3100 !important;
    color: white !important;
}

    .btn-create:hover, .btn-create.active.focus, .btn-create.active:focus, .btn-create.active:hover, .btn-create:active.focus, .btn-create:active:focus, .btn-create:active:hover, .open > .dropdown-toggle.btn-create.focus, .open > .dropdown-toggle.btn-create:focus, .open > .dropdown-toggle.btn-create:hover {
        background-color: #ff6f00 !important;
        color: white !important;
    }


/*TODO: El warning deberia ser el primary / el accept, no llamarse warning */
.btn-warning {
    background-color: #f39c12 !important;
    border-color: #e08e0b !important;
    color: white !important;
}

    .btn-warning:hover, .btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open > .dropdown-toggle.btn-warning.focus, .open > .dropdown-toggle.btn-warning:focus, .open > .dropdown-toggle.btn-warning:hover {
        background-color: #e08e0b !important;
        border-color: #e08e0b !important;
        color: white !important;
    }


.btn-secondary {
    background-color: lightgray !important;
    border-color: lightgray !important;
    color: black !important;
}

    .btn-secondary:hover, .btn-secondary.active.focus, .btn-secondary.active:focus, .btn-secondary.active:hover, .btn-secondary:active.focus, .btn-secondary:active:focus, .btn-secondary:active:hover, .open > .dropdown-toggle.btn-secondary.focus, .open > .dropdown-toggle.btn-secondary:focus, .open > .dropdown-toggle.btn-secondary:hover {
        background-color: gray !important;
        border-color: gray !important;
        color: black !important;
    }


.btn.btn-excel {
    background-color: #00a65a;
    border-color: #008d4c;
    color: white !important;
}

    .btn.btn-excel:hover,
    .btn.btn-excel:focus,
    .btn.btn-excel:active,
    .btn.btn-excel.active.focus,
    .btn.btn-excel.active:focus,
    .btn.btn-excel.active:hover,
    .btn.btn-excel:active.focus,
    .btn.btn-excel:active:focus,
    .btn.btn-excel:active:hover,
    .open > .dropdown-toggle.btn.btn-excel.focus,
    .open > .dropdown-toggle.btn.btn-excel:focus,
    .open > .dropdown-toggle.btn.btn-excel:hover {
        background-color: #008d4c !important;
        border-color: #008d4c !important;
        color: white !important;
    }


.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
    color: #fff !important;
    background-color: #204d74 !important;
    border-color: #122b40 !important;
}

.btn-primary:hover, .btn-primary:active, .btn-primary.hover {
    background-color: #e08e0b !important;
}


/* GRID */
.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
    background-color: #f7cc88 !important;
}

.action-column a:hover, a:active, a:focus {
    color: #e08e0b !important;
}


/* Separator (ROL) */
.role-separator {
    vertical-align: bottom;
    border-bottom: 3px solid #f39c12;
    font-weight: bold;
}











.home-index .box-cartelera .box-title {
    color: #f39c12;
}

.sust-titulo {
    color: #f39c12;
}

.accion-titulo {
    color: #f39c12;
}

a {
    color: #e08e0b !important;
}

.btn-excel > i {
    color: white !important;
}

.user-menu a > span {
    color: white;
}

a:hover,
a:active,
a:focus {
    outline: none;
    text-decoration: none;
    color: #f39c12 !important;
}











a > i {
    color: #e08e0b !important; /*2*/
}

.btn:focus {
    background-color: #f39c12 !important; /*1*/
    border-color: #f39c12 !important; /*1*/
    color: white !important;
}

.btn-success {
    background-color: #f39c12 !important; /*1*/
    border-color: #f39c12 !important; /*1*/
    color: white !important;
}

    .btn-success:hover, .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open > .dropdown-toggle.btn-success.focus, .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success:hover {
        background-color: #e08e0b !important; /*2*/
        border-color: #e08e0b !important; /*2*/
        color: white !important;
    }

.btn-danger {
    color: white !important;
}

    .btn-danger:hover, .btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open > .dropdown-toggle.btn-danger.focus, .open > .dropdown-toggle.btn-danger:focus, .open > .dropdown-toggle.btn-danger:hover {
        color: white !important;
    }


/*PROPIOS*/
.btn-aceptar {
    background-color: #f39c12 !important; /*1*/
    border-color: #f39c12 !important; /*1*/
    color: white !important;
}

    .btn-aceptar:hover, .btn-aceptar.active.focus, .btn-aceptar.active:focus, .btn-aceptar.active:hover, .btn-aceptar:active.focus, .btn-aceptar:active:focus,
    .btn-aceptar:active:hover, .open > .dropdown-toggle.btn-aceptar.focus, .open > .dropdown-toggle.btn-aceptar:focus, .open > .dropdown-toggle.btn-aceptar:hover {
        background-color: #e08e0b !important; /*2*/
        border-color: #e08e0b !important; /*2*/
        color: white !important;
    }

a.btn-aceptar {
    background-color: #f39c12 !important; /*1*/
    border-color: #f39c12 !important; /*1*/
    color: white !important;
}

    a.btn-aceptar:hover,
    a.btn-aceptar.active.focus,
    a.btn-aceptar.active:focus,
    a.btn-aceptar.active:hover,
    a.btn-aceptar:active.focus,
    a.btn-aceptar:active:focus,
    a.btn-aceptar:active:hover,
    .open > .dropdown-toggle.btn-aceptar.focus,
    .open > .dropdown-toggle.btn-aceptar:focus,
    .open > .dropdown-toggle.btn-aceptar:hover {
        background-color: #e08e0b !important; /*2*/
        border-color: #e08e0b !important; /*2*/
        color: white !important;
    }

    a.btn-aceptar i {
        color: white !important;
    }

a.btn-danger i {
    color: white !important;
}

.notifications-menu a > i {
    color: white !important;
}

.sidebar-menu a {
    color: white !important;
}

    .sidebar-menu a > i {
        color: #f39c12 !important; /*1*/
    }

#ajaxGrid .table > thead > tr > th {
    color: #e08e0b !important; /*2*/
}

.sidebar-toggle:hover,
.sidebar-toggle:active,
.sidebar-toggle:focus,
.sidebar-toggle.focus,
.sidebar-toggle.active.focus,
.sidebar-toggle.active:focus,
.sidebar-toggle.active:hover,
.sidebar-toggle:active.focus,
.sidebar-toggle:active:focus,
.sidebar-toggle:active:hover {
    color: white !important;
    background-color: #edbc6e !important
}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > p > a {
    color: black !important;
}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a {
    color: black !important;
}

    .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > i {
        color: red !important;
    }

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > p > a > i {
    color: red !important;
}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:hover,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:active,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:focus,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a.focus,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a.active.focus,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a.active:focus,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:active:focus,
/*.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a.active.hover,*/
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a.active:hover,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:active:hover {
    color: black !important;
}

.dropdown-menu-grid-xs > li > button {
    color: #e08e0b !important;
}


/*DASHBOARD*/
.panel-cartelera .panel-body .panel-cartelera-content > ul > li > a {
    color: black !important;
    background-color: transparent !important;
}

.panel-cartelera .panel-body > .panel-cartelera-content > ul > li > a > i.fa-eye {
    color: black !important;
}

.panel-cartelera .panel-body .panel-cartelera-content > ul > li > a:hover,
.panel-cartelera .panel-body .panel-cartelera-content > ul > li > a:active,
.panel-cartelera .panel-body .panel-cartelera-content > ul > li > a:focus {
    color: #f39c12 !important;
    background-color: transparent !important;
}

    .panel-cartelera .panel-body .panel-cartelera-content > ul > li > a:hover > i,
    .panel-cartelera .panel-body .panel-cartelera-content > ul > li > a:active > i,
    .panel-cartelera .panel-body .panel-cartelera-content > ul > li > a:focus > i
    .panel-cartelera .panel-body .panel-cartelera-content > ul > li > a:hover > i.fa-eye,
    .panel-cartelera .panel-body .panel-cartelera-content > ul > li > a:active > i.fa-eye,
    .panel-cartelera .panel-body .panel-cartelera-content > ul > li > a:focus > i.fa-eye {
        color: #f39c12 !important;
        background-color: transparent !important;
    }

.btn-link {
    color: black !important;
    background-color: #f39c12 !important;
}

    .btn-link:hover,
    .btn-link:active,
    .btn-link:focus {
        color: white !important;
        background-color: #e08e0b !important;
    }