:root {
  --color-primary: #603515;
  --color-secondary: #c38e70;
  --color-active: #e6ccb2;
  --color-bg: rgb(214, 159, 126);
  --color-bg-gradient: linear-gradient(
    90deg,
    rgba(214, 159, 126, 1) 0%,
    rgba(157, 107, 83, 1) 45%,
    rgba(96, 53, 21, 1) 100%
  );
  --color-dark: #00183d;
}

.lista-sugerencias {
  position: absolute;
  z-index: 999;
  min-width: 17rem;
  border: 0.1rem solid black;
  border-radius: 0.3rem;
}

.lista-sugerencias li {
  cursor: pointer;
}

/*  */

.app-active {
  background: #8cc93e7a !important;
}

.app-alert {
  background: #8cc93e38;
  border-color: #00fb3b;
  color: black;
  font-weight: bold;
}

.app-badge-price-article {
  color: black;
  position: absolute;
  font-size: 0.9rem;
  right: 0;
  border-top-right-radius: 0rem;
}
/*  */
/* Menú */
.menu-container-logo {
  width: 7rem;
  margin: 0rem auto;
  max-width: 100%;
}
.main-sidebar {
  background: #d69f7e !important;
}
.main-sidebar .nav-link {
  color: #603515 !important;
}
.main-sidebar .nav-link:hover {
  color: white !important;
}

.app-navbar {
  background: var(--color-bg);
  background: var(--color-bg-gradient);
}

.app-btn {
  background: var(--color-primary) !important;
  border-radius: 0.9rem;
  border: 0.17rem solid #fff;
  color: white;
}

.app-btn:hover {
  color: white;
  border: 0.17rem solid var(--color-secondary);
  box-shadow: 0rem 0rem 0.1rem 0.1rem var(--color-secondary);
}

.app-input {
  padding: 0.5rem;
  border-radius: 0.5rem;
  border: 0.11rem solid #603515;
  height: 2.7rem;
  font-size: 0.99rem;
}

.app-input:focus {
  border: 0.15rem solid var(--color-primary);
}

.app-no-border {
  border-radius: 0rem !important;
}

.app-divider {
  border: 0.1rem solid black;
}

.app-producto {
  border-radius: 0.7rem 0.7rem 0rem 0rem;
}

/* LOGIN */
.app-from-login {
  background: #60351582 !important;
}

.app-title-login p {
  border-bottom: 0.19rem solid #020202;
  text-align: center;
  color: white;
  font-weight: 600;
  font-size: 1.5em;
  text-transform: uppercase;
  margin-bottom: 20px;
  display: inline-block;
  letter-spacing: 1px;
}

.app-logo-login img {
  width: 13rem;
  height: 11rem;
  border-radius: 50%;
}

/* sobreescribir */
.btn-group {
  display: table-header-group !important;
}

.buttons-excel {
  color: #ffffff;
  border-color: #8bb7b2;
  background-color: #8bb7b2;
}

.buttons-excel:hover {
  color: #ffffff;
  border-color: #6f7b7d;
  background-color: #6f7b7d;
}

.buttons-pdf {
  color: #ffffff;
  border-color: #8bb7b2;
  background-color: #8bb7b2;
}

.buttons-pdf:hover {
  color: #ffffff;
  border-color: #6f7b7d;
  background-color: #6f7b7d;
}


.sidebar-dark-teal .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-teal .nav-sidebar > .nav-item > .nav-link.active {
  background-color: rgba(255, 4, 4, 0.2);
}


.card {
  border-radius: 1rem;
}

.modal-content {
  border-radius: 1rem;
}

.modal-header {
  background-color: var(--color-bg) !important;
  color: black !important;
  border-radius: 1rem 1rem 0rem 0rem;
}

.modal-body {
  max-height: calc(100vh - 200px);
  overflow-y: auto;
}

.form-group {
  margin-bottom: 0rem;
}

.swal2-popup {
  border: 0.1rem solid var(--color-primary) !important;
  border-radius: 1rem !important;
  box-shadow: 0px 0px 9px 1px var(--color-primary);
}

.swal2-styled.swal2-confirm {
  background-color: var(--color-secondary) !important;
  color: #000 !important;
}