/*
Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3 & 4
Version: 4.0.0
Author: Sean Ngu
Website: http://www.seantheme.com/color-admin-v4.0/admin/
*/

:root {
    --main-color: #e9be50;
    --main-bg-color: #0B4892;
    --bg-color-header-right: #009ee0;
}

.etiqueta {
    color: var(--main-color)
}

.btn.btn-primary,
.btn.btn-primary.disabled,
.btn.btn-primary.disabled:focus,
.btn.btn-primary.disabled:hover,
.btn.btn-primary[disabled],
.btn.btn-primary[disabled]:focus,
.btn.btn-primary[disabled]:hover {
    background: var(--main-color);
    border-color: var(--main-color);
}

.editar-02 {
    color: var(--main-color) !important;
}

.btn-primary.active,
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary:active,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.open>.dropdown-toggle.btn-primary,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover,
.show>.btn-primary.dropdown-toggle {
    border-color: var(--main-color);
    background: var(--main-color);
}

.checkbox.checkbox-css input:checked+label:before {
    background: var(--main-color);
    border-color: var(--main-color);
}

.header .navbar-logo,
.login .login-header .brand .logo,
.header .navbar-nav>li>a .label,
.label.label-theme,
.btn.btn-scroll-to-top {
    background: var(--main-color);
    ;
}

.header.navbar-inverse .navbar-brand {
    color: #fff !important;
}

.sidebar .nav>li.nav-profile .info {
    color: #fff;
}

.sidebar .nav>li.active>a,
.sidebar .nav>li.active>a:focus,
.sidebar .nav>li.active>a:hover {
    color: var(--main-color);
    ;
    background: #f9f9f9;
    border-left: 5px solid var(--main-color);
    ;
}

/* .sidebar .nav>li>a {
    padding: 7px 20px;
    line-height: 20px;
    color: #828282;
    display: block;
    text-decoration: none
} */

.sidebar .nav>li>a:focus,
.sidebar .nav>li>a:hover {
    background: 0 0;
    color: var(--main-color);
    ;
}

.text-theme,
.sidebar .nav>li.active>a i {
    color: var(--main-color);
    ;
    /* icono activo */
}

.sidebar .sub-menu>li>a:hover {
    color: black !important;
}

.sidebar .sub-menu>li.active:after {
    border-color: var(--main-color);
    ;
    /* circulito del link activo */
}

.sidebar.sidebar-grid .nav>li>a {
    /*border-bottom: 1px solid #f8c7c7;
    border-top: 1px solid #f8c7c7*/
}

.sidebar.sidebar-grid .nav>li.active>a {
    /*border-color: #f8c7c7;*/
    z-index: 10
}

.sidebar .sub-menu>li.hover>a {
    color: black;
}

.sidebar .sub-menu>li.active>a {
    color: black;
    font-weight: bold;
}


/*.sidebar .sub-menu>li.has-sub>a:before,
.sidebar .sub-menu>li:before,
.sidebar .sub-menu>li>a:after {
    background: var(--main-color); ;
}*/

.sidebar .sub-menu>li:hover:after,
.sidebar .sub-menu>li.active:after {
    color: var(--main-color);
    ;
    background: #fff;
    border: 2px solid var(--main-color);
    ;
}

.sidebar .sub-menu>li>a {
    padding: 3px 20px 3px 15px;
    display: block;
    /* color: #cbb0b0;*/
    text-decoration: none;
    position: relative
}

.sidebar .sub-menu>li.active>a,
.sidebar .sub-menu>li.active>a:focus,
.sidebar .sub-menu>li.active>a:hover,
.sidebar .sub-menu>li>a:focus,
.sidebar .sub-menu>li>a:hover {
    /* color: #fde8e7;*/
}


/* Added in v1.5 */

