* {
    margin: 0;
    padding: 0;
    user-drag: none;
    -webkit-user-drag: none;
}
:root {
    --color1: #C1BFBF;
    --color2: #929292;
    --color3: white;
    --backgroundColor: rgb(243 244 246);
    
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 1px 1px 2px 1px rgb(0 0 0 / 0.05);
    /*
    --color1: #119DA4;
    --color2: #13505B;
    --color3: #CDC6AE;
    */
}
.cursor-pointer {
    cursor: pointer;
}
.cursor-help {
    cursor: help;
}
table > tbody > tr:nth-child(odd):not(:first-child){background-color: #f2f2f2}
table > tbody > tr:nth-child(even){background-color: white}
table > tbody > tr:nth-child(even) > td {margin-bottom: 0.2rem;}
/* CUSTOM ICONS */
@font-face {
    font-family: 'fontello';
    src: url('./Bootstrap/icons/fonts/fontello.eot?31975082');
    src: url('./Bootstrap/icons/fonts/fontello.eot?31975082#iefix') format('embedded-opentype'),
        url('./Bootstrap/icons/fonts/fontello.woff?31975082') format('woff'),
        url('./Bootstrap/icons/fonts/fontello.ttf?31975082') format('truetype'),
        url('./Bootstrap/icons/fonts/fontello.svg?31975082#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}
.custom-icon {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
}
.icon-food:before { content: '\e800'; } /* '' */
.icon-cuchillo:before { content: '\e802'; } /* '' */
.icon-tenedor:before { content: '\e803'; } /* '' */
.icon-cuchara:before { content: '\e804'; } /* '' */
.icon-restaurant:before { content: '\e832'; } /* '' */

@keyframes bell-notify-animation {
    0% { transform: scale(1); }
    10%, 20% { transform: scale(1.1) rotate(-3deg); }
    30%, 50%, 70% { transform: scale(1.1) rotate(3deg); }
    40%, 60% { transform: scale(1.1) rotate(-3deg); }
    80% { transform: scale(1) rotate(0deg); }
    100% { transform: scale(1); }
}

.bell-notify-animation {
    display: inline-block;
    animation: bell-notify-animation 1s ease-in-out infinite;
}
@-webkit-keyframes moving-gradient {
  0% {
    background-position: -250px 0;
  }
  100% {
    background-position: 250px 0;
  }
}
.loading span {
  display: block;
  width: auto;
  height: 24px;
  background: linear-gradient(to right, #eee 20%, #ddd 50%, #eee 80%);
  background-size: 500px 100px;
  animation-name: moving-gradient;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}
.disabled {
  opacity: 0.7;
  pointer-events: none;
}
.text-muted-2 {
    --bs-text-opacity: 1;
    color: #adb5bd!important
}
.form-control-color {
    height: max-content;
}
.was-validated .form-control-color { /* para que se añada espacio al validar */
    width: 4.5rem
}        
.buttonCustom1 {
    background-color: darkcyan;
    border-color: darkcyan;
    color: white !important;
}
.buttonCustom1:hover {
    background-color: rgb(0, 100, 100);
    border-color: rgb(0, 100, 100);
}