.navbar-header {
    background-color: #e2394b;
}

.leftbar-default {
    background-color: #e2394b; /* #03b15a; */
}

.leftbar-default .leftbar nav.widget-body > ul.acc-menu > li > a span.icon {
    color: #fff;
}

.leftbar-default nav.widget-body > ul.acc-menu ul,
.leftbar-default nav.widget-body > ul.acc-menu ul li a {
    color: #fff !important;
}

.leftbar-default .leftbar nav.widget-body > ul.acc-menu > li:hover > a span.text,
.leftbar-default nav.widget-body > ul.acc-menu > li:hover > a i,
.leftbar-default nav.widget-body > ul.acc-menu ul li:hover > a span.text,
.leftbar-default nav.widget-body > ul.acc-menu ul li:hover > a i {
    color: #fff; /*#fcd100;*/ /*TODO: Resaltar color del menú elegido con :hover */
}

.leftbar-default nav.widget-body > ul.acc-menu > li:hover > a,
.leftbar-default nav.widget-body > ul.acc-menu > li:hover.open > a,
.leftbar-default nav.widget-body > ul.acc-menu > li.open > a,
.leftbar-default nav.widget-body > ul.acc-menu ul,
.leftbar-default nav.widget-body > ul.acc-menu ul li a {
    background-color: #f54c59 !important; /* #50bf75 !important */
}

.leftbar-default nav.widget-body > ul.acc-menu > li.active > a,
.leftbar-default nav.widget-body > ul.acc-menu > li:hover.open.active > a,
.leftbar-default nav.widget-body > ul.acc-menu > li.active > a,
.leftbar-default nav.widget-body > ul.acc-menu > li.active > ul li.active > a {
    border-color: #fff;
}
#topnav.navbar-default {
    background-color: white;
    border-color: #e2394b;
}

#topnav.navbar-default.navbar-error {
    background-color: #e2394b !important;
}

#topnav.navbar-default #trigger-leftbar a,
#topnav.navbar-default #trigger-infobar a,
#topnav.navbar-default .toolbar-trigger a,
#topnav.navbar-default #trigger-leftbar button,
#topnav.navbar-default #trigger-infobar button,
#topnav.navbar-default .toolbar-trigger button {
    background-color: #e2394b;
    color: #ffffff;
}

#topnav.navbar-default #trigger-leftbar a:hover,
#topnav.navbar-default #trigger-infobar a:hover,
#topnav.navbar-default .toolbar-trigger a:hover,
#topnav.navbar-default #trigger-leftbar button:hover,
#topnav.navbar-default #trigger-infobar button:hover,
#topnav.navbar-default .toolbar-trigger button:hover {
    background-color: #f54c59;
    /*color: #ffffff;*/
}

