/*=============================================================
    BUSCAR Y REEMPLAZAR COLORES PARA NUEVA APP

    COLOR CIBanco  #47aa42

    Primary color #47aa42
    primary Dark  #008348
    primary light #C8E6C9   
    color accent  #6eb43f

    gray          #CECFCF
    gray light    #BDBDBD

    danger        #DE1F26

/* =============================================================
   CUSTOM STYLES CIBanco
 ============================================================ */

 .menu-section {
    border-bottom:5px solid #47aa42 !important;   /* Primary color*/
}

.footer-section {
    border-top:5px solid #47aa42 !important;   /* Primary color*/
}

.panel-default {
  border-color: #6eb43f !important;   /* color accent*/
}

.header-line {  
    border-bottom:1px solid #6eb43f !important; /* color accent*/
}

.btn-primary {
	background-color: #47aa42 !important;  /* Primary color*/
	border: 0px !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-color: #008348 !important; /*hover button primary Dark */
  border-color: #008348 !important;  /*hover button primary Dark*/
}

/* FORMS STYLE*/
.panel-primary > .panel-heading {
    color: #008348 !important; /*primary Dark */
    background-color: #C8E6C9 !important; /*primary light */
    border-color: #6eb43f !important;  /*color accent  */
}

.panel-primary {
    border-color: #6eb43f !important;  /*color accent  */
}
/* FROMS STYLE END*/


.navbar-toggle {
	background-color: #47aa42 !important; /* Primary color*/
	border: 0px !important;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { 
    background-color: #6eb43f !important; /* color accent*/
    border-color: #6eb43f !important; /* color accent*/
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #008348 !important;   /* primary Dark  */
}

.logout{
    border-left: 1px solid #6eb43f !important; /* color accent*/
}

.navbar {
    border-bottom:2px solid #C8E6C9 !important; /* color light*/
}

.nav > li > a:hover,
.nav > li > a:focus {
  background-color: #C8E6C9 !important; /* color light*/
}

.menu-top-active {
  background-color: #C8E6C9 !important;   /* color light*/
}

#menu-top .submenu-top {
  color: #000000 !important;
}

.submenu-top-active {
  background-color: #C8E6C9 !important;   /* color light*/
}


.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background-color: #C8E6C9 !important;  /* color light*/
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: #C8E6C9 !important;     /* color light*/
}


.ng-valid[required], .ng-valid.required  {
  border-left: 5px solid #42A948 !important; /* green */
}

.ng-invalid:not(form)  {
  border-left: 5px solid #DE1F26 !important; /* danger */
}

#loader {
  border-top: 16px solid #47aa42 !important;   /* Primary color*/
}


.white, .white a {
  color: #fff !important;
}