/*=========================================================================================
	File Name: config.css
	Description: Este archivo tiene como objetivo indicarle al programador las propiedades
	del css del "Template Stack Admin" para modificaciones futuras importantes y ahorra el 
	mayor tiempo posible a la hora de personalizar el Template.
	----------------------------------------------------------------------------------------
	Item Name: Stack - Responsive Admin Theme
	Author: Ing. Jeshua Rosado
	Date: 10/10/2019
==========================================================================================*/
/**
 * Color del logo del navbar
 * @route: app-assets/css/componentes.css
 */
.navbar-semi-dark .navbar-header {
  background:#666666 !important;
}

/**
 * Color del tag primary (etiqueta primaria)
 * @route: app-assets/css/bootstrap-extended.css
 */
.badge-primary {
  background-color: #989898 !important; 
}
/*------------------------------------------------*/
.btn-4 {
  border: 1px solid;
  overflow: hidden;
  position: relative;
  
  span {
    z-index: 20;
  }
  
  &:after {
    background: #fff;
    content: "";
    height: 155px;
    left: -75px;
    opacity: .2;
    position: absolute;
    top: -50px;
    transform: rotate(35deg);
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 50px;
    z-index: -10;
  }
}

.btn-4:hover {
  
  &:after {
    left: 120%;
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
  }
}

/**
 * Botón de las modal
 */
.btn-modal.guardar{
  color: #FFFFFF !important;
  background-color: #0E4D92 !important;
  border: 1px solid #0E4D92 !important;
/*  -webkit-box-shadow: 2px 19px 35px -5px rgba(0,0,0,0.75);
     -moz-box-shadow: 2px 19px 35px -5px rgba(0,0,0,0.75);
          box-shadow: 2px 19px 35px -5px rgba(0,0,0,0.75);*/
}
.btn-modal{
  color: #535353 !important;
  background-color: #FFFFFF !important;
  border: 1px solid #0E4D92 !important;
}
.btn-modal:hover{
  color: #FFFFFF !important;
  background-color: #2E6CAD !important;
  border-color: 1px solid #0E4D92 !important;
  
}
/*=====================Restaurant=====================*/

/*Barra de progreso*/
html body.bar-progress .pace .pace-progress {
  background-color: #0E4D92 !important; 
}

/*Clase predeterminada para Hamdella*/
.bgHamdella{
  background-color: #666666 !important;
}

/*Menú contenido*/
.main-menu.menu-dark .navigation {
  background-color: #666666 !important;
}

/*Menú contenido*/
.main-menu.menu-dark .navigation > li ul{
  background-color: #666666 !important;
  color: #666666 !important;
}

/*Hover de la cabecera del acordeón*/
.main-menu.menu-dark .navigation > li.hover > a, .main-menu.menu-dark .navigation > li:hover > a, .main-menu.menu-dark .navigation > li.active > a {
  background-color: #0E4D92 !important;
}
.main-menu.menu-dark .navigation > li:not(.navigation-header):hover {
    border-left: 4px solid #0E4D92 !important;
}
  
/*Hover de la cabecera del acordeón cuando cierra*/
.main-menu.menu-dark .navigation > li ul .hover > a, .main-menu.menu-dark .navigation > li ul:hover > a {
  background-color: #3167A3 !important; 
}

/*Cabecera Acordeón abierto*/
.main-menu.menu-dark .navigation > li.open > a {
  background-color: #0E4D92 !important;
}

/*Contenido del acordeón*/
.main-menu.menu-dark .navigation > li > ul {
  /* background-color: #0E4D92 !important; */
}

/*Border del acordeón abierto*/
.main-menu.menu-dark .navigation > li:not(.navigation-header).open {
  border-left: 4px solid #0E4D92 !important;
}

/*Acordeón abierto lineas de separacion por menú*/
.main-menu.menu-dark .navigation li.open a {
  border-bottom: 1px solid #0E4D92 !important;
  margin: 0px !important;
}

/*Hover del contenido del acordeón*/
.main-menu.menu-dark .navigation > li.open .hover > a {
  background-color: #3167A3 !important; 
}

/*Cabecera del Acordeón cuando esta cerrado el sidebar*/
body.vertical-layout.vertical-menu.menu-collapsed .main-menu .main-menu-content > span.menu-title, body.vertical-layout.vertical-menu.menu-collapsed .main-menu .main-menu-content a.menu-title {
  background-color: #0E4D92 !important;
}

/*Contenido de acordeón cuando esta cerrado el sidebar*/
.main-menu.menu-dark ul.menu-popout {
  background-color: #666666 !important; 
}

.main-menu.menu-dark ul.menu-popout .open > ul .open > ul {
  background: #3167A3 !important; 
}

/*Hover del contenido del acordeón cuando esta cerrado el sidebar*/
.main-menu.menu-dark ul.menu-popout li.hover > a, .main-menu.menu-dark ul.menu-popout li:hover > a, .main-menu.menu-dark ul.menu-popout li.open > a {
  background-color: #3167A3 !important; 
}

/*Color del page de la paginación de una tabla*/
.page-item.active .page-link {
  background-color: #0E4D92 !important;
  border-color: #0E4D92 !important; 
}

/**
 * Botón: btn-food;
 * Estilos del boton para tomar un pedido cuando la mesa esta disponible ubicado en Proformas.
 */
.btn-food {
  margin-top: 5%;
  color: #2E6CAD !important;
  background-color: #FFF;
  border-color: #2E6CAD;
}

.btn-food:hover {
  color: #fff !important;
  background-color: #2E6CAD;
  border-color: #2E6CAD;
}

.btn-food:focus,
.btn-food.focus {
  box-shadow: 0 0 0 0.2rem rgba(82, 161, 225, 0.5);
}

.btn-food.disabled,
.btn-food:disabled {
  color: #fff;
  background-color: #2E6CAD;
  border-color: #2E6CAD;
}

.btn-food:not(:disabled):not(.disabled):active,
.btn-food:not(:disabled):not(.disabled).active,
.show > .btn-food.dropdown-toggle {
  color: #fff !important;
  background-color: #2E6CAD;
  border-color: #2E6CAD;
}

.btn-food:not(:disabled):not(.disabled):active:focus,
.btn-food:not(:disabled):not(.disabled).active:focus,
.show > .btn-food.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(82, 161, 225, 0.5);
}

/** 
 * Alert: alert-success-food;
 * Estilos del alert que esta fijado cuando una mesa esta disponible ubicado en Proformas
 */
p.alert.alert-success-food {
  border-color: #0E4D92 !important;
  background-color: #2E6CAD !important;
  color: #053124 !important; 
}

p.alert.alert-warning-food {
    border-color: #0E4D92 !important;
    background-color: #2E6CAD !important;
    color: #053124 !important; 
}