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

/* NOMBRE APP recuadro superior izquierdo */
.skin-app .main-header .logo {
    background-color: #e08e0b;
    color: white;
    border-bottom: 0 solid transparent;
}

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

.user-panel {
    color: white;
}


/* NAVBAR barra superior*/
.skin-app .main-header .navbar {
    background-color: #f39c12;
}

.sidebar-toggle {
    color: #ffffff !important;
}

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

.nav > li > a:hover, .nav > li > a:active, .nav > li > a:focus {
    color: white !important;
    background: #e08e0b !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: #f9f9f9 !important;
    padding: 10px;
}

.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: #222d32;
}

.skin-app .sidebar-menu > li:hover > a, .skin-app .sidebar-menu > li.active > a {
    color: #ffffff !important;
    background: #1e282c;
    border-left-color: #f39c12;
}

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

.skin-app .sidebar a:hover, a:active, a:focus {
    outline: none;
    text-decoration: none;
    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-excel {
    background-color: #00a65a;
    border-color: #008d4c;
    color: white !important;
}

.btn-excel:hover, .btn-excel.active.focus, .btn-excel.active:focus, .btn-excel.active:hover, .btn-excel:active.focus, .btn-excel:active:focus, .btn-excel:active:hover, .open > .dropdown-toggle.btn-excel.focus, .open > .dropdown-toggle.btn-excel:focus, .open > .dropdown-toggle.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: #ffe48d !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;
}

.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;
}