.gradient-enabled .sidebar .nav>li.active>a,
.gradient-enabled .sidebar .nav>li.active>a:focus,
.gradient-enabled .sidebar .nav>li.active>a:hover,
.gradient-enabled.page-sidebar-minified .sidebar .nav>li.has-sub.active:focus>a,
.gradient-enabled.page-sidebar-minified .sidebar .nav>li.has-sub.active:hover>a,
.gradient-enabled.page-sidebar-minified .sidebar .nav>li.has-sub.active>a,
.gradient-enabled .label.label-theme,
.gradient-enabled .btn.btn-scroll-to-top,
.gradient-enabled .top-menu .nav>li.active>a,
.gradient-enabled .top-menu .nav>li.active>a:focus,
.gradient-enabled .top-menu .nav>li.active>a:hover {
    background: rgb(0, 210, 210);
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwZDJkMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGFjYWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(0, 210, 210, 1) 0%, rgba(0, 172, 172, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 210, 210, 1)), color-stop(100%, rgba(0, 172, 172, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 210, 210, 1) 0%, rgba(0, 172, 172, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 210, 210, 1) 0%, rgba(0, 172, 172, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 210, 210, 1) 0%, rgba(0, 172, 172, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 210, 210, 1) 0%, rgba(0, 172, 172, 1) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00d2d2', endColorstr='var(--main-color); ', GradientType=0);
    /* IE6-8 */
}

.gradient-enabled .sidebar .nav>li.active>a {
    z-index: 10;
}

.gradient-enabled .sidebar .nav>li.active>a i,
.gradient-enabled .sidebar .nav>li.active>a .caret {
    color: rgba(0, 0, 0, 0.5);
}

.pace-progress {
    background: var(--main-color);
    ;
}

.pace .pace-activity {
    border-top-color: #6f1111;
    border-left-color: #6f1111;
}


/* Added in v1.7 */

.page-with-light-sidebar .sidebar .nav>li.active>a>i {
    color: var(--main-color);
    ;
}

.page-with-light-sidebar .sidebar .nav>li.active>a .badge,
.page-with-light-sidebar .sidebar .nav>li.active>a .label.label-theme {
    background: var(--main-color);
    ;
}


/* Added in v1.9 */

.top-menu .nav>li.active>a i,
.top-menu .nav>li.active>a:focus i,
.top-menu .nav>li.active>a:hover i {
    color: var(--main-color);
    ;
}

.sidebar .nav>li.nav-profile .cover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../../../images/clientes/cover_icp.jpg) no-repeat;
    background-size: cover;

    /* position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat!important;
    background-size: 70%!important;
    background-position: center!important;
    opacity: 0;
    transition: opacity .5s; */
}

.dept8803 {
    color: #fff !important;
}

.sidebar .nav>li.nav-profile .cover.with-shadow:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transition: all .2s linear;
    background: rgba(26, 34, 41, .0)
}

.sidebar,
.sidebar-bg {
    background: #fff;
    /* width: 300px; */
    left: 0;
    top: 0;
    bottom: 0
}

select.form-control:not([size]):not([multiple]) {
    height: 30px
}

.form-control {
    /* height: 25px; */
}


/*TITULO PANEL*/

.panel-inverse>.panel-heading {
    background: black;
}


/*TABLA*/

.personal-bg-table-panel {
    background: black;
}

.personal-table-Header {
    background-color: black;
}


/*-----MENSAJES ALERTA-----*/

.alert.alert-info {
    background: #eff8ff;
    color: black;
}

.personal-code-azul {
    color: black;
    background-color: rgba(0, 136, 206, 0.05);
}


/* -- A PARTIR DE AQUÍ DEFINIMOS ESTILOS PROPIOS O QUE SOBREESCRIBIMOS -- */

#btn-minify-menu {
    background: black;
}

.SeleccionTR_informes {
    border-top: 2px solid #e9be50 !important;
    font-weight: bold !important;
    border-bottom: 2px solid #e9be50 !important;
    border: 2px solid #e9be50 !important;
}

.checkbox.checkbox-css-0 input:checked+label:before {
    background: var(--main-color);
    border-color: var(--main-color)
}