.chart-js {
  height: 300px;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-top: 80px;
  margin-bottom: 80px;
}

.icon {
    font-size: 20px;
    cursor: pointer;
    user-select: none;
 }

 .icon:hover {  
  color: dodgerblue !important;
}

.table-container {
  position: relative;

  overflow-y: auto;
}

#pageNav
{    
  display: flex;
  margin: 10px;
}

#pageNav div
{    
   display: flex;
}

h4,h5 {
  text-align: center;
}

/* i {
  font-size: 20px;
} */

.info-plus {
  position: fixed;
  top: 0;
  z-index: 9999;
}

#div_carrito {
  position: fixed;
  right: 15px;
  bottom: 10px;
  z-index: 999;
}

#btn_carrito {
  width: 50px; /* Establece un ancho fijo */
  height: 50px; /* Establece una altura fija */
}

/* #btn_carrito  i {
  font-size: 24px;
} */

.comment{
  border-radius: 5px;
}

#btn_back {
  display: none;
}

.disabled{color:#bbbbbb !important}

.list-group-item {
  cursor: pointer;
  padding: .8rem 1rem;
}

/* Spinner */

.div-spinner {
  position:absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.8);
  display: none;
  z-index: 9999 !important;
}

.spinner {
  position:fixed;
  top: 50%;
  left: 50%;
  height: 100px;
  width: 100px;
  margin-top: -50px;
  margin-left: -50px;
}

.grid {
  --auto-grid-min-size: 12rem;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
  grid-gap: 1rem;
  margin: 1rem;
}

.cell {
  position: relative;
  height: 12rem;
  padding: 1rem;
  text-align: center;
  font-size: 1.2rem;
  background: #1e90ff;
  color: #ffffff;
  border-radius: 0px 50px 30px;
}

.cell-group{margin-top: 3rem;}
.title{font-size: 3rem;}

.search-bar{
  display: flex;
  align-items: end;
  text-align: center;
}
.search-bar div{
  padding: 0px 2%;
}

.relative
{
  position: relative !important;
}

.card-body-section
{
  margin-bottom: 2.5rem;
}
.shadow{
  box-shadow: 0 0 15px 5px #888888 !important;
}



 /**table LIST**/
 .tables{
  padding: 1.5rem 2rem;
  font-size: 2rem;
 }

/* .icons p {
  display: contents;
}

.icons p:active{
  color:black
}

.icons:hover{  
  color: dodgerblue !important;
}
.icons:hover{  
  color: dodgerblue !important;
  cursor:pointer !important;
}
 */
/** PARA EL SUBMENU DE ASIGNAR MOZO**/


.dropdown-submenu {
  position: relative;
}

.dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px;
  border-radius: 0 6px 6px 6px;
}

.dropdown-submenu .dropdown-menu li{
text-align: center;
}
.dropdown-submenu .dropdown-menu li:hover > p{
  color:dodgerblue
}



li {
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer */
  -khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
  -webkit-user-select: none; /* Chrome, Safari, and Opera */
  -webkit-touch-callout: none; /* Disable Android and iOS callouts*/
  cursor: pointer;
  text-decoration: none !important;
}


@keyframes blink {
  50% {
    opacity: 0.3;
  }
}
@-webkit-keyframes blink {
  50% {
    opacity: 0.3;
  }
}

.petitition-blink {
  animation: blink 0.5s ease 0s infinite;
  -webkit-animation: blink 0.5s ease 0s infinite;
}

@media (min-width: 524px) 
{
  .btn-abs{
    display: none;
    bottom:7%;
  }
}

@media (max-width: 524px) 
{
  .search-bar{
    display: grid;
    padding: 0px;
  }


}

@media print
{
  .page {
    page-break-before: always; /* Cada elemento con esta clase empezará en una nueva página */
    page-break-inside: avoid; /* Evita saltar página dentro del elemento */
    page-break-after: always; /* Forza un salto de página después del elemento */
  }
}

iframe {
  height: 400px;
  width: 100%;
}





/*IMAGE LOGIN*/


.card_login {
  transition: 1s ease-in-out;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.card_login:hover {
  -webkit-transform: rotateY(0.5turn);
          transform: rotateY(0.5turn);
}
.card_login .item {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transition: 1s ease-in-out;
  -webkit-box-reflect: below 0 linear-gradient(transparent, transparent, rgba(0, 0, 0, 0.4));
}

.card_login .back-side {
  -webkit-transform: rotateY(0.5turn);
  transform: rotateY(0.5turn);
}




/* Anular estilos Bootstrap */

.table>:not(caption)>*>* {
  color: unset!important;
  background: unset!important;
}

/* .table tr > td {
  color: unset !important;
  background: unset !important;
} */

/* Animacion titilar */

.client .badge {
  font-size: 14px;
}

.petitition-blink {
  animation: blink 0.5s ease 0s infinite;
  -webkit-animation: blink 0.5s ease 0s infinite;
}

/* CURSOR POINTER */

.cursor-pointer {
  cursor: pointer;
}

table .result > td {
  background-color: #0d6efd47 !important;
}

.modal-backdrop {
  visibility: hidden !important;
}

.modal.show {
  background-color: rgba(0,0,0,0.5);
}
.modal-footer:has(.btn-toolbar) {
  display: block !important;
}
.validate-error{
  box-shadow: 0 0 0px 1px var(--bs-red)}


  /*absolute button OFFCANVAS*/
.btn-abs {
	bottom: 7%;
	right: 1%;
	transition: all 300ms ease 0ms;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
	z-index: 99;
}
.btn-abs:hover {
	transform: translateY(-7px);
}



.pager-nav{
  bottom:7%;
  right: 6%;
}


.overAll{
  background-color: white;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}