
html:after {
    background-color:#D0181E;
}

a, a:hover, a:active, a:focus {
    color:#D0181E;
}
#title_top {
    color: white;
}
#page-authentication {
    background: transparent url("https://abbraccio.prolea.mx/app/style/background") left 40%;
    background-size: cover;
}
.form-group .form-control:focus ~ label {
    color:#D0181E;
}

.floating-label .form-control:focus ~ label {
    margin-top: -10px;
}

.form-group .form-control ~ label:after, .form-group .form-control ~ .form-control-line:after {
    background-color:#D0181E;
}
.text-primary, .btn-primary, .btn-primary.btn-flat, .btn-primary.btn-icon-toggle {
    color: white;
    background-color:#D0181E;
    border-color:#D0181E;
}   


.btn-primary:hover, .btn-primary:focus,  .btn-primary:active {
    background-color:#D0181E !important;
    border-color:#D0181E !important;

}


body .header-container .header-wrapper #header-brand {
    background-color: ;
}

body .header-container .header-wrapper #header-toolbar {
    background-color:;
}

.logo_img {
    height: 35px;
    margin-top: 15px;
    margin-left: 10px;
}

.logo_img_splash {
    height: 35px;
    margin-top: 0px;
    margin-left: 0px;
}   

#page-wrapper #left-content #userbox {
    background: #D0181E;
}

section.page-header.alternative-header {
    background: #D0181E;
}

#page-wrapper #left-content nav#sidebar ul > li.active > a {
    background-color: #D0181E !important;
}

#page-wrapper #left-content nav#sidebar ul > li.active > a:hover {
    background-color: #D0181E !important;
}
#page-wrapper #left-content nav#sidebar ul > li ul li.active > a {
     background-color: #D0181E !important;
}

#page-wrapper #left-content nav#sidebar ul > li.open {
    background-color: #D0181E !important;
    color: white;
}

#page-wrapper #left-content nav#sidebar ul > li.open:hover {
    background-color: #D0181E !important;
    color: white;
}
#page-wrapper #left-content nav#sidebar ul > li ul li a {
    color: gray;
}

#page-wrapper #left-content nav#sidebar ul > li ul li.active > a:hover {
     background-color: #D0181E !important;
}




body .header-container .header-wrapper #header-toolbar ul.toolbar > li > a {
    color: #000000;
}

body .header-container .header-wrapper #header-toolbar #user-profile a .expand-ico {
    color: #000000;
}

section.page-header.alternative-header .page-header_title h1 {
    color: white;
}


#page-wrapper #left-content nav#sidebar ul > li.open i {
    color: white;
}

#page-wrapper #left-content nav#sidebar ul > li.open {
    color: white;
}
#page-wrapper #left-content nav#sidebar ul > li.active:hover > a{
    background-color: #D0181E !important;
}

ol.breadcrumb li, ol.breadcrumb li a {
    color:white !important;
}

/** SPLASH **/
#splash-screen {
    background-color: #D0181E;
}

#splash-screen .logo {
    background-color: #D0181E;
}

#splash-screen .logo-label {
    font-size: 14px;
    margin-left: 10px;
}



.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  border: none;
  border-bottom: 2px solid #D0181E;
  color: #D0181E;
  background-color: transparent;
  cursor: default;
  opacity: 1;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  color: #D0181E !important;
  border-color: #dfe1e1 #dfe1e1 #ddd;
}


.switch.switch-primary.checked {
  background-color: rgba(217, 20, 35, 0.5);
}
.switch.switch-primary.checked:after {
  background-color: rgba(217, 20, 35, 0.26);
}
.switch.switch-primary.checked:before {
  background-color: #D0181E;
}

.btn-primary.btn-flat,
.btn-primary.btn-icon-toggle {
  color: #000000;
  border: none;
  -moz-transition: 0.9s;
  -ms-transition: 0.9s;
  -o-transition: 0.9s;
  -webkit-transition: 0.9s;
  transition: 0.9s;
}

.btn-primary.btn-flat,
.btn-primary.btn-icon-toggle {
  color: white;
  border: none;
  -moz-transition: 0.9s;
  -ms-transition: 0.9s;
  -o-transition: 0.9s;
  -webkit-transition: 0.9s;
  transition: 0.9s;
}


.btn-primary.btn-flat:hover:not(.disabled),
.btn-primary.btn-icon-toggle:hover:not(.disabled),
.btn-primary.btn-flat:focus:not(.disabled),
.btn-primary.btn-icon-toggle:focus:not(.disabled),
.btn-primary.btn-flat.focus:not(.disabled),
.btn-primary.btn-icon-toggle.focus:not(.disabled),
.btn-primary.btn-flat:active:not(.disabled),
.btn-primary.btn-icon-toggle:active:not(.disabled),
.btn-primary.btn-flat.active:not(.disabled),
.btn-primary.btn-icon-toggle.active:not(.disabled),
.open .dropdown-toggle.btn-primary.btn-flat:not(.disabled),
.open .dropdown-toggle.btn-primary.btn-icon-toggle:not(.disabled) {
  color: white !important;
  border: none;
}



.list .list-item .list-icon.list-avatar-icon {
    background-color: #D0181E;
}


@media (max-width:800px)  {
    body .header-container .header-wrapper #header-toolbar {
        background-color:#D0181E;
    }
    
    body .header-container .header-wrapper #header-toolbar ul.toolbar > li > a {
        color: white
    }
}


.panel-primary {
    border-color: #D0181E;
}

.panel-primary > .panel-heading {
    background-color: #D0181E;
    border-color: #D0181E;
}
