/* color de texto del pie de pagina */
footer.main-footer {
    
  background: #4C1212;
  color: rgb(253, 247, 247);
  
}

/* imagen del menu */
nav.side-navbar {
  background: #4C1212;
  color: rgb(255, 255, 255);
  -webkit-box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1);
  box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1);
  z-index: 9;
  background-image: url(../app/images/tema_menu_vinotinto.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x:right;
  /*==== Sidebar Header ====*/
  /*==== Sidebar Menu ====*/
  /*==== Shrinked Sidebar ====*/
}

/* color de las imagenes del menu */
.fa_verde{
  color:#ffffff;
}
.fa_negro{
  color:#000000;
}
/* color del fondo del menu */

nav.side-navbar ul li li a {
  background: #380A0A;
}

/* color del texto del menu y otros detalles */
nav.side-navbar ul li.active > a {
  background: #723030;
  color: rgb(253, 253, 253);
  border-left: 4px solid #723030;
}

/* color al pasar el mouse en el menu */
nav.side-navbar ul li a:hover {
  background: #723030;
  border-left: 4px solid #723030;
  color: rgb(255, 255, 255);
}

nav.side-navbar ul li.active > a:hover {
background: #561A1A;
}

nav.side-navbar a[aria-expanded="true"]{
background: #561A1A;	
}

nav.side-navbar ul li li.active > a {
  background: #561A1A;
}

.tarjeta_pedido {
  border-color: #561A1A;
  border-style: solid;
  border-radius:30px;
}

/* cambios para el boton de inicio */
.btn-primary {
  color: #ffffff;
  background-color: #4C1212;
  border-color: #4C1212;
}
.btn-primary:hover {
  color: color-yiq(#380A0A);
  color: #ffffff;
  background-color: #380A0A;
  border-color: #380A0A;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: color-yiq(#380A0A);
  color: #ffffff;
  background-color: #561A1A;
  border-color: #380A0A;
}
/* boton de registro */
.btn-outline-primary {
  color: #380A0A;
  background-color: transparent;
  background-image: none;
  border-color: #380A0A;
}

.btn-outline-primary:hover {
  color: rgb(253, 251, 251);
  background-color: #380A0A;
  border-color: #380A0A;
}


.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: color-yiq(#380A0A);
  background-color: #561A1A;
  border-color: #561A1A;
}
.headerIndicador{
  background-color: rgba(231, 231, 231, 0.43);
  color: #000;
  padding-left: 15px;
}