.btn-default,
.btn-menu {
    background-color: #e2394b !important;
    border-color: #f54c59 !important;
    color: white;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active{
    background-color: #f54c59 !important;
    /*border: #002561;
    color: white;*/
}

.btn-menu.btn-save,
.btn-menu.btn-edit,
.btn-menu.btn-create,
.boton-mv.btn-save,
.boton-mv.btn-edit,
.boton-mv.btn-create{
    background-color: #e2394b !important; /*#a4c639 !important;*/
    border: #f54c59 !important; /*1px solid #a4c639 !important;*/
}

.btn-menu.btn-save:hover, .btn-menu.btn-edit:hover, .btn-menu.btn-create:hover, .boton-mv.btn-save:hover, .boton-mv.btn-edit:hover, .boton-mv.btn-create:hover,
.btn-menu.btn-save:focus, .btn-menu.btn-edit:focus, .btn-menu.btn-create:focus, .boton-mv.btn-save:focus, .boton-mv.btn-edit:focus, .boton-mv.btn-create:focus,
.btn-menu.btn-save:active, .btn-menu.btn-edit:active, .btn-menu.btn-create:active, .boton-mv.btn-save:active, .boton-mv.btn-edit:active, .boton-mv.btn-create:active {
    background-color: #f54c59 !important;
}

.fa-spinner {
    color: #e2394b !important;
}

.infobar .widget-heading {
    background-color: #e2394b;
}

.panel .panel-heading .panel-ctrls .toggle-input:checked + label::before {
    background: #e2394b;
    opacity: 0.7;
}

.form-horizontal .control-label {
    color: rgba(27, 34, 44, 0.72);
}

.page-heading.resumen {
    background-color: #fff; /*#f54c59 !important;*/
}

.page-heading.resumen p.title,
.page-heading.resumen b {
    color: #f54c59 !important;
}

.page-heading.resumen .border-right {
    border-right: 1px solid #f54c59;
}

.page-heading b {
    color: #fff !important;
}

/** Estilos breadcrumb */
#breadcrumb li a {
    color: #FFF;
    background: #0ab0e0;
}
#breadcrumb li:nth-child(even) a {
    background-color: #5bbde5;
}
#breadcrumb li:nth-child(even) a:before {
    border-color: #5bbde5;
    border-left-color: transparent;
}
#breadcrumb li:nth-child(even) a:after {
    border-left-color: #5bbde5;
}
#breadcrumb li a:before, #breadcrumb li a:after {
    border-color: #0ab0e0;
}
#breadcrumb li a:before {
    border-left-color: transparent;
}
#breadcrumb li a:after {
    border-color: transparent;
    border-left-color: #0ab0e0;
}
#breadcrumb li a:hover {
    background-color: #f54c59;
}
#breadcrumb li a:hover:before {
    border-color: #f54c59;
    border-left-color: transparent;
}
#breadcrumb li a:hover:after {
    border-left-color: #f54c59;
}
#breadcrumb li a:active {
    background-color: #e2394b;
}
#breadcrumb li a:active:before {
    border-color: #e2394b;
    border-left-color: transparent;
}
#breadcrumb li a:active:after {
    border-left-color: #e2394b;
}

/** Estilos vista login */
.titulo-login h2 {
    color: #e2394b;
}
.titulo-login {
    border-bottom: 2px solid #e2394b;
    border-top: 2px solid #e2394b;
    background-color: transparent;
    margin-bottom: 10px; /* Mover al fichero custom.css */
}
.panel-login .input-group input.form-control,
.panel-login .input-group .input-group-addon {
    border: 1px solid #e2394b !important;
}
.pantalla-login input.form-control:focus,
.pantalla-login select.form-control:focus {
    border: 2px solid #ff8335 !important;
    border-left: 0 solid transparent;
    border-right: 0 solid transparent;
}

/** Estilos botones específicos de cada proyecto */
.btn.btn-social.btn-project-alt {
    color: #e2394b;
    background-color: rgba(255, 255, 255, 0);
    border: 1px solid #e2394b !important;
}
.btn.btn-social.btn-project-alt:hover,
.btn.btn-social.btn-project-alt:focus,
.btn.btn-social.btn-project-alt:active,
.btn.btn-social.btn-project-alt.active {
    border-color: #e2394b;
    background-color: #e2394b;
    color: #fff;
}
.btn.btn-social.btn-project-alt.btn-login {
    background-color: #f4364c;
    border: 1px solid #f4364c;
    color: white;
}
.btn.btn-social.btn-project-alt.btn-login:hover,
.btn.btn-social.btn-project-alt.btn-login:focus,
.btn.btn-social.btn-project-alt.btn-login:active,
.btn.btn-social.btn-project-alt.btn-login.active {
    background-color: #d20b22;
    border: 1px solid #d20b22;
}
.btn.btn-social.btn-project-alt.btn-google {
    background-color: #4286f5 !important;
    border: 1px solid #4286f5 !important;
    color: white;
}
/** TODO: Pendiente de cambiar los colores */
.tab-container > .nav.nav-tabs > li > a:hover {
    border-top: 3px solid #0047ba;
    color: #0047ba;
    background: white;
}

.tab-container > .nav.nav-tabs > li > a:hover i {
    color: rgba(27, 34, 44, 0.88);
}

.tab-default.tab-container > .nav-tabs > li.active > a {
    border-top: 3px solid #0047ba;
    color: #0047ba;
}

.tab-default.tab-container > .nav-tabs > li.active > a > i {
    color: rgba(27, 34, 44, 0.88);
}