@import "https://fonts.googleapis.com/css?family=Roboto:300,400,700";
@import "https://fonts.googleapis.com/icon?family=Material+Icons";
@import "https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700";
.fgblack {
  color: #000000; }

.fgwhite {
  color: #FFFFFF; }

.fgwhitei {
  color: #FFFFFF !important; }

.fg01 {
  color: #FF4235; }

.fg01i {
  color: #FF4235 !important; }

.fg02 {
  color: #FFF9D8; }

.fg03 {
  color: #1B1B1B; }

.fg03i {
  color: #1B1B1B !important; }

.fg04 {
  color: #464646; }

.fg04i {
  color: #464646 !important; }

.fg05 {
  color: #A1A1A1; }

.fg05i {
  color: #A1A1A1 !important; }

.fg06 {
  color: #CFCFCF; }

.fg07 {
  color: #DDDDDD; }

.fg08 {
  color: #F7F7F7; }

.fg09 {
  color: #FFFFFF; }

.fg10 {
  color: #222222; }

.fgred {
  color: #E12845; }

.fggreen {
  color: #46D281; }

.fgyellow {
  color: #FBCC29; }

.fgredi {
  color: #E12845 !important; }

.fggreeni {
  color: #46D281 !important; }

.fgyellowi {
  color: #FBCC29 !important; }

.fgt {
  color: rgba(0, 0, 0, 0); }

.fgbeige {
  color: #e8decf; }

.bgblack {
  background-color: #000000; }

.bgblacki {
  background-color: #000000 !important; }

.bgwhite {
  background-color: #FFFFFF; }

.bgwhitei {
  background-color: #FFFFFF !important; }

.bg01 {
  background-color: #FF4235; }

.bg01i {
  background-color: #FF4235 !important; }

.bg02 {
  background-color: #FFF9D8; }

.bg02i {
  background-color: #FFF9D8 !important; }

.bg03 {
  background-color: #1B1B1B; }

.bg03i {
  background-color: #1B1B1B !important; }

.bg04 {
  background-color: #464646; }

.bg04i {
  background-color: #464646 !important; }

.bg05 {
  background-color: #A1A1A1; }

.bg05i {
  background-color: #A1A1A1 !important; }

.bg06 {
  background-color: #CFCFCF; }

.bg06i {
  background-color: #CFCFCF !important; }

.bg07 {
  background-color: #DDDDDD; }

.bg07i {
  background-color: #DDDDDD !important; }

.bg08 {
  background-color: #F7F7F7; }

.bg08i {
  background-color: #F7F7F7 !important; }

.bg09 {
  background-color: #FFFFFF; }

.bg09i {
  background-color: #FFFFFF !important; }

.bg10 {
  background-color: #222222; }

.bg10i {
  background-color: #222222 !important; }

.bgred {
  background-color: #E12845; }

.bggreen {
  background-color: #46D281; }

.bgyellow {
  background-color: #FBCC29; }

.bgt {
  background-color: rgba(0, 0, 0, 0); }

.bgti {
  background-color: rgba(0, 0, 0, 0) !important; }

.bgredi {
  background-color: #E12845 !important; }

.bggreeni {
  background-color: #46D281 !important; }

.bgyellowi {
  background-color: #FBCC29 !important; }

.borde01 {
  border: 1px solid #FF4235; }

.borde01i {
  border: 3px solid #FF4235 !important; }

.borde02 {
  border: 1px solid #FFF9D8; }

.borde03 {
  border: 1px solid #1B1B1B; }

.borde04 {
  border: 1px solid #464646; }

.fgazulfb {
  color: #3B5998; }

.fgrojogg {
  color: #dd4b39; }

.noseleccionable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.rojo {
  color: #E12845; }

.verde {
  color: #46D281; }

.amarillo {
  color: #FBCC29; }

.brillo90 {
  filter: brightness(90%); }

.brillo80 {
  filter: brightness(80%); }

.brillo95 {
  filter: brightness(95%); }

.brillo60 {
  filter: brightness(60%); }

.brillo50 {
  filter: brightness(50%); }

.ds-green-pill {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 4px;
  font-weight: bold;
  margin: 0;
  color: #46D281;
  background-color: #CDF3DB; }

.ds-red-pill {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 4px;
  font-weight: bold;
  margin: 0;
  color: #E12845;
  background-color: #FBD7DD; }

.ds-yellow-pill {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 4px;
  font-weight: bold;
  margin: 0;
  color: #FBCC29;
  background-color: #FFECCE; }

#pillContainer {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  padding-left: 15px;
  min-width: 150px; }

.d-flex {
  display: flex; }

.gap-8 {
  gap: 8px; }

.gap-10 {
  gap: 10px; }

.flex-row {
  flex-direction: row; }

.flex-column {
  flex-direction: column; }

.align-content-start {
  align-content: flex-start; }

.align-items-center {
  align-items: center; }

.justify-content-center {
  justify-content: center; }

.ds-icon {
  display: inline-block; }
  .ds-icon,
  .ds-icon svg {
    width: 20px;
    height: 20px; }
  .ds-icon:not(.not-color) path {
    fill: white; }
  .ds-icon.hover {
    display: none; }
  .ds-icon:hover .ds-icon {
    display: none; }
    .ds-icon:hover .ds-icon:not(.not-color) path {
      fill: #1B1B1B; }
    .ds-icon:hover .ds-icon.hover {
      display: inline-block !important; }

.ds-square-button {
  border-radius: 4px !important;
  padding: 7px 9px !important; }

.modal-content .fprimario,
.ds-primary-button {
  font-family: 'Manrope';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  color: #464646;
  font-size: 14px;
  font-weight: 700;
  text-transform: capitalize;
  display: inline-flex;
  padding: 8px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  border-radius: 23px;
  border: 1px solid #FF4235 !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  font-family: 'Manrope' !important;
  background-color: #FF4235;
  border-color: #FF4235 !important;
  color: #FFFFFF;
  height: auto !important; }
  .modal-content .fprimario[class^="toticon-"]::before, .modal-content .fprimario[class*=" toticon-"]::before,
  .ds-primary-button[class^="toticon-"]::before,
  .ds-primary-button[class*=" toticon-"]::before {
    font-family: TotIconos !important; }
  .modal-content .fprimario[class^="toticon2-"]::before, .modal-content .fprimario[class*=" toticon2-"]::before,
  .ds-primary-button[class^="toticon2-"]::before,
  .ds-primary-button[class*=" toticon2-"]::before {
    font-family: TotIconos2 !important; }
  .modal-content .fprimario[class^="toticon3-"]::before, .modal-content .fprimario[class*=" toticon3-"]::before,
  .ds-primary-button[class^="toticon3-"]::before,
  .ds-primary-button[class*=" toticon3-"]::before {
    font-family: TotIconos3 !important; }
  .modal-content .fprimario[class^="toticon4-"]::before, .modal-content .fprimario[class*=" toticon4-"]::before,
  .ds-primary-button[class^="toticon4-"]::before,
  .ds-primary-button[class*=" toticon4-"]::before {
    font-family: TotIconos4 !important; }
  .modal-content .fprimario[class^="toticon5-"]::before, .modal-content .fprimario[class*=" toticon5-"]::before,
  .ds-primary-button[class^="toticon5-"]::before,
  .ds-primary-button[class*=" toticon5-"]::before {
    font-family: TotIconos5 !important; }
  .modal-content .fprimario span,
  .ds-primary-button span {
    display: inline-block; }
  @media (min-width: 640px) {
    .modal-content .fprimario,
    .ds-primary-button {
      padding: 12px 24px; } }
  .modal-content .fprimario[disabled],
  .ds-primary-button[disabled] {
    cursor: not-allowed !important;
    -webkit-box-shadow: none;
    box-shadow: none !important;
    pointer-events: none; }
  .modal-content .fprimario:hover:not([disabled]),
  .ds-primary-button:hover:not([disabled]) {
    border: 1px solid #FFA099 !important;
    background-color: #FFA099 !important; }
  .modal-content .fprimario.inverted,
  .ds-primary-button.inverted {
    background-color: #F7F7F7 !important;
    border-color: #F7F7F7 !important;
    color: #1B1B1B !important; }
    .modal-content .fprimario.inverted:hover:not([disabled]),
    .ds-primary-button.inverted:hover:not([disabled]) {
      border: 1px solid #F7F7F7 !important;
      background-color: #F7F7F7 !important;
      color: #FF4235 !important; }
  .modal-content .fprimario[disabled],
  .ds-primary-button[disabled] {
    background-color: #CFCFCF !important;
    border-color: #CFCFCF !important;
    color: #FFFFFF !important; }

.modal-content .fcancelar,
.ds-secondary-button {
  font-family: 'Manrope';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  color: #464646;
  font-size: 14px;
  font-weight: 700;
  text-transform: capitalize;
  display: inline-flex;
  padding: 8px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  border-radius: 23px;
  border: 1px solid #FF4235 !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  font-family: 'Manrope' !important;
  background-color: #1B1B1B;
  border-color: #1B1B1B !important;
  color: #FFFFFF; }
  .modal-content .fcancelar[class^="toticon-"]::before, .modal-content .fcancelar[class*=" toticon-"]::before,
  .ds-secondary-button[class^="toticon-"]::before,
  .ds-secondary-button[class*=" toticon-"]::before {
    font-family: TotIconos !important; }
  .modal-content .fcancelar[class^="toticon2-"]::before, .modal-content .fcancelar[class*=" toticon2-"]::before,
  .ds-secondary-button[class^="toticon2-"]::before,
  .ds-secondary-button[class*=" toticon2-"]::before {
    font-family: TotIconos2 !important; }
  .modal-content .fcancelar[class^="toticon3-"]::before, .modal-content .fcancelar[class*=" toticon3-"]::before,
  .ds-secondary-button[class^="toticon3-"]::before,
  .ds-secondary-button[class*=" toticon3-"]::before {
    font-family: TotIconos3 !important; }
  .modal-content .fcancelar[class^="toticon4-"]::before, .modal-content .fcancelar[class*=" toticon4-"]::before,
  .ds-secondary-button[class^="toticon4-"]::before,
  .ds-secondary-button[class*=" toticon4-"]::before {
    font-family: TotIconos4 !important; }
  .modal-content .fcancelar[class^="toticon5-"]::before, .modal-content .fcancelar[class*=" toticon5-"]::before,
  .ds-secondary-button[class^="toticon5-"]::before,
  .ds-secondary-button[class*=" toticon5-"]::before {
    font-family: TotIconos5 !important; }
  .modal-content .fcancelar span,
  .ds-secondary-button span {
    display: inline-block; }
  @media (min-width: 640px) {
    .modal-content .fcancelar,
    .ds-secondary-button {
      padding: 12px 24px; } }
  .modal-content .fcancelar[disabled],
  .ds-secondary-button[disabled] {
    cursor: not-allowed !important;
    -webkit-box-shadow: none;
    box-shadow: none !important;
    pointer-events: none; }
  .modal-content .fcancelar:hover:not([disabled]), .modal-content .fcancelar.selected,
  .ds-secondary-button:hover:not([disabled]),
  .ds-secondary-button.selected {
    background-color: #B3B3B3 !important;
    border: 1px solid #B3B3B3 !important; }
  .modal-content .fcancelar[disabled],
  .ds-secondary-button[disabled] {
    background-color: #CFCFCF !important;
    border-color: #CFCFCF !important;
    color: #FFFFFF !important; }

.ds-outline-button {
  font-family: 'Manrope';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  color: #464646;
  font-size: 14px;
  font-weight: 700;
  text-transform: capitalize;
  display: inline-flex;
  padding: 8px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  border-radius: 23px;
  border: 1px solid #FF4235 !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  font-family: 'Manrope' !important;
  background-color: #FFFFFF;
  border-color: #1B1B1B !important;
  color: #1B1B1B; }
  .ds-outline-button[class^="toticon-"]::before, .ds-outline-button[class*=" toticon-"]::before {
    font-family: TotIconos !important; }
  .ds-outline-button[class^="toticon2-"]::before, .ds-outline-button[class*=" toticon2-"]::before {
    font-family: TotIconos2 !important; }
  .ds-outline-button[class^="toticon3-"]::before, .ds-outline-button[class*=" toticon3-"]::before {
    font-family: TotIconos3 !important; }
  .ds-outline-button[class^="toticon4-"]::before, .ds-outline-button[class*=" toticon4-"]::before {
    font-family: TotIconos4 !important; }
  .ds-outline-button[class^="toticon5-"]::before, .ds-outline-button[class*=" toticon5-"]::before {
    font-family: TotIconos5 !important; }
  .ds-outline-button span {
    display: inline-block; }
  @media (min-width: 640px) {
    .ds-outline-button {
      padding: 12px 24px; } }
  .ds-outline-button[disabled] {
    cursor: not-allowed !important;
    -webkit-box-shadow: none;
    box-shadow: none !important;
    pointer-events: none; }
  .ds-outline-button:hover:not([disabled]) {
    color: #FF4235;
    border: 1px solid #FF4235 !important; }
  .ds-outline-button[disabled] {
    background-color: #FFFFFF;
    border: 1px solid #B3B3B3 !important;
    color: #CFCFCF; }

.ds-text-button {
  font-family: 'Manrope';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  color: #464646;
  font-size: 14px;
  font-weight: 700;
  line-height: 130%;
  color: #1B1B1B;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 24px;
  background-color: transparent;
  border-radius: 0;
  border: none !important;
  border-bottom: 1px solid #1B1B1B !important;
  cursor: pointer; }
  .ds-text-button, .ds-text-button > * {
    flex-shrink: 0; }
  .ds-text-button:hover:not([disabled]) {
    border-bottom: 1px solid #FF4235 !important;
    color: #FF4235; }
  .ds-text-button.inverted {
    color: #FFFFFF !important;
    border-bottom: 1px solid #FFFFFF !important; }
    .ds-text-button.inverted:hover:not([disabled]) {
      color: #1B1B1B !important;
      border-bottom: 1px solid #1B1B1B !important; }
  .ds-text-button[disabled] {
    cursor: not-allowed !important;
    -webkit-box-shadow: none;
    box-shadow: none !important;
    pointer-events: none;
    background-color: transparent;
    border: none !important;
    color: #CFCFCF; }

.ds-back-button, div.visorDetalle .botonBack {
  font-family: 'Manrope';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  color: #464646;
  font-size: 14px;
  font-weight: 700;
  text-transform: capitalize;
  display: inline-flex;
  padding: 8px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  border-radius: 23px;
  border: 1px solid #FF4235 !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  font-family: 'Manrope' !important;
  display: inline-flex;
  gap: 8px;
  justify-content: center;
  padding: 8px 16px !important;
  background-color: #F7F7F7;
  border: 1px solid #F7F7F7 !important;
  color: #1B1B1B; }
  .ds-back-button[class^="toticon-"]::before, div.visorDetalle [class^="toticon-"].botonBack::before, .ds-back-button[class*=" toticon-"]::before, div.visorDetalle [class*=" toticon-"].botonBack::before {
    font-family: TotIconos !important; }
  .ds-back-button[class^="toticon2-"]::before, div.visorDetalle [class^="toticon2-"].botonBack::before, .ds-back-button[class*=" toticon2-"]::before, div.visorDetalle [class*=" toticon2-"].botonBack::before {
    font-family: TotIconos2 !important; }
  .ds-back-button[class^="toticon3-"]::before, div.visorDetalle [class^="toticon3-"].botonBack::before, .ds-back-button[class*=" toticon3-"]::before, div.visorDetalle [class*=" toticon3-"].botonBack::before {
    font-family: TotIconos3 !important; }
  .ds-back-button[class^="toticon4-"]::before, div.visorDetalle [class^="toticon4-"].botonBack::before, .ds-back-button[class*=" toticon4-"]::before, div.visorDetalle [class*=" toticon4-"].botonBack::before {
    font-family: TotIconos4 !important; }
  .ds-back-button[class^="toticon5-"]::before, div.visorDetalle [class^="toticon5-"].botonBack::before, .ds-back-button[class*=" toticon5-"]::before, div.visorDetalle [class*=" toticon5-"].botonBack::before {
    font-family: TotIconos5 !important; }
  .ds-back-button span, div.visorDetalle .botonBack span {
    display: inline-block; }
  @media (min-width: 640px) {
    .ds-back-button, div.visorDetalle .botonBack {
      padding: 12px 24px; } }
  .ds-back-button[disabled], div.visorDetalle [disabled].botonBack {
    cursor: not-allowed !important;
    -webkit-box-shadow: none;
    box-shadow: none !important;
    pointer-events: none; }
  .ds-back-button div, div.visorDetalle .botonBack div {
    display: flex;
    align-items: center; }
  .ds-back-button path, div.visorDetalle .botonBack path {
    fill: #1B1B1B; }
  .ds-back-button:hover, div.visorDetalle .botonBack:hover {
    color: #FF4235; }
    .ds-back-button:hover path, div.visorDetalle .botonBack:hover path {
      fill: #FF4235; }
  .ds-back-button[disabled], div.visorDetalle [disabled].botonBack {
    color: #CFCFCF; }

.modal-content .fprimario.disabled,
.modal-content .fcancelar.disabled {
  cursor: not-allowed;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #CFCFCF !important;
  border-color: #CFCFCF !important;
  color: #FFFFFF !important; }

.ds-nav__buttons {
  font-family: 'Manrope';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  color: #464646;
  font-size: 14px;
  margin: 12px 0;
  display: flex;
  gap: 16px;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap; }
  .ds-nav__buttons button,
  .ds-nav__buttons div {
    cursor: pointer; }

.round-button, .bulkLoader .botonDescargar.round-button {
  border-radius: 50% !important; }

.ds-arrow-icon-hover {
  display: none; }

.export-button:hover:not([disabled]) .ds-arrow-icon {
  display: none; }

.export-button:hover:not([disabled]) .ds-arrow-icon-hover {
  display: block; }

.button-group {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: flex;
  align-items: flex-start;
  border-radius: 4px;
  background-color: #F7F7F7;
  width: fit-content; }
  .button-group > * {
    cursor: pointer;
    background-color: #F7F7F7;
    padding: 8px 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Manrope';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    color: #464646;
    color: #A1A1A1 !important;
    font-size: 14px !important;
    font-weight: 500 !important; }
    .button-group > *:first-of-type {
      border-radius: 0px;
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px; }
    .button-group > *:last-of-type {
      border-radius: 0px;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px; }
    .button-group > *:hover {
      color: white !important;
      background-color: #FFA099;
      border-radius: 4px; }
    .button-group > *.selected {
      color: white !important;
      border-radius: 4px;
      background-color: #FF4235; }

.button-group--outline {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  margin-top: 15px; }
  .button-group--outline > * {
    display: flex;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    background-color: white;
    border: 1px solid #DDDDDD !important;
    font-family: 'Manrope';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    color: #464646;
    font-size: 12px;
    font-weight: 400 !important;
    color: #A1A1A1 !important; }
    .button-group--outline > *:first-of-type, .button-group--outline > *:first-of-type.selected {
      border-top-left-radius: 8px;
      border-bottom-left-radius: 8px; }
    .button-group--outline > *:last-of-type, .button-group--outline > *:last-of-type.selected {
      border-top-right-radius: 8px;
      border-bottom-right-radius: 8px; }
    .button-group--outline > *:hover {
      color: white !important;
      background-color: #FFA099; }
    .button-group--outline > *.selected {
      font-weight: 600 !important;
      background-color: #FF4235;
      color: white !important;
      border: 1px solid #FF4235 !important; }

.ds-footer {
  padding: 0;
  padding-bottom: 50px;
  display: flex;
  gap: 20px;
  justify-content: center; }
  .ds-footer button,
  .ds-footer div {
    cursor: pointer; }

.large-width button,
.large-width div {
  width: 224px; }

.small-width button,
.small-width div {
  width: 125px; }

.ds-add-button,
.ds-add-button div,
.ds-search-button,
.ds-search-button div,
.ds-delete-button,
.ds-edit-button,
.ds-edit-button div,
.ds-camera-button,
.ds-camera-button div,
.ds-message-button,
.ds-message-button div {
  cursor: pointer;
  background-color: transparent;
  height: 32px;
  width: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center; }
  .ds-add-button svg,
  .ds-add-button div svg,
  .ds-search-button svg,
  .ds-search-button div svg,
  .ds-delete-button svg,
  .ds-edit-button svg,
  .ds-edit-button div svg,
  .ds-camera-button svg,
  .ds-camera-button div svg,
  .ds-message-button svg,
  .ds-message-button div svg {
    height: 24px;
    width: 24px; }

.ds-add-button,
.ds-add-button div,
.ds-add-button svg {
  height: 32px !important;
  width: 32px !important; }
.ds-add-button path {
  fill: #FF4235; }
.ds-add-button:hover path {
  fill: #FFA099; }

.ds-delete-button path {
  fill: #1B1B1B; }
.ds-delete-button:hover path {
  fill: #B3B3B3; }

.ds-edit-button path {
  fill: #FF4235; }
.ds-edit-button:hover path {
  fill: #FFA099; }
.ds-edit-button.info path {
  fill: #275FFD; }
.ds-edit-button.warning path {
  fill: #FBCC29; }

.ds-message-button path,
.ds-message-button rect {
  fill: #FF4235;
  stroke: #FF4235; }
.ds-message-button:hover path,
.ds-message-button:hover rect {
  fill: #FFA099;
  stroke: #FFA099; }
.ds-message-button.fg01 path,
.ds-message-button.fg01 rect {
  fill: #FF4235;
  stroke: #FF4235; }
.ds-message-button.fg01:hover path,
.ds-message-button.fg01:hover rect {
  fill: #FFA099;
  stroke: #FFA099; }
.ds-message-button.fg06 path,
.ds-message-button.fg06 rect {
  fill: #CFCFCF;
  stroke: #CFCFCF; }
.ds-message-button.fg06:hover path,
.ds-message-button.fg06:hover rect {
  fill: #CFCFCF;
  stroke: #CFCFCF; }

.ds-camera-button.activo div, .ds-camera-button.inactivo div {
  display: none !important; }
.ds-camera-button.activo div.activo {
  display: inline-flex !important; }
.ds-camera-button.inactivo div.inactivo {
  display: inline-flex !important; }

.ds-checkbox-container {
  display: flex;
  align-items: center; }

.ds-checkbox {
  /* padding: 0;
  border-radius: 3px;
  border-color: $color01 !important; */
  -webkit-appearance: none;
  -webkit-box-shadow: none;
  flex-shrink: 0;
  background-color: #FFFFFF;
  display: inline-block;
  box-shadow: none !important;
  border: 1.5px solid #A1A1A1;
  border-radius: 1px;
  line-height: 14px;
  height: 18px;
  text-align: center;
  width: 18px !important; }
  .ds-checkbox:checked {
    background-color: #FF4235;
    border-color: #FF4235; }
    .ds-checkbox:checked::before {
      content: '\e626';
      display: inline-block;
      font-family: 'TotIconos2' !important;
      color: white;
      font-size: 11px; }

@keyframes fadeInModal {
  0% {
    visibility: hidden;
    opacity: 0; }
  100% {
    visibility: visible;
    opacity: 1; } }
.ds-modal-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 100000;
  background-color: rgba(0, 0, 0, 0.65);
  display: flex;
  align-items: flex-end; }
  @media (min-width: 640px) {
    .ds-modal-container {
      justify-content: center;
      align-items: center; } }

.modal-content,
.ds-modal {
  width: 100%;
  border-radius: 30px 30px 0px 0px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  background-color: #FFFFFF;
  padding: 36px 32px 24px 32px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  animation: 0.5s ease 0s 1 normal none running fadeInModal;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  @media (min-width: 640px) {
    .modal-content,
    .ds-modal {
      width: 592px;
      border-radius: 16PX; } }
  .modal-content .ds-modal__header,
  .ds-modal .ds-modal__header {
    display: none; }
    @media (min-width: 640px) {
      .modal-content .ds-modal__header,
      .ds-modal .ds-modal__header {
        display: block;
        border-bottom: 1px solid #DDDDDD;
        text-align: right;
        padding-bottom: 24px; }
        .modal-content .ds-modal__header .ds-modal__header__close,
        .ds-modal .ds-modal__header .ds-modal__header__close {
          height: 24px;
          width: 24px;
          margin-left: auto;
          border: none;
          background-color: transparent;
          cursor: pointer;
          -webkit-box-shadow: none;
          box-shadow: none; } }
  .modal-content .ds-modal__icon,
  .ds-modal .ds-modal__icon {
    display: flex;
    width: 48px;
    height: 48px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 100px;
    background-color: #F7F7F7; }
    .modal-content .ds-modal__icon img,
    .ds-modal .ds-modal__icon img {
      height: 24px;
      width: 24px; }
    .modal-content .ds-modal__icon[type="warning"],
    .ds-modal .ds-modal__icon[type="warning"] {
      background-color: #FBCC29; }
    .modal-content .ds-modal__icon[type="info"],
    .ds-modal .ds-modal__icon[type="info"] {
      background-color: #275FFD; }
    .modal-content .ds-modal__icon[type="error"],
    .ds-modal .ds-modal__icon[type="error"] {
      background-color: #E12845; }
    .modal-content .ds-modal__icon[type="clock"],
    .ds-modal .ds-modal__icon[type="clock"] {
      background-color: #FF4235; }
    .modal-content .ds-modal__icon[type="spinner"],
    .ds-modal .ds-modal__icon[type="spinner"] {
      background-color: #E6D9CA; }
  .modal-content #confirmHeader,
  .modal-content .ds-modal__title,
  .ds-modal #confirmHeader,
  .ds-modal .ds-modal__title {
    font-family: 'Manrope';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    color: #464646;
    font-size: 24px;
    font-weight: 700;
    line-height: 140%;
    color: #464646;
    text-align: left; }
  .modal-content #confirmBody > *:not(.radioBotones *) div:not(.fcancelar, .fprimario):not(.radioBotones *), .modal-content #confirmBody > *:not(.radioBotones *) span:not(.radioBotones *), .modal-content #confirmBody > *:not(.radioBotones *) p:not(.radioBotones *), .modal-content #confirmBody > *:not(.radioBotones *) label:not(.radioBotones *),
  .modal-content #messageContainer > *:not(.radioBotones *) div:not(.fcancelar, .fprimario):not(.radioBotones *),
  .modal-content #messageContainer > *:not(.radioBotones *) span:not(.radioBotones *),
  .modal-content #messageContainer > *:not(.radioBotones *) p:not(.radioBotones *),
  .modal-content #messageContainer > *:not(.radioBotones *) label:not(.radioBotones *),
  .modal-content .ds-modal__text > *:not(.radioBotones *) div:not(.fcancelar, .fprimario):not(.radioBotones *),
  .modal-content .ds-modal__text > *:not(.radioBotones *) span:not(.radioBotones *),
  .modal-content .ds-modal__text > *:not(.radioBotones *) p:not(.radioBotones *),
  .modal-content .ds-modal__text > *:not(.radioBotones *) label:not(.radioBotones *),
  .ds-modal #confirmBody > *:not(.radioBotones *) div:not(.fcancelar, .fprimario):not(.radioBotones *),
  .ds-modal #confirmBody > *:not(.radioBotones *) span:not(.radioBotones *),
  .ds-modal #confirmBody > *:not(.radioBotones *) p:not(.radioBotones *),
  .ds-modal #confirmBody > *:not(.radioBotones *) label:not(.radioBotones *),
  .ds-modal #messageContainer > *:not(.radioBotones *) div:not(.fcancelar, .fprimario):not(.radioBotones *),
  .ds-modal #messageContainer > *:not(.radioBotones *) span:not(.radioBotones *),
  .ds-modal #messageContainer > *:not(.radioBotones *) p:not(.radioBotones *),
  .ds-modal #messageContainer > *:not(.radioBotones *) label:not(.radioBotones *),
  .ds-modal .ds-modal__text > *:not(.radioBotones *) div:not(.fcancelar, .fprimario):not(.radioBotones *),
  .ds-modal .ds-modal__text > *:not(.radioBotones *) span:not(.radioBotones *),
  .ds-modal .ds-modal__text > *:not(.radioBotones *) p:not(.radioBotones *),
  .ds-modal .ds-modal__text > *:not(.radioBotones *) label:not(.radioBotones *) {
    font-family: 'Manrope';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    color: #464646;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    color: #464646;
    text-align: left; }
  .modal-content #confirmBody > *:not(.radioBotones *) p:not(.radioBotones *),
  .modal-content #messageContainer > *:not(.radioBotones *) p:not(.radioBotones *),
  .modal-content .ds-modal__text > *:not(.radioBotones *) p:not(.radioBotones *),
  .ds-modal #confirmBody > *:not(.radioBotones *) p:not(.radioBotones *),
  .ds-modal #messageContainer > *:not(.radioBotones *) p:not(.radioBotones *),
  .ds-modal .ds-modal__text > *:not(.radioBotones *) p:not(.radioBotones *) {
    margin: 0; }
  .modal-content #confirmBody > *:not(.radioBotones *) b,
  .modal-content #messageContainer > *:not(.radioBotones *) b,
  .modal-content .ds-modal__text > *:not(.radioBotones *) b,
  .ds-modal #confirmBody > *:not(.radioBotones *) b,
  .ds-modal #messageContainer > *:not(.radioBotones *) b,
  .ds-modal .ds-modal__text > *:not(.radioBotones *) b {
    font-weight: 700; }
  .modal-content #confirmFooter, .modal-content #confirmFooter2,
  .modal-content .ds-modal__buttons,
  .ds-modal #confirmFooter,
  .ds-modal #confirmFooter2,
  .ds-modal .ds-modal__buttons {
    margin: 12px 0;
    display: flex;
    flex-direction: row;
    gap: 16px;
    justify-content: space-between; }
    .modal-content #confirmFooter button,
    .modal-content #confirmFooter div, .modal-content #confirmFooter2 button,
    .modal-content #confirmFooter2 div,
    .modal-content .ds-modal__buttons button,
    .modal-content .ds-modal__buttons div,
    .ds-modal #confirmFooter button,
    .ds-modal #confirmFooter div,
    .ds-modal #confirmFooter2 button,
    .ds-modal #confirmFooter2 div,
    .ds-modal .ds-modal__buttons button,
    .ds-modal .ds-modal__buttons div {
      flex: 1;
      cursor: pointer; }

@media screen and (min-width: 640px) {
  .modal-dialog {
    width: 592px !important; } }
.modal-dialog .modal-content {
  height: 100%;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none; }
  @media screen and (min-width: 640px) {
    .modal-dialog .modal-content {
      justify-content: center; } }
  .modal-dialog .modal-content .ds-modal {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    width: 100%; }

.modal-dialog .modal-content #confirmBody input,
.modal-dialog .modal-content #confirmBody textarea,
.modal-content input,
.modal-content textarea {
  width: 100%; }
.modal-dialog .modal-content #confirmBody textarea,
.modal-content textarea {
  min-height: 70px;
  height: auto; }
  @media only screen and (max-height: 460px) {
    .modal-dialog .modal-content #confirmBody textarea,
    .modal-content textarea {
      min-height: 40px; } }
.modal-dialog .modal-content #confirmBody select,
.modal-content select {
  width: 100%; }
  .modal-dialog .modal-content #confirmBody select option,
  .modal-content select option {
    width: 80%;
    background: lightgrey;
    padding: 5px;
    border: 2px solid #FF4235;
    font-size: 16px;
    height: 45px;
    outline: 0px;
    -webkit-appearance: none;
    border-radius: 0px;
    text-align: center; }
.modal-dialog .modal-content #confirmBody .badge,
.modal-content .badge {
  text-align: center;
  font-size: 12px; }
.modal-dialog .modal-content #confirmBody .botonTip,
.modal-content .botonTip {
  border-radius: 16px;
  background-color: #1B1B1B;
  text-align: center !important;
  font-weight: 700;
  font-size: 24px;
  color: #FFFFFF !important;
  cursor: pointer; }
  .modal-dialog .modal-content #confirmBody .botonTip:hover,
  .modal-content .botonTip:hover {
    background-color: #B3B3B3 !important;
    color: #000 !important; }
.modal-dialog .modal-content #confirmBody .botoneraTips,
.modal-content .botoneraTips {
  padding: 0;
  text-align: center !important; }
  .modal-dialog .modal-content #confirmBody .botoneraTips,
  .modal-dialog .modal-content #confirmBody .botoneraTips + div,
  .modal-content .botoneraTips,
  .modal-content .botoneraTips + div {
    text-align: center; }
  .modal-dialog .modal-content #confirmBody .botoneraTips + div .botonTip,
  .modal-content .botoneraTips + div .botonTip {
    margin-right: 0;
    margin-left: 0; }
.modal-dialog .modal-content #confirmBody #QRdialogoQR,
.modal-dialog .modal-content #confirmBody .centrado p,
.modal-content #QRdialogoQR,
.modal-content .centrado p {
  margin-bottom: 16px; }
.modal-dialog .modal-content #confirmBody .botononeraQRheader,
.modal-content .botononeraQRheader {
  margin: 0; }
.modal-dialog .modal-content #confirmBody #confirmMsg .toticon-transferir-mesa,
.modal-content #confirmMsg .toticon-transferir-mesa {
  color: #FF4235;
  margin: 10px; }
.modal-dialog .modal-content #confirmBody input[type="checkbox"],
.modal-content input[type="checkbox"] {
  -webkit-appearance: none;
  -webkit-box-shadow: none;
  flex-shrink: 0;
  background-color: #FFFFFF;
  display: inline-block;
  box-shadow: none !important;
  border: 1.5px solid #A1A1A1;
  border-radius: 1px;
  line-height: 14px;
  height: 18px;
  text-align: center;
  width: 18px !important; }
  .modal-dialog .modal-content #confirmBody input[type="checkbox"]:checked,
  .modal-content input[type="checkbox"]:checked {
    background-color: #1B1B1B;
    border-color: #1B1B1B; }
    .modal-dialog .modal-content #confirmBody input[type="checkbox"]:checked::before,
    .modal-content input[type="checkbox"]:checked::before {
      content: '\e626';
      display: inline-block;
      font-family: 'TotIconos2' !important;
      color: white;
      font-size: 11px; }
.modal-dialog .modal-content #confirmBody span.botoneravalue,
.modal-dialog .modal-content #confirmBody input.botoneravalue,
.modal-content span.botoneravalue,
.modal-content input.botoneravalue {
  border-radius: 4px;
  border: 1px solid #FF4235;
  color: #1B1B1B; }

/*!
 * ui-select
 * http://github.com/angular-ui/ui-select
 * Version: 0.19.7 - 2017-04-15T14:28:36.790Z
 * License: MIT
 */
/* Style when highlighting a search. */
.ui-select-highlight {
  font-weight: bold; }

.ui-select-offscreen {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important; }

.ui-select-choices-row:hover {
  background-color: #f5f5f5; }

/* Select2 theme */
/* Mark invalid Select2 */
.ng-dirty.ng-invalid > a.select2-choice {
  border-color: #D44950; }

.select2-result-single {
  padding-left: 0; }

.select2-locked > .select2-search-choice-close {
  display: none; }

.select-locked > .ui-select-match-close {
  display: none; }

body > .select2-container.open {
  z-index: 9999;
  /* The z-index Select2 applies to the select2-drop */ }

/* Handle up direction Select2 */
.ui-select-container[theme="select2"].direction-up .ui-select-match,
.ui-select-container.select2.direction-up .ui-select-match {
  border-radius: 4px;
  /* FIXME hardcoded value :-/ */
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.ui-select-container[theme="select2"].direction-up .ui-select-dropdown,
.ui-select-container.select2.direction-up .ui-select-dropdown {
  border-radius: 4px;
  /* FIXME hardcoded value :-/ */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-width: 1px;
  /* FIXME hardcoded value :-/ */
  border-top-style: solid;
  box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
  margin-top: -4px;
  /* FIXME hardcoded value :-/ */ }

.ui-select-container[theme="select2"].direction-up .ui-select-dropdown .select2-search,
.ui-select-container.select2.direction-up .ui-select-dropdown .select2-search {
  margin-top: 4px;
  /* FIXME hardcoded value :-/ */ }

.ui-select-container[theme="select2"].direction-up.select2-dropdown-open .ui-select-match,
.ui-select-container.select2.direction-up.select2-dropdown-open .ui-select-match {
  border-bottom-color: #5897fb; }

.ui-select-container[theme="select2"] .ui-select-dropdown .ui-select-search-hidden,
.ui-select-container[theme="select2"] .ui-select-dropdown .ui-select-search-hidden input {
  opacity: 0;
  height: 0;
  min-height: 0;
  padding: 0;
  margin: 0;
  border: 0; }

/* Selectize theme */
/* Helper class to show styles when focus */
.selectize-input.selectize-focus {
  border-color: #007FBB !important; }

/* Fix input width for Selectize theme */
.selectize-control.single > .selectize-input > input {
  width: 100%; }

/* Fix line break when there's at least one item selected with the Selectize theme */
.selectize-control.multi > .selectize-input > input {
  margin: 0 !important; }

/* Fix dropdown width for Selectize theme */
.selectize-control > .selectize-dropdown {
  width: 100%; }

/* Mark invalid Selectize */
.ng-dirty.ng-invalid > div.selectize-input {
  border-color: #D44950; }

/* Handle up direction Selectize */
.ui-select-container[theme="selectize"].direction-up .ui-select-dropdown {
  box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
  margin-top: -2px;
  /* FIXME hardcoded value :-/ */ }

.ui-select-container[theme="selectize"] input.ui-select-search-hidden {
  opacity: 0;
  height: 0;
  min-height: 0;
  padding: 0;
  margin: 0;
  border: 0;
  width: 0; }

/* Bootstrap theme */
/* Helper class to show styles when focus */
.btn-default-focus {
  color: #333;
  background-color: #EBEBEB;
  border-color: #ADADAD;
  text-decoration: none;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }

.ui-select-bootstrap .ui-select-toggle {
  position: relative; }

.ui-select-bootstrap .ui-select-toggle > .caret {
  position: absolute;
  height: 10px;
  top: 50%;
  right: 10px;
  margin-top: -2px; }

/* Fix Bootstrap dropdown position when inside a input-group */
.input-group > .ui-select-bootstrap.dropdown {
  /* Instead of relative */
  position: static; }

.input-group > .ui-select-bootstrap > input.ui-select-search.form-control {
  border-radius: 4px;
  /* FIXME hardcoded value :-/ */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.input-group > .ui-select-bootstrap > input.ui-select-search.form-control.direction-up {
  border-radius: 4px !important;
  /* FIXME hardcoded value :-/ */
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

.ui-select-bootstrap .ui-select-search-hidden {
  opacity: 0;
  height: 0;
  min-height: 0;
  padding: 0;
  margin: 0;
  border: 0; }

.ui-select-bootstrap > .ui-select-match > .btn {
  /* Instead of center because of .btn */
  text-align: left !important; }

.ui-select-bootstrap > .ui-select-match > .caret {
  position: absolute;
  top: 45%;
  right: 15px; }

/* See Scrollable Menu with Bootstrap 3 http://stackoverflow.com/questions/19227496 */
.ui-select-bootstrap > .ui-select-choices, .ui-select-bootstrap > .ui-select-no-choice {
  width: 100%;
  height: auto;
  max-height: 200px;
  overflow-x: hidden;
  margin-top: -1px; }

body > .ui-select-bootstrap.open {
  z-index: 1000;
  /* Standard Bootstrap dropdown z-index */ }

.ui-select-multiple.ui-select-bootstrap {
  height: auto;
  padding: 3px 3px 0 3px; }

.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
  background-color: transparent !important;
  /* To prevent double background when disabled */
  border: none;
  outline: none;
  height: 1.666666em;
  margin-bottom: 3px; }

.ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
  font-size: 1.6em;
  line-height: 0.75; }

.ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
  outline: 0;
  margin: 0 3px 3px 0; }

.ui-select-multiple .ui-select-match-item {
  position: relative; }

.ui-select-multiple .ui-select-match-item.dropping .ui-select-match-close {
  pointer-events: none; }

.ui-select-multiple:hover .ui-select-match-item.dropping-before:before {
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  height: 100%;
  margin-right: 2px;
  border-left: 1px solid #428bca; }

.ui-select-multiple:hover .ui-select-match-item.dropping-after:after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  height: 100%;
  margin-left: 2px;
  border-right: 1px solid #428bca; }

.ui-select-bootstrap .ui-select-choices-row > span {
  cursor: pointer;
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap; }

.ui-select-bootstrap .ui-select-choices-row > span:hover, .ui-select-bootstrap .ui-select-choices-row > span:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5; }

.ui-select-bootstrap .ui-select-choices-row.active > span {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #428bca; }

.ui-select-bootstrap .ui-select-choices-row.disabled > span,
.ui-select-bootstrap .ui-select-choices-row.active.disabled > span {
  color: #777;
  cursor: not-allowed;
  background-color: #fff; }

/* fix hide/show angular animation */
.ui-select-match.ng-hide-add,
.ui-select-search.ng-hide-add {
  display: none !important; }

/* Mark invalid Bootstrap */
.ui-select-bootstrap.ng-dirty.ng-invalid > button.btn.ui-select-match {
  border-color: #D44950; }

/* Handle up direction Bootstrap */
.ui-select-container[theme="bootstrap"].direction-up .ui-select-dropdown {
  box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25); }

.ui-select-bootstrap .ui-select-match-text {
  width: 100%;
  padding-right: 1em; }

.ui-select-bootstrap .ui-select-match-text span {
  display: inline-block;
  width: 100%;
  overflow: hidden; }

.ui-select-bootstrap .ui-select-toggle > a.btn {
  position: absolute;
  height: 10px;
  right: 10px;
  margin-top: -2px; }

/* Spinner */
.ui-select-refreshing.glyphicon {
  position: absolute;
  right: 0;
  padding: 8px 27px; }

@-webkit-keyframes ui-select-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
@keyframes ui-select-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
.ui-select-spin {
  -webkit-animation: ui-select-spin 2s infinite linear;
  animation: ui-select-spin 2s infinite linear; }

.ui-select-refreshing.ng-animate {
  -webkit-animation: none 0s; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: none;
  position: relative; }

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

html.safariOs7Landscape, body.safariOs7Landscape, #sideBarContainer.safariOs7Landscape, #snapContainer.safariOs7Landscape {
  height: 649px !important; }

body {
  background-color: #1B1B1B;
  font-size: 0.8em;
  padding: 0 !important;
  font-family: 'Manrope', 'Open Sans', sans-serif;
  color: #A1A1A1;
  line-height: 20px;
  -webkit-font-smoothing: antialiased;
  overflow: hidden;
  -webkit-animation-delay: 0.1s;
  -webkit-animation-name: fontfix;
  -webkit-animation-duration: 0.1s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  /*>iframe{
    display:none!important;
  }*/ }
  body #intercom-container, body iframe.intercom-launcher-frame {
    display: none !important; }
  body.chaton #intercom-container, body.chaton iframe.intercom-launcher-frame {
    display: block !important; }
  body.chaton.intercomMiddleRight #intercom-container .intercom-launcher-frame, body.chaton.intercomMiddleRight #intercom-container .intercom-launcher-discovery-frame, body.chaton.intercomMiddleRight #intercom-container .intercom-launcher-badge-frame {
    left: 66% !important;
    right: auto !important; }
  body.chaton.intercomMiddleLeft #intercom-container .intercom-launcher-frame, body.chaton.intercomMiddleLeft #intercom-container .intercom-launcher-discovery-frame, body.chaton.intercomMiddleLeft #intercom-container .intercom-launcher-badge-frame {
    left: 33% !important;
    right: auto !important; }
  body.chaton.intercomLeft #intercom-container .intercom-launcher-frame, body.chaton.intercomLeft #intercom-container .intercom-launcher-discovery-frame, body.chaton.intercomLeft #intercom-container .intercom-launcher-badge-frame {
    left: 10px !important;
    right: auto !important; }

@-webkit-keyframes fontfix {
  from {
    opacity: 1; }
  to {
    opacity: 1; } }
.fontNormal {
  font-family: 'Open Sans', sans-serif !important; }

span.fontNormal {
  line-height: 1em !important; }

button {
  border: none !important;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
  outline: none !important; }
  button > a {
    text-decoration: none; }

#toggleMenu {
  position: absolute;
  height: 40px;
  padding: 7px 10px 8px 22px;
  top: 0;
  left: 0; }
  #toggleMenu::before {
    color: #E6D9CA; }
  #toggleMenu:hover::before {
    color: #FF4235; }
  @media (max-width: 780px) {
    #toggleMenu {
      padding: 7px 10px 8px 10px; } }

#mainContainer {
  padding: 0px;
  margin: 0;
  width: 100%;
  /*overflow:hidden;*/ }

/*
@media all and (min-width: 980px)  {

  #mainContainer{margin-top:40px !important; }
}*/
#footer {
  height: 2px;
  bottom: 0;
  position: absolute;
  width: 100%; }

#topFooter {
  position: absolute;
  top: -6px;
  overflow: hidden;
  height: 8px;
  width: 100%; }

.fondoBGToteat {
  width: 100%;
  text-align: center;
  min-height: 700px;
  height: 100%;
  background: var(--bg-image) no-repeat center center;
  background-image: var(--bg-image);
  background-size: cover; }

.fondoTranspShadow {
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: 3px 3px 5px 6px #1B1B1B;
  -moz-box-shadow: 3px 3px 5px 6px #1B1B1B;
  box-shadow: 3px 3px 5px 6px #1B1B1B; }

#logoRMcontainer {
  width: 100%;
  text-align: center;
  min-height: 700px;
  height: 100%;
  background: var(--bg-image) no-repeat center center;
  background-image: var(--bg-image);
  background-size: cover; }
  #logoRMcontainer .login {
    margin: auto;
    width: 50%;
    margin-top: 25px; }
    #logoRMcontainer .login > div {
      padding: 12px 20px;
      cursor: pointer;
      max-width: 380px;
      text-align: center;
      margin: auto; }
      #logoRMcontainer .login > div i, #logoRMcontainer .login > div span {
        vertical-align: middle;
        color: #FFFFFF;
        margin-left: 5px;
        font-size: 16px; }
    #logoRMcontainer .login .logfb {
      background: #3B5998;
      -webkit-border-radius: 5px 5px 0 0;
      border-radius: 5px 5px 0 0; }
    #logoRMcontainer .login .loggoogle {
      background: #dd4b39;
      -webkit-border-radius: 0 0 5px 5px;
      border-radius: 0 0 5px 5px; }
    #logoRMcontainer .login .logpropio {
      margin-top: 15px;
      border-radius: 5px;
      background: #FF4235; }

#logoRestoManager {
  background: url("/styles/img/logo_manager_nube-NEW.png") no-repeat center center;
  background-size: contain;
  width: 80%;
  max-width: 530px;
  height: 37%;
  display: inline-block;
  margin-top: 12%;
  border: none; }
  @media (max-width: 780px) {
    #logoRestoManager {
      margin-top: 7%; } }
  @media (max-width: 640px) {
    #logoRestoManager {
      margin-top: 0%; } }

@media screen and (min-width: 800px) {
  div.customBackground #logoRestoManager {
    position: absolute;
    top: -40px;
    left: 10px;
    width: 250px !important;
    margin: 0 !important; } }

div.isOS8 {
  top: 0;
  width: 100%;
  height: 20px;
  min-height: 20px;
  max-height: 20px; }

.navBarTab {
  /*
    height: 43px;
    max-height: 43px;
  */
  min-height: 43px;
  overflow-y: hidden;
  overflow-x: auto;
  margin-top: 16px;
  border-bottom: 1px solid #DDDDDD;
  padding: 0 24px; }
  @media (max-width: 1023px) {
    .navBarTab {
      padding: 0; } }
  .navBarTab::-webkit-scrollbar {
    display: none; }
  .navBarTab + .titulo {
    margin-top: 16px; }
  .navBarTab ul {
    display: flex;
    align-items: stretch;
    gap: 4px;
    width: 100%;
    max-width: 1023px;
    margin: 0 auto; }
    @media (max-width: 1280px) {
      .navBarTab ul {
        margin: 0; } }
    .navBarTab ul li {
      vertical-align: bottom;
      list-style: none; }
      .navBarTab ul li a {
        font-family: 'Manrope';
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
        color: #464646;
        font-size: 14px;
        font-weight: 400;
        line-height: normal;
        text-align: center;
        color: #464646;
        display: inline-flex;
        align-items: center;
        cursor: pointer;
        overflow: hidden;
        border-radius: 3px 3px 0px 0px;
        background-color: #F7F7F7;
        padding: 10px 24px;
        border-top: 3px solid #F7F7F7;
        cursor: pointer;
        white-space: nowrap;
        height: 100%;
        text-decoration: none;
        /*         display: block;
                opacity: 0.8;
                background: $color01;
                color: $white;
                text-decoration: none;
                font-size: 16px;
                cursor: pointer;
                text-align: center;
                padding: 17px;
                padding-top: 23px;
        
                &.active {
                  opacity: 1;
                } */
        /*         i {
                  font-size: 15px;
                  margin-right: 4px;
                  @media (max-width: 1023px) {
                    display: block;
                    margin: auto;
                  }
                } */ }
        @media (max-width: 1023px) {
          .navBarTab ul li a {
            padding: 10px 8px;
            white-space: wrap; } }
        .navBarTab ul li a.activa, .navBarTab ul li a.active, .navBarTab ul li a:hover {
          color: #FF4235;
          font-weight: 600;
          background-color: #FFF0EF;
          border-top: 3px solid #FF4235; }
        .navBarTab ul li a i {
          display: none; }

#reportesdeliveries .navBarTab:first-of-type ul {
  margin: 0 !important; }

.navTitulo {
  min-height: 50px;
  padding: 10px 0;
  width: 100%;
  max-width: 1440px;
  display: block;
  margin: auto;
  margin-bottom: 25px;
  margin-top: 20px; }
  .navTitulo .titulo {
    display: inline-block;
    width: 48%;
    margin-left: 1%;
    text-align: left;
    vertical-align: top; }
    .navTitulo .titulo span {
      font-weight: 300;
      font-size: 28px;
      color: #FF4235;
      line-height: 30px; }
    @media (max-width: 780px) {
      .navTitulo .titulo {
        display: block;
        width: 98%;
        margin: auto;
        margin-bottom: 20px;
        text-align: center; } }
    .navTitulo .titulo .botonDescargar, .navTitulo .titulo .botonCancelar {
      border-radius: 4px !important;
      padding: 7px 9px !important; }
  .navTitulo .botones {
    display: inline-flex;
    justify-content: flex-end;
    width: 50%;
    text-align: right;
    vertical-align: top;
    gap: 8px;
    flex-wrap: wrap; }
    .navTitulo .botones button {
      margin-right: 0;
      margin-bottom: 10px; }
    .navTitulo .botones .botonDescargar {
      order: 2; }
    .navTitulo .botones .botonCancelar {
      order: 1; }
    .navTitulo .botones.d-inline-block {
      display: inline-block; }
      .navTitulo .botones.d-inline-block .botonDescargar,
      .navTitulo .botones.d-inline-block .botonCancelar {
        margin-right: 8px; }
        .navTitulo .botones.d-inline-block .botonDescargar:last-of-type,
        .navTitulo .botones.d-inline-block .botonCancelar:last-of-type {
          margin-right: 0; }
    @media (max-width: 780px) {
      .navTitulo .botones {
        display: inline-flex;
        justify-content: center;
        width: 98%;
        margin: auto;
        margin-bottom: 20px;
        text-align: center; } }
  .navTitulo .controles {
    display: block;
    margin-top: 12px;
    text-align: right; }
    .navTitulo .controles select, .navTitulo .controles input {
      margin: 0;
      margin-left: 12px;
      display: inline-block; }

#barraNavegacion {
  height: 40px;
  min-height: 40px;
  /* Para que funcione el flex */
  max-height: 40px;
  /* Para que funcione el flex */
  background-color: #1B1B1B !important;
  border: none !important;
  margin: 0 !important;
  position: relative;
  z-index: 10; }

.loadingContainer {
  display: inline-block;
  width: 20px;
  height: 20px;
  position: relative;
  vertical-align: top;
  z-index: 99;
  left: 55px;
  top: 10px;
  padding: 0;
  /*8px 0 12px 0;*/ }
  @media (max-width: 780px) {
    .loadingContainer {
      left: 41px; } }

#navTexto {
  height: 40px;
  padding: 0 50px;
  vertical-align: middle;
  text-align: center; }
  #navTexto > div.logoTT {
    top: 0px;
    position: relative;
    vertical-align: top;
    cursor: pointer;
    height: 40px; }
    #navTexto > div.logoTT > img {
      width: 83px;
      height: 21px; }
      @media (max-width: 780px) {
        #navTexto > div.logoTT > img {
          width: 78px;
          height: 16px; } }

#navLeft,
#navRight,
#navFono,
#navCarro {
  position: absolute;
  top: 0;
  height: 40px;
  display: table-cell;
  vertical-align: middle;
  cursor: pointer; }

#navLeft {
  left: 0;
  width: 65px; }

#navRight {
  right: 0;
  width: 40px;
  padding: 8px 48px 8px 2px; }
  @media (max-width: 640px) {
    #navRight {
      width: 30px;
      padding: 8px 3px; } }

#navFono {
  right: 50px;
  width: 50px;
  color: white; }
  #navFono i.toticon-telefono {
    padding: 17px 15px;
    line-height: 9px;
    color: #FFF9D8; }
  @media (max-width: 640px) {
    #navFono {
      width: 34px;
      right: 36px; }
      #navFono i.toticon-telefono {
        padding: 17px 7px; } }
  #navFono .infoFono {
    position: absolute;
    width: 260px;
    right: -42px;
    top: 50px;
    z-index: 1; }
    @media (max-width: 640px) {
      #navFono .infoFono {
        right: -30px; } }
    #navFono .infoFono.avisoGrande {
      width: 280px; }
    #navFono .infoFono i.cerrar {
      position: absolute;
      top: 9px;
      right: 6px;
      padding: 3px;
      color: #444444;
      font-size: 24px;
      cursor: pointer; }
    #navFono .infoFono h2 {
      font-weight: 400;
      margin-bottom: 15px; }
    #navFono .infoFono .avisoEmergencia {
      background: #FF9800;
      color: white;
      font-weight: 400;
      font-size: 14px; }
      #navFono .infoFono .avisoEmergencia p {
        margin-left: 0;
        font-size: 18px;
        margin-bottom: 6px;
        text-transform: uppercase;
        color: white; }
    #navFono .infoFono > div {
      font-family: "Roboto", sans-serif;
      padding: 15px;
      margin-bottom: 15px;
      text-align: left;
      background: white;
      font-size: 12px;
      color: #444444;
      cursor: auto;
      border-radius: 3px;
      -webkit-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.1);
      box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.1); }
      #navFono .infoFono > div hr {
        height: 1px;
        background: #C3C3C3;
        margin: 10px 0; }
      #navFono .infoFono > div small {
        display: block;
        padding-left: 33px;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 9px; }
      #navFono .infoFono > div i {
        display: inline-block;
        vertical-align: top;
        color: rgba(0, 0, 0, 0.4);
        font-size: 20px; }
      #navFono .infoFono > div p {
        display: inline-block;
        vertical-align: middle;
        font-size: 12px;
        color: #444;
        margin: 0;
        width: 80%;
        margin-left: 10px;
        font-weight: 400; }
        #navFono .infoFono > div p span {
          display: block;
          margin-bottom: 5px; }
          #navFono .infoFono > div p span i {
            margin-right: 4px; }
      #navFono .infoFono > div a {
        display: inline-block;
        vertical-align: top;
        font-size: 12px;
        color: #444;
        text-decoration: none; }
        #navFono .infoFono > div a:hover {
          text-decoration: underline; }
      #navFono .infoFono > div md-switch {
        display: inline-block;
        margin: 0;
        vertical-align: middle;
        margin-top: 8px; }
    @media (max-width: 640px) {
      #navFono .infoFono {
        right: -30px; } }
  @media all and (max-width: 500px) {
    #navFono {
      display: none; } }

#navCarro {
  right: 100px; }
  #navCarro .md-button md-icon {
    color: #FFF9D8; }

#navBottom {
  display: none;
  position: absolute;
  top: -12px;
  height: 17px;
  width: 100%;
  overflow: hidden; }
  #navBottom > span {
    font-size: 10px; }

#restoNombre {
  margin-left: 6px;
  font-size: 0px; }
  @media (max-width: 780px) {
    #restoNombre {
      margin-left: 0; } }

#restoNombre,
#restoInvisible,
#restoTexto,
#restoLocal {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  position: relative; }

#restoTexto {
  overflow: hidden;
  color: white;
  font-size: 14px !important;
  padding-left: 26px; }
  #restoTexto:hover {
    color: #FF4235; }

#restoLocal {
  font-size: 12px;
  font-weight: bold;
  min-width: 20px;
  width: auto;
  height: 20px;
  background-color: #FF4235;
  color: white;
  border-radius: 10px;
  line-height: 20px;
  text-align: center;
  position: absolute;
  top: 10px;
  left: 0; }

#restoInvisible {
  position: absolute;
  visibility: hidden;
  font-style: italic; }

.divNetworkStatus {
  display: inline-block;
  width: 25px;
  position: absolute;
  top: 0;
  left: 62px;
  height: 40px; }
  @media (max-width: 780px) {
    .divNetworkStatus {
      left: 42px; } }
  .divNetworkStatus span {
    border-radius: 100%;
    height: 7px;
    width: 7px;
    background-color: red; }
    .divNetworkStatus span.verde {
      background-color: #46D281; }
    .divNetworkStatus span.amarillo {
      background-color: #FBCC29; }
    .divNetworkStatus span.rojo {
      background-color: #E12845; }
  .divNetworkStatus > span.toticon.tt-xs {
    font-size: 6px; }
  .divNetworkStatus > span:first-child {
    position: absolute;
    top: 26px;
    left: 0; }
  .divNetworkStatus > span:nth-child(2) {
    position: absolute;
    top: 16px;
    left: 0; }
  .divNetworkStatus > span:last-child {
    position: absolute;
    top: 6px;
    left: 0; }

.indicadorDrone {
  position: absolute;
  top: 8px;
  left: 89px;
  height: 24px !important; }
  .indicadorDrone::before {
    font-size: 24px;
    line-height: 24px; }
  @media (max-width: 780px) {
    .indicadorDrone {
      left: 62px; } }

.indicadorOkDrone {
  position: relative;
  top: 10px;
  left: 69px;
  font-size: 16px;
  color: #E12845; }
  @media (max-width: 780px) {
    .indicadorOkDrone {
      left: 42px; } }

.indicadorOffline {
  display: inline-block;
  top: -4px;
  left: 80px;
  position: absolute;
  font-size: 9px; }
  @media (max-width: 780px) {
    .indicadorOffline {
      left: 53px; } }

#intercom_chat_activator {
  top: 4px;
  position: absolute;
  right: 70px;
  display: inline-block;
  cursor: help; }
  @media all and (max-width: 480px) {
    #intercom_chat_activator {
      right: 24px;
      padding: 0 6px; } }
  #intercom_chat_activator > img {
    width: 26.16px;
    height: 26.154px;
    flex-shrink: 0;
    display: inline-block;
    top: 3px; }
  #intercom_chat_activator > i.badge {
    background-color: red;
    position: absolute;
    top: 0px;
    left: 20px; }
  #intercom_chat_activator > i.toticon {
    height: 40px;
    padding: 5px;
    background-color: #1B1B1B;
    color: white; }

img.isotipoTT {
  width: 48px;
  height: 48px; }
  img.isotipoTT.size24 {
    width: 24px;
    height: 24px; }
  img.isotipoTT.size24a {
    width: 24px;
    height: 24px;
    margin: 0px 5px 0px 8px;
    vertical-align: bottom; }
  img.isotipoTT.size16 {
    width: 16px;
    height: 16px; }
  img.isotipoTT.size32 {
    width: 32px;
    height: 32px; }

#tabbar {
  height: 70px;
  min-height: 70px;
  max-height: 70px;
  background-color: #464646;
  padding: 5px 0; }
  #tabbar.agrandada {
    height: 128px;
    min-height: 128px;
    max-height: 128px; }
  #tabbar.agrandadaFac {
    height: 188px;
    min-height: 188px;
    max-height: 188px; }
  #tabbar.agrandadaFacAR {
    height: 322px;
    min-height: 322px;
    max-height: 322px; }
  #tabbar.agrandadaOCFac {
    height: 380px;
    min-height: 380px;
    max-height: 380px; }
  #tabbar button.circulo.texto.tt-xm {
    font-size: 35px !important;
    font-weight: bold; }

#subtabbar {
  padding-top: 5px;
  height: 110px;
  min-height: 110px;
  max-height: 110px;
  background-color: #464646;
  padding: 5px; }

#tabbar, #subtabbar {
  width: 100%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
  outline: none !important; }
  #tabbar > div.pestana, #subtabbar > div.pestana {
    width: 32%;
    display: inline-block;
    color: #FFFFFF;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    vertical-align: top; }
    #tabbar > div.pestana > button.botonFactura, #subtabbar > div.pestana > button.botonFactura {
      max-width: 80px !important;
      font-size: 12px !important;
      padding: 5px !important; }
    #tabbar > div.pestana .fechasOrdenes, #subtabbar > div.pestana .fechasOrdenes {
      display: inline-block;
      vertical-align: top;
      text-align: left; }
      #tabbar > div.pestana .fechasOrdenes span::before, #subtabbar > div.pestana .fechasOrdenes span::before {
        margin-left: 8px; }
    #tabbar > div.pestana.medio, #subtabbar > div.pestana.medio {
      border-style: solid;
      border-width: 0 2px;
      border-color: #FFF9D8; }
    #tabbar > div.pestana.minimizada, #subtabbar > div.pestana.minimizada {
      width: 23%;
      text-align: left;
      padding-left: 2%; }
    #tabbar > div.pestana.maximizada, #subtabbar > div.pestana.maximizada {
      width: 75%;
      text-align: left; }
      #tabbar > div.pestana.maximizada > button, #subtabbar > div.pestana.maximizada > button {
        float: right;
        margin: 0 5px; }
        @media (max-width: 780px) {
          #tabbar > div.pestana.maximizada > button, #subtabbar > div.pestana.maximizada > button {
            margin: 0 5px; } }
      #tabbar > div.pestana.maximizada .botonDescargar, #subtabbar > div.pestana.maximizada .botonDescargar {
        padding: 9px 14px;
        font-size: 20px;
        -webkit-border-radius: 0;
        border-radius: 0; }
    @media all and (max-width: 420px) {
      #tabbar > div.pestana div.fechaOrden, #subtabbar > div.pestana div.fechaOrden {
        font-size: 0.8em; }
      #tabbar > div.pestana.medio > button.toticon, #subtabbar > div.pestana.medio > button.toticon {
        font-size: 25px;
        margin: 0 2px; } }
  #tabbar > div.pestana > span.textoNum, #subtabbar > div.pestana > span.textoNum {
    font-size: 28px;
    font-weight: bold; }
    @media (max-width: 640px) {
      #tabbar > div.pestana > span.textoNum, #subtabbar > div.pestana > span.textoNum {
        font-size: 22px; } }
  #tabbar > div.pestana > div.textoNum, #subtabbar > div.pestana > div.textoNum {
    vertical-align: bottom; }
  #tabbar > div.pestana > div.textoTab, #subtabbar > div.pestana > div.textoTab {
    display: inline-block;
    margin-left: 2px;
    overflow: hidden; }
  #tabbar > div.pestana.activa > div.textoTab, #subtabbar > div.pestana.activa > div.textoTab {
    color: #FF4235; }

.tituloSubPestana {
  color: #FF4235;
  font-size: 16px;
  font-weight: 700;
  display: block;
  text-align: center;
  height: 16px;
  margin-bottom: 5px; }

.contenedorDetMesa {
  display: inline-block; }
  .contenedorDetMesa span.icmesa {
    float: left;
    vertical-align: middle; }
  .contenedorDetMesa .textoMesa {
    display: inline-block;
    vertical-align: top;
    line-height: 18px;
    margin-left: 4px;
    white-space: -moz-pre-wrap !important;
    /* Mozilla, since 1999 */
    white-space: -pre-wrap;
    /* Opera 4-6 */
    white-space: -o-pre-wrap;
    /* Opera 7 */
    white-space: pre-wrap;
    /* css-3 */
    word-wrap: break-word;
    /* Internet Explorer 5.5+ */
    word-break: break-all;
    white-space: normal;
    text-align: left; }
    @media all and (max-width: 420px) {
      .contenedorDetMesa .textoMesa {
        font-size: 0.8em; } }
    .contenedorDetMesa .textoMesa input {
      padding: 9px;
      padding-right: 30px; }

@media all and (max-width: 480px), all and (device-width: 360px) {
  .titTextoMesas {
    display: none; }

  #tabbar {
    height: 47px;
    min-height: 47px;
    max-height: 47px;
    padding: 10px 0 0 0; } }
.sombraFonts {
  text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
  -webkit-text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2); }

.sombraDivs {
  -webkit-box-shadow: 7px 7px 10px -1px rgba(0, 0, 0, 0.1), -3px 0px 15px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 7px 7px 10px -1px rgba(0, 0, 0, 0.1), -3px 0px 15px 0px rgba(0, 0, 0, 0.05); }

.sombraFondoClaro {
  box-shadow: -3px -3px 8px rgba(255, 255, 255, 0.99), -3px -3px 12px rgba(255, 255, 255, 0.5), inset 3px 3px 4px rgba(255, 255, 255, 0.1), 3px 3px 8px rgba(0, 0, 0, 0.15); }

#contenedorMenu {
  background-color: #F7F7F7 !important;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-scroll-chaining: none;
  -ms-touch-action: pan-y;
  -ms-overflow-style: -ms-autohiding-scrollbar; }

.trordenes {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
  outline: none !important;
  background-color: #FFFFFF; }
  .trordenes td {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
    outline: none !important; }

#contenedorPedido {
  position: relative;
  margin: 0; }

#cabTablaPedidos .toggleView {
  position: absolute;
  top: 3px;
  right: 3px; }

#topContenedorPedido, #topTablaPedidos {
  position: absolute;
  height: 7px;
  top: -7px;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden; }

#cabContenedorPedido {
  height: 60px;
  min-height: 60px;
  max-height: 60px;
  text-align: center;
  background-color: #F7F7F7;
  position: relative; }
  #cabContenedorPedido div.invisibleDerecho, #cabContenedorPedido div.invisibleIzquierdo {
    height: 100%;
    position: absolute;
    width: 10px;
    top: 0px;
    -webkit-tap-highlight-color: rgba(207, 207, 207, 0) !important;
    outline: none !important; }
  #cabContenedorPedido div.invisibleDerecho {
    right: 0px; }
  #cabContenedorPedido div.invisibleIzquierdo {
    left: 0px; }

#contenedorMenuCuenta {
  padding: 0;
  margin: 0;
  font-size: 0;
  position: relative; }

#contMenu {
  width: 50%;
  padding: 0;
  margin: 0;
  background-color: #F7F7F7;
  top: 0;
  left: 0;
  position: absolute;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(207, 207, 207, 0) !important;
  outline: none !important;
  transition-property: width;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  /* Safari */
  -webkit-transition-property: width;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: ease; }
  #contMenu.fullWidth {
    width: 100%; }
  #contMenu.escondida {
    width: 0; }

#contMenuCab {
  background-color: #1B1B1B;
  height: 44px;
  min-height: 44px;
  max-height: 44px;
  padding: 0px 10px 0 10px;
  width: 100%;
  overflow: hidden; }
  #contMenuCab > button.botToggle {
    position: absolute;
    top: 5px;
    right: 10px; }
  #contMenuCab > button.tt-smx {
    top: 5px; }
  #contMenuCab > div.tituloMenuCab {
    padding-left: 20px;
    vertical-align: top;
    display: inline-block;
    color: white;
    font-size: 22px;
    line-height: 44px; }
    @media all and (max-width: 400px), all and (device-width: 360px) {
      #contMenuCab > div.tituloMenuCab {
        font-size: 14px; } }
    #contMenuCab > div.tituloMenuCab > span {
      cursor: pointer;
      font-size: 18px;
      font-weight: 700; }
    #contMenuCab > div.tituloMenuCab .buscadorOrdenes {
      top: -3px;
      left: -13px;
      margin: 0;
      font-size: 14px;
      padding: 8px 3px;
      width: 350px;
      border: solid 1px #DDDDDD;
      border-radius: 3px;
      box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.1);
      -webkit-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.1); }
      @media (max-width: 1023px) {
        #contMenuCab > div.tituloMenuCab .buscadorOrdenes {
          width: 250px; } }
      @media (max-width: 640px) {
        #contMenuCab > div.tituloMenuCab .buscadorOrdenes {
          position: relative;
          font-size: 12px;
          width: calc(100% - 30px);
          top: -4px;
          left: -24px; } }
      #contMenuCab > div.tituloMenuCab .buscadorOrdenes:focus {
        outline: 0;
        border: solid 1px #FF4235;
        box-shadow: none;
        -webkit-box-shadow: none; }

#inputVoz {
  display: block;
  height: 40px; }
  #inputVoz input {
    font-size: 8px;
    width: 100% !important; }

.tiempoOrden {
  font-size: 18px;
  line-height: 25px; }
  .tiempoOrden .botonDescargar {
    border-radius: 4px !important;
    padding: 7px 9px !important; }

.fechaOrden {
  font-weight: normal;
  margin: 0; }

.menulista {
  display: block;
  min-height: 44px;
  padding: 0;
  border-radius: 0;
  border-color: #DDDDDD;
  border-style: solid;
  border-width: 0 0 1px 0;
  font-size: 14px;
  position: relative;
  overflow: hidden;
  color: #1B1B1B;
  background-color: #F7F7F7;
  -webkit-tap-highlight-color: rgba(207, 207, 207, 0) !important;
  outline: none !important; }
  .menulista > .itemTxtCont {
    height: 44px;
    width: 100%;
    padding: 0 50px 0 20px;
    display: table-cell;
    vertical-align: middle; }
  .menulista > .itemTxtDesc {
    min-height: 44px;
    width: 100%;
    padding: 0 50px 0 20px;
    display: table-cell;
    vertical-align: middle;
    font-style: italic; }
  .menulista > .botSelec, .menulista .botExtras, .menulista .botInfo {
    position: absolute;
    right: 6px;
    display: table-cell;
    vertical-align: middle; }
  .menulista > .botSelec {
    top: 12px; }
  .menulista > .botExtras {
    top: 7px; }
  .menulista > .botInfo {
    top: 5px; }
  .menulista.cabecera {
    height: 44px;
    min-height: 44px;
    max-height: 44px;
    left: 0;
    width: 100%; }
  .menulista.cabecera.conNut {
    height: 144px;
    min-height: 144px;
    max-height: 144px;
    left: 0;
    width: 100%; }

.medFont .menulista {
  font-size: 17px; }
  .medFont .menulista .precio {
    font-size: 14px; }

.bigFont .menulista {
  font-size: 20px; }
  .bigFont .menulista .precio {
    font-size: 14px; }

.menulista.ng-click-active, .menulista:active {
  background-color: #CFCFCF; }

#vistaGeneralPedidos > div.juntandose {
  background-color: rgba(255, 66, 53, 0.3) !important; }

.botoneraSillas {
  display: block; }

.pestana .botInc {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .pestana .botInc :first-child, .pestana .botInc :last-child {
    margin: -1px 0 0 0 !important;
    cursor: pointer; }
  .pestana .botInc span.botoneravalue, .pestana .botInc input.botoneravalue {
    display: inline-block !important;
    height: 35px;
    width: 38px;
    border: 1px solid #FF4235;
    border-radius: 10px;
    font-size: 1.4em !important;
    text-align: center;
    vertical-align: middle;
    line-height: 35px;
    color: #FFFFFF !important;
    margin: 0 10px !important;
    background: rgba(0, 0, 0, 0); }
  .pestana .botInc button {
    color: #FFFFFF;
    -webkit-appearance: none;
    vertical-align: middle; }

@media all and (max-width: 400px), all and (device-width: 360px) {
  .menulista > .itemTxtCont {
    padding: 0 35px 0 5px; }
  .menulista > .botSelec {
    right: 5px; }

  .pestana .botInc span.botoneravalue, .pestana .botInc input.botoneravalue {
    height: 24px;
    width: 24px;
    border-radius: 7px;
    font-size: 14px !important;
    line-height: 24px;
    margin: 0 4px !important; }
  .pestana .botInc input.botoneravalue {
    padding: 0;
    font-size: 12px !important; } }
.menulista .botInc {
  min-width: 100px; }
  .menulista .botInc span.botoneravalue, .menulista .botInc input.botoneravalue {
    height: 40px;
    width: 80px;
    border-radius: 7px;
    font-size: 18px !important;
    line-height: 40px;
    margin: 0 4px !important; }
  .menulista .botInc input.botoneravalue {
    padding: 0;
    font-size: 18px !important; }

#selfiltromesa {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

#botonfiltromesa {
  display: none; }

@media all and (max-width: 768px) {
  #selfiltromesa {
    display: none; }

  #botonfiltromesa {
    display: inline-block; }
    #botonfiltromesa > span {
      top: 2px;
      left: -2px; } }
.BuscadorPedido {
  font-size: 15px;
  padding: 6px 10px;
  vertical-align: top;
  margin-top: 3px;
  width: 100px;
  height: 35px !important; }

.contenedorExtras {
  position: relative; }

.listaExtras {
  background-color: #464646;
  font-size: 18px;
  position: relative; }
  .listaExtras div.nombreExtra {
    width: 100%;
    font-size: 1em;
    height: 44px;
    padding: 0 10px 0 20px;
    color: #FFFFFF;
    border-style: solid;
    border-width: 0 0 1px 0;
    height: 44px;
    line-height: 42px; }
  .listaExtras div.opcionesExtra {
    font-size: 0.8em;
    border-color: #464646;
    padding: 0 10px 0 30px;
    border-style: solid;
    border-width: 0 0 1px 0;
    height: 44px; }
  .listaExtras div.menulista.extras {
    background-color: #CFCFCF; }
  .listaExtras div.itemTxtCont > span.toticon2-check2 {
    margin-left: 15px; }

div.menulista.cabecera > div.titExtras {
  height: auto; }
  div.menulista.cabecera > div.titExtras > span.nombreExtra {
    width: 100%;
    padding: 0 50px 0 20px;
    display: table-cell;
    vertical-align: middle;
    height: 44px;
    height: 44px; }
  div.menulista.cabecera > div.titExtras > div.infoNutExtra {
    width: 100%;
    font-weight: bold;
    font-style: italic;
    font-size: 12px;
    min-height: 100px;
    padding: 0 20px 0 20px; }

.alertaAtraso {
  background: #FF4235;
  padding: 10px 0;
  margin-bottom: 17px; }
  .alertaAtraso i {
    display: none; }
  .alertaAtraso .borrarReserva {
    display: none; }
  .alertaAtraso.atrasado {
    background: #E12845;
    color: #FFFFFF; }
    .alertaAtraso.atrasado i {
      display: block;
      position: absolute;
      top: 10px;
      right: 12px;
      background: #FFFFFF;
      border-radius: 100%;
      font-size: 26px;
      color: red;
      padding: 12px 9px;
      cursor: pointer; }
    .alertaAtraso.atrasado .borrarReserva {
      display: block; }
  .alertaAtraso p {
    color: #FFFFFF; }

.ordenReportes .izquierdaCierre, .ordenReportes .derechaCierre {
  display: block !important; }
  .ordenReportes .izquierdaCierre .escruleable, .ordenReportes .derechaCierre .escruleable {
    max-height: 400px; }

.radioBotones {
  text-align: center;
  vertical-align: top;
  display: inline-block; }
  .radioBotones label {
    margin: 0; }
  .radioBotones > div {
    display: inline-block; }
    .radioBotones > div > div {
      display: inline-block; }
  .radioBotones input[type=radio] {
    display: none;
    margin: 10px; }
  .radioBotones input[type=radio] + label {
    font-family: 'Manrope';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    color: #464646;
    padding: 12px 24px;
    font-weight: 400;
    font-size: 12px;
    background: white;
    color: #A1A1A1;
    cursor: pointer;
    margin: 0 -2px;
    border-radius: 0px;
    border: 1px solid #DDDDDD;
    white-space: nowrap; }
    .radioBotones input[type=radio] + label:hover {
      font-weight: 600;
      color: #FFFFFF;
      background: #1B1B1B;
      border-color: #1B1B1B; }
  .radioBotones input[type=radio]:checked + label {
    font-weight: 600;
    color: #FFFFFF;
    background: #1B1B1B;
    border-color: #1B1B1B;
    cursor: default; }
  .radioBotones > div:first-of-type input[type=radio] + label, .radioBotones > div > div:first-of-type input[type=radio] + label {
    border-radius: 8px 0px 0px 8px; }
  .radioBotones > div:last-of-type input[type=radio] + label, .radioBotones > div > div:last-of-type input[type=radio] + label {
    border-radius: 0px 8px 8px 0px; }
  @media (max-width: 780px) {
    .radioBotones {
      display: block;
      margin-bottom: 10px; } }

.col_2 .ToteatTable {
  margin: 0 auto; }
.col_2 .menuCategorias .menulista {
  background-color: #FFFFFF; }
.col_2.menuCategorias {
  background: #FFFFFF;
  border: solid 1px #dddddd; }
  .col_2.menuCategorias .contTituloCategorias {
    border-bottom: solid 2px #FF4235;
    background: #FFFFFF;
    color: #000000;
    font-weight: 700;
    text-transform: uppercase;
    height: 40px;
    overflow: hidden; }
    .col_2.menuCategorias .contTituloCategorias .tituloCategoria {
      display: inline-block;
      position: absolute;
      top: 9px;
      left: 43px; }
.col_2 .menulista {
  background-color: #FFFFFF;
  border-bottom: solid 1px #dddddd; }

.toticon-BordeRepetidoAbajo {
  font-size: 18px; }

.db-barra-sup {
  background-color: #464646;
  color: #FFFFFF;
  width: 100%;
  display: block;
  padding: 25px 0 15px 0; }
  .db-barra-sup .contenedor.db-extra {
    text-align: right;
    margin-top: 15px; }
    .db-barra-sup .contenedor.db-extra .checks {
      padding: 5px 0; }
    .db-barra-sup .contenedor.db-extra div {
      vertical-align: top;
      text-align: right;
      display: inline-block; }
    @media (max-width: 640px) {
      .db-barra-sup .contenedor.db-extra {
        display: block;
        text-align: center; } }
  .db-barra-sup .contenedor .col_2 {
    margin-bottom: 0; }
  .db-barra-sup .contenedor .col_3 {
    margin-bottom: 0;
    width: 32%;
    margin-right: 1%;
    vertical-align: middle; }
    .db-barra-sup .contenedor .col_3 > span {
      font-size: 18px;
      display: block; }
    @media (max-width: 780px) {
      .db-barra-sup .contenedor .col_3 {
        display: block;
        width: 90%;
        margin: auto;
        margin-bottom: 15px; } }
    .db-barra-sup .contenedor .col_3 .botonDescargar {
      padding: 5px 22px;
      font-weight: 300;
      font-size: 16px; }
      .db-barra-sup .contenedor .col_3 .botonDescargar span {
        padding-left: 0; }
    .db-barra-sup .contenedor .col_3 select {
      vertical-align: middle;
      padding: 4px 30px 4px 10px; }
    .db-barra-sup .contenedor .col_3.db-barra-fechas {
      text-align: right; }
      .db-barra-sup .contenedor .col_3.db-barra-fechas .toticon-refrescar {
        padding: 6px 9px;
        vertical-align: middle;
        margin: 0; }
      .db-barra-sup .contenedor .col_3.db-barra-fechas input[type=date] {
        padding: 4px;
        width: 130px; }
      .db-barra-sup .contenedor .col_3.db-barra-fechas input, .db-barra-sup .contenedor .col_3.db-barra-fechas label {
        display: inline-block;
        vertical-align: middle; }
      .db-barra-sup .contenedor .col_3.db-barra-fechas label {
        color: white; }
      @media (max-width: 780px) {
        .db-barra-sup .contenedor .col_3.db-barra-fechas {
          text-align: center; } }
    .db-barra-sup .contenedor .col_3 label {
      display: inline-block; }
  .db-barra-sup .botonera {
    text-align: center; }
    .db-barra-sup .botonera .boton {
      margin-bottom: 5px; }

.blue {
  color: #058dc7; }

.loadingGraph {
  position: absolute;
  color: #FF4235;
  border: 1px solid #FF4235;
  background-color: #FFFFFF;
  text-align: center;
  left: 50%;
  padding: 10px 30px;
  top: 30%;
  margin-left: -120px;
  z-index: 9999; }

.db-indicador {
  background-color: #FFFFFF;
  color: #666;
  padding: 10px 10px;
  margin-top: 50px;
  border: solid 1px #dddddd; }
  .db-indicador .green {
    color: green;
    font-size: 16px;
    font-weight: bold; }
  .db-indicador .db-indicador-header {
    position: relative;
    min-height: 30px; }
    .db-indicador .db-indicador-header .toticon {
      color: #efefef;
      background-color: gainsboro;
      height: 70px;
      width: 70px;
      padding: 20px;
      font-size: 30px;
      border-radius: 50%;
      padding-top: 25px;
      position: absolute;
      top: -45px; }
    .db-indicador .db-indicador-header .title {
      position: absolute;
      right: 0px;
      top: 0px;
      font-size: 25px;
      font-weight: 100;
      color: gainsboro; }
  .db-indicador .db-indicador-body {
    text-align: center;
    padding: 20px 0px;
    font-family: "Open Sans Light", sans-serif;
    font-weight: 100;
    overflow: hidden; }
    .db-indicador .db-indicador-body label {
      color: black;
      font-size: 18px;
      padding: 10px 0px; }
    .db-indicador .db-indicador-body .default {
      color: #FF4235;
      font-size: 30px;
      margin-top: 10px; }
    .db-indicador .db-indicador-body .vs {
      color: #464646;
      font-size: 20px; }
    .db-indicador .db-indicador-body hr {
      width: 100%;
      border-bottom: 1px solid #ccc;
      height: 1px;
      margin: 15px 0px; }

.porcentajeUp {
  background-color: green;
  color: #FFFFFF;
  font-size: 25px;
  text-align: center;
  padding: 13px 0px; }

.porcentajeDown {
  background-color: red;
  color: #FFFFFF;
  font-size: 25px;
  text-align: center;
  padding: 13px 0px; }

#productoxhora input[type="text"] {
  padding: 8px;
  vertical-align: top;
  -webkit-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px; }
#productoxhora select {
  padding: 8px;
  padding-right: 33px;
  vertical-align: top; }
#productoxhora .navTitulo {
  margin-top: 0; }
  #productoxhora .navTitulo .botones {
    width: 100%; }
    #productoxhora .navTitulo .botones button {
      -webkit-border-radius: 0 3px 3px 0;
      border-radius: 0 3px 3px 0;
      margin-left: 0; }
#productoxhora .masOpciones h2 {
  margin-bottom: 12px; }
#productoxhora .masOpciones .navTitulo .titulo {
  margin-left: 0; }
#productoxhora .masOpciones .linea {
  margin-bottom: 40px; }
  #productoxhora .masOpciones .linea.comparar .botonDescargar {
    margin: 5px;
    margin-top: 0; }
  #productoxhora .masOpciones .linea.tiempo div {
    display: inline-block;
    vertical-align: top;
    margin-right: 8px; }
    #productoxhora .masOpciones .linea.tiempo div input[type="time"] {
      padding: 7px; }

/*-- C3 STYLE Chart --*/
.c3 svg {
  font: 10px sans-serif; }

.c3 path, .c3 line {
  fill: none;
  stroke: #000; }

.c3 text {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.c3-legend-item-tile,
.c3-xgrid-focus,
.c3-ygrid,
.c3-event-rect,
.c3-bars path {
  shape-rendering: crispEdges; }

.c3-chart-arc path {
  stroke: none; }

.c3-chart-arc text {
  fill: #fff;
  font-size: 13px; }

/*-- Axis --*/
/*-- Grid --*/
.c3-grid line {
  stroke: #aaa; }

.c3-grid text {
  fill: #aaa; }

.c3-xgrid, .c3-ygrid {
  stroke-dasharray: 3 3; }

/*-- Text on Chart --*/
.c3-text.c3-empty {
  fill: #808080;
  font-size: 2em; }

/*-- Line --*/
.c3-line {
  stroke-width: 1px; }

/*-- Point --*/
.c3-circle._expanded_ {
  stroke-width: 1px;
  stroke: white; }

.c3-selected-circle {
  fill: white;
  stroke-width: 2px; }

/*-- Bar --*/
.c3-bar {
  stroke-width: 0; }

.c3-bar._expanded_ {
  fill-opacity: 0.75; }

/*-- Arc --*/
.c3-chart-arcs-title {
  font-size: 1.3em; }

/*-- Focus --*/
.c3-target.c3-focused path.c3-line, .c3-target.c3-focused path.c3-step {
  stroke-width: 2px; }

/*-- Region --*/
.c3-region {
  fill: steelblue;
  fill-opacity: .1; }

/*-- Brush --*/
.c3-brush .extent {
  fill-opacity: .1; }

/*-- Select - Drag --*/
/*-- Legend --*/
.c3-legend-item {
  font-size: 12px; }

.c3-legend-background {
  opacity: 0.75;
  fill: white;
  stroke: lightgray;
  stroke-width: 1; }

/*-- Tooltip --*/
.c3-tooltip {
  border-collapse: collapse;
  border-spacing: 0;
  background-color: #fff;
  empty-cells: show;
  -webkit-box-shadow: 7px 7px 12px -9px #777777;
  -moz-box-shadow: 7px 7px 12px -9px #777777;
  box-shadow: 7px 7px 12px -9px #777777;
  opacity: 0.9; }

.c3-tooltip tr {
  border: 1px solid #CCC; }

.c3-tooltip th {
  background-color: #aaa;
  font-size: 14px;
  padding: 2px 5px;
  text-align: left;
  color: #FFF; }

.c3-tooltip td {
  font-size: 13px;
  padding: 3px 6px;
  background-color: #fff;
  border-left: 1px dotted #999; }

.c3-tooltip td > span {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 6px; }

.c3-tooltip td.value {
  text-align: right; }

.c3-area {
  stroke-width: 0;
  opacity: 0.2; }

.c3-chart-arcs .c3-chart-arcs-background {
  fill: #e0e0e0;
  stroke: none; }

.c3-chart-arcs .c3-chart-arcs-gauge-unit {
  fill: #000;
  font-size: 16px; }

.c3-chart-arcs .c3-chart-arcs-gauge-max {
  fill: #777; }

.c3-chart-arcs .c3-chart-arcs-gauge-min {
  fill: #777; }

.c3-chart-arc .c3-gauge-value {
  fill: #000;
  font-size: 28px; }

.container-fluid.antiguoDashboard {
  background-color: #efefef; }

.antiguoDashboard {
  padding-bottom: 20px;
  padding-top: 10px;
  /* Grid System */ }
  .antiguoDashboard .mostrarOpciones {
    z-index: 2; }
  .antiguoDashboard.db-barra-sup {
    background-color: #464646;
    color: #FFFFFF;
    margin-bottom: 0px;
    display: inline-table;
    padding-bottom: 0; }
    .antiguoDashboard.db-barra-sup .mostrarOpciones {
      background-color: #A1A1A1;
      display: inline-block;
      padding: 10px 0px;
      color: #000000;
      width: 100%; }
    .antiguoDashboard.db-barra-sup .selectorFechas {
      cursor: pointer;
      background-color: #A1A1A1;
      color: black;
      padding: 10px;
      position: relative;
      display: inline-block;
      padding-right: 35px;
      width: auto;
      float: right;
      vertical-align: bottom; }
    .antiguoDashboard.db-barra-sup label {
      display: inline-block;
      padding: 0; }
    .antiguoDashboard.db-barra-sup input[type="checkbox"] {
      margin: 0;
      height: 20px;
      width: 20px !important;
      line-height: 19px; }
    .antiguoDashboard.db-barra-sup .db-titulo {
      display: inline-block;
      float: left;
      vertical-align: top;
      margin-right: 15px; }
      .antiguoDashboard.db-barra-sup .db-titulo button {
        display: none; }
      @media (max-width: 640px) {
        .antiguoDashboard.db-barra-sup .db-titulo {
          display: block;
          margin: 0;
          margin-bottom: 15px;
          float: none; }
          .antiguoDashboard.db-barra-sup .db-titulo button {
            display: inline-block;
            float: right;
            vertical-align: top; } }
    .antiguoDashboard.db-barra-sup .opciones {
      display: inline-block;
      float: right;
      vertical-align: top;
      text-align: right; }
      .antiguoDashboard.db-barra-sup .opciones .jerarquias {
        display: inline-block;
        vertical-align: top; }
      .antiguoDashboard.db-barra-sup .opciones .checks {
        margin-right: 15px;
        display: inline-block;
        vertical-align: top; }
        .antiguoDashboard.db-barra-sup .opciones .checks label {
          margin-right: 20px; }
          .antiguoDashboard.db-barra-sup .opciones .checks label:last-child {
            margin-right: 0; }
        @media (max-width: 640px) {
          .antiguoDashboard.db-barra-sup .opciones .checks {
            display: block;
            margin: 18px auto;
            text-align: center; }
            .antiguoDashboard.db-barra-sup .opciones .checks label {
              margin-right: 15px; } }
      @media (max-width: 640px) {
        .antiguoDashboard.db-barra-sup .opciones {
          float: none;
          display: block;
          margin: auto; } }
    .antiguoDashboard.db-barra-sup .fechas {
      display: inline-block;
      vertical-align: top; }
      .antiguoDashboard.db-barra-sup .fechas .comparar {
        font-size: 15px;
        margin-left: 8px; }
    .antiguoDashboard.db-barra-sup select {
      padding: 6px;
      padding-right: 30px;
      vertical-align: top; }
    .antiguoDashboard.db-barra-sup input[type="date"] {
      padding: 5px;
      padding-right: 0px;
      vertical-align: top; }
    .antiguoDashboard.db-barra-sup .db-title {
      font-size: 17px; }
    .antiguoDashboard.db-barra-sup .botonera {
      text-align: center; }
      .antiguoDashboard.db-barra-sup .botonera .boton {
        margin-bottom: 5px; }
  .antiguoDashboard .blue {
    color: #058dc7; }
  .antiguoDashboard .loadingGraph {
    position: absolute;
    color: #FF4235;
    border: 1px solid #FF4235;
    background-color: #FFFFFF;
    text-align: center;
    left: 50%;
    padding: 10px 30px;
    top: 30%;
    margin-left: -120px;
    z-index: 9999; }
  .antiguoDashboard .porcentajeUp {
    background-color: green;
    color: #FFFFFF;
    font-size: 25px;
    text-align: center;
    padding: 13px 0px; }
  .antiguoDashboard .porcentajeDown {
    background-color: red;
    color: #FFFFFF;
    font-size: 25px;
    text-align: center;
    padding: 13px 0px; }
  .antiguoDashboard .row {
    display: initial; }
  .antiguoDashboard .col-xs-1, .antiguoDashboard .col-sm-1, .antiguoDashboard .col-md-1, .antiguoDashboard .col-lg-1, .antiguoDashboard .col-xs-2, .antiguoDashboard .col-sm-2, .antiguoDashboard .col-md-2, .antiguoDashboard .col-lg-2, .antiguoDashboard .col-xs-3, .antiguoDashboard .col-sm-3, .antiguoDashboard .col-md-3, .antiguoDashboard .col-lg-3, .antiguoDashboard .col-xs-4, .antiguoDashboard .col-sm-4, .antiguoDashboard .col-md-4, .antiguoDashboard .col-lg-4, .antiguoDashboard .col-xs-5, .antiguoDashboard .col-sm-5, .antiguoDashboard .col-md-5, .antiguoDashboard .col-lg-5, .antiguoDashboard .col-xs-6, .antiguoDashboard .col-sm-6, .antiguoDashboard .col-md-6, .antiguoDashboard .col-lg-6, .antiguoDashboard .col-xs-7, .antiguoDashboard .col-sm-7, .antiguoDashboard .col-md-7, .antiguoDashboard .col-lg-7, .antiguoDashboard .col-xs-8, .antiguoDashboard .col-sm-8, .antiguoDashboard .col-md-8, .antiguoDashboard .col-lg-8, .antiguoDashboard .col-xs-9, .antiguoDashboard .col-sm-9, .antiguoDashboard .col-md-9, .antiguoDashboard .col-lg-9, .antiguoDashboard .col-xs-10, .antiguoDashboard .col-sm-10, .antiguoDashboard .col-md-10, .antiguoDashboard .col-lg-10, .antiguoDashboard .col-xs-11, .antiguoDashboard .col-sm-11, .antiguoDashboard .col-md-11, .antiguoDashboard .col-lg-11, .antiguoDashboard .col-xs-12, .antiguoDashboard .col-sm-12, .antiguoDashboard .col-md-12, .antiguoDashboard .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px; }
  .antiguoDashboard .col-xs-1, .antiguoDashboard .col-xs-2, .antiguoDashboard .col-xs-3, .antiguoDashboard .col-xs-4, .antiguoDashboard .col-xs-5, .antiguoDashboard .col-xs-6, .antiguoDashboard .col-xs-7, .antiguoDashboard .col-xs-8, .antiguoDashboard .col-xs-9, .antiguoDashboard .col-xs-10, .antiguoDashboard .col-xs-11, .antiguoDashboard .col-xs-12 {
    float: left; }
  .antiguoDashboard .col-xxs-1, .antiguoDashboard .col-xxs-2, .antiguoDashboard .col-xxs-3, .antiguoDashboard .col-xxs-4,
  .antiguoDashboard .col-xxs-5, .antiguoDashboard .col-xxs-6, .antiguoDashboard .col-xxs-7, .antiguoDashboard .col-xxs-8,
  .antiguoDashboard .col-xxs-9, .antiguoDashboard .col-xxs-10, .antiguoDashboard .col-xxs-11, .antiguoDashboard .col-xxs-12 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative; }
  @media (max-width: 384px) {
    .antiguoDashboard .col-xxs-1,
    .antiguoDashboard .col-xxs-2,
    .antiguoDashboard .col-xxs-3,
    .antiguoDashboard .col-xxs-4,
    .antiguoDashboard .col-xxs-5,
    .antiguoDashboard .col-xxs-6,
    .antiguoDashboard .col-xxs-7,
    .antiguoDashboard .col-xxs-8,
    .antiguoDashboard .col-xxs-9,
    .antiguoDashboard .col-xxs-10,
    .antiguoDashboard .col-xxs-11 {
      float: left; }
    .antiguoDashboard .col-xxs-1 {
      width: 8.333333333333332%; }
    .antiguoDashboard .col-xxs-2 {
      width: 16.666666666666664%; }
    .antiguoDashboard .col-xxs-3 {
      width: 25%; }
    .antiguoDashboard .col-xxs-4 {
      width: 33.33333333333333%; }
    .antiguoDashboard .col-xxs-5 {
      width: 41.66666666666667%; }
    .antiguoDashboard .col-xxs-6 {
      width: 50% !important; }
    .antiguoDashboard .col-xxs-7 {
      width: 58.333333333333336%; }
    .antiguoDashboard .col-xxs-8 {
      width: 66.66666666666666%; }
    .antiguoDashboard .col-xxs-9 {
      width: 75%; }
    .antiguoDashboard .col-xxs-10 {
      width: 83.33333333333334%; }
    .antiguoDashboard .col-xxs-11 {
      width: 91.66666666666666%; }
    .antiguoDashboard .col-xxs-12 {
      width: 100% !important; } }
  .antiguoDashboard .col-xs-12 {
    width: 100%; }
  .antiguoDashboard .col-xs-11 {
    width: 91.66666667%; }
  .antiguoDashboard .col-xs-10 {
    width: 83.33333333%; }
  .antiguoDashboard .col-xs-9 {
    width: 75%; }
  .antiguoDashboard .col-xs-8 {
    width: 66.66666667%; }
  .antiguoDashboard .col-xs-7 {
    width: 58.33333333%; }
  .antiguoDashboard .col-xs-6 {
    width: 50%; }
  .antiguoDashboard .col-xs-5 {
    width: 41.66666667%; }
  .antiguoDashboard .col-xs-4 {
    width: 33.33333333%; }
  .antiguoDashboard .col-xs-3 {
    width: 25%; }
  .antiguoDashboard .col-xs-2 {
    width: 16.66666667%; }
  .antiguoDashboard .col-xs-1 {
    width: 8.33333333%; }
  .antiguoDashboard .col-xs-pull-12 {
    right: 100%; }
  .antiguoDashboard .col-xs-pull-11 {
    right: 91.66666667%; }
  .antiguoDashboard .col-xs-pull-10 {
    right: 83.33333333%; }
  .antiguoDashboard .col-xs-pull-9 {
    right: 75%; }
  .antiguoDashboard .col-xs-pull-8 {
    right: 66.66666667%; }
  .antiguoDashboard .col-xs-pull-7 {
    right: 58.33333333%; }
  .antiguoDashboard .col-xs-pull-6 {
    right: 50%; }
  .antiguoDashboard .col-xs-pull-5 {
    right: 41.66666667%; }
  .antiguoDashboard .col-xs-pull-4 {
    right: 33.33333333%; }
  .antiguoDashboard .col-xs-pull-3 {
    right: 25%; }
  .antiguoDashboard .col-xs-pull-2 {
    right: 16.66666667%; }
  .antiguoDashboard .col-xs-pull-1 {
    right: 8.33333333%; }
  .antiguoDashboard .col-xs-pull-0 {
    right: auto; }
  .antiguoDashboard .col-xs-push-12 {
    left: 100%; }
  .antiguoDashboard .col-xs-push-11 {
    left: 91.66666667%; }
  .antiguoDashboard .col-xs-push-10 {
    left: 83.33333333%; }
  .antiguoDashboard .col-xs-push-9 {
    left: 75%; }
  .antiguoDashboard .col-xs-push-8 {
    left: 66.66666667%; }
  .antiguoDashboard .col-xs-push-7 {
    left: 58.33333333%; }
  .antiguoDashboard .col-xs-push-6 {
    left: 50%; }
  .antiguoDashboard .col-xs-push-5 {
    left: 41.66666667%; }
  .antiguoDashboard .col-xs-push-4 {
    left: 33.33333333%; }
  .antiguoDashboard .col-xs-push-3 {
    left: 25%; }
  .antiguoDashboard .col-xs-push-2 {
    left: 16.66666667%; }
  .antiguoDashboard .col-xs-push-1 {
    left: 8.33333333%; }
  .antiguoDashboard .col-xs-push-0 {
    left: auto; }
  .antiguoDashboard .col-xs-offset-12 {
    margin-left: 100%; }
  .antiguoDashboard .col-xs-offset-11 {
    margin-left: 91.66666667%; }
  .antiguoDashboard .col-xs-offset-10 {
    margin-left: 83.33333333%; }
  .antiguoDashboard .col-xs-offset-9 {
    margin-left: 75%; }
  .antiguoDashboard .col-xs-offset-8 {
    margin-left: 66.66666667%; }
  .antiguoDashboard .col-xs-offset-7 {
    margin-left: 58.33333333%; }
  .antiguoDashboard .col-xs-offset-6 {
    margin-left: 50%; }
  .antiguoDashboard .col-xs-offset-5 {
    margin-left: 41.66666667%; }
  .antiguoDashboard .col-xs-offset-4 {
    margin-left: 33.33333333%; }
  .antiguoDashboard .col-xs-offset-3 {
    margin-left: 25%; }
  .antiguoDashboard .col-xs-offset-2 {
    margin-left: 16.66666667%; }
  .antiguoDashboard .col-xs-offset-1 {
    margin-left: 8.33333333%; }
  .antiguoDashboard .col-xs-offset-0 {
    margin-left: 0; }
  @media (min-width: 768px) {
    .antiguoDashboard .col-sm-1, .antiguoDashboard .col-sm-2, .antiguoDashboard .col-sm-3, .antiguoDashboard .col-sm-4, .antiguoDashboard .col-sm-5, .antiguoDashboard .col-sm-6, .antiguoDashboard .col-sm-7, .antiguoDashboard .col-sm-8, .antiguoDashboard .col-sm-9, .antiguoDashboard .col-sm-10, .antiguoDashboard .col-sm-11, .antiguoDashboard .col-sm-12 {
      float: left; }
    .antiguoDashboard .col-sm-12 {
      width: 100%; }
    .antiguoDashboard .col-sm-11 {
      width: 91.66666667%; }
    .antiguoDashboard .col-sm-10 {
      width: 83.33333333%; }
    .antiguoDashboard .col-sm-9 {
      width: 75%; }
    .antiguoDashboard .col-sm-8 {
      width: 66.66666667%; }
    .antiguoDashboard .col-sm-7 {
      width: 58.33333333%; }
    .antiguoDashboard .col-sm-6 {
      width: 50%; }
    .antiguoDashboard .col-sm-5 {
      width: 41.66666667%; }
    .antiguoDashboard .col-sm-4 {
      width: 33.33333333%; }
    .antiguoDashboard .col-sm-3 {
      width: 25%; }
    .antiguoDashboard .col-sm-2 {
      width: 16.66666667%; }
    .antiguoDashboard .col-sm-1 {
      width: 8.33333333%; }
    .antiguoDashboard .col-sm-pull-12 {
      right: 100%; }
    .antiguoDashboard .col-sm-pull-11 {
      right: 91.66666667%; }
    .antiguoDashboard .col-sm-pull-10 {
      right: 83.33333333%; }
    .antiguoDashboard .col-sm-pull-9 {
      right: 75%; }
    .antiguoDashboard .col-sm-pull-8 {
      right: 66.66666667%; }
    .antiguoDashboard .col-sm-pull-7 {
      right: 58.33333333%; }
    .antiguoDashboard .col-sm-pull-6 {
      right: 50%; }
    .antiguoDashboard .col-sm-pull-5 {
      right: 41.66666667%; }
    .antiguoDashboard .col-sm-pull-4 {
      right: 33.33333333%; }
    .antiguoDashboard .col-sm-pull-3 {
      right: 25%; }
    .antiguoDashboard .col-sm-pull-2 {
      right: 16.66666667%; }
    .antiguoDashboard .col-sm-pull-1 {
      right: 8.33333333%; }
    .antiguoDashboard .col-sm-pull-0 {
      right: auto; }
    .antiguoDashboard .col-sm-push-12 {
      left: 100%; }
    .antiguoDashboard .col-sm-push-11 {
      left: 91.66666667%; }
    .antiguoDashboard .col-sm-push-10 {
      left: 83.33333333%; }
    .antiguoDashboard .col-sm-push-9 {
      left: 75%; }
    .antiguoDashboard .col-sm-push-8 {
      left: 66.66666667%; }
    .antiguoDashboard .col-sm-push-7 {
      left: 58.33333333%; }
    .antiguoDashboard .col-sm-push-6 {
      left: 50%; }
    .antiguoDashboard .col-sm-push-5 {
      left: 41.66666667%; }
    .antiguoDashboard .col-sm-push-4 {
      left: 33.33333333%; }
    .antiguoDashboard .col-sm-push-3 {
      left: 25%; }
    .antiguoDashboard .col-sm-push-2 {
      left: 16.66666667%; }
    .antiguoDashboard .col-sm-push-1 {
      left: 8.33333333%; }
    .antiguoDashboard .col-sm-push-0 {
      left: auto; }
    .antiguoDashboard .col-sm-offset-12 {
      margin-left: 100%; }
    .antiguoDashboard .col-sm-offset-11 {
      margin-left: 91.66666667%; }
    .antiguoDashboard .col-sm-offset-10 {
      margin-left: 83.33333333%; }
    .antiguoDashboard .col-sm-offset-9 {
      margin-left: 75%; }
    .antiguoDashboard .col-sm-offset-8 {
      margin-left: 66.66666667%; }
    .antiguoDashboard .col-sm-offset-7 {
      margin-left: 58.33333333%; }
    .antiguoDashboard .col-sm-offset-6 {
      margin-left: 50%; }
    .antiguoDashboard .col-sm-offset-5 {
      margin-left: 41.66666667%; }
    .antiguoDashboard .col-sm-offset-4 {
      margin-left: 33.33333333%; }
    .antiguoDashboard .col-sm-offset-3 {
      margin-left: 25%; }
    .antiguoDashboard .col-sm-offset-2 {
      margin-left: 16.66666667%; }
    .antiguoDashboard .col-sm-offset-1 {
      margin-left: 8.33333333%; }
    .antiguoDashboard .col-sm-offset-0 {
      margin-left: 0; } }
  @media (min-width: 992px) {
    .antiguoDashboard .col-md-1, .antiguoDashboard .col-md-2, .antiguoDashboard .col-md-3, .antiguoDashboard .col-md-4, .antiguoDashboard .col-md-5, .antiguoDashboard .col-md-6, .antiguoDashboard .col-md-7, .antiguoDashboard .col-md-8, .antiguoDashboard .col-md-9, .antiguoDashboard .col-md-10, .antiguoDashboard .col-md-11, .antiguoDashboard .col-md-12 {
      float: left; }
    .antiguoDashboard .col-md-12 {
      width: 100%; }
    .antiguoDashboard .col-md-11 {
      width: 91.66666667%; }
    .antiguoDashboard .col-md-10 {
      width: 83.33333333%; }
    .antiguoDashboard .col-md-9 {
      width: 75%; }
    .antiguoDashboard .col-md-8 {
      width: 66.66666667%; }
    .antiguoDashboard .col-md-7 {
      width: 58.33333333%; }
    .antiguoDashboard .col-md-6 {
      width: 50%; }
    .antiguoDashboard .col-md-5 {
      width: 41.66666667%; }
    .antiguoDashboard .col-md-4 {
      width: 33.33333333%; }
    .antiguoDashboard .col-md-3 {
      width: 25%; }
    .antiguoDashboard .col-md-2 {
      width: 16.66666667%; }
    .antiguoDashboard .col-md-1 {
      width: 8.33333333%; }
    .antiguoDashboard .col-md-pull-12 {
      right: 100%; }
    .antiguoDashboard .col-md-pull-11 {
      right: 91.66666667%; }
    .antiguoDashboard .col-md-pull-10 {
      right: 83.33333333%; }
    .antiguoDashboard .col-md-pull-9 {
      right: 75%; }
    .antiguoDashboard .col-md-pull-8 {
      right: 66.66666667%; }
    .antiguoDashboard .col-md-pull-7 {
      right: 58.33333333%; }
    .antiguoDashboard .col-md-pull-6 {
      right: 50%; }
    .antiguoDashboard .col-md-pull-5 {
      right: 41.66666667%; }
    .antiguoDashboard .col-md-pull-4 {
      right: 33.33333333%; }
    .antiguoDashboard .col-md-pull-3 {
      right: 25%; }
    .antiguoDashboard .col-md-pull-2 {
      right: 16.66666667%; }
    .antiguoDashboard .col-md-pull-1 {
      right: 8.33333333%; }
    .antiguoDashboard .col-md-pull-0 {
      right: auto; }
    .antiguoDashboard .col-md-push-12 {
      left: 100%; }
    .antiguoDashboard .col-md-push-11 {
      left: 91.66666667%; }
    .antiguoDashboard .col-md-push-10 {
      left: 83.33333333%; }
    .antiguoDashboard .col-md-push-9 {
      left: 75%; }
    .antiguoDashboard .col-md-push-8 {
      left: 66.66666667%; }
    .antiguoDashboard .col-md-push-7 {
      left: 58.33333333%; }
    .antiguoDashboard .col-md-push-6 {
      left: 50%; }
    .antiguoDashboard .col-md-push-5 {
      left: 41.66666667%; }
    .antiguoDashboard .col-md-push-4 {
      left: 33.33333333%; }
    .antiguoDashboard .col-md-push-3 {
      left: 25%; }
    .antiguoDashboard .col-md-push-2 {
      left: 16.66666667%; }
    .antiguoDashboard .col-md-push-1 {
      left: 8.33333333%; }
    .antiguoDashboard .col-md-push-0 {
      left: auto; }
    .antiguoDashboard .col-md-offset-12 {
      margin-left: 100%; }
    .antiguoDashboard .col-md-offset-11 {
      margin-left: 91.66666667%; }
    .antiguoDashboard .col-md-offset-10 {
      margin-left: 83.33333333%; }
    .antiguoDashboard .col-md-offset-9 {
      margin-left: 75%; }
    .antiguoDashboard .col-md-offset-8 {
      margin-left: 66.66666667%; }
    .antiguoDashboard .col-md-offset-7 {
      margin-left: 58.33333333%; }
    .antiguoDashboard .col-md-offset-6 {
      margin-left: 50%; }
    .antiguoDashboard .col-md-offset-5 {
      margin-left: 41.66666667%; }
    .antiguoDashboard .col-md-offset-4 {
      margin-left: 33.33333333%; }
    .antiguoDashboard .col-md-offset-3 {
      margin-left: 25%; }
    .antiguoDashboard .col-md-offset-2 {
      margin-left: 16.66666667%; }
    .antiguoDashboard .col-md-offset-1 {
      margin-left: 8.33333333%; }
    .antiguoDashboard .col-md-offset-0 {
      margin-left: 0; } }
  @media (min-width: 1200px) {
    .antiguoDashboard .col-lg-1, .antiguoDashboard .col-lg-2, .antiguoDashboard .col-lg-3, .antiguoDashboard .col-lg-4, .antiguoDashboard .col-lg-5, .antiguoDashboard .col-lg-6, .antiguoDashboard .col-lg-7, .antiguoDashboard .col-lg-8, .antiguoDashboard .col-lg-9, .antiguoDashboard .col-lg-10, .antiguoDashboard .col-lg-11, .antiguoDashboard .col-lg-12 {
      float: left; }
    .antiguoDashboard .col-lg-12 {
      width: 100%; }
    .antiguoDashboard .col-lg-11 {
      width: 91.66666667%; }
    .antiguoDashboard .col-lg-10 {
      width: 83.33333333%; }
    .antiguoDashboard .col-lg-9 {
      width: 75%; }
    .antiguoDashboard .col-lg-8 {
      width: 66.66666667%; }
    .antiguoDashboard .col-lg-7 {
      width: 58.33333333%; }
    .antiguoDashboard .col-lg-6 {
      width: 50%; }
    .antiguoDashboard .col-lg-5 {
      width: 41.66666667%; }
    .antiguoDashboard .col-lg-4 {
      width: 33.33333333%; }
    .antiguoDashboard .col-lg-3 {
      width: 25%; }
    .antiguoDashboard .col-lg-2 {
      width: 16.66666667%; }
    .antiguoDashboard .col-lg-1 {
      width: 8.33333333%; }
    .antiguoDashboard .col-lg-pull-12 {
      right: 100%; }
    .antiguoDashboard .col-lg-pull-11 {
      right: 91.66666667%; }
    .antiguoDashboard .col-lg-pull-10 {
      right: 83.33333333%; }
    .antiguoDashboard .col-lg-pull-9 {
      right: 75%; }
    .antiguoDashboard .col-lg-pull-8 {
      right: 66.66666667%; }
    .antiguoDashboard .col-lg-pull-7 {
      right: 58.33333333%; }
    .antiguoDashboard .col-lg-pull-6 {
      right: 50%; }
    .antiguoDashboard .col-lg-pull-5 {
      right: 41.66666667%; }
    .antiguoDashboard .col-lg-pull-4 {
      right: 33.33333333%; }
    .antiguoDashboard .col-lg-pull-3 {
      right: 25%; }
    .antiguoDashboard .col-lg-pull-2 {
      right: 16.66666667%; }
    .antiguoDashboard .col-lg-pull-1 {
      right: 8.33333333%; }
    .antiguoDashboard .col-lg-pull-0 {
      right: auto; }
    .antiguoDashboard .col-lg-push-12 {
      left: 100%; }
    .antiguoDashboard .col-lg-push-11 {
      left: 91.66666667%; }
    .antiguoDashboard .col-lg-push-10 {
      left: 83.33333333%; }
    .antiguoDashboard .col-lg-push-9 {
      left: 75%; }
    .antiguoDashboard .col-lg-push-8 {
      left: 66.66666667%; }
    .antiguoDashboard .col-lg-push-7 {
      left: 58.33333333%; }
    .antiguoDashboard .col-lg-push-6 {
      left: 50%; }
    .antiguoDashboard .col-lg-push-5 {
      left: 41.66666667%; }
    .antiguoDashboard .col-lg-push-4 {
      left: 33.33333333%; }
    .antiguoDashboard .col-lg-push-3 {
      left: 25%; }
    .antiguoDashboard .col-lg-push-2 {
      left: 16.66666667%; }
    .antiguoDashboard .col-lg-push-1 {
      left: 8.33333333%; }
    .antiguoDashboard .col-lg-push-0 {
      left: auto; }
    .antiguoDashboard .col-lg-offset-12 {
      margin-left: 100%; }
    .antiguoDashboard .col-lg-offset-11 {
      margin-left: 91.66666667%; }
    .antiguoDashboard .col-lg-offset-10 {
      margin-left: 83.33333333%; }
    .antiguoDashboard .col-lg-offset-9 {
      margin-left: 75%; }
    .antiguoDashboard .col-lg-offset-8 {
      margin-left: 66.66666667%; }
    .antiguoDashboard .col-lg-offset-7 {
      margin-left: 58.33333333%; }
    .antiguoDashboard .col-lg-offset-6 {
      margin-left: 50%; }
    .antiguoDashboard .col-lg-offset-5 {
      margin-left: 41.66666667%; }
    .antiguoDashboard .col-lg-offset-4 {
      margin-left: 33.33333333%; }
    .antiguoDashboard .col-lg-offset-3 {
      margin-left: 25%; }
    .antiguoDashboard .col-lg-offset-2 {
      margin-left: 16.66666667%; }
    .antiguoDashboard .col-lg-offset-1 {
      margin-left: 8.33333333%; }
    .antiguoDashboard .col-lg-offset-0 {
      margin-left: 0; } }

/********************
 * HTML CSS
 */
.chartWrap {
  margin: 0;
  padding: 0;
  overflow: hidden; }

/********************
  Box shadow and border radius styling
*/
.nvtooltip.with-3d-shadow, .with-3d-shadow .nvtooltip {
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }

/********************
 * TOOLTIP CSS
 */
.nvtooltip {
  position: absolute;
  background-color: white;
  padding: 1px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  z-index: 10000;
  font-family: Arial;
  font-size: 13px;
  text-align: left;
  pointer-events: none;
  white-space: nowrap;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/*Give tooltips that old fade in transition by
    putting a "with-transitions" class on the container div.
*/
.nvtooltip.with-transitions, .with-transitions .nvtooltip {
  transition: opacity 250ms linear;
  -moz-transition: opacity 250ms linear;
  -webkit-transition: opacity 250ms linear;
  transition-delay: 250ms;
  -moz-transition-delay: 250ms;
  -webkit-transition-delay: 250ms; }

.nvtooltip.x-nvtooltip,
.nvtooltip.y-nvtooltip {
  padding: 8px; }

.nvtooltip h3 {
  margin: 0;
  padding: 4px 14px;
  line-height: 18px;
  font-weight: normal;
  background-color: rgba(247, 247, 247, 0.75);
  text-align: center;
  border-bottom: 1px solid #ebebeb;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0; }

.nvtooltip p {
  margin: 0;
  padding: 5px 14px;
  text-align: center; }

.nvtooltip span {
  display: inline-block;
  margin: 2px 0; }

.nvtooltip table {
  margin: 6px;
  border-spacing: 0; }

.nvtooltip table td {
  padding: 2px 9px 2px 0;
  vertical-align: middle; }

.nvtooltip table td.key {
  font-weight: normal; }

.nvtooltip table td.value {
  text-align: right;
  font-weight: bold; }

.nvtooltip table tr.highlight td {
  padding: 1px 9px 1px 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-top-width: 1px; }

.nvtooltip table td.legend-color-guide div {
  width: 8px;
  height: 8px;
  vertical-align: middle; }

.nvtooltip .footer {
  padding: 3px;
  text-align: center; }

.nvtooltip-pending-removal {
  position: absolute;
  pointer-events: none; }

/********************
 * SVG CSS
 */
svg {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Trying to get SVG to act like a greedy block in all browsers */
  /*
  display: block;
  width:100%;
  height:100%; */ }

svg text {
  font: normal 12px Arial; }

svg .title {
  font: bold 14px Arial; }

.nvd3 .nv-background {
  fill: white;
  fill-opacity: 0;
  /*
  pointer-events: none;
  */ }

.nvd3.nv-noData {
  font-size: 18px;
  font-weight: bold; }

/**********
*  Brush
*/
.nv-brush .extent {
  fill-opacity: .125;
  shape-rendering: crispEdges; }

/**********
*  Legend
*/
.nvd3 .nv-legend .nv-series {
  cursor: pointer; }

.nvd3 .nv-legend .disabled circle {
  fill-opacity: 0; }

/**********
*  Axes
*/
.nvd3 .nv-axis {
  pointer-events: none; }

.nvd3 .nv-axis path {
  fill: none;
  stroke: #000;
  stroke-opacity: .75;
  shape-rendering: crispEdges; }

.nvd3 .nv-axis path.domain {
  stroke-opacity: .75; }

.nvd3 .nv-axis.nv-x path.domain {
  stroke-opacity: 0; }

.nvd3 .nv-axis line {
  fill: none;
  stroke: #e5e5e5;
  shape-rendering: crispEdges; }

.nvd3 .nv-axis .zero line,
.nvd3 .nv-axis line.zero {
  stroke-opacity: .75; }

.nvd3 .nv-axis .nv-axisMaxMin text {
  font-weight: bold; }

.nvd3 .x .nv-axis .nv-axisMaxMin text,
.nvd3 .x2 .nv-axis .nv-axisMaxMin text,
.nvd3 .x3 .nv-axis .nv-axisMaxMin text {
  text-anchor: middle; }

/**********
*  Brush
*/
.nv-brush .resize path {
  fill: #eee;
  stroke: #666; }

/**********
*  Bars
*/
.nvd3 .nv-bars .negative rect {
  zfill: brown; }

.nvd3 .nv-bars rect {
  zfill: steelblue;
  fill-opacity: .75;
  transition: fill-opacity 250ms linear;
  -moz-transition: fill-opacity 250ms linear;
  -webkit-transition: fill-opacity 250ms linear; }

.nvd3 .nv-bars rect.hover {
  fill-opacity: 1; }

.nvd3 .nv-bars .hover rect {
  fill: lightblue; }

.nvd3 .nv-bars text {
  fill: rgba(0, 0, 0, 0); }

.nvd3 .nv-bars .hover text {
  fill: black; }

/**********
*  Bars
*/
.nvd3 .nv-multibar .nv-groups rect,
.nvd3 .nv-multibarHorizontal .nv-groups rect,
.nvd3 .nv-discretebar .nv-groups rect {
  stroke-opacity: 0;
  transition: fill-opacity 250ms linear;
  -moz-transition: fill-opacity 250ms linear;
  -webkit-transition: fill-opacity 250ms linear; }

.nvd3 .nv-multibar .nv-groups rect:hover,
.nvd3 .nv-multibarHorizontal .nv-groups rect:hover,
.nvd3 .nv-discretebar .nv-groups rect:hover {
  fill-opacity: 1; }

.nvd3 .nv-discretebar .nv-groups text,
.nvd3 .nv-multibarHorizontal .nv-groups text {
  font-weight: bold;
  fill: black;
  stroke: rgba(0, 0, 0, 0); }

/***********
*  Pie Chart
*/
.nvd3.nv-pie path {
  stroke-opacity: 0;
  transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;
  -moz-transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;
  -webkit-transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear; }

.nvd3.nv-pie .nv-slice text {
  stroke: #000;
  stroke-width: 0; }

.nvd3.nv-pie path {
  stroke: #fff;
  stroke-width: 1px;
  stroke-opacity: 1; }

.nvd3.nv-pie .hover path {
  fill-opacity: .7; }

.nvd3.nv-pie .nv-label {
  pointer-events: none; }

.nvd3.nv-pie .nv-label rect {
  fill-opacity: 0;
  stroke-opacity: 0; }

/**********
* Lines
*/
.nvd3 .nv-groups path.nv-line {
  fill: none;
  stroke-width: 1.5px;
  /*
  stroke-linecap: round;
  shape-rendering: geometricPrecision;

  transition: stroke-width 250ms linear;
  -moz-transition: stroke-width 250ms linear;
  -webkit-transition: stroke-width 250ms linear;

  transition-delay: 250ms
  -moz-transition-delay: 250ms;
  -webkit-transition-delay: 250ms;
  */ }

.nvd3 .nv-groups path.nv-line.nv-thin-line {
  stroke-width: 1px; }

.nvd3 .nv-groups path.nv-area {
  stroke: none;
  /*
  stroke-linecap: round;
  shape-rendering: geometricPrecision;

  stroke-width: 2.5px;
  transition: stroke-width 250ms linear;
  -moz-transition: stroke-width 250ms linear;
  -webkit-transition: stroke-width 250ms linear;

  transition-delay: 250ms
  -moz-transition-delay: 250ms;
  -webkit-transition-delay: 250ms;
  */ }

.nvd3 .nv-line.hover path {
  stroke-width: 6px; }

/*
.nvd3.scatter .groups .point {
  fill-opacity: 0.1;
  stroke-opacity: 0.1;
}
  */
.nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point {
  fill-opacity: 0;
  stroke-opacity: 0; }

.nvd3.nv-scatter.nv-single-point .nv-groups .nv-point {
  fill-opacity: .5 !important;
  stroke-opacity: .5 !important; }

.with-transitions .nvd3 .nv-groups .nv-point {
  transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
  -moz-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
  -webkit-transition: stroke-width 250ms linear, stroke-opacity 250ms linear; }

.nvd3.nv-scatter .nv-groups .nv-point.hover,
.nvd3 .nv-groups .nv-point.hover {
  stroke-width: 7px;
  fill-opacity: .95 !important;
  stroke-opacity: .95 !important; }

.nvd3 .nv-point-paths path {
  stroke: #aaa;
  stroke-opacity: 0;
  fill: #eee;
  fill-opacity: 0; }

.nvd3 .nv-indexLine {
  cursor: ew-resize; }

/**********
* Distribution
*/
.nvd3 .nv-distribution {
  pointer-events: none; }

/**********
*  Scatter
*/
/* **Attempting to remove this for useVoronoi(false), need to see if it's required anywhere
.nvd3 .nv-groups .nv-point {
  pointer-events: none;
}
*/
.nvd3 .nv-groups .nv-point.hover {
  stroke-width: 20px;
  stroke-opacity: .5; }

.nvd3 .nv-scatter .nv-point.hover {
  fill-opacity: 1; }

/*
.nv-group.hover .nv-point {
  fill-opacity: 1;
}
*/
/**********
*  Stacked Area
*/
.nvd3.nv-stackedarea path.nv-area {
  fill-opacity: .7;
  /*
  stroke-opacity: .65;
  fill-opacity: 1;
  */
  stroke-opacity: 0;
  transition: fill-opacity 250ms linear, stroke-opacity 250ms linear;
  -moz-transition: fill-opacity 250ms linear, stroke-opacity 250ms linear;
  -webkit-transition: fill-opacity 250ms linear, stroke-opacity 250ms linear;
  /*
  transition-delay: 500ms;
  -moz-transition-delay: 500ms;
  -webkit-transition-delay: 500ms;
  */ }

.nvd3.nv-stackedarea path.nv-area.hover {
  fill-opacity: .9;
  /*
  stroke-opacity: .85;
  */ }

/*
.d3stackedarea .groups path {
  stroke-opacity: 0;
}
  */
.nvd3.nv-stackedarea .nv-groups .nv-point {
  stroke-opacity: 0;
  fill-opacity: 0; }

/*
.nvd3.nv-stackedarea .nv-groups .nv-point.hover {
  stroke-width: 20px;
  stroke-opacity: .75;
  fill-opacity: 1;
}*/
/**********
*  Line Plus Bar
*/
.nvd3.nv-linePlusBar .nv-bar rect {
  fill-opacity: .75; }

.nvd3.nv-linePlusBar .nv-bar rect:hover {
  fill-opacity: 1; }

/**********
*  Bullet
*/
.nvd3.nv-bullet {
  font: 10px sans-serif; }

.nvd3.nv-bullet .nv-measure {
  fill-opacity: .8; }

.nvd3.nv-bullet .nv-measure:hover {
  fill-opacity: 1; }

.nvd3.nv-bullet .nv-marker {
  stroke: #000;
  stroke-width: 2px; }

.nvd3.nv-bullet .nv-markerTriangle {
  stroke: #000;
  fill: #fff;
  stroke-width: 1.5px; }

.nvd3.nv-bullet .nv-tick line {
  stroke: #666;
  stroke-width: .5px; }

.nvd3.nv-bullet .nv-range.nv-s0 {
  fill: #eee; }

.nvd3.nv-bullet .nv-range.nv-s1 {
  fill: #ddd; }

.nvd3.nv-bullet .nv-range.nv-s2 {
  fill: #ccc; }

.nvd3.nv-bullet .nv-title {
  font-size: 14px;
  font-weight: bold; }

.nvd3.nv-bullet .nv-subtitle {
  fill: #999; }

.nvd3.nv-bullet .nv-range {
  fill: #bababa;
  fill-opacity: .4; }

.nvd3.nv-bullet .nv-range:hover {
  fill-opacity: .7; }

/**********
* Sparkline
*/
.nvd3.nv-sparkline path {
  fill: none; }

.nvd3.nv-sparklineplus g.nv-hoverValue {
  pointer-events: none; }

.nvd3.nv-sparklineplus .nv-hoverValue line {
  stroke: #333;
  stroke-width: 1.5px; }

.nvd3.nv-sparklineplus,
.nvd3.nv-sparklineplus g {
  pointer-events: all; }

.nvd3 .nv-hoverArea {
  fill-opacity: 0;
  stroke-opacity: 0; }

.nvd3.nv-sparklineplus .nv-xValue,
.nvd3.nv-sparklineplus .nv-yValue {
  /*
  stroke: #666;
  */
  stroke-width: 0;
  font-size: .9em;
  font-weight: normal; }

.nvd3.nv-sparklineplus .nv-yValue {
  stroke: #f66; }

.nvd3.nv-sparklineplus .nv-maxValue {
  stroke: #2ca02c;
  fill: #2ca02c; }

.nvd3.nv-sparklineplus .nv-minValue {
  stroke: #d62728;
  fill: #d62728; }

.nvd3.nv-sparklineplus .nv-currentValue {
  /*
  stroke: #444;
  fill: #000;
  */
  font-weight: bold;
  font-size: 1.1em; }

/**********
* historical stock
*/
.nvd3.nv-ohlcBar .nv-ticks .nv-tick {
  stroke-width: 2px; }

.nvd3.nv-ohlcBar .nv-ticks .nv-tick.hover {
  stroke-width: 4px; }

.nvd3.nv-ohlcBar .nv-ticks .nv-tick.positive {
  stroke: #2ca02c; }

.nvd3.nv-ohlcBar .nv-ticks .nv-tick.negative {
  stroke: #d62728; }

.nvd3.nv-historicalStockChart .nv-axis .nv-axislabel {
  font-weight: bold; }

.nvd3.nv-historicalStockChart .nv-dragTarget {
  fill-opacity: 0;
  stroke: none;
  cursor: move; }

.nvd3 .nv-brush .extent {
  /*
  cursor: ew-resize !important;
  */
  fill-opacity: 0 !important; }

.nvd3 .nv-brushBackground rect {
  stroke: #000;
  stroke-width: .4;
  fill: #fff;
  fill-opacity: .7; }

/**********
* Indented Tree
*/
/**
 * TODO: the following 3 selectors are based on classes used in the example.  I should either make them standard and leave them here, or move to a CSS file not included in the library
 */
.nvd3.nv-indentedtree .name {
  margin-left: 5px; }

.nvd3.nv-indentedtree .clickable {
  color: #08C;
  cursor: pointer; }

.nvd3.nv-indentedtree span.clickable:hover {
  color: #005580;
  text-decoration: underline; }

.nvd3.nv-indentedtree .nv-childrenCount {
  display: inline-block;
  margin-left: 5px; }

.nvd3.nv-indentedtree .nv-treeicon {
  cursor: pointer;
  /*
  cursor: n-resize;
  */ }

.nvd3.nv-indentedtree .nv-treeicon.nv-folded {
  cursor: pointer;
  /*
  cursor: s-resize;
  */ }

/**********
* Parallel Coordinates
*/
.nvd3 .background path {
  fill: none;
  stroke: #ccc;
  stroke-opacity: .4;
  shape-rendering: crispEdges; }

.nvd3 .foreground path {
  fill: none;
  stroke: steelblue;
  stroke-opacity: .7; }

.nvd3 .brush .extent {
  fill-opacity: .3;
  stroke: #fff;
  shape-rendering: crispEdges; }

.nvd3 .axis line, .axis path {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges; }

.nvd3 .axis text {
  text-shadow: 0 1px 0 #fff; }

/****
Interactive Layer
*/
.nvd3 .nv-interactiveGuideLine {
  pointer-events: none; }

.nvd3 line.nv-guideline {
  stroke: #ccc; }

.formulario {
  background-color: #eeeeee;
  box-shadow: #2f3e46 5px 5px 10px;
  padding: 20px;
  width: 460px;
  display: block;
  margin: 20px;
  border-color: #D3D0D0;
  border-style: solid;
  border-width: 1px; }
  .formulario input {
    min-height: 30px; }

.formulario h3 {
  text-align: center; }

.formulario label,
.formuTrad label {
  width: 150px;
  display: inline-block;
  text-align: right;
  margin-right: 10px; }

.formuTrad .tab-content {
  background-color: #cccccc;
  padding: 20px; }

.formuTrad .nav-tabs > li {
  background-color: rgba(165, 174, 186, 0.23); }

.formuTrad .nav {
  margin-bottom: 0px;
  cursor: pointer; }

.formuTrad .nav-tabs .active > a,
.formuTrad .nav-tabs .active > a:hover,
.formuTrad .nav-tabs .active > a:focus {
  background-color: #cccccc; }

/* FORMULARIOS EN GENERAL ************************************************************************************************* */
input.campoerror {
  border: 1px solid red; }

#content {
  width: 90%;
  margin: 0 auto; }

.fullHeight {
  height: 100%;
  position: relative; }

.almostHeight {
  height: 100%;
  position: relative;
  padding-bottom: 200px; }

.centrado {
  text-align: center; }

.margenCentrado {
  margin-block: 4%; }

.botInc {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
  outline: none !important; }
  .botInc :first-child, .botInc :last-child {
    margin: -1px 0 0 0 !important;
    cursor: pointer; }
  .botInc span.botoneravalue, .botInc input.botoneravalue {
    display: inline-block !important;
    height: 70px;
    width: 70px;
    border: none;
    border-radius: 35px;
    background-color: #A1A1A1;
    font-size: 2.0em !important;
    text-align: center;
    vertical-align: middle;
    line-height: 70px;
    color: #FFFFFF !important;
    margin: 0 10px !important; }
  .botInc input.botoneravalue {
    padding: 0;
    font-size: 1.4em !important; }
  .botInc button {
    -webkit-appearance: none;
    vertical-align: middle; }

.botoneraContenedor {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
  outline: none !important;
  display: inline-block; }
  .botoneraContenedor .botPersonas {
    width: 50px;
    margin: 0 5px;
    height: 50px;
    display: table-cell;
    font-weight: bold;
    vertical-align: middle; }
    .botoneraContenedor .botPersonas > div {
      height: 20px;
      color: #1B1B1B; }
    .botoneraContenedor .botPersonas > span.small, .botoneraContenedor .botPersonas > button.small {
      margin-top: 12px; }

.paginador {
  text-align: center; }

.paginasContenedor {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
  outline: none !important;
  display: inline-flex;
  align-items: center;
  gap: 8px; }
  .paginasContenedor .botonPagina {
    width: 34px;
    height: 26px;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    text-align: center;
    font-weight: bold;
    vertical-align: middle; }
    .paginasContenedor .botonPagina > span {
      font-size: 12px;
      font-weight: 400;
      line-height: normal;
      width: 34px;
      height: 26px;
      text-align: center;
      cursor: pointer;
      padding: 12px 24px;
      width: auto;
      height: auto;
      background: #FFFFFF;
      border-radius: 6px; }
      .paginasContenedor .botonPagina > span.active {
        background: #FF4235;
        color: #FFFFFF; }
      .paginasContenedor .botonPagina > span:hover {
        background: #FFA099;
        color: #FFFFFF; }
    .paginasContenedor .botonPagina > button {
      margin-top: 4px;
      cursor: pointer; }

.escruleable {
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  /* -ms-scroll-chaining: none;
   -ms-touch-action: pan-y; */
  -ms-overflow-style: -ms-autohiding-scrollbar; }

.marginado {
  padding-left: 43px !important;
  background: url("/shared/img/flecha_naranja.png") no-repeat 6% 45%; }

.w100 {
  width: 100%; }

.w95 {
  width: 95%; }

.w90 {
  width: 90%; }

.w85 {
  width: 85%; }

.w80 {
  width: 80%; }

.w75 {
  width: 75%; }

.w70 {
  width: 70%; }

.w66 {
  width: 66%; }

.w60 {
  width: 60%; }

.w50 {
  width: 50%; }

.w40 {
  width: 40%; }

.w33 {
  width: 33%; }

.w30 {
  width: 30%; }

.w25 {
  width: 25%; }

.w20 {
  width: 20%; }

.w15 {
  width: 15%; }

.w10 {
  width: 10%; }

.w05 {
  width: 5%; }

.w100px {
  width: 100px;
  display: inline-block; }

.w200px {
  width: 200px;
  display: inline-block; }

.w300px {
  width: 300px;
  display: inline-block; }

.w400px {
  width: 400px;
  display: inline-block; }

.w500px {
  width: 500px;
  display: inline-block; }

.h50 {
  height: 50px;
  min-height: 50px;
  max-height: 50px; }

.h60 {
  height: 60px;
  min-height: 60px;
  max-height: 60px; }

.h75 {
  height: 75px;
  min-height: 75px;
  max-height: 75px; }

.h100 {
  height: 100px;
  min-height: 100px;
  max-height: 100px; }

.h40 {
  height: 40px;
  min-height: 40px;
  max-height: 40px; }

.diasiguiente {
  font-size: 10px;
  display: block;
  width: 100%;
  text-align: center;
  font-style: italic;
  position: absolute;
  bottom: 0px;
  left: -22px; }

@media (max-width: 1300px) {
  .columnaOculta {
    display: none; } }
.parcheFirefox {
  margin-top: 40px;
  padding-bottom: 40px; }

.espacioMarginado {
  padding: 5px 20px; }

#registroContable .negrita {
  color: #222222;
  text-transform: uppercase;
  border-top: solid 2px #FF4235; }

.loading {
  background: url("/shared/img/loading_white.gif") center center no-repeat;
  background-size: 200px;
  width: 35px;
  height: 35px;
  display: inline-block;
  float: right;
  margin: 7px; }

.ToteatTable table.tableConsolidado thead tr, .ToteatTable table.tableConsolidado tbody tr {
  color: #A1A1A1; }
  .ToteatTable table.tableConsolidado thead tr:hover, .ToteatTable table.tableConsolidado tbody tr:hover {
    background: #FFFFFF;
    color: #A1A1A1; }
    .ToteatTable table.tableConsolidado thead tr:hover:nth-of-type(odd), .ToteatTable table.tableConsolidado tbody tr:hover:nth-of-type(odd) {
      background: #f9f9f9;
      color: #A1A1A1; }

table.colEqual td {
  width: 50%; }

.subidaMasiva {
  margin: 25px 0;
  display: block;
  font-family: "Open Sans Light", sans-serif; }
  .subidaMasiva .drop {
    padding: 100px 2%;
    border: dashed 3px #FF4235;
    display: block;
    text-align: center; }
    .subidaMasiva .drop p {
      display: block;
      width: 70%;
      margin: 20px auto;
      font-size: 24px; }
    .subidaMasiva .drop label {
      cursor: pointer; }
      .subidaMasiva .drop label input {
        margin-right: 15px;
        cursor: pointer; }
  .subidaMasiva p {
    text-align: center;
    color: #222222; }
    .subidaMasiva p a {
      text-decoration: none;
      color: #FF4235;
      font-weight: 800;
      display: inline-block; }

.selectTab {
  display: none; }
  @media (max-width: 640px) {
    .selectTab {
      display: block;
      width: 100%;
      margin: 0 auto; } }

.paginacion {
  text-align: center; }
  .paginacion ul {
    display: inline-block;
    width: auto;
    margin: auto;
    margin-top: 25px;
    text-align: center;
    -webkit-box-shadow: 0 1px 2px 2px rgba(186, 186, 186, 0.1);
    box-shadow: 0 1px 2px 2px rgba(186, 186, 186, 0.1); }
    .paginacion ul li {
      display: inline-block;
      vertical-align: top;
      float: left;
      margin-left: -1px;
      border: solid 1px #DDDDDD; }
      .paginacion ul li button {
        padding: 8px 12px;
        cursor: pointer;
        color: #A1A1A1;
        font-size: 14px;
        background: #FFFFFF; }
        .paginacion ul li button.totiton {
          font-size: 15px;
          padding: 9px 15px; }
        .paginacion ul li button:active, .paginacion ul li button:focus {
          background: #FF4235;
          color: #FFFFFF;
          font-weight: 800; }
        .paginacion ul li button:hover {
          background: #FFF9D8; }
      .paginacion ul li:first-child {
        -webkit-border-radius: 3px 0 0 3px;
        border-radius: 3px 0 0 3px;
        margin-left: 0; }
      .paginacion ul li:last-child {
        -webkit-border-radius: 0 3px 3px 0;
        border-radius: 0 3px 3px 0; }
      .paginacion ul li span {
        padding: 8px 16px;
        line-height: 33px; }

div.movimiento > a > span.select2-chosen {
  background-color: #FFFFFF;
  color: #464646;
  padding: 0 8px;
  margin: 0 !important;
  left: -8px; }

.bordeRight {
  border-right: 1px solid #A1A1A1; }

.bordeLeft {
  border-left: 1px solid #A1A1A1; }

.visiblehover:hover > span.toticon {
  visibility: visible !important; }

#contCuenta {
  width: 50%;
  padding: 0;
  margin: 0;
  vertical-align: top;
  background-color: white;
  position: absolute;
  top: 0;
  right: 0;
  color: #FFFFFF;
  transition-property: width;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  /* Safari */
  -webkit-transition-property: width;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: ease; }
  #contCuenta #cajaInfoNut {
    padding: 10px;
    height: auto;
    min-height: 100px; }
    #contCuenta #cajaInfoNut > div {
      font-size: 12px;
      font-weight: bold;
      background-color: #FFFFFF;
      color: #FF4235;
      font-style: italic;
      padding: 10px;
      border-radius: 5px; }
  #contCuenta #cabeCuenta {
    min-height: 44px;
    height: 44px;
    max-height: 44px;
    background-color: #FF4235; }
    #contCuenta #cabeCuenta > span {
      padding-left: 20px;
      vertical-align: top;
      display: inline-block;
      color: white;
      font-size: 18px;
      font-weight: 700;
      line-height: 44px; }
      @media all and (max-width: 400px) {
        #contCuenta #cabeCuenta > span {
          font-size: 14px; } }
    @media all and (max-width: 480px) {
      #contCuenta #cabeCuenta > span.pausa {
        font-size: 13px;
        padding-left: 2px;
        display: inline; } }
    @media all and (max-width: 375px) {
      #contCuenta #cabeCuenta > span.pausa {
        font-size: 10px; } }
    #contCuenta #cabeCuenta > button.pausa {
      padding: 5px; }
    #contCuenta #cabeCuenta > span.cabeceraPrio {
      top: 15px;
      left: 5px;
      padding: 0;
      font-size: 14px;
      border-radius: 3px;
      background: #464646;
      color: white;
      min-width: 28px;
      min-height: 18px;
      line-height: 18px;
      text-align: center;
      display: inline-block;
      cursor: pointer; }
    #contCuenta #cabeCuenta > button.botToggle {
      position: absolute;
      top: 5px;
      right: 10px; }
    #contCuenta #cabeCuenta > div.footerCabCuenta {
      position: absolute;
      bottom: 0px;
      height: 5px; }
  #contCuenta.fullWidth {
    width: 100%; }
    #contCuenta.fullWidth #listaCuenta .lineaCuenta .contLineaCuenta1 {
      padding: 0 140px 0 20px !important; }
      #contCuenta.fullWidth #listaCuenta .lineaCuenta .contLineaCuenta1 .precio {
        display: block; }
  #contCuenta.escondida {
    width: 0; }

#listaCuenta {
  padding-top: 10px;
  color: #1B1B1B;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-scroll-chaining: none;
  -ms-touch-action: pan-y;
  -ms-overflow-style: -ms-autohiding-scrollbar; }

.cabeceraCuenta {
  line-height: 44px;
  height: 44px;
  font-weight: bold; }
  .cabeceraCuenta span {
    display: inline-block;
    height: 100%;
    margin: 0;
    padding: 0; }
  .cabeceraCuenta span:nth-child(1) {
    width: 20px;
    text-align: center; }
  .cabeceraCuenta span:nth-child(2) {
    width: 200px; }
  .cabeceraCuenta span:nth-child(3) {
    width: 80px;
    text-align: right; }

.lineaCuenta {
  display: block;
  width: 100%;
  position: relative;
  font-size: 13px;
  padding: 9px 0 0 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: rgba(70, 70, 70, 0.5); }
  .lineaCuenta .anulada {
    display: none !important; }
  .lineaCuenta .anulandose {
    color: red; }
  .lineaCuenta .contLineaCuenta1 {
    position: relative;
    display: block;
    padding: 0 60px 0 0px; }
    .lineaCuenta .contLineaCuenta1 span {
      display: table-cell;
      vertical-align: top;
      height: 39px;
      line-height: 13px; }
    .lineaCuenta .contLineaCuenta1 i.kdsStatusLinea {
      position: absolute;
      display: inline-block;
      width: 25px;
      text-align: center;
      background-color: white;
      border: 1px solid #A1A1A1;
      font-size: 14px;
      font-weight: bold;
      font-style: normal;
      color: #A1A1A1;
      height: 20px;
      top: 2px;
      right: 29px;
      z-index: 1000;
      border-radius: 2px;
      -webkit-box-shadow: 7px 7px 10px -1px rgba(0, 0, 0, 0.1), -3px 0px 15px 0px rgba(0, 0, 0, 0.05);
      box-shadow: 7px 7px 10px -1px rgba(0, 0, 0, 0.1), -3px 0px 15px 0px rgba(0, 0, 0, 0.05); }
    .lineaCuenta .contLineaCuenta1 .contLineaCuenta2 {
      position: relative;
      display: block;
      padding: 0 90px 0 20px; }
      .lineaCuenta .contLineaCuenta1 .contLineaCuenta2 .itemCantidadEscondido {
        display: none; }
      .lineaCuenta .contLineaCuenta1 .contLineaCuenta2.ordenPlatoLinea {
        padding-left: 42px;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none; }
    .lineaCuenta .contLineaCuenta1 .comensal {
      top: 0;
      left: 2px;
      position: absolute;
      min-width: 16px;
      text-align: center;
      height: 16px;
      line-height: 16px;
      border-radius: 8px;
      background-color: #FF4235;
      color: white;
      cursor: pointer; }
      .lineaCuenta .contLineaCuenta1 .comensal.ordenPlato {
        left: 22px;
        border-radius: 3px;
        background: #464646;
        color: white;
        min-width: 18px;
        min-height: 18px;
        line-height: 18px;
        text-align: center;
        display: inline-block;
        cursor: pointer; }
    .lineaCuenta .contLineaCuenta1 .precio {
      position: absolute;
      top: 0;
      right: 60px;
      width: 90px;
      text-align: right;
      display: table-cell;
      height: 39px;
      line-height: 13px;
      font-weight: 700; }
    @media all and (max-width: 480px) {
      .lineaCuenta .contLineaCuenta1 .contLineaCuenta2 {
        position: relative;
        display: block;
        padding: 0 0 0 20px; }
        .lineaCuenta .contLineaCuenta1 .contLineaCuenta2 .itemCantidadEscondido {
          display: table-cell; }
      .lineaCuenta .contLineaCuenta1 .precio {
        display: none; } }
  .lineaCuenta > .toticon-trash {
    position: absolute;
    top: 1px;
    right: 2px;
    height: 38px;
    padding: 10px 5px;
    width: 28px; }
  .lineaCuenta > button.bcancelar {
    border-radius: 10px;
    width: 28px;
    height: 38px;
    padding: 10px 5px;
    position: absolute;
    top: 0px;
    right: 2px; }
    .lineaCuenta > button.bcancelar > span {
      top: 1px;
      left: 1px; }
  .lineaCuenta > .toticon-notas {
    position: absolute;
    top: 2px;
    right: 28px;
    width: 38px;
    height: 38px;
    padding: 10px; }
  .lineaCuenta > .toticon-notas.comentada {
    color: red; }

.lineaCuentaBottom {
  height: 3px;
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: rgba(70, 70, 70, 0.5); }

.medFont .lineaCuenta > .contLineaCuenta1 {
  font-size: 17px; }
  .medFont .lineaCuenta > .contLineaCuenta1 .precio {
    font-size: 13px; }

.bigFont .lineaCuenta > .contLineaCuenta1 {
  font-size: 19px; }
  .bigFont .lineaCuenta > .contLineaCuenta1 .precio {
    font-size: 13px; }

.menulistaGapFinal {
  height: var(--gap-piecuenta-mobile); }

#piecuenta {
  height: 131px;
  min-height: 131px;
  max-height: 131px;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: 0;
  background-color: white;
  box-shadow: 0 0px 12px 0px rgba(0, 0, 0, 0.1); }
  @media (max-width: 780px) {
    #piecuenta {
      height: calc( 131px + var(--gap-piecuenta-mobile));
      min-height: calc( 131px + var(--gap-piecuenta-mobile));
      max-height: calc( 131px + var(--gap-piecuenta-mobile)); } }
  #piecuenta .totalCuenta {
    font-size: 14px;
    color: #1B1B1B;
    display: flex;
    width: 688px;
    padding: 12px 16px;
    justify-content: space-between;
    align-items: center;
    height: auto;
    border-radius: 8px;
    border: 1px solid #E6D9CA;
    background: #F7F3EE;
    margin: 8px 16px;
    width: calc(100% - 16px*2); }
    #piecuenta .totalCuenta div:last-of-type {
      font-size: 16px;
      font-weight: 600;
      line-height: 104.5%;
      /* 25.08px */
      letter-spacing: -0.48px; }
    @media (max-width: 780px) {
      #piecuenta .totalCuenta {
        padding: 8px;
        margin: 8px;
        width: calc(100% - 8px*2); } }
  #piecuenta > div.footerPieCuenta {
    background-color: #FFFFFF;
    height: 16px;
    width: 100%; }
    #piecuenta > div.footerPieCuenta > div {
      position: absolute;
      top: -2px;
      height: 5px; }
  #piecuenta .ds-order-footer {
    display: flex;
    flex-direction: row;
    gap: 16px;
    justify-content: space-between;
    padding: 8px 16px 16px;
    border-top: 2px solid #F7F3EE; }
    #piecuenta .ds-order-footer button,
    #piecuenta .ds-order-footer div {
      flex: 1; }
    @media (max-width: 780px) {
      #piecuenta .ds-order-footer {
        gap: 4px;
        flex-direction: column;
        padding: 8px; } }
  #piecuenta .ds-divider {
    margin: 10px 0;
    border-top: 2px solid #F7F3EE; }
  #piecuenta .botonConfirmar {
    font-family: 'Manrope';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    color: #464646;
    font-family: 'Manrope';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    color: #464646;
    font-size: 14px;
    font-weight: 700;
    text-transform: capitalize;
    display: inline-flex;
    padding: 8px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    border-radius: 23px;
    border: 1px solid #FF4235 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    font-family: 'Manrope' !important;
    background-color: #FF4235;
    border-color: #FF4235 !important;
    color: #FFFFFF;
    display: flex;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
    outline: none !important; }
    #piecuenta .botonConfirmar[class^="toticon-"]::before, #piecuenta .botonConfirmar[class*=" toticon-"]::before {
      font-family: TotIconos !important; }
    #piecuenta .botonConfirmar[class^="toticon2-"]::before, #piecuenta .botonConfirmar[class*=" toticon2-"]::before {
      font-family: TotIconos2 !important; }
    #piecuenta .botonConfirmar[class^="toticon3-"]::before, #piecuenta .botonConfirmar[class*=" toticon3-"]::before {
      font-family: TotIconos3 !important; }
    #piecuenta .botonConfirmar[class^="toticon4-"]::before, #piecuenta .botonConfirmar[class*=" toticon4-"]::before {
      font-family: TotIconos4 !important; }
    #piecuenta .botonConfirmar[class^="toticon5-"]::before, #piecuenta .botonConfirmar[class*=" toticon5-"]::before {
      font-family: TotIconos5 !important; }
    #piecuenta .botonConfirmar span {
      display: inline-block; }
    @media (min-width: 640px) {
      #piecuenta .botonConfirmar {
        padding: 12px 24px; } }
    #piecuenta .botonConfirmar[disabled] {
      cursor: not-allowed !important;
      -webkit-box-shadow: none;
      box-shadow: none !important;
      pointer-events: none; }
    #piecuenta .botonConfirmar:hover:not([disabled]) {
      border: 1px solid #FFA099 !important;
      background-color: #FFA099 !important; }
    #piecuenta .botonConfirmar.inverted {
      background-color: #F7F7F7 !important;
      border-color: #F7F7F7 !important;
      color: #1B1B1B !important; }
      #piecuenta .botonConfirmar.inverted:hover:not([disabled]) {
        border: 1px solid #F7F7F7 !important;
        background-color: #F7F7F7 !important;
        color: #FF4235 !important; }
    #piecuenta .botonConfirmar[disabled] {
      background-color: #CFCFCF !important;
      border-color: #CFCFCF !important;
      color: #FFFFFF !important; }
    #piecuenta .botonConfirmar > span {
      /*       position:relative;
            display:inline-block;
            line-height:50px;
            @media all and (min-height: 737px)  {
              line-height:100px;
            }
            vertical-align:middle; */ }
  #piecuenta > span {
    position: relative;
    width: 100%;
    display: block;
    height: 20px;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 20px;
    border: none !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
    outline: none !important; }

div.botonTip {
  padding: 20px;
  text-align: center;
  width: 80%;
  margin: 20px 5px 0 5px;
  font-size: 1.5em;
  font-weight: bold;
  display: inline-block;
  background-color: #DDDDDD; }

div.botoneraTips {
  text-align: center;
  padding: 20px 0 0 0; }
  div.botoneraTips > .botonTip {
    width: 40%; }

.iconoPropinaFast {
  font-size: 30px;
  padding: 5px;
  width: 40px !important;
  text-align: center;
  color: white;
  height: 36px !important;
  border-radius: 2px;
  top: -5px !important;
  background-color: #EE7553; }

.button-cancel-delivery {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 100%;
  padding: 39px 16px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25), 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  background-color: #fff; }
  .button-cancel-delivery .main-text,
  .button-cancel-delivery .text {
    font-family: 'Manrope', sans-serif; }
  .button-cancel-delivery .main-text {
    color: #111111;
    font-size: 16px;
    font-weight: 700;
    margin: 0; }
  .button-cancel-delivery .line {
    background-color: #111111;
    width: 173px;
    height: 1px;
    margin: 8px 0; }
  .button-cancel-delivery .text {
    color: #131313;
    font-size: 9px;
    font-style: normal;
    font-weight: 500; }
    .button-cancel-delivery .text b {
      color: #111111;
      font-weight: 700; }
  .button-cancel-delivery:hover .main-text {
    color: #000000; }
  .button-cancel-delivery:hover .line {
    background-color: #000000; }

.modal-delivery {
  position: fixed;
  z-index: 20;
  overflow: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5); }
  .modal-delivery .main-container-modal {
    flex-shrink: 0;
    margin: auto;
    background-color: #fff;
    border-radius: 50px;
    padding: 40px 46px;
    width: 624px; }
    .modal-delivery .main-container-modal .title,
    .modal-delivery .main-container-modal .input-container,
    .modal-delivery .main-container-modal .input-textarea,
    .modal-delivery .main-container-modal .text-error {
      font-family: 'Manrope', sans-serif; }
    .modal-delivery .main-container-modal .button-close {
      margin-left: auto;
      display: block;
      height: 18px;
      width: 18px;
      border: none;
      background-color: transparent;
      margin-bottom: 12px; }
      .modal-delivery .main-container-modal .button-close svg {
        stroke: #111111; }
      .modal-delivery .main-container-modal .button-close:hover svg {
        stroke: #FF4B33; }
    .modal-delivery .main-container-modal .title {
      color: #111111;
      font-size: 20px;
      font-weight: 700;
      text-align: left; }
    .modal-delivery .main-container-modal .form {
      border: 0;
      padding: 0;
      flex-shrink: 0; }
    .modal-delivery .main-container-modal .list {
      margin: 37px 0 14px 0;
      display: flex;
      gap: 15px;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: flex-start; }
      .modal-delivery .main-container-modal .list .input-container {
        flex: 1 1 45%;
        display: flex;
        align-items: center;
        position: relative;
        display: block;
        padding: 10px 0;
        padding-left: 41px;
        color: #000;
        font-size: 14px;
        font-weight: 400; }
        .modal-delivery .main-container-modal .list .input-container .input-radio {
          appearance: none;
          -webkit-appearance: none;
          -moz-appearance: none;
          visibility: hidden;
          position: absolute;
          left: 0; }
          .modal-delivery .main-container-modal .list .input-container .input-radio + i {
            position: absolute;
            top: 10px;
            left: 0;
            width: 20px;
            height: 20px;
            border: 1px solid #111111;
            background-color: #fff;
            border-radius: 100%; }
            .modal-delivery .main-container-modal .list .input-container .input-radio + i:before {
              content: "";
              position: absolute;
              display: block;
              border-radius: 100%;
              top: 4px;
              left: 4px;
              width: 10px;
              height: 10px;
              transition: all 0.25s ease;
              transform: scale(0);
              opacity: 0;
              background-color: #111111;
              /* Color del circulo interior */ }
          .modal-delivery .main-container-modal .list .input-container .input-radio:checked + i:before {
            transform: scale(1);
            opacity: 1; }
          .modal-delivery .main-container-modal .list .input-container .input-radio:not(:checked) + i {
            background-color: #fff; }
    .modal-delivery .main-container-modal .input-textarea {
      border-radius: 10px;
      border: 1px solid #000;
      background: #FFF;
      color: #000;
      font-size: 14px;
      font-weight: 400;
      width: 100%;
      resize: none;
      height: 97px;
      display: block;
      margin: 0;
      padding: 18px 16px; }
      .modal-delivery .main-container-modal .input-textarea::placeholder, .modal-delivery .main-container-modal .input-textarea:disabled {
        color: #9D9D9D;
        border-color: #9D9D9D; }
    .modal-delivery .main-container-modal .text-error {
      color: #FF4B33;
      margin: 0;
      font-size: 10px;
      font-style: normal;
      font-weight: 600;
      margin-top: 4px;
      opacity: 0; }
      .modal-delivery .main-container-modal .text-error.show {
        opacity: 1; }
    .modal-delivery .main-container-modal .footer {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      margin-top: calc(44px - 15px); }
      .modal-delivery .main-container-modal .footer .button-confirm {
        border-radius: 100px;
        border: 1px solid #111111 !important;
        background-color: #111111;
        padding: 10px 39px;
        color: #fff;
        font-size: 14px; }
        .modal-delivery .main-container-modal .footer .button-confirm:hover, .modal-delivery .main-container-modal .footer .button-confirm:active {
          color: #111111;
          background-color: transparent;
          border: 1px solid #111111 !important; }

@media (max-width: 600px) {
  .modal-delivery .input-container {
    flex-basis: 100%; } }
.circulo.tt-xxxs {
  border-radius: 7px;
  width: 14px;
  height: 14px;
  padding: 2px; }
.circulo.tt-xxs {
  border-radius: 10px;
  width: 20px;
  height: 20px;
  padding: 3px; }
.circulo.tt-xs {
  border-radius: 13px;
  width: 26px;
  height: 26px;
  padding: 4px; }
.circulo.tt-s {
  border-radius: 17px;
  width: 34px;
  height: 34px;
  padding: 5px; }
.circulo.tt-sm {
  border-radius: 24px;
  width: 48px;
  height: 48px;
  padding: 10px; }
.circulo.tt-smx {
  border-radius: 27px;
  width: 54px;
  height: 54px;
  padding: 10px; }
.circulo.tt-m {
  border-radius: 31px;
  width: 62px;
  height: 62px;
  padding: 11px; }
.circulo.tt-xm {
  border-radius: 37px;
  width: 74px;
  height: 74px;
  padding: 12px; }
.circulo.tt-g {
  border-radius: 51px;
  width: 102px;
  height: 102px;
  padding: 13px; }
.circulo.tt-xg {
  border-radius: 65px;
  width: 130px;
  height: 130px;
  padding: 15px; }
.circulo.texto > span {
  font-size: 70%;
  vertical-align: top; }

.circuloD {
  display: inline-block;
  border-radius: 39px;
  width: 39px;
  height: 39px;
  padding: 5px 11px;
  line-height: 29px;
  font-size: 26px;
  font-style: normal; }

.circuloCh {
  display: inline-block;
  border-radius: 39px;
  width: 39px;
  height: 39px;
  padding: 5px 3px;
  text-transform: none !important;
  line-height: 29px;
  font-size: 24px;
  font-style: normal; }

.toticon-vacio:before {
  content: ""; }

button.tt-xxs.toticon.boton {
  width: auto;
  height: 25px;
  font-size: 18px;
  line-height: 25px;
  letter-spacing: 0;
  padding: 0 3px; }
  button.tt-xxs.toticon.boton:hover {
    opacity: 0.8; }
  button.tt-xxs.toticon.boton > span {
    font-size: 18px;
    vertical-align: top !important;
    line-height: 25px;
    font-weight: bold;
    padding: 0 3px; }

.tt-xxxs, div.tt-xxxs .toticon, button.tt-xxxs .toticon {
  width: auto;
  height: 10px;
  font-size: 10px;
  line-height: 10px;
  letter-spacing: 0; }
  .tt-xxxs > span, div.tt-xxxs .toticon > span, button.tt-xxxs .toticon > span {
    font-family: 'Manrope' ,"Open Sans"; }

.tt-xxs, div.tt-xxs .toticon, button.tt-xxs .toticon {
  width: auto;
  height: 14px;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0; }
  .tt-xxs > span, div.tt-xxs .toticon > span, button.tt-xxs .toticon > span {
    font-family: 'Manrope' ,"Open Sans"; }

.tt-xs, div.tt-xs .toticon, button.tt-xs .toticon {
  width: auto;
  height: 18px;
  font-size: 18px;
  line-height: 18px;
  letter-spacing: 0; }
  .tt-xs > span, div.tt-xs .toticon > span, button.tt-xs .toticon > span {
    font-family: 'Manrope' ,"Open Sans"; }

button.tt-xs.toticon.boton {
  width: auto;
  height: 18px;
  font-size: 18px;
  line-height: 18px;
  letter-spacing: 0;
  height: 30px;
  padding: 6px 10px; }
  button.tt-xs.toticon.boton > span {
    font-family: 'Manrope' ,"Open Sans"; }
  button.tt-xs.toticon.boton > span {
    vertical-align: top;
    line-height: 15px;
    font-weight: bold;
    padding-left: 3px; }

.tt-s, div.tt-s .toticon, button.tt-s .toticon {
  width: auto;
  height: 24px;
  font-size: 24px;
  line-height: 24px;
  letter-spacing: 0; }
  .tt-s > span, div.tt-s .toticon > span, button.tt-s .toticon > span {
    font-family: 'Manrope' ,"Open Sans"; }

.tt-sm, div.tt-sm .toticon, button.tt-sm .toticon {
  width: auto;
  height: 28px;
  font-size: 28px;
  line-height: 28px;
  letter-spacing: 0; }
  .tt-sm > span, div.tt-sm .toticon > span, button.tt-sm .toticon > span {
    font-family: 'Manrope' ,"Open Sans"; }

.tt-smx, div.tt-smx .toticon, button.tt-smx .toticon {
  width: auto;
  height: 34px;
  font-size: 34px;
  line-height: 34px;
  letter-spacing: 0; }
  .tt-smx > span, div.tt-smx .toticon > span, button.tt-smx .toticon > span {
    font-family: 'Manrope' ,"Open Sans"; }

.tt-m, div.tt-m .toticon, button.tt-m .toticon {
  width: auto;
  height: 40px;
  font-size: 40px;
  line-height: 40px;
  letter-spacing: 0; }
  .tt-m > span, div.tt-m .toticon > span, button.tt-m .toticon > span {
    font-family: 'Manrope' ,"Open Sans"; }

.tt-xm, div.tt-xm .toticon, button.tt-xm .toticon {
  width: auto;
  height: 50px;
  font-size: 50px;
  line-height: 50px;
  letter-spacing: 0; }
  .tt-xm > span, div.tt-xm .toticon > span, button.tt-xm .toticon > span {
    font-family: 'Manrope' ,"Open Sans"; }

.tt-g, div.tt-g .toticon, button.tt-g .toticon {
  width: auto;
  height: 76px;
  font-size: 76px;
  line-height: 76px;
  letter-spacing: 0; }
  .tt-g > span, div.tt-g .toticon > span, button.tt-g .toticon > span {
    font-family: 'Manrope' ,"Open Sans"; }

.tt-xg, div.tt-xg .toticon, button.tt-xg .toticon {
  width: auto;
  height: 100px;
  font-size: 100px;
  line-height: 100px;
  letter-spacing: 0; }
  .tt-xg > span, div.tt-xg .toticon > span, button.tt-xg .toticon > span {
    font-family: 'Manrope' ,"Open Sans"; }

.toticon.vt {
  vertical-align: top !important; }

.logoTT {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: auto !important;
  white-space: nowrap; }
  .logoTT.tt-xs span {
    letter-spacing: -5.4545454545px !important; }
  .logoTT.tt-s span {
    letter-spacing: -7.2727272727px !important; }
  .logoTT.tt-sm span {
    letter-spacing: -8.4848484848px !important; }
  .logoTT.tt-m span {
    letter-spacing: -12.1212121212px !important; }
  .logoTT.tt-xm span {
    letter-spacing: -15.1515151515px !important; }
  .logoTT.tt-g span {
    letter-spacing: -23.0303030303px !important; }
  .logoTT.tt-xg span {
    letter-spacing: -30.303030303px !important; }

.logoTT span {
  height: 100%;
  width: auto; }

.logoTT span:first-child {
  position: absolute;
  top: 0;
  left: 0; }

.logoTT span:nth-child(2), .logoTT span:nth-child(4) {
  letter-spacing: 0 !important; }

.contenedorIconos {
  font-size: 0;
  /* Para que no agregue 3 pixels entre iconos */
  display: inline-block;
  vertical-align: top; }

button.small {
  margin-right: 10px !important; }

button.small:last-child {
  margin-right: 0px !important; }

button.toticon.ng-click-active {
  border: none !important;
  outline: none !important; }

/*  Arreglo de iconos oficiales para mejor lectura a colores */
.color.toticon-facebook {
  color: #3B5998;
  background-color: white;
  border-radius: 20%; }
.color.toticon-gmail {
  color: #dd4b39;
  background-color: white;
  border-radius: 20%; }
.color.toticon-vk {
  background-color: #597DA3;
  color: white;
  border-radius: 20%; }
.color.toticon-linkedin {
  color: #1b86bc;
  background-color: white;
  border-radius: 20%; }

.toticon-BordeRepetidoArriba:before {
  content: "\e6a8\e6a8\e6a8\e6a8\e6a8\e6a8"; }

.toticon-BordeRepetidoArriba {
  letter-spacing: -1px !important;
  position: absolute;
  top: 40px;
  width: 100%; }

.toticon-BordeRepetidoAbajo:before {
  content: "\e6ad\e6ad\e6ad\e6ad\e6ad\e6ad"; }

.toticon-BordeRepetidoAbajo {
  letter-spacing: -1px !important; }

.toticon-BordeRepetidoNav:before {
  content: "\e6ad\e6ad\e6ad\e6ad\e6ad\e6ad"; }

.toticon-BordeRepetidoNav {
  position: absolute;
  top: 33px;
  z-index: 2;
  width: 100%;
  left: 0;
  color: #1B1B1B;
  font-size: 9px;
  letter-spacing: -1px !important; }

/* icons */
[class^="cus-"],
[class*=" cus-"] {
  background-position: 14px 14px;
  background-repeat: no-repeat;
  display: inline-block;
  height: 14px;
  line-height: 14px;
  margin-top: 1px;
  vertical-align: text-top;
  width: 14px;
  background-image: url("/shared/img/toteat-iconos2.png"); }

[class^="cus-"]:last-child,
[class*=" cus-"]:last-child {
  *margin-left: 0; }

.cus-facebook_bn {
  background-position: 0 0;
  width: 16px;
  height: 16px; }

.cus-google_bn {
  background-position: -24px 0;
  width: 16px;
  height: 16px; }

.cus-facebook {
  background-position: 0 -24px;
  width: 16px;
  height: 16px; }

.cus-google {
  background-position: -24px -24px;
  width: 16px;
  height: 16px; }

.cus-vk {
  background-position: 0 -48px;
  width: 16px;
  height: 16px; }

.cus-linkedin {
  background-position: -24px -48px;
  width: 16px;
  height: 16px; }

.cus-toteat {
  background-position: -48px -1;
  width: 16px;
  height: 16px; }

.cus-toteat2 {
  background-position: -48px -25px;
  width: 16px;
  height: 16px; }

.cus-es-ES {
  background-position: -72px 0;
  width: 16px;
  height: 16px; }

.cus-es-CL {
  background-position: -72px -46px;
  width: 16px;
  height: 16px; }

.cus-es-PE {
  background-position: -96px -46px;
  width: 16px;
  height: 16px; }

.cus-es-AR {
  background-position: -120px -46px;
  width: 16px;
  height: 16px; }

.cus-es-CO {
  background-position: -144px -46px;
  width: 16px;
  height: 16px; }

.cus-es-MX {
  background-position: -168px -46px;
  width: 16px;
  height: 16px; }

.cus-ca-ES {
  background-position: -96px 0;
  width: 16px;
  height: 16px; }

.cus-fr-FR {
  background-position: -120px 0;
  width: 16px;
  height: 16px; }

.cus-de-DE {
  background-position: -144px 0;
  width: 16px;
  height: 16px; }

.cus-it-IT {
  background-position: -168px 0;
  width: 16px;
  height: 16px; }

.cus-pt-BR {
  background-position: -192px 0;
  width: 16px;
  height: 16px; }

.cus-en-US {
  background-position: -72px -24px;
  width: 16px;
  height: 16px; }

.cus-en-UK {
  background-position: -96px -24px;
  width: 16px;
  height: 16px; }

.cus-eu {
  background-position: -120px -24px;
  width: 16px;
  height: 16px; }

.cus-ru-RU {
  background-position: -144px -24px;
  width: 16px;
  height: 16px; }

.cus-ja-JP {
  background-position: -168px -24px;
  width: 16px;
  height: 16px; }

.cus-zh-CHT {
  background-position: -192px -24px;
  width: 16px;
  height: 16px; }

.cus-save {
  background-position: -0px -72px;
  width: 16px;
  height: 16px; }

.cus-candado-abierto {
  background-position: -24px -72px;
  width: 16px;
  height: 16px; }

.cus-candado-cerrado {
  background-position: -48px -72px;
  width: 16px;
  height: 16px; }

.cus-3personas {
  background-position: -72px -72px;
  width: 16px;
  height: 16px; }

.cus-2personas {
  background-position: -96px -72px;
  width: 16px;
  height: 16px; }

.cus-llaves {
  background-position: -120px -72px;
  width: 16px;
  height: 16px; }

.cus-trash {
  background-position: -144px -72px;
  width: 16px;
  height: 16px; }

.cus-sesiones {
  background-position: -168px -72px;
  width: 16px;
  height: 16px; }

/*

#tablaPedidos{
  overflow: scroll;

  -webkit-overflow-scrolling: touch;
  -ms-scroll-chaining: none;
  -ms-touch-action: pan-y;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
*/
#cabTablaPedidos, #cabTablaPedidosExtra {
  height: 45px;
  min-height: 45px;
  max-height: 45px;
  padding: 2px 10px;
  border-bottom: 1px solid #DDDDDD;
  width: 100%;
  background-color: #FFFFFF; }
  #cabTablaPedidos .botonCancelar, #cabTablaPedidosExtra .botonCancelar {
    border-radius: 4px !important;
    padding: 7px 9px !important;
    text-transform: initial;
    font-size: 14px;
    vertical-align: top;
    margin-top: 4px;
    height: 36px; }
    @media only screen and (max-width: 640px) {
      #cabTablaPedidos .botonCancelar, #cabTablaPedidosExtra .botonCancelar {
        margin-right: 4px; } }
    #cabTablaPedidos .botonCancelar.bg01, #cabTablaPedidosExtra .botonCancelar.bg01 {
      font-family: 'Manrope';
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 130%;
      color: #464646;
      font-size: 14px;
      font-weight: 700;
      text-transform: capitalize;
      display: inline-flex;
      padding: 8px 24px;
      justify-content: center;
      align-items: center;
      gap: 8px;
      flex-shrink: 0;
      border-radius: 23px;
      border: 1px solid #FF4235 !important;
      -webkit-box-shadow: none;
      box-shadow: none;
      text-decoration: none;
      white-space: nowrap;
      cursor: pointer;
      font-family: 'Manrope' !important;
      background-color: #FF4235;
      border-color: #FF4235 !important;
      color: #FFFFFF; }
      #cabTablaPedidos .botonCancelar.bg01[class^="toticon-"]::before, #cabTablaPedidos .botonCancelar.bg01[class*=" toticon-"]::before, #cabTablaPedidosExtra .botonCancelar.bg01[class^="toticon-"]::before, #cabTablaPedidosExtra .botonCancelar.bg01[class*=" toticon-"]::before {
        font-family: TotIconos !important; }
      #cabTablaPedidos .botonCancelar.bg01[class^="toticon2-"]::before, #cabTablaPedidos .botonCancelar.bg01[class*=" toticon2-"]::before, #cabTablaPedidosExtra .botonCancelar.bg01[class^="toticon2-"]::before, #cabTablaPedidosExtra .botonCancelar.bg01[class*=" toticon2-"]::before {
        font-family: TotIconos2 !important; }
      #cabTablaPedidos .botonCancelar.bg01[class^="toticon3-"]::before, #cabTablaPedidos .botonCancelar.bg01[class*=" toticon3-"]::before, #cabTablaPedidosExtra .botonCancelar.bg01[class^="toticon3-"]::before, #cabTablaPedidosExtra .botonCancelar.bg01[class*=" toticon3-"]::before {
        font-family: TotIconos3 !important; }
      #cabTablaPedidos .botonCancelar.bg01[class^="toticon4-"]::before, #cabTablaPedidos .botonCancelar.bg01[class*=" toticon4-"]::before, #cabTablaPedidosExtra .botonCancelar.bg01[class^="toticon4-"]::before, #cabTablaPedidosExtra .botonCancelar.bg01[class*=" toticon4-"]::before {
        font-family: TotIconos4 !important; }
      #cabTablaPedidos .botonCancelar.bg01[class^="toticon5-"]::before, #cabTablaPedidos .botonCancelar.bg01[class*=" toticon5-"]::before, #cabTablaPedidosExtra .botonCancelar.bg01[class^="toticon5-"]::before, #cabTablaPedidosExtra .botonCancelar.bg01[class*=" toticon5-"]::before {
        font-family: TotIconos5 !important; }
      #cabTablaPedidos .botonCancelar.bg01 span, #cabTablaPedidosExtra .botonCancelar.bg01 span {
        display: inline-block; }
      @media (min-width: 640px) {
        #cabTablaPedidos .botonCancelar.bg01, #cabTablaPedidosExtra .botonCancelar.bg01 {
          padding: 12px 24px; } }
      #cabTablaPedidos .botonCancelar.bg01[disabled], #cabTablaPedidosExtra .botonCancelar.bg01[disabled] {
        cursor: not-allowed !important;
        -webkit-box-shadow: none;
        box-shadow: none !important;
        pointer-events: none; }
      #cabTablaPedidos .botonCancelar.bg01:hover:not([disabled]), #cabTablaPedidosExtra .botonCancelar.bg01:hover:not([disabled]) {
        border: 1px solid #FFA099 !important;
        background-color: #FFA099 !important; }
      #cabTablaPedidos .botonCancelar.bg01.inverted, #cabTablaPedidosExtra .botonCancelar.bg01.inverted {
        background-color: #F7F7F7 !important;
        border-color: #F7F7F7 !important;
        color: #1B1B1B !important; }
        #cabTablaPedidos .botonCancelar.bg01.inverted:hover:not([disabled]), #cabTablaPedidosExtra .botonCancelar.bg01.inverted:hover:not([disabled]) {
          border: 1px solid #F7F7F7 !important;
          background-color: #F7F7F7 !important;
          color: #FF4235 !important; }
      #cabTablaPedidos .botonCancelar.bg01[disabled], #cabTablaPedidosExtra .botonCancelar.bg01[disabled] {
        background-color: #CFCFCF !important;
        border-color: #CFCFCF !important;
        color: #FFFFFF !important; }
    #cabTablaPedidos .botonCancelar .alertaBotonReservas, #cabTablaPedidosExtra .botonCancelar .alertaBotonReservas {
      position: absolute;
      top: -6px;
      right: -6px;
      background-color: #FF4235;
      border-radius: 50%;
      font-size: 14px;
      height: 18px;
      width: 18px;
      text-align: center;
      line-height: 14px; }
  #cabTablaPedidos select, #cabTablaPedidosExtra select {
    padding: 8px;
    padding-right: 33px;
    margin-top: 3px;
    background-image: none; }
    #cabTablaPedidos select:focus, #cabTablaPedidos select:hover, #cabTablaPedidosExtra select:focus, #cabTablaPedidosExtra select:hover {
      color: white; }
  @media (max-width: 598px) {
    #cabTablaPedidos .resp600, #cabTablaPedidosExtra .resp600 {
      display: none; } }

#vistaGeneralPedidos, #vistaTiempoPedidos {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  -ms-scroll-chaining: none;
  -ms-touch-action: pan-y;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  background-color: #FFFFFF;
  padding: 0px;
  font-size: 0; }

#vistaTiempoPedidos > div.vgpItem > div.vgpIdMesa {
  font-size: 17px; }

.vgpMosaico .vgpTitulosListado {
  display: none; }

.vgpLista .vgpTitulosListado, .vgpTiempos .vgpTitulosListado {
  display: block;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  color: #000000;
  margin-bottom: 12px;
  padding-top: 4px; }
  .vgpLista .vgpTitulosListado div, .vgpTiempos .vgpTitulosListado div {
    display: inline-block;
    vertical-align: top;
    line-height: 14px; }
  .vgpLista .vgpTitulosListado .vgpIdMesa, .vgpTiempos .vgpTitulosListado .vgpIdMesa {
    width: 100px; }
  .vgpLista .vgpTitulosListado .vgpIcono, .vgpTiempos .vgpTitulosListado .vgpIcono {
    height: 10px;
    float: left;
    margin: 0 10px;
    width: 40px; }
  .vgpLista .vgpTitulosListado .vgpIconStatus, .vgpTiempos .vgpTitulosListado .vgpIconStatus {
    width: 64px;
    float: right;
    margin: 0 10px; }
  .vgpLista .vgpTitulosListado .vgpGarzon, .vgpTiempos .vgpTitulosListado .vgpGarzon {
    width: 85px; }
    @media only screen and (max-width: 780px) {
      .vgpLista .vgpTitulosListado .vgpGarzon, .vgpTiempos .vgpTitulosListado .vgpGarzon {
        display: none; } }
  .vgpLista .vgpTitulosListado .vgpTiempo, .vgpTiempos .vgpTitulosListado .vgpTiempo {
    float: right;
    width: 60px;
    margin-left: 10px; }
  .vgpLista .vgpTitulosListado .vgpTiempoDetalle, .vgpTiempos .vgpTitulosListado .vgpTiempoDetalle {
    width: 80px;
    margin: 0 10px; }
  .vgpLista .vgpTitulosListado .vgpComandas, .vgpTiempos .vgpTitulosListado .vgpComandas {
    width: 115px;
    margin: 0 10px; }
  .vgpLista .vgpTitulosListado .vgpCliente, .vgpTiempos .vgpTitulosListado .vgpCliente {
    width: 150px;
    margin: 0 10px;
    display: inline-block; }
    @media only screen and (max-width: 840px) {
      .vgpLista .vgpTitulosListado .vgpCliente, .vgpTiempos .vgpTitulosListado .vgpCliente {
        width: 100px; } }
    @media only screen and (max-width: 400px) {
      .vgpLista .vgpTitulosListado .vgpCliente, .vgpTiempos .vgpTitulosListado .vgpCliente {
        display: none; } }
  .vgpLista .vgpTitulosListado .vgpClienteDireccion, .vgpTiempos .vgpTitulosListado .vgpClienteDireccion {
    width: 240px;
    margin: 0 10px;
    display: inline-block; }
    @media (max-width: 1023px) {
      .vgpLista .vgpTitulosListado .vgpClienteDireccion, .vgpTiempos .vgpTitulosListado .vgpClienteDireccion {
        width: 150px; } }

div.vgpMosaico > div.vgpItem {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 120px;
  height: 160px;
  overflow: hidden;
  margin: 8px 0 2px 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
  outline: none !important;
  color: #FF4235;
  font-size: 14px; }
  div.vgpMosaico > div.vgpItem.muestraConsumo {
    height: 180px; }
  @media only screen and (min-width: 360px) {
    div.vgpMosaico > div.vgpItem {
      width: calc((100% / 3) - 1px); } }
  @media only screen and (min-width: 480px) {
    div.vgpMosaico > div.vgpItem {
      width: calc((100% / 4) - 1px); } }
  @media only screen and (min-width: 600px) {
    div.vgpMosaico > div.vgpItem {
      width: calc((100% / 5) - 1px); } }
  @media only screen and (min-width: 720px) {
    div.vgpMosaico > div.vgpItem {
      width: calc((100% / 6) - 1px); } }
  @media only screen and (min-width: 840px) {
    div.vgpMosaico > div.vgpItem {
      width: calc((100% / 7) - 1px); } }
  @media only screen and (min-width: 960px) {
    div.vgpMosaico > div.vgpItem {
      width: calc((100% / 8) - 1px); } }
  @media only screen and (min-width: 1080px) and (max-width: 1200px) {
    div.vgpMosaico > div.vgpItem {
      width: calc((100% / 9) - 1px); } }
  @media only screen and (min-width: 1200px) {
    div.vgpMosaico > div.vgpItem {
      width: 120px; } }
  div.vgpMosaico > div.vgpItem:hover {
    cursor: pointer; }
    div.vgpMosaico > div.vgpItem:hover .vgpIdMesa {
      color: #FFA099 !important; }
    div.vgpMosaico > div.vgpItem:hover .vgpIcono span {
      background-color: #FFA099; }
  div.vgpMosaico > div.vgpItem > div.vgpIcono > span.toticon-mesaabierta {
    display: inline-block; }
  div.vgpMosaico > div.vgpItem > div.vgpIcono > span.toticon-mesacerrada {
    display: none; }
  div.vgpMosaico > div.vgpItem > div.vgpIcono > span.toticon5-cart {
    display: inline-block; }
  div.vgpMosaico > div.vgpItem > div.vgpIcono > span.toticon5-fullcart {
    display: none; }
  div.vgpMosaico > div.vgpItem > div.vgpIcono > span.reservada {
    display: none; }
  div.vgpMosaico > div.vgpItem > div.vgpIcono > i.badge.badgePersonas {
    top: 33px;
    right: 29%;
    background-color: #46D281; }
  div.vgpMosaico > div.vgpItem > div.vgpTiempo > span, div.vgpMosaico > div.vgpItem > div.vgpTiempoDetalle > span, div.vgpMosaico > div.vgpItem > div.vgpComandas > span, div.vgpMosaico > div.vgpItem > div.vgpIconStatus > span {
    display: inline-block; }
  div.vgpMosaico > div.vgpItem > div.vgpTiempo {
    display: none; }
  div.vgpMosaico > div.vgpItem.stabierta > div.vgpIcono > span.toticon-mesaabierta {
    display: none; }
  div.vgpMosaico > div.vgpItem.stabierta > div.vgpIcono > span.toticon-mesacerrada {
    display: inline-block; }
  div.vgpMosaico > div.vgpItem.stabierta > div.vgpIcono > span.toticon5-cart {
    display: none; }
  div.vgpMosaico > div.vgpItem.stabierta > div.vgpIcono > span.toticon5-fullcart {
    display: inline-block; }
  div.vgpMosaico > div.vgpItem.stabierta > div.vgpIcono > span.reservada {
    display: none; }
  div.vgpMosaico > div.vgpItem.stabierta > div.vgpTiempo {
    display: block; }
  div.vgpMosaico > div.vgpItem.stabierta > div.vgpTiempo > span, div.vgpMosaico > div.vgpItem.stabierta > div.vgpTiempoDetalle > span, div.vgpMosaico > div.vgpItem.stabierta > div.vgpComandas > span {
    display: inline-block; }
  div.vgpMosaico > div.vgpItem.streservada > div.vgpIcono > span.toticon-mesaabierta {
    display: none; }
  div.vgpMosaico > div.vgpItem.streservada > div.vgpIcono > span.toticon-mesacerrada {
    display: none; }
  div.vgpMosaico > div.vgpItem.streservada > div.vgpIcono > span.toticon5-cart {
    display: none; }
  div.vgpMosaico > div.vgpItem.streservada > div.vgpIcono > span.toticon5-fullcart {
    display: none; }
  div.vgpMosaico > div.vgpItem.streservada > div.vgpIcono > span.reservada {
    display: inline-block; }
  div.vgpMosaico > div.vgpItem.streservada > div.vgpTiempo {
    display: block; }
  div.vgpMosaico > div.vgpItem.streservada > div.vgpTiempo > span, div.vgpMosaico > div.vgpItem.streservada > div.vgpTiempoDetalle > span, div.vgpMosaico > div.vgpItem.streservada > div.vgpComandas > span {
    display: inline-block; }
  div.vgpMosaico > div.vgpItem > div.vgpIconStatus > span {
    vertical-align: middle; }
  div.vgpMosaico > div.vgpItem.stabierta.mensaje > div.vgpIconStatus > span.toticon2-exclamacion {
    display: inline-block; }
  div.vgpMosaico > div.vgpItem.stabierta.garzon > div.vgpIconStatus > span.toticon-mesonero {
    display: inline-block; }
  div.vgpMosaico > div.vgpItem.stabierta.cerrando > div.vgpIconStatus > span.toticon2-check3 {
    display: inline-block; }
  div.vgpMosaico > div.vgpItem > .vgpIdMesa {
    color: #CFCFCF;
    font-weight: bold;
    font-size: 24px;
    line-height: 31px; }
    div.vgpMosaico > div.vgpItem > .vgpIdMesa.idmesalargo {
      font-size: 18px; }
  div.vgpMosaico > div.vgpItem.stabierta > .vgpIdMesa, div.vgpMosaico > div.vgpItem.streservada > .vgpIdmesa {
    color: #FF4235;
    font-size: 24px;
    line-height: 31px; }
    div.vgpMosaico > div.vgpItem.stabierta > .vgpIdMesa.idmesalargo, div.vgpMosaico > div.vgpItem.streservada > .vgpIdmesa.idmesalargo {
      font-size: 18px; }
  div.vgpMosaico > div.vgpItem.vgpStatus-2 {
    color: #DDDDDD; }
    div.vgpMosaico > div.vgpItem.vgpStatus-2 > .vgpIdMesa {
      color: #DDDDDD; }
    div.vgpMosaico > div.vgpItem.vgpStatus-2 > .vgpIconStatus {
      visibility: hidden; }
  div.vgpMosaico > div.vgpItem > .vgpGarzon {
    font-style: italic;
    color: #464646;
    max-height: 40px;
    overflow: hidden; }
  div.vgpMosaico > div.vgpItem > .vgpTiempo {
    font-weight: bold;
    color: #464646; }
  div.vgpMosaico > div.vgpItem > .vgpTiempoDetalle {
    display: none; }
  div.vgpMosaico > div.vgpItem > .vgpComandas {
    display: none; }
  div.vgpMosaico > div.vgpItem > .vgpCliente {
    display: none; }
  div.vgpMosaico > div.vgpItem > .vgpClienteDireccion {
    display: none; }
  div.vgpMosaico > div.vgpItem > .vgpTitulosListado {
    display: none; }

div.vgpLista > div.vgpItem, div.vgpTiempos > div.vgpItem {
  display: block;
  text-align: left;
  vertical-align: top;
  height: 50px;
  overflow: hidden;
  margin: 8px 0 2px 0;
  cursor: pointer;
  background: #FFFFFF;
  color: #000000;
  font-size: 14px; }
  div.vgpLista > div.vgpItem:hover, div.vgpTiempos > div.vgpItem:hover {
    background: #F7F7F7; }
  @media (max-width: 1023px) {
    div.vgpLista > div.vgpItem:hover, div.vgpTiempos > div.vgpItem:hover {
      background: #FFFFFF; } }
  div.vgpLista > div.vgpItem > div, div.vgpTiempos > div.vgpItem > div {
    display: inline-block;
    height: 50px;
    overflow: hidden;
    vertical-align: middle; }
  div.vgpLista > div.vgpItem > div.vgpIcono > span.toticon-mesaabierta, div.vgpTiempos > div.vgpItem > div.vgpIcono > span.toticon-mesaabierta {
    display: inline-block; }
  div.vgpLista > div.vgpItem > div.vgpIcono > span.toticon-mesacerrada, div.vgpTiempos > div.vgpItem > div.vgpIcono > span.toticon-mesacerrada {
    display: none; }
  div.vgpLista > div.vgpItem > div.vgpIcono > span.toticon5-cart, div.vgpTiempos > div.vgpItem > div.vgpIcono > span.toticon5-cart {
    display: inline-block; }
  div.vgpLista > div.vgpItem > div.vgpIcono > span.toticon5-fullcart, div.vgpTiempos > div.vgpItem > div.vgpIcono > span.toticon5-fullcart {
    display: none; }
  div.vgpLista > div.vgpItem > div.vgpIcono > span.reservada, div.vgpTiempos > div.vgpItem > div.vgpIcono > span.reservada {
    display: none; }
  div.vgpLista > div.vgpItem > div.vgpIcono > i.badge.badgePersonas, div.vgpTiempos > div.vgpItem > div.vgpIcono > i.badge.badgePersonas {
    top: 26px;
    right: 0px;
    background-color: #46D281; }
  div.vgpLista > div.vgpItem > div.vgpTiempoDetalle, div.vgpTiempos > div.vgpItem > div.vgpTiempoDetalle {
    visibility: hidden; }
  div.vgpLista > div.vgpItem.stabierta > div.vgpIcono > span.toticon-mesaabierta, div.vgpTiempos > div.vgpItem.stabierta > div.vgpIcono > span.toticon-mesaabierta {
    display: none; }
  div.vgpLista > div.vgpItem.stabierta > div.vgpIcono > span.toticon-mesacerrada, div.vgpTiempos > div.vgpItem.stabierta > div.vgpIcono > span.toticon-mesacerrada {
    display: inline-block; }
  div.vgpLista > div.vgpItem.stabierta > div.vgpIcono > span.toticon5-cart, div.vgpTiempos > div.vgpItem.stabierta > div.vgpIcono > span.toticon5-cart {
    display: none; }
  div.vgpLista > div.vgpItem.stabierta > div.vgpIcono > span.toticon5-fullcart, div.vgpTiempos > div.vgpItem.stabierta > div.vgpIcono > span.toticon5-fullcart {
    display: inline-block; }
  div.vgpLista > div.vgpItem.stabierta > div.vgpIcono > span.reservada, div.vgpTiempos > div.vgpItem.stabierta > div.vgpIcono > span.reservada {
    display: none; }
  div.vgpLista > div.vgpItem.stabierta > div.vgpTiempoDetalle, div.vgpTiempos > div.vgpItem.stabierta > div.vgpTiempoDetalle {
    visibility: visible; }
  div.vgpLista > div.vgpItem.stabierta > div.vgpTiempo > span, div.vgpLista > div.vgpItem.stabierta > div.vgpTiempoDetalle > span, div.vgpLista > div.vgpItem.stabierta > div.vgpComandas > span, div.vgpTiempos > div.vgpItem.stabierta > div.vgpTiempo > span, div.vgpTiempos > div.vgpItem.stabierta > div.vgpTiempoDetalle > span, div.vgpTiempos > div.vgpItem.stabierta > div.vgpComandas > span {
    display: inline-block; }
  div.vgpLista > div.vgpItem.stabierta .vgpIdMesa, div.vgpTiempos > div.vgpItem.stabierta .vgpIdMesa {
    color: #FF4235; }
  div.vgpLista > div.vgpItem.streservada > div.vgpIcono > span.toticon-mesaabierta, div.vgpTiempos > div.vgpItem.streservada > div.vgpIcono > span.toticon-mesaabierta {
    display: none; }
  div.vgpLista > div.vgpItem.streservada > div.vgpIcono > span.toticon-mesacerrada, div.vgpTiempos > div.vgpItem.streservada > div.vgpIcono > span.toticon-mesacerrada {
    display: none; }
  div.vgpLista > div.vgpItem.streservada > div.vgpIcono > span.toticon5-cart, div.vgpTiempos > div.vgpItem.streservada > div.vgpIcono > span.toticon5-cart {
    display: none; }
  div.vgpLista > div.vgpItem.streservada > div.vgpIcono > span.toticon5-fullcart, div.vgpTiempos > div.vgpItem.streservada > div.vgpIcono > span.toticon5-fullcart {
    display: none; }
  div.vgpLista > div.vgpItem.streservada > div.vgpIcono > span.reservada, div.vgpTiempos > div.vgpItem.streservada > div.vgpIcono > span.reservada {
    display: inline-block; }
  div.vgpLista > div.vgpItem.streservada > div.vgpTiempoDetalle, div.vgpTiempos > div.vgpItem.streservada > div.vgpTiempoDetalle {
    visibility: visible; }
  div.vgpLista > div.vgpItem.streservada > div.vgpTiempo > span, div.vgpLista > div.vgpItem.streservada > div.vgpTiempoDetalle > span, div.vgpLista > div.vgpItem.streservada > div.vgpComandas > span, div.vgpTiempos > div.vgpItem.streservada > div.vgpTiempo > span, div.vgpTiempos > div.vgpItem.streservada > div.vgpTiempoDetalle > span, div.vgpTiempos > div.vgpItem.streservada > div.vgpComandas > span {
    display: inline-block; }
  div.vgpLista > div.vgpItem.streservada .vgpIdMesa, div.vgpTiempos > div.vgpItem.streservada .vgpIdMesa {
    color: #FF4235; }
  div.vgpLista > div.vgpItem > .vgpIcono, div.vgpTiempos > div.vgpItem > .vgpIcono {
    float: left;
    margin: 0 10px; }
    div.vgpLista > div.vgpItem > .vgpIcono > span.toticon.tt-sm, div.vgpTiempos > div.vgpItem > .vgpIcono > span.toticon.tt-sm {
      border-radius: 20px;
      width: 40px;
      height: 40px;
      padding: 8px;
      font-size: 24px;
      line-height: 24px;
      vertical-align: middle; }
  div.vgpLista > div.vgpItem > .vgpIdMesa, div.vgpTiempos > div.vgpItem > .vgpIdMesa {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 20px;
    width: 100px;
    line-height: 40px; }
    div.vgpLista > div.vgpItem > .vgpIdMesa.idmesalargo, div.vgpTiempos > div.vgpItem > .vgpIdMesa.idmesalargo {
      font-size: 16px; }
  div.vgpLista > div.vgpItem.vgpStatus-2, div.vgpTiempos > div.vgpItem.vgpStatus-2 {
    color: #DDDDDD; }
    div.vgpLista > div.vgpItem.vgpStatus-2 > .vgpIdMesa, div.vgpTiempos > div.vgpItem.vgpStatus-2 > .vgpIdMesa {
      color: #DDDDDD; }
    div.vgpLista > div.vgpItem.vgpStatus-2 > .vgpIconStatus, div.vgpTiempos > div.vgpItem.vgpStatus-2 > .vgpIconStatus {
      visibility: hidden; }
  div.vgpLista > div.vgpItem > .vgpIconStatus, div.vgpTiempos > div.vgpItem > .vgpIconStatus {
    width: 64px;
    float: right; }
  div.vgpLista > div.vgpItem > .vgpGarzon, div.vgpTiempos > div.vgpItem > .vgpGarzon {
    font-style: italic;
    width: 85px; }
    @media (max-width: 780px) {
      div.vgpLista > div.vgpItem > .vgpGarzon, div.vgpTiempos > div.vgpItem > .vgpGarzon {
        display: none; } }
  div.vgpLista > div.vgpItem > .vgpTiempo, div.vgpTiempos > div.vgpItem > .vgpTiempo {
    font-weight: bold;
    float: right;
    text-align: left;
    width: 60px;
    margin-left: 10px; }
  div.vgpLista > div.vgpItem > .vgpTiempoDetalle, div.vgpTiempos > div.vgpItem > .vgpTiempoDetalle {
    width: 80px;
    margin: 0 10px; }
  div.vgpLista > div.vgpItem > .vgpComandas, div.vgpTiempos > div.vgpItem > .vgpComandas {
    width: 115px;
    margin: 0 10px;
    font-size: 10px; }
  div.vgpLista > div.vgpItem > .vgpCliente, div.vgpTiempos > div.vgpItem > .vgpCliente {
    width: 150px;
    margin: 0 10px;
    display: inline-block; }
    @media only screen and (max-width: 840px) {
      div.vgpLista > div.vgpItem > .vgpCliente, div.vgpTiempos > div.vgpItem > .vgpCliente {
        width: 100px; } }
    @media only screen and (max-width: 400px) {
      div.vgpLista > div.vgpItem > .vgpCliente, div.vgpTiempos > div.vgpItem > .vgpCliente {
        display: none; } }
  div.vgpLista > div.vgpItem > .vgpClienteDireccion, div.vgpTiempos > div.vgpItem > .vgpClienteDireccion {
    width: 240px;
    margin: 0 10px;
    display: inline-block; }
    @media (max-width: 1023px) {
      div.vgpLista > div.vgpItem > .vgpClienteDireccion, div.vgpTiempos > div.vgpItem > .vgpClienteDireccion {
        width: 150px; } }
  @media only screen and (max-width: 680px) {
    div.vgpLista > div.vgpItem > .vgpTiempoDetalle, div.vgpTiempos > div.vgpItem > .vgpTiempoDetalle {
      width: 60px;
      margin: 0 10px;
      vertical-align: top;
      overflow: hidden;
      font-size: 10px; } }
  @media only screen and (max-width: 599px), only screen and (device-width: 360px) {
    div.vgpLista > div.vgpItem > .vgpTiempoDetalle, div.vgpTiempos > div.vgpItem > .vgpTiempoDetalle {
      display: none; } }
  @media only screen and (max-width: 520px), only screen and (device-width: 360px) {
    div.vgpLista > div.vgpItem > .vgpComandas, div.vgpTiempos > div.vgpItem > .vgpComandas {
      width: 80px;
      margin: 0 10px;
      font-size: 9px; } }
  @media only screen and (max-width: 434px), only screen and (device-width: 360px) {
    div.vgpLista > div.vgpItem > .vgpComandas, div.vgpTiempos > div.vgpItem > .vgpComandas {
      display: none; }
    div.vgpLista > div.vgpItem > .vgpGarzon, div.vgpTiempos > div.vgpItem > .vgpGarzon {
      width: 86px; } }

span.botonCarros {
  display: inline-block;
  height: 17px;
  width: 24px; }
  span.botonCarros > i.toticon5-carts, span.botonCarros > i.toticon5-carttransfer {
    position: absolute;
    font-size: 27px;
    left: -2px;
    top: 1px; }

.snapabierto {
  -webkit-transform: translate3d(320px, 0, 0) !important;
  -moz-transform: translate3d(320px, 0, 0) !important;
  -o-transform: translate3d(320px, 0, 0) !important;
  transform: translate3d(320px, 0, 0) !important; }

.snapcerrado {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

#sideBarContainer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

#snapContainer {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease-in-out;
 /* @media all and (min-width: 1280px){
    &.snapabierto{
      padding-right:$paddingancho;

    }
  }*/ }

#sideBar {
  background-color: #1B1B1B;
  color: #FFFFFF;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
  outline: none !important;
  padding: 24px 16px;
  width: 320px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  /*   .acTitulo {
      font-size: 20px;
      color: $white;
      height: $minsizeboton;
      line-height: $minsizeboton;
      width: 100%;
      overflow: hidden;
      vertical-align: middle;
      cursor: pointer;
      padding-left: 10px;
    } */ }
  #sideBar *, #sideBar *:before, #sideBar *:after {
    box-sizing: border-box; }
  #sideBar .toticon {
    margin: 0; }
  #sideBar,
  #sideBar .acTitulo .acordion__title,
  #sideBar .acTitulo > div > span:last-of-type,
  #sideBar .acContenido > div > span:last-of-type {
    font-family: 'Manrope';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    color: #464646;
    font-size: 14px;
    font-weight: 400;
    color: white; }
  #sideBar .acTitulo {
    width: 100%;
    cursor: pointer;
    border-radius: 4px;
    padding: 6px 8px;
    height: 32px; }
    #sideBar .acTitulo, #sideBar .acTitulo > div {
      display: flex;
      align-items: center;
      justify-content: flex-start; }
      #sideBar .acTitulo .acordion__img,
      #sideBar .acTitulo .acordion__img > i,
      #sideBar .acTitulo .acordion__img > img, #sideBar .acTitulo > div .acordion__img,
      #sideBar .acTitulo > div .acordion__img > i,
      #sideBar .acTitulo > div .acordion__img > img {
        margin: 0;
        width: 20px;
        height: 20px;
        font-size: 20px;
        line-height: 20px;
        color: white;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        vertical-align: middle; }
      #sideBar .acTitulo .toticon, #sideBar .acTitulo > div .toticon {
        width: 20px;
        height: 20px; }
      #sideBar .acTitulo .acordion__img .ds-icon path:not(.not-color), #sideBar .acTitulo > div .acordion__img .ds-icon path:not(.not-color) {
        fill: white; }
      #sideBar .acTitulo .ds-icon,
      #sideBar .acTitulo .acordion__img,
      #sideBar .acTitulo .toticon, #sideBar .acTitulo > div .ds-icon,
      #sideBar .acTitulo > div .acordion__img,
      #sideBar .acTitulo > div .toticon {
        margin-right: 8px; }
      #sideBar .acTitulo .acordion__arrow, #sideBar .acTitulo > div .acordion__arrow {
        width: 16px;
        height: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: auto; }
        #sideBar .acTitulo .acordion__arrow path, #sideBar .acTitulo > div .acordion__arrow path {
          fill: white; }
      #sideBar .acTitulo:hover, #sideBar .acTitulo.open, #sideBar .acTitulo > div:hover, #sideBar .acTitulo > div.open {
        background-color: #E6D9CA; }
        #sideBar .acTitulo:hover .acordion__img > i, #sideBar .acTitulo:hover > div > *, #sideBar .acTitulo.open .acordion__img > i, #sideBar .acTitulo.open > div > *, #sideBar .acTitulo > div:hover .acordion__img > i, #sideBar .acTitulo > div:hover > div > *, #sideBar .acTitulo > div.open .acordion__img > i, #sideBar .acTitulo > div.open > div > * {
          color: #1B1B1B; }
        #sideBar .acTitulo:hover .acordion__img .ds-icon path:not(.not-color), #sideBar .acTitulo.open .acordion__img .ds-icon path:not(.not-color), #sideBar .acTitulo > div:hover .acordion__img .ds-icon path:not(.not-color), #sideBar .acTitulo > div.open .acordion__img .ds-icon path:not(.not-color) {
          fill: #1B1B1B; }
        #sideBar .acTitulo:hover .ds-icon, #sideBar .acTitulo.open .ds-icon, #sideBar .acTitulo > div:hover .ds-icon, #sideBar .acTitulo > div.open .ds-icon {
          display: none; }
          #sideBar .acTitulo:hover .ds-icon:not(.not-color) path, #sideBar .acTitulo.open .ds-icon:not(.not-color) path, #sideBar .acTitulo > div:hover .ds-icon:not(.not-color) path, #sideBar .acTitulo > div.open .ds-icon:not(.not-color) path {
            fill: #1B1B1B; }
          #sideBar .acTitulo:hover .ds-icon.hover, #sideBar .acTitulo.open .ds-icon.hover, #sideBar .acTitulo > div:hover .ds-icon.hover, #sideBar .acTitulo > div.open .ds-icon.hover {
            display: inline-block !important; }
        #sideBar .acTitulo:hover .acordion__title,
        #sideBar .acTitulo:hover span:last-of-type, #sideBar .acTitulo.open .acordion__title,
        #sideBar .acTitulo.open span:last-of-type, #sideBar .acTitulo > div:hover .acordion__title,
        #sideBar .acTitulo > div:hover span:last-of-type, #sideBar .acTitulo > div.open .acordion__title,
        #sideBar .acTitulo > div.open span:last-of-type {
          color: #1B1B1B;
          font-weight: 800; }
        #sideBar .acTitulo:hover .acordion__arrow path, #sideBar .acTitulo.open .acordion__arrow path, #sideBar .acTitulo > div:hover .acordion__arrow path, #sideBar .acTitulo > div.open .acordion__arrow path {
          fill: #1B1B1B; }
      #sideBar .acTitulo.open .acordion__arrow, #sideBar .acTitulo > div.open .acordion__arrow {
        transform: rotate(90deg); }
  #sideBar .acContenido {
    padding: 4px 0 0 28px;
    /*     display: flex;
        flex-direction: column;
        gap: 4px; */ }
    #sideBar .acContenido > div {
      cursor: pointer;
      margin-top: 4px;
      padding: 6px 8px;
      border-radius: 4px;
      display: flex;
      gap: 8px;
      align-items: center;
      justify-content: flex-start; }
      #sideBar .acContenido > div span:first-of-type {
        display: none; }
      #sideBar .acContenido > div span:last-of-type,
      #sideBar .acContenido > div span:nth-child(2) {
        font-weight: 400; }
      #sideBar .acContenido > div:hover, #sideBar .acContenido > div.sideActive {
        background-color: #464646; }
        #sideBar .acContenido > div:hover span:last-of-type,
        #sideBar .acContenido > div:hover span:nth-child(2), #sideBar .acContenido > div.sideActive span:last-of-type,
        #sideBar .acContenido > div.sideActive span:nth-child(2) {
          color: white; }
  #sideBar .divAcordionLogin .logoContainer {
    padding-bottom: 8px;
    border-bottom: 1px solid #464646;
    margin-bottom: 16px; }
    #sideBar .divAcordionLogin .logoContainer .logoTT > img {
      width: 80px;
      height: 30px; }
  #sideBar .divAcordionLogin .acordion {
    margin-top: 8px;
    margin-bottom: 8px; }
  #sideBar .divAcordionLogin .acContenido {
    border-left: 1px solid #464646;
    margin-left: 16px;
    padding-left: 12px;
    margin-top: 8px;
    padding-top: 0px; }
    #sideBar .divAcordionLogin .acContenido > div:first-of-type {
      margin-top: 0; }
  #sideBar .divAcordionLogin.loggedIn {
    border-top: 1px solid #464646;
    border-bottom: 1px solid #464646; }
    #sideBar .divAcordionLogin.loggedIn .acordion__img {
      display: none; }
  #sideBar .acContenido > div {
    /*       font-size: 18px;
          background-color: $color03;
          padding: 9px;
          padding-left: 22px;
    
          &.sideActive {
            background-color: $color01;
            color: white;
          }
    
          span {
            cursor: pointer;
          }
    
          @media all and (min-width: 580px) {
            &:hover {
              color: $color02;
            }
          }
     */ }
    #sideBar .acContenido > div.logoApple {
      cursor: pointer; }
      #sideBar .acContenido > div.logoApple > img {
        width: 186px;
        height: 40px;
        margin-left: 2px; }

div.divLogin div.logoApple {
  cursor: pointer;
  text-align: center;
  margin-top: -20px; }
  div.divLogin div.logoApple > img {
    width: 186px;
    height: 40px;
    margin-left: 2px; }

div.GoogleAward {
  margin-top: auto;
  padding-top: 24px;
  width: 280px; }
  div.GoogleAward div.logoTT {
    display: block;
    margin: 15px 0 15px 18px; }
    div.GoogleAward div.logoTT > img {
      width: 80px;
      height: 30px;
      margin-left: 3px; }
  div.GoogleAward img {
    display: inline-block;
    width: 120px; }

span.badgeNewFeature {
  display: inline-block !important;
  background-color: #FF4235;
  border-radius: 4px;
  height: 19px !important;
  padding: 4px 8px !important;
  text-align: center;
  font-size: 10px !important;
  line-height: 10px !important;
  font-weight: 700 !important;
  color: #FFF !important;
  text-transform: uppercase;
  letter-spacing: -0.2px; }

.order2 {
  order: 2; }

.divAcordionIdiomas {
  padding-top: 16px;
  border-top: 1px solid #464646;
  border-bottom: 1px solid #464646;
  padding-bottom: 16px; }
  .divAcordionIdiomas .tituloIdiomas {
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 8px;
    display: inline-block;
    text-transform: uppercase; }
  .divAcordionIdiomas > .acordion .ds-icon-flag {
    margin: 0;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    display: inline-block;
    background-position: center;
    background-size: contain; }
    .divAcordionIdiomas > .acordion .ds-icon-flag.cus-es-ES {
      background-image: url("/styles/img/dsIconFlagEspana.svg"); }
    .divAcordionIdiomas > .acordion .ds-icon-flag.cus-es-CL {
      background-image: url("/styles/img/dsIconFlagChile.svg"); }
    .divAcordionIdiomas > .acordion .ds-icon-flag.cus-es-PE {
      background-image: url("/styles/img/dsIconFlagPeru.svg"); }
    .divAcordionIdiomas > .acordion .ds-icon-flag.cus-es-AR {
      background-image: url("/styles/img/dsIconFlagArgentina.svg"); }
    .divAcordionIdiomas > .acordion .ds-icon-flag.cus-es-CO {
      background-image: url("/styles/img/dsIconFlagColombia.svg"); }
    .divAcordionIdiomas > .acordion .ds-icon-flag.cus-es-CR {
      background-image: url("/styles/img/dsIconFlagCostaRica.svg"); }
    .divAcordionIdiomas > .acordion .ds-icon-flag.cus-es-MX {
      background-image: url("/styles/img/dsIconFlagMexico.svg"); }
    .divAcordionIdiomas > .acordion .ds-icon-flag.cus-ca-ES {
      background-image: url("/styles/img/dsIconFlagCatalunya.svg"); }
    .divAcordionIdiomas > .acordion .ds-icon-flag.cus-fr-FR {
      background-image: url("/styles/img/dsIconFlagFrancia.svg"); }
    .divAcordionIdiomas > .acordion .ds-icon-flag.cus-it-IT {
      background-image: url("/styles/img/dsIconFlagItalia.svg"); }
    .divAcordionIdiomas > .acordion .ds-icon-flag.cus-pt-BR {
      background-image: url("/styles/img/dsIconFlagBrasil.svg"); }
    .divAcordionIdiomas > .acordion .ds-icon-flag.cus-en-US {
      background-image: url("/styles/img/dsIconFlagUSA.svg"); }
  .divAcordionIdiomas > .acordion .acTitulo span:first-child,
  .divAcordionIdiomas > .acordion .acTitulo span:first-child > i,
  .divAcordionIdiomas > .acordion .acContenido span:first-child,
  .divAcordionIdiomas > .acordion .acContenido span:first-child > i {
    height: 24px !important;
    width: 24px !important;
    border-radius: 100%; }
  .divAcordionIdiomas > .acordion .acTitulo {
    padding: 12px 8px !important;
    border: 1px solid transparent;
    height: 50px !important; }
    .divAcordionIdiomas > .acordion .acTitulo .acordion__title {
      font-size: 16px !important;
      font-weight: 400 !important;
      line-height: 140% !important; }
    .divAcordionIdiomas > .acordion .acTitulo:hover, .divAcordionIdiomas > .acordion .acTitulo.open {
      background-color: white !important;
      border: 1px solid #DDDDDD; }
      .divAcordionIdiomas > .acordion .acTitulo:hover .acordion__title, .divAcordionIdiomas > .acordion .acTitulo.open .acordion__title {
        color: #A1A1A1 !important; }
  .divAcordionIdiomas > .acordion .acContenido {
    padding: 8px 0 0 28px !important; }
    .divAcordionIdiomas > .acordion .acContenido > div {
      padding: 2px 5px !important;
      margin-top: 8px !important; }
      .divAcordionIdiomas > .acordion .acContenido > div span:first-of-type {
        display: inline-block !important; }
      .divAcordionIdiomas > .acordion .acContenido > div span {
        font-size: 12px !important;
        font-weight: 400 !important;
        line-height: 140% !important; }

.acContenido {
  height: auto;
  overflow: hidden;
  /* Safari */ }

.acContenido.cerrado {
  max-height: 0 !important;
  height: 0;
  display: none; }

#edicionMesas {
  padding: 10px; }

.cContenedorHeader {
  font-size: 0;
  padding: 0;
  width: 100%; }
  .cContenedorHeader .cTituloHeader, .cContenedorHeader .cBotoneraHeader {
    display: inline-block;
    width: 50%;
    vertical-align: top; }
  .cContenedorHeader .cTituloHeader {
    font-size: 30px;
    line-height: 25px;
    font-weight: bolder;
    padding: 10px 0 10px 10px; }
  .cContenedorHeader .cBotoneraHeader > button {
    float: right;
    margin: 5px; }
  @media all and (max-width: 720px) {
    .cContenedorHeader .cBotoneraHeader > button.tt-xs.toticon.boton > span {
      font-size: 14px; } }
  @media all and (max-width: 640px) {
    .cContenedorHeader .cBotoneraHeader > button.tt-xs.toticon.boton > span {
      font-size: 12px; } }
  @media all and (max-width: 580px) {
    .cContenedorHeader .cBotoneraHeader > button.tt-xs.toticon.boton > span {
      display: none; } }

#edicionSectores .ToteatTable input, #edicionJerarquias .ToteatTable input {
  width: 80%;
  border-width: 0;
  background-color: transparent; }
  #edicionSectores .ToteatTable input.selec, #edicionJerarquias .ToteatTable input.selec {
    border: 1px solid #DDDDDD;
    background-color: #FFFFFF; }

.bulkLoader {
  font-family: 'Manrope';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  color: #464646;
  line-height: initial;
  width: 98%;
  max-width: 1440px;
  margin: auto;
  font-size: 0px;
  /*   .pestIndividual.activa, .pestBulk.activa, .pestArbol.activa {
  //    background-color: $color09;
      background-color: $white;
  //    border-width: 1px 1px 0 1px;
      color: $color01;
      border-bottom: none;
    } */ }
  .bulkLoader .botonDescargar {
    margin: 0;
    border-radius: 4px !important;
    padding: 7px 9px !important; }
  .bulkLoader .bulkLoaderContainer {
    /*     &.simple {
          > .pestIndividual, > .pestBulk, > .pestArbol {
            width: 100%;
          }
        }
        &.doble {
          > .pestIndividual, > .pestBulk, > .pestArbol {
            width: 50%;
          }
        }
        &.triple {
          > .pestIndividual, > .pestBulk, > .pestArbol {
            width: 33%;
          }
          > .pestIndividual:nth-child(3), > .pestBulk:nth-child(3), > .pestArbol:nth-child(3) {
            width: 34%;
          }
        } */ }
    .bulkLoader .bulkLoaderContainer .mainArbol li > div > span {
      vertical-align: top; }
  .bulkLoader input[type=checkbox] {
    vertical-align: middle;
    margin-left: 25%;
    padding: 0; }
  .bulkLoader select {
    width: 90%; }
    .bulkLoader select.errorLinea {
      border: solid 1px red; }
  .bulkLoader .mainBulkContainer {
    background-color: #FFFFFF;
    padding: 20px;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border: none;
    border-top: 1px solid #DDDDDD; }
  .bulkLoader .mensajeCampos {
    font-size: 10px;
    font-style: italic;
    text-align: center; }
  .bulkLoader .pestIndividual, .bulkLoader .pestBulk, .bulkLoader .pestArbol {
    font-family: 'Manrope';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    color: #464646;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    color: #464646;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    overflow: hidden;
    border-radius: 3px 3px 0px 0px;
    background-color: #F7F7F7;
    padding: 10px 24px;
    border-top: 3px solid #F7F7F7;
    cursor: pointer;
    white-space: nowrap;
    height: 100%;
    text-decoration: none;
    margin-right: 4px;
    /*     @include dsFont();
        font-size: 14px;
        font-weight: 400;
        line-height: normal;
        text-align: center;
        color: $neutral-500;
        vertical-align: top;
        display: inline-block;
        cursor: pointer;
        overflow: hidden;
        border-radius: 3px 3px 0px 0px;
        background-color: $neutral-100;
        padding: 10px 24px;
        border-top: 3px solid $neutral-100;
        margin-right: 4px;
    
        &:last-of-type {
          margin-right: 0;
        }
    
        &.activa,
        &:hover {
          color: $primary;
          font-weight: 600;
          background-color: #FFF0EF;
          border-top: 3px solid $primary;
        } */ }
    @media (max-width: 1023px) {
      .bulkLoader .pestIndividual, .bulkLoader .pestBulk, .bulkLoader .pestArbol {
        padding: 10px 8px;
        white-space: wrap; } }
    .bulkLoader .pestIndividual.activa, .bulkLoader .pestIndividual.active, .bulkLoader .pestIndividual:hover, .bulkLoader .pestBulk.activa, .bulkLoader .pestBulk.active, .bulkLoader .pestBulk:hover, .bulkLoader .pestArbol.activa, .bulkLoader .pestArbol.active, .bulkLoader .pestArbol:hover {
      color: #FF4235;
      font-weight: 600;
      background-color: #FFF0EF;
      border-top: 3px solid #FF4235; }
    .bulkLoader .pestIndividual i, .bulkLoader .pestBulk i, .bulkLoader .pestArbol i {
      display: none; }
    .bulkLoader .pestIndividual:first-of-type, .bulkLoader .pestBulk:first-of-type, .bulkLoader .pestArbol:first-of-type {
      margin-left: 24px; }
    .bulkLoader .pestIndividual:last-of-type, .bulkLoader .pestBulk:last-of-type, .bulkLoader .pestArbol:last-of-type {
      margin-right: 0; }
    @media (max-width: 1023px) {
      .bulkLoader .pestIndividual:first-of-type, .bulkLoader .pestBulk:first-of-type, .bulkLoader .pestArbol:first-of-type {
        margin-left: 0; } }
  .bulkLoader .titInput {
    position: relative;
    padding: 0 40px; }
    .bulkLoader .titInput div {
      display: inline-block;
      font-size: 12px;
      font-weight: 600;
      color: #1B1B1B;
      padding: 8px; }
      .bulkLoader .titInput div.inferior {
        cursor: s-resize; }
      .bulkLoader .titInput div.inferior.sorting {
        cursor: n-resize; }
    .bulkLoader .titInput .mesa0, .bulkLoader .titInput .mesa1, .bulkLoader .titInput .mesa2, .bulkLoader .titInput .mesa3, .bulkLoader .titInput .mesa4 {
      width: 20%; }
    .bulkLoader .titInput .size25 {
      width: 25%; }
    .bulkLoader .titInput .size20 {
      width: 20%; }
    .bulkLoader .titInput .size15 {
      width: 15%; }
    .bulkLoader .titInput .size10 {
      width: 10%; }
    .bulkLoader .titInput .size5 {
      width: 5%; }
    .bulkLoader .titInput .sector0, .bulkLoader .titInput .sector1, .bulkLoader .titInput .sector2, .bulkLoader .titInput .sector3 {
      width: 20%; }
    .bulkLoader .titInput .sector4 {
      width: 10%; }
    .bulkLoader .titInput .jerarquia0, .bulkLoader .titInput .jerarquia1, .bulkLoader .titInput .jerarquia2 {
      width: 25%; }
    .bulkLoader .titInput .comp0, .bulkLoader .titInput .comp1, .bulkLoader .titInput .comp2, .bulkLoader .titInput .comp3 {
      width: 20%; }
    .bulkLoader .titInput .comp4, .bulkLoader .titInput .comp5 {
      width: 10%; }
    .bulkLoader .titInput .rightflag {
      position: absolute;
      top: 4px;
      right: -10px; }
    .bulkLoader .titInput > .checkLinea {
      position: absolute;
      display: inline-block;
      padding: 0; }
    .bulkLoader .titInput > .editLinea {
      position: absolute;
      display: inline-block;
      top: -15px;
      right: 0px; }
    .bulkLoader .titInput > .editSelected {
      position: absolute;
      display: inline-block;
      top: -8px;
      right: 0px; }
  .bulkLoader .camposInput input {
    height: 45px;
    font-size: 14px; }
    .bulkLoader .camposInput input .inputSmall {
      font-size: 9px; }
  .bulkLoader .camposInput .size25 {
    width: 23%;
    margin-right: 2%; }
  .bulkLoader .camposInput .size20 {
    width: 18%;
    margin-right: 2%; }
  .bulkLoader .camposInput .size15 {
    width: 13%;
    margin-right: 2%; }
  .bulkLoader .camposInput .size10 {
    width: 8%;
    margin-right: 2%; }
  .bulkLoader .camposInput .size5 {
    width: 4%;
    margin-right: 1%; }
  .bulkLoader .camposInput .mesa0, .bulkLoader .camposInput .mesa1, .bulkLoader .camposInput .mesa2, .bulkLoader .camposInput .mesa3, .bulkLoader .camposInput .mesa4 {
    width: 18%;
    margin-right: 2%; }
  .bulkLoader .camposInput .sector0, .bulkLoader .camposInput .sector1, .bulkLoader .camposInput .sector2, .bulkLoader .camposInput .sector3 {
    width: 18%;
    margin-right: 2%; }
  .bulkLoader .camposInput .sector4 {
    width: 9%;
    margin-right: 1%; }
  .bulkLoader .camposInput .comp0, .bulkLoader .camposInput .comp1, .bulkLoader .camposInput .comp2, .bulkLoader .camposInput .comp3 {
    width: 18%;
    margin-right: 2%; }
  .bulkLoader .camposInput .comp4, .bulkLoader .camposInput .comp5 {
    width: 8%;
    margin-right: 2%; }
  .bulkLoader .camposInput .jerarquia0, .bulkLoader .camposInput .jerarquia1, .bulkLoader .camposInput .jerarquia2 {
    width: 23%;
    margin-right: 2%; }
  .bulkLoader .camposInput .rightflag {
    position: absolute;
    top: 4px;
    right: -10px; }
  .bulkLoader .bulkInput textarea {
    width: 100%;
    max-width: 100%;
    height: 100px;
    font-size: 14px; }
  .bulkLoader .lineaShow:nth-child(odd) {
    background-color: #F7F7F7; }
  .bulkLoader .lineaShow {
    position: relative;
    height: 45px;
    display: flex;
    align-items: center; }
  .bulkLoader .lineaContent {
    display: flex;
    align-items: center;
    padding: 0 40px;
    position: absolute;
    width: 100%;
    height: 45px; }
    .bulkLoader .lineaContent div {
      display: inline-flex;
      align-items: center;
      font-size: 12px;
      max-height: 45px;
      overflow: hidden;
      height: 45px;
      vertical-align: top;
      color: #464646; }
      .bulkLoader .lineaContent div span {
        height: 32.5px;
        overflow: hidden; }
    .bulkLoader .lineaContent .mesa0, .bulkLoader .lineaContent .mesa1, .bulkLoader .lineaContent .mesa2, .bulkLoader .lineaContent .mesa3, .bulkLoader .lineaContent .mesa4 {
      width: 18%;
      margin-right: 2%; }
    .bulkLoader .lineaContent .sector0, .bulkLoader .lineaContent .sector1, .bulkLoader .lineaContent .sector2, .bulkLoader .lineaContent .sector3 {
      width: 18%;
      margin-right: 2%; }
    .bulkLoader .lineaContent .sector4 {
      width: 9%;
      margin-right: 1%; }
    .bulkLoader .lineaContent .jerarquia0, .bulkLoader .lineaContent .jerarquia1, .bulkLoader .lineaContent .jerarquia2 {
      width: 23%;
      margin-right: 2%; }
    .bulkLoader .lineaContent .comp0, .bulkLoader .lineaContent .comp1, .bulkLoader .lineaContent .comp2, .bulkLoader .lineaContent .comp3 {
      width: 18%;
      margin-right: 2%; }
    .bulkLoader .lineaContent .comp4, .bulkLoader .lineaContent .comp5 {
      width: 8%;
      margin-right: 2%; }
    .bulkLoader .lineaContent .size25 {
      width: 23%;
      margin-right: 2%; }
    .bulkLoader .lineaContent .size20 {
      width: 18%;
      margin-right: 2%; }
    .bulkLoader .lineaContent .size15 {
      width: 13%;
      margin-right: 2%; }
    .bulkLoader .lineaContent .size10 {
      width: 8%;
      margin-right: 2%; }
    .bulkLoader .lineaContent .size5 {
      width: 4%;
      margin-right: 1%; }
    .bulkLoader .lineaContent .rightflag {
      position: absolute;
      right: 0px; }
    .bulkLoader .lineaContent div > input {
      width: 95%;
      padding: 7px 5px; }
      .bulkLoader .lineaContent div > input.inputSmall {
        font-size: 9px;
        padding: 7px 0;
        height: 33px; }
    .bulkLoader .lineaContent div > input[type="checkbox"] {
      padding: 0;
      margin-right: 0; }
    .bulkLoader .lineaContent input.errorLinea {
      border: solid 1px red; }
  .bulkLoader .checkLinea {
    position: relative;
    display: inline-block;
    left: 0px;
    top: 2px; }
  .bulkLoader .editLinea {
    position: absolute;
    display: inline-flex;
    align-items: center;
    right: 10px;
    line-height: 45px; }
  .bulkLoader .filtroBulk {
    position: absolute;
    display: inline-flex;
    align-items: center;
    left: 0px;
    line-height: 45px; }
  .bulkLoader .pasteAreaFooter {
    font-size: 16px;
    margin-top: 16px; }
    .bulkLoader .pasteAreaFooter input {
      margin-left: 10px; }
  .bulkLoader .over {
    color: red !important;
    border: 1px solid red !important; }
  .bulkLoader .debugButton {
    font-size: 20px;
    height: 40px;
    padding: 10px; }
  .bulkLoader .paginador {
    padding: 25px 0; }
  .bulkLoader .paginasContenedor .botonPagina {
    /*       display: inline-flex;
          align-items: center;
          justify-content: center;
          border-radius: 6px; */ }
    .bulkLoader .paginasContenedor .botonPagina > span {
      /*         padding: 12px 24px;
              width: auto;
              height: auto;
              background: $white;
              border-radius: 6px; */
      /*         &.active {
                background: $primary;
                color: $white;
                // border: 1px solid $color01;
              }
      
              &:hover {
                background: $primary-light;
                color: $white;
              } */ }
  .bulkLoader #selectorMultipleBulk ul.select2-choices {
    font-family: 'Manrope';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    color: #464646;
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    box-shadow: none !important;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    text-align: left !important;
    color: #464646;
    padding: 12px 8px;
    border-radius: 4px;
    border: 1px solid #DDDDDD;
    background: white;
    height: auto;
    padding: 0;
    min-height: 35px;
    max-height: 35px;
    overflow-y: scroll;
    background: url("/styles/img/dsIconArrowSelect.svg") no-repeat right #FFFFFF; }
    .bulkLoader #selectorMultipleBulk ul.select2-choices:focus {
      color: #1B1B1B;
      border-color: #FF4235; }
    .bulkLoader #selectorMultipleBulk ul.select2-choices.error {
      border-color: #E12845; }
    .bulkLoader #selectorMultipleBulk ul.select2-choices[disabled], .bulkLoader #selectorMultipleBulk ul.select2-choices:disabled {
      background: #DDDDDD;
      border-color: #CFCFCF;
      color: #464646; }
  .bulkLoader #selectorMultipleBulk div.ui-select-dropdown > ul.ui-select-choices {
    position: fixed;
    background-color: white; }
  .bulkLoader #selectorBulk {
    height: 35px;
    padding: 3px; }
  @media (max-width: 640px) {
    .bulkLoader {
      display: none; } }
  .bulkLoader .areaShow {
    margin-top: 24px; }
    .bulkLoader .areaShow .lineaShow:hover {
      background-color: #E6D9CA; }
      .bulkLoader .areaShow .lineaShow:hover, .bulkLoader .areaShow .lineaShow:hover .lineaContent div {
        color: #1B1B1B; }
    .bulkLoader .areaShow .editLinea {
      right: 30px; }
  .bulkLoader .ds-add-button,
  .bulkLoader .ds-add-button div,
  .bulkLoader .ds-add-button svg {
    height: 40px !important;
    width: 40px !important; }
  .bulkLoader .ds-search-button div,
  .bulkLoader .ds-search-button svg {
    height: 16px !important;
    width: 16px !important; }

.mesa4, .sector4 {
  text-align: center; }

div[data-angular-treeview] {
  /* prevent user selection */
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* default */
  font-family: Tahoma;
  font-size: 14px;
  color: #1B1B1B;
  text-decoration: none;
  font-family: "Roboto", sans-serif; }

div[data-tree-model] ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border: none;
  overflow: hidden; }

div[data-tree-model] li {
  position: relative;
  padding: 0 0 0 20px;
  line-height: 24px; }

div[data-tree-model] li .expanded {
  padding: 1px 10px; }

div[data-tree-model] li .collapsed {
  padding: 1px 10px; }

div[data-tree-model] li .normal {
  padding: 1px 10px; }

div[data-tree-model] li i,
div[data-tree-model] li span {
  cursor: pointer; }

div[data-tree-model] li .selected {
  background-color: #FF4235;
  color: #FFFFFF;
  padding: 1px 5px; }

.fade {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear; }

.fade.in {
  visibility: visible;
  opacity: 1; }

.modal-open {
  overflow: hidden; }

.modal {
  position: fixed;
  top: initial;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  display: none;
  overflow: auto;
  overflow-y: scroll; }
  @media (min-width: 640px) {
    .modal {
      top: 0; } }

.modal.fade .modal-dialog {
  -webkit-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  transform: translate(0, 100%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  animation: 0.5s ease 0s 1 normal none running fadeInModal; }

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0); }

.modal-dialog {
  position: relative;
  z-index: 1050;
  width: auto;
  margin: 0; }
  @media (min-width: 640px) {
    .modal-dialog {
      margin: 10px; } }

.modal-content {
  position: relative;
  outline: none;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
  background-color: #000000; }

.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0); }

.modal-backdrop.in {
  opacity: 0.8;
  filter: alpha(opacity=80); }

.modal-header {
  min-height: 16.428571429px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5; }

.modal-header .close {
  margin-top: -2px; }

.modal-title {
  margin: 0;
  line-height: 1.428571429; }

.modal-body {
  position: relative;
  padding: 20px; }

.modal-footer {
  padding: 19px 20px 20px;
  margin-top: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5; }

.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " "; }

.modal-footer:after {
  clear: both; }

.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " "; }

.modal-footer:after {
  clear: both; }

.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px; }

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px; }

.modal-footer .btn-block + .btn-block {
  margin-left: 0; }

@media screen and (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto; }

  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } }
.hidden {
  display: none !important;
  visibility: hidden !important; }

.affix {
  position: fixed; }

#splashMensajes {
  position: absolute;
  bottom: 10px;
  width: 100%;
  height: auto; }

#msgContainer {
  min-height: 50px; }

#msgOnOff {
  position: absolute;
  right: 10px;
  top: 10px;
  display: inline-block;
  z-index: 100; }

#msgBody {
  height: auto;
  margin: 0 auto;
  padding: 10px;
  background-color: #f2f2f2;
  min-height: 50px; }

#msgLifo {
  height: auto;
  margin: 0;
  padding: 10px 10px 10px 30px;
  z-index: 90; }

#msgContFifo {
  position: relative; }

#msgDetalle {
  padding: 0px;
  margin: 0px;
  display: inline-block;
  position: absolute;
  left: 0px;
  top: 0px;
  min-height: 50px; }

#msgFifo {
  height: auto;
  margin: 0 auto;
  padding: 0 0 0 30px; }

.msgLogFifo {
  max-height: 120px;
  overflow-y: scroll;
  overflow-x: hidden; }

.msgLogLifo {
  background-color: #f8e5be;
  opacity: 1; }

.msgLogLifoOut {
  opacity: 0;
  transition: all 1s ease; }

.msgLogLifoOut1 {
  opacity: 0;
  transition: all 0.5s ease; }

.msgLogLifoOut5 {
  opacity: 0;
  transition: all 0.25s ease; }

.botoneraContenedor button {
  margin: 5px; }

.botoneraContenedor .bcSeleccionado {
  font-weight: bold;
  color: yellow; }

/* NUEVA VERSION DE MENSAJE SPLASH */
#mensajeSplashContainer {
  position: absolute;
  bottom: 32px;
  height: auto;
  min-height: 56px;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  margin: 0 16px;
  width: auto;
  border-radius: 4px;
  border: 1px solid #FFFFFF;
  background: #FFFFFF;
  z-index: 2000; }
  @media (max-width: 480px) {
    #mensajeSplashContainer {
      margin: 0 30px; } }
  @media (min-width: 640px) {
    #mensajeSplashContainer {
      min-width: 750px; } }
  #mensajeSplashContainer > div,
  #mensajeSplashContainer section {
    text-align: left;
    font-family: 'Manrope';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    color: #464646;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%; }
  #mensajeSplashContainer > button {
    position: absolute;
    top: 10px;
    right: 15px;
    cursor: pointer; }
  #mensajeSplashContainer .msg-splash__icon {
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    flex-shrink: 0;
    margin: 16px;
    margin-right: 8px; }
  #mensajeSplashContainer .msg-splash__text {
    margin: 16px 0;
    margin-right: 16px; }
  #mensajeSplashContainer .msg-splash__button-close {
    cursor: pointer;
    display: inline-flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-shrink: 0;
    padding: 16px; }
    #mensajeSplashContainer .msg-splash__button-close path {
      fill: #1B1B1B; }
  #mensajeSplashContainer.msgNormal {
    background-color: #CDF3DB;
    border-color: #46D281; }
  #mensajeSplashContainer.msgError {
    background-color: #FBD7DD;
    border-color: #E12845; }
    #mensajeSplashContainer.msgError .msg-splash__icon path {
      fill: #E12845; }
  #mensajeSplashContainer.msgInfo {
    background-color: #CEF3F7;
    border-color: #275FFD; }

#mensajesLog > div.listadoLogs {
  font-family: "Courier New", Courier, monospace;
  font-size: 14px;
  position: relative; }
  #mensajesLog > div.listadoLogs > .tipo0 {
    color: #A1A1A1; }
  #mensajesLog > div.listadoLogs > .tipo1 {
    color: #000000; }
  #mensajesLog > div.listadoLogs > .tipo2 {
    color: #FF4235; }
  #mensajesLog > div.listadoLogs > .tipo3 {
    color: red; }

.contenedorDiasRow div {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  padding: 8px 4px;
  background: #FF4235;
  border-radius: 50%;
  opacity: 0.2;
  margin-right: 5px;
  cursor: pointer;
  border: solid 1px #FFFFFF; }
  @media (max-width: 780px) {
    .contenedorDiasRow div {
      margin: 5px; } }
  .contenedorDiasRow div span {
    background-color: #FF4235;
    color: #FFFFFF;
    font-size: 14px;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 30px;
    height: 20px;
    line-height: 20px;
    overflow: hidden; }
  .contenedorDiasRow div.activo {
    opacity: 1;
    background-color: #FF4235;
    color: #FFFFFF; }

.contenedorAsignador {
  font-size: 0px; }
  .contenedorAsignador div.atop span {
    font-size: 16px; }
  .contenedorAsignador div.atop select {
    width: 40%;
    min-width: 300px;
    border-radius: 0; }
  .contenedorAsignador .aizquierdo, .contenedorAsignador .aderecho {
    width: 30%;
    display: inline-block;
    min-height: 500px;
    vertical-align: top;
    border-radius: 0; }
    .contenedorAsignador .aizquierdo select, .contenedorAsignador .aderecho select {
      min-height: 450px;
      width: 98%;
      text-align: left;
      background-image: none;
      border: 1px solid #FF4235; }
  .contenedorAsignador .acentro {
    width: 40%;
    display: inline-block;
    min-height: 500px;
    overflow-y: scroll;
    vertical-align: top; }
    .contenedorAsignador .acentro > div {
      min-width: 370px;
      overflow: scroll;
      margin-top: 50px; }
  .contenedorAsignador .botonDescargar,
  .contenedorAsignador .botonCancelar {
    margin: 16px 0; }

.padding10 {
  padding: 10px; }

.padding10v {
  padding: 10px 0; }

.padding10h {
  padding: 0 10px; }

.padding5 {
  padding: 5px; }

.padding5v {
  padding: 5px 0; }

.padding5h {
  padding: 0 5px; }

.negrita {
  font-weight: bold !important; }

.cursiva {
  font-style: italic !important; }

.sombrainset {
  box-shadow: inset -6px 7px 7px #CFCFCF; }

.sb {
  box-shadow: 0px 2px 1px #464646; }

.clear {
  clear: both; }

.tleft {
  text-align: left; }

.tright {
  text-align: right; }

.trightp {
  text-align: right;
  padding-right: 20px !important; }

.tlefti {
  text-align: left !important; }

.trighti {
  text-align: right !important; }

.fleft {
  float: left; }

.fright {
  float: right; }

button.fright {
  margin: 0 5px; }

.mw300 {
  min-width: 300px; }

.mw250 {
  min-width: 250px; }

.mw200 {
  min-width: 200px; }

.mw150 {
  min-width: 150px; }

.mw100 {
  min-width: 100px; }

.fs0 {
  font-size: 0px; }

.fontsmall {
  font-size: 10px; }

.fontmedium {
  font-size: 14px; }

span.titulo {
  font-size: 20px;
  color: #FF4235;
  font-weight: bold; }

.wiphone {
  width: 280px;
  display: inline-block;
  vertical-align: top; }
  @media all and (width: 360px) {
    .wiphone {
      width: 320px; } }
  @media all and (min-width: 600px) {
    .wiphone {
      width: 50%; } }

.courier {
  font-family: Courier, "Courier New"; }

.courierinput input {
  font-family: Courier, "Courier New"; }

.clickeable {
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
  outline: none !important; }

@media all and (max-width: 460px) {
  .nophone {
    display: none !important; } }
@media all and (min-width: 600px) {
  .siphone {
    display: none !important; } }
@media all and (min-width: 1024px) {
  .sitablet {
    display: none !important; } }
form, div.formtable {
  background-color: #FFFFFF;
  border: 1px solid #FF4235;
  border-radius: 0px;
  padding: 10px; }

form > div.formtable {
  border: none; }

div.formtable {
  display: inline-block;
  font-size: 14px; }
  div.formtable.flotante {
    float: left;
    min-width: 320px;
    width: 50%; }
    div.formtable.flotante > table {
      table-layout: fixed; }
    div.formtable.flotante.formmargen {
      width: 46%;
      margin: 2%; }

.generandoReporte h3 {
  text-align: center;
  padding: 20px;
  width: 90%;
  max-width: 450px;
  margin: 25px auto;
  color: #FFFFFF;
  background: #FF4235;
  border-radius: 4px;
  font-size: 22px;
  text-transform: uppercase;
  line-height: 28px; }

.botonDescargar {
  font-family: 'Manrope';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  color: #464646;
  font-size: 14px;
  font-weight: 700;
  text-transform: capitalize;
  display: inline-flex;
  padding: 8px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  border-radius: 23px;
  border: 1px solid #FF4235 !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  font-family: 'Manrope' !important;
  background-color: #FF4235;
  border-color: #FF4235 !important;
  color: #FFFFFF;
  /* background-color: $color01;
  padding: 7px 12px;
  font-size: 18px;
  font-weight: 700;
  color: white; */
  margin-right: 8px;
  display: inline-flex;
  height: auto;
 /*  cursor: pointer;
  border-radius: 3px;
  text-decoration: none;
  line-height: normal;

  &:hover {
    filter: brightness(0.9);
  } */
  /*   @media (max-width: 1023px) {
      &:hover {
        background: $color01;
      }
    } */ }
  .botonDescargar[class^="toticon-"]::before, .botonDescargar[class*=" toticon-"]::before {
    font-family: TotIconos !important; }
  .botonDescargar[class^="toticon2-"]::before, .botonDescargar[class*=" toticon2-"]::before {
    font-family: TotIconos2 !important; }
  .botonDescargar[class^="toticon3-"]::before, .botonDescargar[class*=" toticon3-"]::before {
    font-family: TotIconos3 !important; }
  .botonDescargar[class^="toticon4-"]::before, .botonDescargar[class*=" toticon4-"]::before {
    font-family: TotIconos4 !important; }
  .botonDescargar[class^="toticon5-"]::before, .botonDescargar[class*=" toticon5-"]::before {
    font-family: TotIconos5 !important; }
  .botonDescargar span {
    display: inline-block; }
  @media (min-width: 640px) {
    .botonDescargar {
      padding: 12px 24px; } }
  .botonDescargar[disabled] {
    cursor: not-allowed !important;
    -webkit-box-shadow: none;
    box-shadow: none !important;
    pointer-events: none; }
  .botonDescargar:hover:not([disabled]) {
    border: 1px solid #FFA099 !important;
    background-color: #FFA099 !important; }
  .botonDescargar.inverted {
    background-color: #F7F7F7 !important;
    border-color: #F7F7F7 !important;
    color: #1B1B1B !important; }
    .botonDescargar.inverted:hover:not([disabled]) {
      border: 1px solid #F7F7F7 !important;
      background-color: #F7F7F7 !important;
      color: #FF4235 !important; }
  .botonDescargar[disabled] {
    background-color: #CFCFCF !important;
    border-color: #CFCFCF !important;
    color: #FFFFFF !important; }
  .botonDescargar span {
    font-family: 'Manrope';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    color: #464646;
    color: white;
    text-decoration: none;
    font-weight: 700;
    /*     font-size: 18px;
        font-family: "Open Sans", sans-serif; */ }
  .botonDescargar.circulo {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    margin: 0;
    padding: 0; }
  .botonDescargar.inverted:not([disabled]) span {
    color: #1B1B1B; }
  .botonDescargar.inverted:not([disabled]):hover span {
    color: #FF4235; }

.botonCancelar {
  font-family: 'Manrope';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  color: #464646;
  font-size: 14px;
  font-weight: 700;
  text-transform: capitalize;
  display: inline-flex;
  padding: 8px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  border-radius: 23px;
  border: 1px solid #FF4235 !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  font-family: 'Manrope' !important;
  background-color: #1B1B1B;
  border-color: #1B1B1B !important;
  color: #FFFFFF;
  /*   background: $color05;
    padding: 7px 12px;
    font-size: 18px;
    font-weight: 700;
    color: white;
    text-decoration: none; */
  margin-right: 8px;
  /*   cursor: pointer;
    border-radius: 3px; */
  height: auto; }
  .botonCancelar[class^="toticon-"]::before, .botonCancelar[class*=" toticon-"]::before {
    font-family: TotIconos !important; }
  .botonCancelar[class^="toticon2-"]::before, .botonCancelar[class*=" toticon2-"]::before {
    font-family: TotIconos2 !important; }
  .botonCancelar[class^="toticon3-"]::before, .botonCancelar[class*=" toticon3-"]::before {
    font-family: TotIconos3 !important; }
  .botonCancelar[class^="toticon4-"]::before, .botonCancelar[class*=" toticon4-"]::before {
    font-family: TotIconos4 !important; }
  .botonCancelar[class^="toticon5-"]::before, .botonCancelar[class*=" toticon5-"]::before {
    font-family: TotIconos5 !important; }
  .botonCancelar span {
    display: inline-block; }
  @media (min-width: 640px) {
    .botonCancelar {
      padding: 12px 24px; } }
  .botonCancelar[disabled] {
    cursor: not-allowed !important;
    -webkit-box-shadow: none;
    box-shadow: none !important;
    pointer-events: none; }
  .botonCancelar:hover:not([disabled]), .botonCancelar.selected {
    background-color: #B3B3B3 !important;
    border: 1px solid #B3B3B3 !important; }
  .botonCancelar[disabled] {
    background-color: #CFCFCF !important;
    border-color: #CFCFCF !important;
    color: #FFFFFF !important; }

.alertaResponsive {
  display: none;
  width: 96%;
  margin: 40px auto;
  font-size: 22px;
  line-height: normal;
  font-weight: 300; }
  .alertaResponsive .explicacion {
    border-radius: 5px;
    background: #FF4235;
    color: #FFFFFF;
    padding: 3%; }
    .alertaResponsive .explicacion h2 {
      text-transform: uppercase;
      font-weight: 800; }
    .alertaResponsive .explicacion p {
      color: #FFFFFF; }
  .alertaResponsive button {
    font-size: 16px;
    text-align: center;
    margin: 15px auto;
    width: 80%;
    display: block;
    height: auto;
    line-height: normal;
    background: #FF4235;
    color: #FFFFFF;
    border-radius: 3px;
    padding: 14px;
    cursor: pointer; }
  @media (max-width: 640px) {
    .alertaResponsive {
      display: block; } }

.alertaGeneral {
  margin: 40px auto;
  font-size: 18px;
  line-height: normal;
  font-weight: 300; }
  .alertaGeneral .explicacion {
    border-radius: 5px;
    background: #A1A1A1;
    color: #FFFFFF;
    padding: 1% 2%; }
    .alertaGeneral .explicacion h2 {
      text-transform: uppercase;
      font-weight: 800; }
    .alertaGeneral .explicacion p {
      color: #FFFFFF;
      margin: 6px 0;
      margin-left: 15px;
      display: inline-block;
      font-style: italic; }
    .alertaGeneral .explicacion i {
      cursor: pointer; }

.infoAdicional {
  text-align: center;
  display: block;
  max-width: 1440px;
  border: solid 1px #dddddd;
  margin: 0 auto;
  padding: 15px; }
  .infoAdicional h2 {
    margin-bottom: 20px;
    margin-top: 10px;
    text-transform: uppercase;
    font-size: 22px;
    color: #FF4235; }
  .infoAdicional h2 + button {
    margin-bottom: 20px;
    margin-right: 0; }
  .infoAdicional .linea {
    display: block;
    text-align: left;
    margin-top: 25px; }
    .infoAdicional .linea.centrado {
      text-align: center; }
  .infoAdicional .col_3, .infoAdicional .col_2 {
    text-align: center; }
    .infoAdicional .col_3 label, .infoAdicional .col_3 input, .infoAdicional .col_2 label, .infoAdicional .col_2 input {
      display: block;
      margin: auto;
      margin-bottom: 5px; }
  .infoAdicional.noTop {
    margin-top: -1px; }

.botonesConMargin .botonDescargar, .botonesConMargin .botonCancelar {
  margin: 8px; }
  @media (max-width: 640px) {
    .botonesConMargin .botonDescargar, .botonesConMargin .botonCancelar {
      margin: 8px auto; } }

@media (max-width: 360px) {
  .resp360 {
    display: none !important; } }

@media (max-width: 480px) {
  .resp480 {
    display: none !important; } }

@media (max-width: 640px) {
  .resp640 {
    display: none !important; } }

@media (max-width: 780px) {
  .resp780 {
    display: none !important; } }

@media (max-width: 1023px) {
  .resp1024 {
    display: none !important; } }

.badge {
  position: absolute;
  display: inline-block;
  min-width: 18px;
  height: 18px !important;
  line-height: 18px;
  font-size: 11px;
  border-radius: 9px;
  color: #FFF !important;
  font-style: normal;
  font-weight: bolder;
  text-align: center; }

.mensajeAlerta {
  background: #FF4235;
  color: #FFFFFF;
  text-align: left;
  margin: 25px 0;
  border-radius: 5px;
  padding: 25px; }
  .mensajeAlerta p {
    color: #FFFFFF; }

.compnd {
  color: #CFCFCF;
  font-style: italic; }

.comppositivo {
  color: #46D281;
  font-style: italic; }

.compnegativo {
  color: #E12845;
  font-style: italic; }

.invisible {
  visibility: hidden; }

.displaynone {
  display: none !important; }

.tar {
  text-align: right; }

.tal {
  text-align: left; }

div.tooltip {
  position: relative; }

div.tooltip span {
  display: none; }

div.tooltip:hover span, div.tooltip:focus span {
  display: block;
  position: absolute;
  top: 1em;
  left: 1.5em;
  padding: 0.2em 0.6em;
  border: 1px solid #DDDDDD;
  background-color: #FF4235;
  color: white; }

input.buscadorLupa {
  background-size: 24px !important;
  padding: 0 30px 0 4px !important; }

input.checkSolo {
  border: none !important;
  box-shadow: none !important;
  background: none !important; }

div.modal {
  border: none !important;
  background-color: transparent !important; }

#confirmTop {
  display: none; }

@media only screen and (max-height: 600px) {
  #confirmBody {
    overflow: scroll !important;
    -webkit-overflow-scrolling: touch !important; } }
#confirmBody {
  display: block;
  overflow: hidden;
  text-align: center;
  width: 100%;
 /* select, textarea {
    width: 100%; //90%;
    padding: 5px;
    border: 2px solid $primary;
    font-size: 16px;
    font-weight: bold;
    outline: 0px;
    border-radius: 0px;

  }
*/
  /*
  textarea {
    height: auto;
    min-height: 70px;
    //  -webkit-user-select: text;
    @media only screen and (max-height: 460px) {
      min-height: 40px;
    }
  }
*/
  /*  select {
      background: url("/shared/img/down-arrow.png") no-repeat right transparent;
      text-align: center;
      -webkit-appearance: none;
      height: 45px;
    }
  */
  /*
    option {
      width: 80%;
      background: lightgrey;
      padding: 5px;
      border: 2px solid $primary;
      font-size: 16px;
      height: 45px;
      outline: 0px;
      -webkit-appearance: none;
      border-radius: 0px;
      text-align: center;
    }
  */
  /* input[type=checkbox]:checked:before {
     color: $primary;
   }*/ }
  #confirmBody span {
    display: block;
    margin: 10px 0; }
  #confirmBody .selectorMaterialModal, #confirmBody .selectorMaterialAbreMesa {
    width: 90%;
    text-align: left; }
  #confirmBody .selectorMaterialAbreMesa {
    margin-top: 0px; }
  #confirmBody input[type=radio] {
    /*     display: none;
        margin: 10px;
    
        & + label {
          padding: 12px 22px;
          font-weight: 300;
          font-size: 16px;
          background: $primary-light;
          color: $white;
          border-radius: 3px;
          width: 50%;
          margin: 10px auto;
        }
    
        &:checked + label {
          background: $primary;
    
          color: $white;
        }
    
        @include noparpadeo; */ }
  #confirmBody hr {
    display: none; }
    #confirmBody hr.anular {
      display: block !important;
      height: 0.5px;
      background-color: black;
      margin-bottom: 10px; }
  #confirmBody .botInc {
    text-align: center !important; }
    #confirmBody .botInc span.botoneravalue, #confirmBody .botInc input.botoneravalue {
      height: 40px;
      width: 40px;
      border-radius: 10px;
      font-size: 24px !important;
      line-height: 38px;
      margin: 0 20px !important;
      color: #1B1B1B !important;
      background-color: #FFFFFF;
      border: 2px solid #FF4235;
      text-align: center !important; }
    #confirmBody .botInc input.botoneravalue {
      padding: 0;
      font-size: 16px !important; }
    #confirmBody .botInc button {
      color: #FF4235;
      font-size: 26px; }
    #confirmBody .botInc.botoneraAnular {
      display: inline-block; }
      #confirmBody .botInc.botoneraAnular > button.toticon {
        border: 1px solid #FF4235 !important;
        width: 30px;
        height: 30px;
        line-height: 29px;
        font-size: 10px !important;
        border-radius: 30px; }
      #confirmBody .botInc.botoneraAnular > span.botoneravalue {
        width: 50px !important;
        border: none !important;
        margin: 0 !important;
        font-size: 28px !important; }
  #confirmBody .mensajeCritico p {
    color: #444; }
    #confirmBody .mensajeCritico p.preg {
      font-weight: bold;
      text-transform: uppercase;
      font-size: 24px;
      margin-top: 20px;
      margin-bottom: 10px; }
    #confirmBody .mensajeCritico p i {
      font-style: italic;
      font-size: 14px; }

#confirmMsg {
  vertical-align: middle;
  display: block; }

#confirmMsg > div {
  text-align: center; }

#confirmBottomPre {
  display: none; }

#confirmBottom {
  display: none; }

#confirmFooter hr, #confirmFooter2 hr {
  width: 80%;
  margin: 0;
  border: 1px solid #DDDDDD;
  height: 0;
  display: inline-block; }

.ds-modal--qr {
  display: flex;
  flex-direction: column;
  gap: 16px; }
  .ds-modal--qr .qr__text {
    font-family: 'Manrope';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    color: #464646;
    line-height: 140%;
    font-weight: 400; }

#messageContainer {
  text-align: center;
  background-color: #ffffff;
  height: 44px;
  line-height: 44px;
  color: #1b1b1b;
  font-size: 1.5em;
  font-weight: bold; }
  @media only screen and (max-width: 520px) {
    #messageContainer {
      font-size: 14px;
      height: auto; } }

/* Usado para Room Charge, Cloud Beds*/
div.contenerdorGuest {
  max-height: 120px;
  overflow-y: scroll !important;
  border: 0.5px solid #DDDDDD; }
  div.contenerdorGuest .rowGuest {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 2px 5px;
    height: 44px !important;
    vertical-align: top;
    cursor: pointer; }
    div.contenerdorGuest .rowGuest > span {
      display: inline-block !important;
      width: 33%;
      margin: 5px 0 0 0 !important;
      vertical-align: top; }
      div.contenerdorGuest .rowGuest > span > span {
        margin: 0 !important;
        font-size: 0.8em !important;
        vertical-align: top; }
    div.contenerdorGuest .rowGuest.rowSelected {
      background-color: #FF4235 !important; }
      div.contenerdorGuest .rowGuest.rowSelected span {
        color: white !important;
        font-weight: bold !important; }
  div.contenerdorGuest:hover {
    font-weight: bold;
    border: 0.5px solid #FF4235; }
  div.contenerdorGuest:nth-child(odd) {
    background: #F7F7F7; }

div.guestSelected {
  height: 52px;
  text-align: center;
  vertical-align: top;
  padding-top: 7px; }
  div.guestSelected span {
    margin: 0 !important;
    vertical-align: top;
    width: 49% !important;
    font-size: 0.85em;
    display: inline-block !important;
    font-weight: bold !important;
    text-align: center !important; }
  div.guestSelected select {
    width: 49% !important;
    display: inline-block !important;
    vertical-align: top; }

USADO SOLAMENTE EN TEST.HTML
.contenedorCarrusel {
  overflow: hidden;
  border: 1px solid red;
  position: relative; }
  USADO SOLAMENTE EN TEST.HTML
  .contenedorCarrusel > div.contCarrusel {
    width: auto;
    height: 100%;
    position: relative;
    transition-property: left;
    transition-duration: 0.5s;
    transition-timing-function: ease;
    /* Safari */
    -webkit-transition-property: left;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease; }
    USADO SOLAMENTE EN TEST.HTML
    .contenedorCarrusel > div.contCarrusel > div.itemCarrusel {
      float: left;
      height: 100%;
      display: inline-block; }
      USADO SOLAMENTE EN TEST.HTML
      .contenedorCarrusel > div.contCarrusel > div.itemCarrusel > div.imagen {
        background-repeat: no-repeat;
        background-size: cover;
        display: inline-block;
        height: 100%;
        width: 100%; }
  USADO SOLAMENTE EN TEST.HTML
  .contenedorCarrusel > div.barraDerecha, USADO SOLAMENTE EN TEST.HTML
  .contenedorCarrusel > div.barraIzquierda {
    position: absolute;
    top: 0;
    width: 10%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    opacity: 1;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
    outline: none !important; }
  USADO SOLAMENTE EN TEST.HTML
  .contenedorCarrusel > div.barraDerecha {
    right: 0; }
  USADO SOLAMENTE EN TEST.HTML
  .contenedorCarrusel > div.barraIzquierda {
    left: 0; }
  USADO SOLAMENTE EN TEST.HTML
  .contenedorCarrusel .escondida {
    opacity: 0; }

.toolbarCierreCuenta {
  padding: 2px;
  background-color: #1B1B1B; }
  @media (max-width: 640px) {
    .toolbarCierreCuenta {
      height: auto;
      min-height: auto;
      max-height: none; } }
  .toolbarCierreCuenta > div {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap; }
    @media (max-width: 640px) {
      .toolbarCierreCuenta > div {
        display: block; } }
    .toolbarCierreCuenta > div > div {
      overflow: hidden;
      width: 33%;
      min-width: 120px;
      padding: 0; }
      @media (max-width: 640px) {
        .toolbarCierreCuenta > div > div {
          width: 49%;
          display: inline-block;
          overflow: auto; } }
      .toolbarCierreCuenta > div > div > span, .toolbarCierreCuenta > div > div > label {
        display: inline-block;
        width: 48%;
        height: 18px;
        line-height: 18px;
        vertical-align: top;
        overflow: hidden;
        word-break: break-all;
        padding: 0; }
        .toolbarCierreCuenta > div > div > span:not(.fg01), .toolbarCierreCuenta > div > div > label:not(.fg01) {
          color: #A1A1A1; }
      .toolbarCierreCuenta > div > div > span {
        text-align: right;
        font-family: Courier; }
        .toolbarCierreCuenta > div > div > span:not(.fg01) {
          color: #CFCFCF; }
      .toolbarCierreCuenta > div > div.botones {
        padding: 10px 2%; }
        @media (max-width: 640px) {
          .toolbarCierreCuenta > div > div.botones {
            width: 100%; } }
        .toolbarCierreCuenta > div > div.botones > button {
          height: 60px !important;
          width: 100% !important;
          margin: 0; }
  .toolbarCierreCuenta button {
    margin: 10px 20px;
    vertical-align: middle; }
    .toolbarCierreCuenta button > span {
      vertical-align: middle; }

.contCierreCuenta div.izquierdaCierre, .contCierreCuenta div.derechaCierre {
  width: 50%;
  position: absolute;
  top: 0;
  vertical-align: top;
  background-color: #FFFFFF;
  transition-property: width;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  /* Safari */
  -webkit-transition-property: width, visibility;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: ease; }
  .contCierreCuenta div.izquierdaCierre.fullWidth, .contCierreCuenta div.derechaCierre.fullWidth {
    width: 100%; }
    .contCierreCuenta div.izquierdaCierre.fullWidth div.contLineaCuentaFinal span.precioneto, .contCierreCuenta div.izquierdaCierre.fullWidth div.contLineaCuentaFinal span.tax, .contCierreCuenta div.izquierdaCierre.fullWidth div.titulosCierreCuenta span.precioneto, .contCierreCuenta div.izquierdaCierre.fullWidth div.titulosCierreCuenta span.tax, .contCierreCuenta div.derechaCierre.fullWidth div.contLineaCuentaFinal span.precioneto, .contCierreCuenta div.derechaCierre.fullWidth div.contLineaCuentaFinal span.tax, .contCierreCuenta div.derechaCierre.fullWidth div.titulosCierreCuenta span.precioneto, .contCierreCuenta div.derechaCierre.fullWidth div.titulosCierreCuenta span.tax {
      width: 50px !important;
      visibility: visible; }
  .contCierreCuenta div.izquierdaCierre.escondida, .contCierreCuenta div.derechaCierre.escondida {
    width: 0;
    visibility: hidden; }
  @media (max-width: 780px) {
    .contCierreCuenta div.izquierdaCierre, .contCierreCuenta div.derechaCierre {
      position: relative;
      width: 100%; } }
.contCierreCuenta div.izquierdaCierre {
  left: 0; }
.contCierreCuenta div.derechaCierre {
  right: 0; }
  .contCierreCuenta div.derechaCierre div.lineaCuenta.subtotales {
    height: 40px;
    min-height: 30px;
    max-height: 40px;
    font-weight: bold;
    background-color: #A1A1A1;
    color: #FFFFFF;
    padding: 5px 0;
    margin-top: 3px; }
    .contCierreCuenta div.derechaCierre div.lineaCuenta.subtotales span.comensal > span {
      top: 2px; }
  .contCierreCuenta div.derechaCierre div.lineaCuenta {
    padding: 5px 0; }
.contCierreCuenta div.pagosIzquierda {
  width: 100%;
  font-size: 0; }
  .contCierreCuenta div.pagosIzquierda div.pagos {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 5px 0 5px 3px;
    border-bottom: 1px dashed #DDDDDD; }
    @media (max-width: 640px) {
      .contCierreCuenta div.pagosIzquierda div.pagos {
        display: block; } }
    .contCierreCuenta div.pagosIzquierda div.pagos.noactual {
      background-color: #FFFFFF; }
    .contCierreCuenta div.pagosIzquierda div.pagos > div.detalle {
      width: 66%;
      min-width: 300px;
      padding: 0; }
      @media (max-width: 640px) {
        .contCierreCuenta div.pagosIzquierda div.pagos > div.detalle {
          overflow: auto;
          width: 100%;
          display: block;
          position: relative; } }
      .contCierreCuenta div.pagosIzquierda div.pagos > div.detalle > div.header {
        color: #FF4235;
        font-size: 14px;
        width: 49%;
        height: 40px;
        display: inline-block; }
        .contCierreCuenta div.pagosIzquierda div.pagos > div.detalle > div.header > input {
          font-size: 14px;
          color: #FF4235;
          width: 80%;
          padding: 0;
          border: none;
          box-shadow: none;
          webkit-box-shadow: none; }
        .contCierreCuenta div.pagosIzquierda div.pagos > div.detalle > div.header > button {
          position: absolute;
          right: 2px; }
      .contCierreCuenta div.pagosIzquierda div.pagos > div.detalle > div.contfp {
        width: 100%; }
        .contCierreCuenta div.pagosIzquierda div.pagos > div.detalle > div.contfp div.lineafp {
          font-size: 13px;
          height: 30px;
          overflow: hidden; }
          .contCierreCuenta div.pagosIzquierda div.pagos > div.detalle > div.contfp div.lineafp select, .contCierreCuenta div.pagosIzquierda div.pagos > div.detalle > div.contfp div.lineafp label {
            width: 45%;
            margin: 0 5% 0 0;
            height: 25px;
            vertical-align: middle;
            border-radius: 0px;
            padding: 0; }
            @media (max-width: 640px) {
              .contCierreCuenta div.pagosIzquierda div.pagos > div.detalle > div.contfp div.lineafp select, .contCierreCuenta div.pagosIzquierda div.pagos > div.detalle > div.contfp div.lineafp label {
                margin: 0 5px 0 0; } }
          .contCierreCuenta div.pagosIzquierda div.pagos > div.detalle > div.contfp div.lineafp label {
            display: inline-block;
            text-align: right; }
          .contCierreCuenta div.pagosIzquierda div.pagos > div.detalle > div.contfp div.lineafp input {
            width: 18%;
            vertical-align: middle;
            font-family: Courier;
            height: 25px;
            font-size: 14px;
            padding: 0;
            background-color: #FFF9D8; }
          .contCierreCuenta div.pagosIzquierda div.pagos > div.detalle > div.contfp div.lineafp > button {
            margin: 0 2px;
            vertical-align: middle; }
          .contCierreCuenta div.pagosIzquierda div.pagos > div.detalle > div.contfp div.lineafp.lineaprop {
            border-bottom: #DDDDDD 1px dotted;
            width: 96%;
            margin-left: 2%; }
        .contCierreCuenta div.pagosIzquierda div.pagos > div.detalle > div.contfp div.propdesc {
          width: 45%;
          margin: 10px 0 0 0;
          font-size: 13px;
          height: 40px;
          display: inline-block; }
          .contCierreCuenta div.pagosIzquierda div.pagos > div.detalle > div.contfp div.propdesc.descuento {
            width: 50%; }
          .contCierreCuenta div.pagosIzquierda div.pagos > div.detalle > div.contfp div.propdesc > input {
            width: 36%;
            background-color: #FFF9D8;
            display: inline-block; }
          .contCierreCuenta div.pagosIzquierda div.pagos > div.detalle > div.contfp div.propdesc label {
            display: inline-block;
            padding: 0; }
    .contCierreCuenta div.pagosIzquierda div.pagos > div.resumen {
      padding: 0 0 0 5px;
      overflow: hidden;
      width: 33%;
      min-width: 150px;
      padding: 0; }
      @media (max-width: 640px) {
        .contCierreCuenta div.pagosIzquierda div.pagos > div.resumen {
          overflow: auto;
          width: 100%;
          display: block;
          position: relative; } }
      .contCierreCuenta div.pagosIzquierda div.pagos > div.resumen > div {
        height: 20px; }
        .contCierreCuenta div.pagosIzquierda div.pagos > div.resumen > div:last-child {
          font-weight: bold; }
        .contCierreCuenta div.pagosIzquierda div.pagos > div.resumen > div > label {
          padding: 0;
          font-size: 13px;
          display: inline-block;
          width: 50%;
          height: 20px;
          overflow: visible;
          white-space: nowrap; }
        .contCierreCuenta div.pagosIzquierda div.pagos > div.resumen > div > span {
          width: 50%;
          float: right;
          text-align: right;
          font-size: 13px;
          display: inline-block;
          font-family: Courier;
          color: #464646; }
        .contCierreCuenta div.pagosIzquierda div.pagos > div.resumen > div > button.posicionado {
          position: absolute;
          top: -2px;
          margin: 0 0 0 5px; }
      .contCierreCuenta div.pagosIzquierda div.pagos > div.resumen > div.header {
        color: #FF4235;
        font-size: 14px;
        height: 30px;
        text-align: center; }
      .contCierreCuenta div.pagosIzquierda div.pagos > div.resumen > div.botoneraPagosCuenta {
        height: auto !important;
        padding-left: 1%; }
      .contCierreCuenta div.pagosIzquierda div.pagos > div.resumen div.botonpagar {
        width: 100%;
        height: 70px;
        padding: 10px 0; }
        .contCierreCuenta div.pagosIzquierda div.pagos > div.resumen div.botonpagar > button {
          width: 98%;
          margin: auto; }
  .contCierreCuenta div.pagosIzquierda div.montoBoleta {
    background-color: rgba(255, 66, 53, 0.2);
    margin: 5px;
    padding: 5px 0; }
    .contCierreCuenta div.pagosIzquierda div.montoBoleta > span {
      font-weight: bold;
      font-family: Courier; }
.contCierreCuenta div.titulosCierreCuenta {
  height: 60px;
  min-height: 60px;
  max-height: 60px;
  font-weight: bold;
  top: 0px;
  width: 100%;
  line-height: 15px;
  background-color: #A1A1A1;
  color: #FFFFFF;
  justify-content: initial; }
.contCierreCuenta div.contLineaCuentaFinal, .contCierreCuenta div.titulosCierreCuenta, .contCierreCuenta div.bottomCierreCuenta {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap; }
  .contCierreCuenta div.contLineaCuentaFinal.pendiente span:not(.comensal span, .statuslinea span), .contCierreCuenta div.titulosCierreCuenta.pendiente span:not(.comensal span, .statuslinea span), .contCierreCuenta div.bottomCierreCuenta.pendiente span:not(.comensal span, .statuslinea span) {
    color: #464646; }
  .contCierreCuenta div.contLineaCuentaFinal.itempagado span, .contCierreCuenta div.titulosCierreCuenta.itempagado span, .contCierreCuenta div.bottomCierreCuenta.itempagado span {
    color: #46D281;
    font-weight: 600; }
  .contCierreCuenta div.contLineaCuentaFinal > span, .contCierreCuenta div.contLineaCuentaFinal > input, .contCierreCuenta div.titulosCierreCuenta > span, .contCierreCuenta div.titulosCierreCuenta > input, .contCierreCuenta div.bottomCierreCuenta > span, .contCierreCuenta div.bottomCierreCuenta > input {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-content: center;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    overflow: hidden; }
    @media screen and (max-width: 768px) {
      .contCierreCuenta div.contLineaCuentaFinal > span, .contCierreCuenta div.contLineaCuentaFinal > input, .contCierreCuenta div.titulosCierreCuenta > span, .contCierreCuenta div.titulosCierreCuenta > input, .contCierreCuenta div.bottomCierreCuenta > span, .contCierreCuenta div.bottomCierreCuenta > input {
        font-size: 12px; } }
    @media screen and (max-width: 600px) {
      .contCierreCuenta div.contLineaCuentaFinal > span, .contCierreCuenta div.contLineaCuentaFinal > input, .contCierreCuenta div.titulosCierreCuenta > span, .contCierreCuenta div.titulosCierreCuenta > input, .contCierreCuenta div.bottomCierreCuenta > span, .contCierreCuenta div.bottomCierreCuenta > input {
        font-size: 11px; } }
    @media screen and (max-width: 360px) {
      .contCierreCuenta div.contLineaCuentaFinal > span, .contCierreCuenta div.contLineaCuentaFinal > input, .contCierreCuenta div.titulosCierreCuenta > span, .contCierreCuenta div.titulosCierreCuenta > input, .contCierreCuenta div.bottomCierreCuenta > span, .contCierreCuenta div.bottomCierreCuenta > input {
        font-size: 10px; } }
    .contCierreCuenta div.contLineaCuentaFinal > span.comensal, .contCierreCuenta div.contLineaCuentaFinal > span.statuslinea, .contCierreCuenta div.contLineaCuentaFinal > input.comensal, .contCierreCuenta div.contLineaCuentaFinal > input.statuslinea, .contCierreCuenta div.titulosCierreCuenta > span.comensal, .contCierreCuenta div.titulosCierreCuenta > span.statuslinea, .contCierreCuenta div.titulosCierreCuenta > input.comensal, .contCierreCuenta div.titulosCierreCuenta > input.statuslinea, .contCierreCuenta div.bottomCierreCuenta > span.comensal, .contCierreCuenta div.bottomCierreCuenta > span.statuslinea, .contCierreCuenta div.bottomCierreCuenta > input.comensal, .contCierreCuenta div.bottomCierreCuenta > input.statuslinea {
      width: 40px;
      max-width: 40px;
      min-width: 40px;
      text-align: center; }
    .contCierreCuenta div.contLineaCuentaFinal > span.celdamoneda, .contCierreCuenta div.contLineaCuentaFinal > input.celdamoneda, .contCierreCuenta div.titulosCierreCuenta > span.celdamoneda, .contCierreCuenta div.titulosCierreCuenta > input.celdamoneda, .contCierreCuenta div.bottomCierreCuenta > span.celdamoneda, .contCierreCuenta div.bottomCierreCuenta > input.celdamoneda {
      width: 60px;
      max-width: 60px;
      min-width: 60px;
      font-family: Courier;
      font-size: 11px;
      text-align: right; }
    .contCierreCuenta div.contLineaCuentaFinal > span.plato, .contCierreCuenta div.contLineaCuentaFinal > input.plato, .contCierreCuenta div.titulosCierreCuenta > span.plato, .contCierreCuenta div.titulosCierreCuenta > input.plato, .contCierreCuenta div.bottomCierreCuenta > span.plato, .contCierreCuenta div.bottomCierreCuenta > input.plato {
      overflow: hidden;
      min-width: 60px; }
    .contCierreCuenta div.contLineaCuentaFinal > span.comensal > span, .contCierreCuenta div.contLineaCuentaFinal > input.comensal > span, .contCierreCuenta div.titulosCierreCuenta > span.comensal > span, .contCierreCuenta div.titulosCierreCuenta > input.comensal > span, .contCierreCuenta div.bottomCierreCuenta > span.comensal > span, .contCierreCuenta div.bottomCierreCuenta > input.comensal > span {
      width: 25px;
      height: 25px;
      background-color: #A1A1A1;
      border-radius: 12.5px;
      line-height: 25px;
      text-align: center;
      color: #FFFFFF; }
    .contCierreCuenta div.contLineaCuentaFinal > span.statuslinea > button, .contCierreCuenta div.contLineaCuentaFinal > input.statuslinea > button, .contCierreCuenta div.titulosCierreCuenta > span.statuslinea > button, .contCierreCuenta div.titulosCierreCuenta > input.statuslinea > button, .contCierreCuenta div.bottomCierreCuenta > span.statuslinea > button, .contCierreCuenta div.bottomCierreCuenta > input.statuslinea > button {
      width: 30px;
      left: 4px; }
    .contCierreCuenta div.contLineaCuentaFinal > span.precioneto, .contCierreCuenta div.contLineaCuentaFinal > span.tax, .contCierreCuenta div.contLineaCuentaFinal > input.precioneto, .contCierreCuenta div.contLineaCuentaFinal > input.tax, .contCierreCuenta div.titulosCierreCuenta > span.precioneto, .contCierreCuenta div.titulosCierreCuenta > span.tax, .contCierreCuenta div.titulosCierreCuenta > input.precioneto, .contCierreCuenta div.titulosCierreCuenta > input.tax, .contCierreCuenta div.bottomCierreCuenta > span.precioneto, .contCierreCuenta div.bottomCierreCuenta > span.tax, .contCierreCuenta div.bottomCierreCuenta > input.precioneto, .contCierreCuenta div.bottomCierreCuenta > input.tax {
      width: 0px;
      min-width: 0px;
      max-width: 0px;
      visibility: hidden; }
      @media screen and (max-width: 1000px) {
        .contCierreCuenta div.contLineaCuentaFinal > span.precioneto, .contCierreCuenta div.contLineaCuentaFinal > span.tax, .contCierreCuenta div.contLineaCuentaFinal > input.precioneto, .contCierreCuenta div.contLineaCuentaFinal > input.tax, .contCierreCuenta div.titulosCierreCuenta > span.precioneto, .contCierreCuenta div.titulosCierreCuenta > span.tax, .contCierreCuenta div.titulosCierreCuenta > input.precioneto, .contCierreCuenta div.titulosCierreCuenta > input.tax, .contCierreCuenta div.bottomCierreCuenta > span.precioneto, .contCierreCuenta div.bottomCierreCuenta > span.tax, .contCierreCuenta div.bottomCierreCuenta > input.precioneto, .contCierreCuenta div.bottomCierreCuenta > input.tax {
          display: none; } }
    .contCierreCuenta div.contLineaCuentaFinal > span.pagado, .contCierreCuenta div.contLineaCuentaFinal > input.pagado, .contCierreCuenta div.titulosCierreCuenta > span.pagado, .contCierreCuenta div.titulosCierreCuenta > input.pagado, .contCierreCuenta div.bottomCierreCuenta > span.pagado, .contCierreCuenta div.bottomCierreCuenta > input.pagado {
      width: 80px;
      min-width: 80px;
      max-width: 80px; }
      .contCierreCuenta div.contLineaCuentaFinal > span.pagado > input, .contCierreCuenta div.contLineaCuentaFinal > input.pagado > input, .contCierreCuenta div.titulosCierreCuenta > span.pagado > input, .contCierreCuenta div.titulosCierreCuenta > input.pagado > input, .contCierreCuenta div.bottomCierreCuenta > span.pagado > input, .contCierreCuenta div.bottomCierreCuenta > input.pagado > input {
        width: 100%;
        height: 22px; }
      @media screen and (max-width: 600px) {
        .contCierreCuenta div.contLineaCuentaFinal > span.pagado, .contCierreCuenta div.contLineaCuentaFinal > input.pagado, .contCierreCuenta div.titulosCierreCuenta > span.pagado, .contCierreCuenta div.titulosCierreCuenta > input.pagado, .contCierreCuenta div.bottomCierreCuenta > span.pagado, .contCierreCuenta div.bottomCierreCuenta > input.pagado {
          display: none; } }
  .contCierreCuenta div.contLineaCuentaFinal span.toticon2-check2, .contCierreCuenta div.titulosCierreCuenta span.toticon2-check2, .contCierreCuenta div.bottomCierreCuenta span.toticon2-check2 {
    visibility: hidden; }
    .contCierreCuenta div.contLineaCuentaFinal span.toticon2-check2.seleccionado, .contCierreCuenta div.titulosCierreCuenta span.toticon2-check2.seleccionado, .contCierreCuenta div.bottomCierreCuenta span.toticon2-check2.seleccionado {
      visibility: visible; }
.contCierreCuenta div.contLineaCuentaFinal.anulado > span {
  color: #E12845; }
.contCierreCuenta.bigFontCaja div.pagosIzquierda > div.pagos {
  display: block;
  font-size: 19px; }
  .contCierreCuenta.bigFontCaja div.pagosIzquierda > div.pagos > div.detalle {
    overflow: visible;
    width: 100%;
    display: block;
    position: relative; }
    .contCierreCuenta.bigFontCaja div.pagosIzquierda > div.pagos > div.detalle > div.header {
      font-size: 19px; }
      .contCierreCuenta.bigFontCaja div.pagosIzquierda > div.pagos > div.detalle > div.header > input {
        font-size: 19px; }
    .contCierreCuenta.bigFontCaja div.pagosIzquierda > div.pagos > div.detalle > div.contfp div.lineafp {
      font-size: 18px;
      height: 35px; }
      .contCierreCuenta.bigFontCaja div.pagosIzquierda > div.pagos > div.detalle > div.contfp div.lineafp select, .contCierreCuenta.bigFontCaja div.pagosIzquierda > div.pagos > div.detalle > div.contfp div.lineafp label {
        margin: 0 5px 0 0;
        height: 30px;
        font-size: 20px; }
      .contCierreCuenta.bigFontCaja div.pagosIzquierda > div.pagos > div.detalle > div.contfp div.lineafp input {
        height: 30px;
        font-size: 19px; }
    .contCierreCuenta.bigFontCaja div.pagosIzquierda > div.pagos > div.detalle > div.contfp div.propdesc {
      font-size: 19px; }
  .contCierreCuenta.bigFontCaja div.pagosIzquierda > div.pagos > div.resumen {
    overflow: auto;
    width: 100%;
    display: block;
    position: relative; }
    .contCierreCuenta.bigFontCaja div.pagosIzquierda > div.pagos > div.resumen > div {
      height: 25px; }
      .contCierreCuenta.bigFontCaja div.pagosIzquierda > div.pagos > div.resumen > div > label {
        font-size: 19px;
        height: 25px; }
      .contCierreCuenta.bigFontCaja div.pagosIzquierda > div.pagos > div.resumen > div > span {
        font-size: 19px; }
    .contCierreCuenta.bigFontCaja div.pagosIzquierda > div.pagos > div.resumen > div.header {
      font-size: 21px;
      height: 35px; }
    .contCierreCuenta.bigFontCaja div.pagosIzquierda > div.pagos > div.resumen div.botonpagar {
      height: 70px; }
.contCierreCuenta.bigFontCaja div.derechaCierre div.contLineaCuentaFinal > span.celdamoneda, .contCierreCuenta.bigFontCaja div.derechaCierre div.contLineaCuentaFinal > input.celdamoneda, .contCierreCuenta.bigFontCaja div.derechaCierre div.titulosCierreCuenta > span.celdamoneda, .contCierreCuenta.bigFontCaja div.derechaCierre div.titulosCierreCuenta > input.celdamoneda, .contCierreCuenta.bigFontCaja div.derechaCierre div.bottomCierreCuenta > span.celdamoneda, .contCierreCuenta.bigFontCaja div.derechaCierre div.bottomCierreCuenta > input.celdamoneda, .contCierreCuenta.bigFontCaja div.derechaCierre div.lineaCuenta > span.celdamoneda, .contCierreCuenta.bigFontCaja div.derechaCierre div.lineaCuenta > input.celdamoneda {
  font-size: 14px; }
.contCierreCuenta.bigFontCaja div.derechaCierre div.contLineaCuentaFinal > span.plato, .contCierreCuenta.bigFontCaja div.derechaCierre div.contLineaCuentaFinal > input.plato, .contCierreCuenta.bigFontCaja div.derechaCierre div.titulosCierreCuenta > span.plato, .contCierreCuenta.bigFontCaja div.derechaCierre div.titulosCierreCuenta > input.plato, .contCierreCuenta.bigFontCaja div.derechaCierre div.bottomCierreCuenta > span.plato, .contCierreCuenta.bigFontCaja div.derechaCierre div.bottomCierreCuenta > input.plato, .contCierreCuenta.bigFontCaja div.derechaCierre div.lineaCuenta > span.plato, .contCierreCuenta.bigFontCaja div.derechaCierre div.lineaCuenta > input.plato {
  font-size: 17px; }
.contCierreCuenta.bigFontCaja div.derechaCierre div.contLineaCuentaFinal > span.apagar, .contCierreCuenta.bigFontCaja div.derechaCierre div.contLineaCuentaFinal > input.apagar, .contCierreCuenta.bigFontCaja div.derechaCierre div.titulosCierreCuenta > span.apagar, .contCierreCuenta.bigFontCaja div.derechaCierre div.titulosCierreCuenta > input.apagar, .contCierreCuenta.bigFontCaja div.derechaCierre div.bottomCierreCuenta > span.apagar, .contCierreCuenta.bigFontCaja div.derechaCierre div.bottomCierreCuenta > input.apagar, .contCierreCuenta.bigFontCaja div.derechaCierre div.lineaCuenta > span.apagar, .contCierreCuenta.bigFontCaja div.derechaCierre div.lineaCuenta > input.apagar {
  font-size: 14px; }
@media screen and (max-width: 1279px) {
  .contCierreCuenta.bigFontCaja div.derechaCierre div.contLineaCuentaFinal > span.pagado, .contCierreCuenta.bigFontCaja div.derechaCierre div.contLineaCuentaFinal > input.pagado, .contCierreCuenta.bigFontCaja div.derechaCierre div.titulosCierreCuenta > span.pagado, .contCierreCuenta.bigFontCaja div.derechaCierre div.titulosCierreCuenta > input.pagado, .contCierreCuenta.bigFontCaja div.derechaCierre div.bottomCierreCuenta > span.pagado, .contCierreCuenta.bigFontCaja div.derechaCierre div.bottomCierreCuenta > input.pagado, .contCierreCuenta.bigFontCaja div.derechaCierre div.lineaCuenta > span.pagado, .contCierreCuenta.bigFontCaja div.derechaCierre div.lineaCuenta > input.pagado {
    display: none; } }
.contCierreCuenta.medFontCaja div.pagosIzquierda > div.pagos {
  display: block;
  font-size: 14px; }
  .contCierreCuenta.medFontCaja div.pagosIzquierda > div.pagos > div.detalle {
    overflow: visible;
    width: 100%;
    display: block;
    position: relative; }
    .contCierreCuenta.medFontCaja div.pagosIzquierda > div.pagos > div.detalle > div.header {
      font-size: 18px; }
      .contCierreCuenta.medFontCaja div.pagosIzquierda > div.pagos > div.detalle > div.header > input {
        font-size: 17px; }
    .contCierreCuenta.medFontCaja div.pagosIzquierda > div.pagos > div.detalle > div.contfp div.lineafp {
      font-size: 16px;
      height: 35px; }
      .contCierreCuenta.medFontCaja div.pagosIzquierda > div.pagos > div.detalle > div.contfp div.lineafp select, .contCierreCuenta.medFontCaja div.pagosIzquierda > div.pagos > div.detalle > div.contfp div.lineafp label {
        margin: 0 5px 0 0;
        height: 30px;
        font-size: 17px; }
      .contCierreCuenta.medFontCaja div.pagosIzquierda > div.pagos > div.detalle > div.contfp div.lineafp input {
        height: 30px;
        font-size: 17px; }
    .contCierreCuenta.medFontCaja div.pagosIzquierda > div.pagos > div.detalle > div.contfp > div.propdesc {
      font-size: 17px; }
  .contCierreCuenta.medFontCaja div.pagosIzquierda > div.pagos > div.resumen {
    overflow: auto;
    width: 100%;
    display: block;
    position: relative; }
    .contCierreCuenta.medFontCaja div.pagosIzquierda > div.pagos > div.resumen > div {
      height: 25px; }
      .contCierreCuenta.medFontCaja div.pagosIzquierda > div.pagos > div.resumen > div > label {
        font-size: 16px;
        height: 25px; }
      .contCierreCuenta.medFontCaja div.pagosIzquierda > div.pagos > div.resumen > div > span {
        font-size: 16px; }
    .contCierreCuenta.medFontCaja div.pagosIzquierda > div.pagos > div.resumen > div.header {
      font-size: 18px;
      height: 35px; }
    .contCierreCuenta.medFontCaja div.pagosIzquierda > div.pagos > div.resumen div.botonpagar {
      height: 70px; }
.contCierreCuenta.medFontCaja div.derechaCierre div.contLineaCuentaFinal > span.celdamoneda, .contCierreCuenta.medFontCaja div.derechaCierre div.contLineaCuentaFinal > input.celdamoneda, .contCierreCuenta.medFontCaja div.derechaCierre div.titulosCierreCuenta > span.celdamoneda, .contCierreCuenta.medFontCaja div.derechaCierre div.titulosCierreCuenta > input.celdamoneda, .contCierreCuenta.medFontCaja div.derechaCierre div.bottomCierreCuenta > span.celdamoneda, .contCierreCuenta.medFontCaja div.derechaCierre div.bottomCierreCuenta > input.celdamoneda, .contCierreCuenta.medFontCaja div.derechaCierre div.lineaCuenta > span.celdamoneda, .contCierreCuenta.medFontCaja div.derechaCierre div.lineaCuenta > input.celdamoneda {
  font-size: 13px; }
.contCierreCuenta.medFontCaja div.derechaCierre div.contLineaCuentaFinal > span.plato, .contCierreCuenta.medFontCaja div.derechaCierre div.contLineaCuentaFinal > input.plato, .contCierreCuenta.medFontCaja div.derechaCierre div.titulosCierreCuenta > span.plato, .contCierreCuenta.medFontCaja div.derechaCierre div.titulosCierreCuenta > input.plato, .contCierreCuenta.medFontCaja div.derechaCierre div.bottomCierreCuenta > span.plato, .contCierreCuenta.medFontCaja div.derechaCierre div.bottomCierreCuenta > input.plato, .contCierreCuenta.medFontCaja div.derechaCierre div.lineaCuenta > span.plato, .contCierreCuenta.medFontCaja div.derechaCierre div.lineaCuenta > input.plato {
  font-size: 15px; }
.contCierreCuenta.medFontCaja div.derechaCierre div.contLineaCuentaFinal > span.apagar, .contCierreCuenta.medFontCaja div.derechaCierre div.contLineaCuentaFinal > input.apagar, .contCierreCuenta.medFontCaja div.derechaCierre div.titulosCierreCuenta > span.apagar, .contCierreCuenta.medFontCaja div.derechaCierre div.titulosCierreCuenta > input.apagar, .contCierreCuenta.medFontCaja div.derechaCierre div.bottomCierreCuenta > span.apagar, .contCierreCuenta.medFontCaja div.derechaCierre div.bottomCierreCuenta > input.apagar, .contCierreCuenta.medFontCaja div.derechaCierre div.lineaCuenta > span.apagar, .contCierreCuenta.medFontCaja div.derechaCierre div.lineaCuenta > input.apagar {
  font-size: 13px; }
@media screen and (max-width: 1279px) {
  .contCierreCuenta.medFontCaja div.derechaCierre div.contLineaCuentaFinal > span.pagado, .contCierreCuenta.medFontCaja div.derechaCierre div.contLineaCuentaFinal > input.pagado, .contCierreCuenta.medFontCaja div.derechaCierre div.titulosCierreCuenta > span.pagado, .contCierreCuenta.medFontCaja div.derechaCierre div.titulosCierreCuenta > input.pagado, .contCierreCuenta.medFontCaja div.derechaCierre div.bottomCierreCuenta > span.pagado, .contCierreCuenta.medFontCaja div.derechaCierre div.bottomCierreCuenta > input.pagado, .contCierreCuenta.medFontCaja div.derechaCierre div.lineaCuenta > span.pagado, .contCierreCuenta.medFontCaja div.derechaCierre div.lineaCuenta > input.pagado {
    display: none; } }

.solodirty, .solodirtyin {
  display: none;
  visibility: hidden; }

input.ng-dirty + .solodirty, select.ng-dirty + .solodirty {
  display: inherit;
  visibility: visible; }

input.ng-dirty + .solodirtyin, select.ng-dirty + .solodirtyin {
  display: inline-block;
  visibility: visible; }

.ng-dirty + .md-errors-spacer + .solodirty, .ng-dirty + .md-errors-spacer + .solodirtyin {
  visibility: visible;
  display: inherit; }

.pagoresaltado {
  background-color: rgba(255, 66, 53, 0.1); }

div#barraPreCuenta, #barraListaPrecios, #barraFacturaElectronica {
  display: inline-block;
  float: right;
  right: 30px;
  top: 3px; }
  div#barraPreCuenta label, #barraListaPrecios label, #barraFacturaElectronica label {
    display: inline-block; }
  div#barraPreCuenta input[type="text"], div#barraPreCuenta input[type="number"], #barraListaPrecios input[type="text"], #barraListaPrecios input[type="number"], #barraFacturaElectronica input[type="text"], #barraFacturaElectronica input[type="number"] {
    padding: 8px; }
  div#barraPreCuenta select, #barraListaPrecios select, #barraFacturaElectronica select {
    height: auto;
    padding: 8px;
    padding-right: 33px; }
  div#barraPreCuenta form, #barraListaPrecios form, #barraFacturaElectronica form {
    padding: 5px; }
    div#barraPreCuenta form .botonDescargar, #barraListaPrecios form .botonDescargar, #barraFacturaElectronica form .botonDescargar {
      vertical-align: sub;
      margin: 0;
      margin-left: 10px;
      padding: 9px 14px; }

div.keypadContenedor {
  width: 100%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
  outline: none !important;
  cursor: pointer;
  font-size: 0; }
  div.keypadContenedor span {
    display: inline-block;
    width: 32%;
    height: 42px;
    margin: 0 0 2px 1%;
    line-height: 48px;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    background-color: #CFCFCF;
    color: #FFFFFF;
    float: left; }
  div.keypadContenedor .clear {
    clear: both; }

#generalSettings .ToteatTable input[type="text"], #deviceSettings .ToteatTable input[type="text"], #generalSettings .ToteatTable input[type="number"], #deviceSettings .ToteatTable input[type="number"], #generalSettings .ToteatTable input[type="email"], #deviceSettings .ToteatTable input[type="email"], #generalSettings .ToteatTable input[type="time"], #deviceSettings .ToteatTable input[type="time"], #generalSettings .ToteatTable input[type="date"], #deviceSettings .ToteatTable input[type="date"], #generalSettings .ToteatTable input[type="password"], #deviceSettings .ToteatTable input[type="password"] {
  width: auto;
  min-width: 60%; }
#generalSettings .ToteatTable .fuentesIngreso input[type="text"], #deviceSettings .ToteatTable .fuentesIngreso input[type="text"], #generalSettings .ToteatTable .fuentesIngreso input[type="number"], #deviceSettings .ToteatTable .fuentesIngreso input[type="number"] {
  padding: 7px 10px;
  margin-right: 10px; }
#generalSettings .ToteatTable .fuentesIngreso select, #deviceSettings .ToteatTable .fuentesIngreso select {
  padding: 7px 10px;
  padding-right: 33px;
  vertical-align: top; }
#generalSettings .desliz > label, #deviceSettings .desliz > label {
  display: inline-block;
  margin: 5px;
  font-weight: 300;
  color: #A1A1A1; }
#generalSettings .desliz .slideThree, #deviceSettings .desliz .slideThree {
  display: inline-block;
  margin: 5px; }
#generalSettings .contenedor, #deviceSettings .contenedor {
  margin-top: 35px;
  max-width: 900px; }
#generalSettings .selectorMaterialPS, #deviceSettings .selectorMaterialPS {
  margin-top: 0px;
  width: 90%; }
#generalSettings .listaGarzones, #deviceSettings .listaGarzones {
  text-align: center;
  margin-top: 70px; }
  #generalSettings .listaGarzones > span, #deviceSettings .listaGarzones > span {
    text-align: center;
    padding: 2%;
    width: 50%;
    border-radius: 3px;
    display: block;
    margin: 20px auto;
    background-color: #FF4235;
    font-size: 18px;
    font-weight: 300;
    color: #FFFFFF;
    min-height: 50px; }
  #generalSettings .listaGarzones > div, #deviceSettings .listaGarzones > div {
    display: inline-block;
    width: 17%;
    border-radius: 3px;
    margin: 10px;
    background-color: #CFCFCF;
    cursor: pointer;
    font-size: 16px;
    font-weight: 300;
    color: #FFFFFF;
    text-align: center;
    height: 54px;
    vertical-align: middle; }
    #generalSettings .listaGarzones > div > div, #deviceSettings .listaGarzones > div > div {
      padding: 6%;
      display: block; }
    @media (max-width: 640px) {
      #generalSettings .listaGarzones > div, #deviceSettings .listaGarzones > div {
        width: 45%;
        margin: 5px; } }
#generalSettings .slideSettings, #deviceSettings .slideSettings {
  background: url("/styles/img/slidesettings.jpg") center center no-repeat;
  background-size: cover; }
  #generalSettings .slideSettings .navTitulo, #deviceSettings .slideSettings .navTitulo {
    margin: 0 auto;
    padding-top: 15px;
    padding-bottom: 55px; }
    #generalSettings .slideSettings .navTitulo .titulo span, #deviceSettings .slideSettings .navTitulo .titulo span {
      font-weight: 700;
      font-size: 34px;
      color: white;
      line-height: 39px; }
#generalSettings .ordenPlato, #deviceSettings .ordenPlato {
  border-radius: 3px;
  background: #464646;
  color: #FFF;
  line-height: 18px;
  text-align: center;
  display: inline-block;
  min-width: 18px;
  min-height: 18px; }

#facturacion .contenedor {
  max-width: 900px; }
  #facturacion .contenedor .col_3 h3 {
    text-transform: uppercase;
    color: #FF4235;
    margin-bottom: 30px;
    font-size: 12px;
    font-weight: 800; }
  #facturacion .contenedor .col_3 .ToteatTable {
    margin-top: 0; }
  #facturacion .contenedor .col_3 address {
    margin-bottom: 20px;
    font-style: normal;
    font-size: 14px;
    line-height: 22px; }
  #facturacion .contenedor .col_3 .botonDescargar {
    margin-top: 10px; }
  #facturacion .contenedor p.fontNormal {
    color: #464646;
    font-size: 14px; }

#deviceSettings div.linea > div > i.toticon {
  vertical-align: top; }

.circNotificaciones {
  color: #FFF;
  background-color: #FF4235;
  height: 14px;
  border-radius: 7px;
  line-height: 14px;
  font-size: 10px;
  min-width: 14px;
  text-align: center;
  font-style: normal;
  font-family: Arial;
  font-weight: bold; }
  .circNotificaciones.sidebar {
    position: absolute;
    top: 5px;
    left: 102px; }

div.lineaNotificaciones {
  display: block;
  padding: 5px 110px 5px 10px;
  position: relative;
  height: 50px;
  background-color: #A1A1A1;
  border-color: #DDDDDD;
  border-width: 0 0 1px 0;
  border-style: solid; }
  div.lineaNotificaciones.selec {
    background-color: #FF4235; }
  div.lineaNotificaciones > div.contenido {
    color: #FFFFFF;
    font-size: 12px; }
  div.lineaNotificaciones > div.acciones {
    position: absolute;
    height: 50px;
    width: 110px;
    top: 5px;
    right: 10px; }
    div.lineaNotificaciones > div.acciones button {
      width: auto;
      line-height: 26px;
      letter-spacing: 0;
      padding: 8px;
      height: 40px;
      margin-left: 15px;
      float: right; }

#pantallaNotificaciones {
  background-color: #000000; }

div.mensajeNoLogueado {
  background: url("/styles/img/fondorestocreate.jpg") no-repeat center center;
  background-size: cover; }
  div.mensajeNoLogueado h3 {
    text-align: center;
    display: block;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: normal;
    line-height: normal;
    margin: 25px 0;
    padding: 25px 0; }

#loginToteat {
  text-align: center;
  background: #FF4235; }
  #loginToteat .titulo {
    text-align: center;
    color: #FFFFFF; }
    #loginToteat .titulo span {
      color: #FFFFFF; }
  #loginToteat .loginapp input {
    display: block;
    margin: 0 auto;
    width: 300px;
    box-shadow: none; }
    #loginToteat .loginapp input:first-child {
      border-bottom: none;
      -webkit-border-radius: 5px 5px 0 0;
      border-radius: 5px 5px 0 0; }
    #loginToteat .loginapp input:nth-child(2) {
      -webkit-border-radius: 0 0 5px 5px;
      border-radius: 0 0 5px 5px; }
  #loginToteat .loginapp .botonDescargar {
    margin: 20px auto; }
  #loginToteat .loginapp .ds-text-button {
    display: inline-block; }

#myProfile {
  text-align: center; }
  #myProfile .loginapp label {
    display: block; }
  #myProfile .loginapp input {
    display: block;
    margin: 0 auto;
    width: 300px;
    box-shadow: none; }
    #myProfile .loginapp input:first-child {
      border-bottom: none;
      -webkit-border-radius: 5px 5px 0 0;
      border-radius: 5px 5px 0 0; }
    #myProfile .loginapp input:nth-child(2) {
      -webkit-border-radius: 0 0 5px 5px;
      border-radius: 0 0 5px 5px; }
  #myProfile .botonDescargar {
    margin: 20px auto; }

div.divLogin {
  width: 100%;
  text-align: center;
  margin-top: 20px;
  cursor: pointer; }
  div.divLogin > div {
    display: block;
    margin: auto;
    color: #FFFFFF;
    font-size: 14px;
    width: 80%;
    max-width: 300px; }
    div.divLogin > div > div {
      text-align: left;
      display: block;
      margin-bottom: 25px;
      padding: 12px; }
      div.divLogin > div > div span {
        display: inline-block;
        vertical-align: middle;
        margin: 0 5px; }
      div.divLogin > div > div.logFacebook {
        background: #3B5998; }
      div.divLogin > div > div.logGmail {
        background: #dd4b39; }
      div.divLogin > div > div.logVk {
        background: #597DA3; }
      div.divLogin > div > div.logLinkedin {
        background: #1b86bc; }
      div.divLogin > div > div.ayuda {
        background: none;
        border: solid 1px #FFFFFF;
        text-align: center; }

img.googleSignIn {
  cursor: pointer;
  width: 192px; }

img.googleSignIn:hover {
  width: 196px; }

div.contenedorFlexible {
  padding: 0;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -ms-flexbox;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 100%; }
  div.contenedorFlexible > div, div.contenedorFlexible > section {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-flex-direction: column;
    flex-direction: column; }
    div.contenedorFlexible > div.flexBlock, div.contenedorFlexible > section.flexBlock {
      display: block; }
  div.contenedorFlexible > div.relleno {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    min-height: 0;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }

div.contComentario {
  display: block;
  text-align: left; }
  div.contComentario div.divComentario {
    margin: 10px 0; }
    div.contComentario div.divComentario span.txtComentario {
      margin: 0 !important;
      font-size: 14px;
      font-style: italic;
      display: inline-block !important; }
    div.contComentario div.divComentario span.porComentario {
      margin: 0 !important;
      font-size: 10px;
      font-style: bold;
      display: inline-block !important; }
    div.contComentario div.divComentario span.fechaComentario {
      margin: 0 !important;
      font-size: 10px;
      font-style: normal;
      display: inline-block !important; }
  div.contComentario hr {
    width: 100% !important;
    margin-bottom: 10px !important; }

.comentarioAperturaCaja {
  width: 100%;
  height: 100px; }

#edicionRestaurant input {
  width: 96%; }
#edicionRestaurant select {
  display: block;
  width: 96%; }

.campoInfo {
  display: block;
  margin-bottom: 30px; }

#mapaCreacion {
  display: inline-block;
  width: 100%;
  height: 450px;
  margin-top: 43px; }
  #mapaCreacion .inputLatLong input {
    width: 49%; }
  @media (max-width: 780px) {
    #mapaCreacion {
      height: 350px;
      margin-bottom: 35px; } }

#edicionProductos .navTitulo .botones input {
  padding: 9px; }
#edicionProductos .navTitulo .botones select {
  padding: 9px;
  padding-right: 40px; }
#edicionProductos .navTitulo .botones button.botonEspecial {
  margin: 0;
  padding: 9px 12px;
  vertical-align: top; }
@media (max-width: 1280px) {
  #edicionProductos .navTitulo .titulo {
    width: 28%; }
  #edicionProductos .navTitulo .botones {
    width: 70%; }
    #edicionProductos .navTitulo .botones select {
      max-width: 230px; } }
@media (max-width: 780px) {
  #edicionProductos .navTitulo .controles {
    text-align: center; } }

#transferenciasView .listado_trans {
  border: solid 1px #d1d0cd;
  border-radius: 3px; }
  #transferenciasView .listado_trans > div {
    color: #000000;
    font-size: 16px;
    border-bottom: solid 1px #d1d0cd;
    background: #FFFFFF;
    cursor: pointer;
    position: relative; }
    #transferenciasView .listado_trans > div:last-child {
      border-bottom: none; }
    #transferenciasView .listado_trans > div em {
      color: #1B1B1B;
      float: right; }
      #transferenciasView .listado_trans > div em:hover, #transferenciasView .listado_trans > div em:active {
        color: #FFFFFF; }
      #transferenciasView .listado_trans > div em.toticon2-forward {
        float: none;
        margin-right: 10px; }
  #transferenciasView .listado_trans ul {
    margin-top: 8px; }
    #transferenciasView .listado_trans ul li {
      list-style: none;
      text-indent: 48px;
      font-size: 14px;
      color: #464646; }
  div #transferenciasView .listado_trans .txtsource:hover, #transferenciasView .listado_trans .txtsource:active, #transferenciasView .listado_trans .txtsource:hover em {
    background: #FF4235;
    color: #FFFFFF; }
    div #transferenciasView .listado_trans .txtsource:hover li, #transferenciasView .listado_trans .txtsource:active li, #transferenciasView .listado_trans .txtsource:hover em li {
      background: #FF4235;
      color: #FFFFFF; }
    div #transferenciasView .listado_trans .txtsource:hover .usuario, #transferenciasView .listado_trans .txtsource:active .usuario, #transferenciasView .listado_trans .txtsource:hover em .usuario {
      color: #FFFFFF; }
  #transferenciasView .listado_trans .txtsource .click_trans {
    padding: 14px; }
    #transferenciasView .listado_trans .txtsource .click_trans .usuario {
      padding: 1px 6px;
      background: none;
      color: #000000;
      font-weight: normal;
      border: solid 1px #F7F7F7;
      position: inherit; }
  #transferenciasView .listado_trans .txtsource em.toticon2-informacion {
    text-align: center;
    position: absolute;
    top: 7px;
    right: 7px;
    padding: 20px 9px;
    line-height: 0;
    border-radius: 50%; }
    #transferenciasView .listado_trans .txtsource em.toticon2-informacion:hover, #transferenciasView .listado_trans .txtsource em.toticon2-informacion:active {
      background: #FFFFFF;
      color: #FF4235; }
  #transferenciasView .listado_trans .txtsource .desplegado_trans {
    display: block;
    line-height: normal;
    font-style: italic;
    font-weight: 100;
    color: #4d4e4e;
    padding: 14px;
    padding-top: 0; }
  #transferenciasView .listado_trans .txtsource .usuario {
    background: #FF4235;
    padding: 5px 12px;
    border-radius: 50%;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 600;
    position: absolute; }
  #transferenciasView .listado_trans .txtdest {
    color: #222222;
    background: #F7F7F7;
    padding: 8px;
    font-size: 14px;
    cursor: default; }
    #transferenciasView .listado_trans .txtdest ul {
      margin-top: 0; }
      #transferenciasView .listado_trans .txtdest ul li {
        list-style: none;
        text-indent: 15px;
        font-size: 13px;
        line-height: 15px;
        color: #464646;
        font-style: italic; }
    #transferenciasView .listado_trans .txtdest .usuario {
      padding: 1px 6px;
      border-radius: 50%; }
    #transferenciasView .listado_trans .txtdest .check-naranjo {
      color: #FF4235;
      display: inline-block;
      vertical-align: top;
      float: right; }
#transferenciasView .mensaje_trans {
  background: #FF4235;
  border: solid 1px #c56b32;
  padding: 20px;
  color: #FFFFFF;
  font-size: 18px;
  display: block;
  border-radius: 4px; }
  #transferenciasView .mensaje_trans span {
    display: inline-block;
    vertical-align: top;
    font-size: 40px;
    margin-top: 8px;
    margin-right: 12px; }
  #transferenciasView .mensaje_trans > div {
    display: inline-block;
    vertical-align: top;
    width: 75%; }
    #transferenciasView .mensaje_trans > div h2 {
      line-height: 27px;
      margin-bottom: 12px;
      text-transform: uppercase; }
#transferenciasView .destino .cont_trans .listado_trans .txtsource {
  padding: 14px;
  position: relative; }
  #transferenciasView .destino .cont_trans .listado_trans .txtsource span.ng-binding {
    margin-left: 45px; }
  #transferenciasView .destino .cont_trans .listado_trans .txtsource span.ng-binding.usuario,
  #transferenciasView .destino .cont_trans .listado_trans .txtsource span.ng-scope.usuario {
    margin-left: 0;
    top: 10px;
    border: solid 1px #FFFFFF; }
    #transferenciasView .destino .cont_trans .listado_trans .txtsource span.ng-binding.usuario:hover,
    #transferenciasView .destino .cont_trans .listado_trans .txtsource span.ng-scope.usuario:hover {
      background: #FFFFFF;
      color: #FF4235; }
    #transferenciasView .destino .cont_trans .listado_trans .txtsource span.ng-binding.usuario:active,
    #transferenciasView .destino .cont_trans .listado_trans .txtsource span.ng-scope.usuario:active {
      background: #c56b32; }
#transferenciasView .info_trans {
  margin-top: 15px; }
  #transferenciasView .info_trans .titulosTrans {
    text-transform: uppercase;
    margin-bottom: 17px; }
  #transferenciasView .info_trans select {
    display: inline-block;
    vertical-align: top;
    margin-right: 12px; }
  #transferenciasView .info_trans .infoMesaTrans {
    display: inline-block;
    vertical-align: top;
    line-height: 24px; }

label {
  font-family: 'Manrope';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  color: #464646;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  color: #464646;
  display: flex;
  align-items: center;
  padding: 8px; }

p {
  font-family: 'Manrope';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  color: #464646;
  display: block;
  margin: 8px 0;
  font-size: 14px;
  color: #1B1B1B;
  font-weight: 400; }

textarea {
  /*   border: solid 1px $color06;
    background: $white;
    padding: 10px 15px;
    -webkit-box-shadow: inset 0 3px 15px -3px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 3px 15px -3px rgba(0, 0, 0, 0.2);
    font-size: 12px; */
  font-family: 'Manrope';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  color: #464646;
  -webkit-appearance: none;
  -webkit-box-shadow: none;
  box-shadow: none !important;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  text-align: left !important;
  color: #464646;
  padding: 12px 8px;
  border-radius: 4px;
  border: 1px solid #DDDDDD;
  background: white;
  height: auto; }
  textarea:focus {
    color: #1B1B1B;
    border-color: #FF4235; }
  textarea.error {
    border-color: #E12845; }
  textarea[disabled], textarea:disabled {
    background: #DDDDDD;
    border-color: #CFCFCF;
    color: #464646; }

/* textarea:disabled {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: $color09;
} */
select {
  /*   border: solid 1px $color06;
    border-radius: 0;
    //background: url("/shared/img/down-arrow-orange.png") no-repeat right $white;
    background: url("/shared/img/down-arrow-orange-new.png") no-repeat right $white;
    -webkit-appearance: none;
    padding: 13px;
    padding-right: 33px;
    -webkit-box-shadow: inset 0 3px 15px -3px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 3px 15px -3px rgba(0, 0, 0, 0.2);
    font-size: 12px;
    font-family: 'Open Sans', sans-serif; */
  font-family: 'Manrope';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  color: #464646;
  -webkit-appearance: none;
  -webkit-box-shadow: none;
  box-shadow: none !important;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  text-align: left !important;
  color: #464646;
  padding: 12px 8px;
  border-radius: 4px;
  border: 1px solid #DDDDDD;
  background: white;
  height: auto;
  padding: 12px;
  padding-right: calc(12px + 2*12px);
  background: url("/styles/img/dsIconArrowSelect.svg") no-repeat right white; }
  select:focus {
    color: #1B1B1B;
    border-color: #FF4235; }
  select.error {
    border-color: #E12845; }
  select[disabled], select:disabled {
    background: #DDDDDD;
    border-color: #CFCFCF;
    color: #464646; }
  select, select option {
    font-size: 14px;
    font-weight: 400;
    text-align: left !important; }

/* select:disabled {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: url("/shared/img/down-arrow-orange-new.png") no-repeat right $color09;
} */
input[type="text"], input[type="number"], input[type="email"], input[type="time"], input[type="date"], input[type="password"] {
  /*   border: solid 1px $color06;
    background: $white;
    padding: 12px;
    -webkit-box-shadow: inset 0 3px 15px -3px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 3px 15px -3px rgba(0, 0, 0, 0.2);
    font-size: 12px;
    font-family: 'Open Sans', sans-serif; */
  font-family: 'Manrope';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  color: #464646;
  -webkit-appearance: none;
  -webkit-box-shadow: none;
  box-shadow: none !important;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  text-align: left !important;
  color: #464646;
  padding: 12px 8px;
  border-radius: 4px;
  border: 1px solid #DDDDDD;
  background: white;
  height: auto; }
  input[type="text"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="time"]:focus, input[type="date"]:focus, input[type="password"]:focus {
    color: #1B1B1B;
    border-color: #FF4235; }
  input[type="text"].error, input[type="number"].error, input[type="email"].error, input[type="time"].error, input[type="date"].error, input[type="password"].error {
    border-color: #E12845; }
  input[type="text"][disabled], input[type="text"]:disabled, input[type="number"][disabled], input[type="number"]:disabled, input[type="email"][disabled], input[type="email"]:disabled, input[type="time"][disabled], input[type="time"]:disabled, input[type="date"][disabled], input[type="date"]:disabled, input[type="password"][disabled], input[type="password"]:disabled {
    background: #DDDDDD;
    border-color: #CFCFCF;
    color: #464646; }

/* input[type="text"]:disabled, input[type="number"]:disabled, input[type="email"]:disabled, input[type="time"]:disabled, input[type="date"]:disabled, input[type="password"]:disabled {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: $color09;
} */
input[type="checkbox"] {
  /*   margin: 0 5px;
    vertical-align: middle;
    -webkit-appearance: none;
    border: 1px solid $color06;
    background-color: $white;
    display: inline-block;
    height: 25px;
    width: 25px !important;
    text-align: center;
    line-height: 24px;
  
    -webkit-box-shadow: inset 0 3px 15px -3px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 3px 15px -3px rgba(0, 0, 0, 0.2); */
  -webkit-appearance: none;
  -webkit-box-shadow: none;
  flex-shrink: 0;
  background-color: #FFFFFF;
  display: inline-block;
  box-shadow: none !important;
  border: 1.5px solid #A1A1A1;
  border-radius: 1px;
  line-height: 14px;
  height: 18px;
  text-align: center;
  width: 18px !important;
  margin-right: 8px; }
  input[type="checkbox"]:checked {
    background-color: #FF4235;
    border-color: #FF4235; }
    input[type="checkbox"]:checked::before {
      content: '\e626';
      display: inline-block;
      font-family: 'TotIconos2' !important;
      color: white;
      font-size: 11px; }

input[type="radio"] i {
  background-color: #FF4235;
  border-color: #FF4235; }

/* input[type='checkbox']:checked {
  background-color: $white;
}

input[type='checkbox']:checked:before {
  content: '\e626';
  display: inline-block;
  font-family: 'TotIconos2' !important;
  font-size: 16px;
  speak: none;
  color: $color01;
} */
form, div.formtable {
  background-color: #FFFFFF;
  border: 1px solid #FF4235;
  border-radius: 0px;
  padding: 10px; }

button.primary, button.secondary {
  padding: 6px 10px;
  min-height: 30px;
  line-height: 15px;
  font-size: 15px;
  margin: 5px; }
  button.primary:hover, button.secondary:hover {
    opacity: 0.8; }
  @media all and (max-width: 360px) {
    button.primary, button.secondary {
      font-size: 10px; } }

button.primary {
  background-color: #FF4235;
  color: #FFFFFF;
  font-weight: bold; }

button.secondary {
  background-color: #DDDDDD;
  color: #A1A1A1; }

::-webkit-scrollbar, ::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
  width: 5px; }

::-webkit-scrollbar-thumb {
  -webkit-border-radius: 0px;
  background: rgba(207, 207, 207, 0.8);
  width: 3px; }

div.botonScroll {
  display: inline-block;
  top: 5px;
  vertical-align: top;
  float: right; }
  div.botonScroll > button {
    margin-left: 10px; }
    div.botonScroll > button.botonCancelar {
      border-radius: 4px !important;
      padding: 7px 9px !important;
      font-size: 12px !important; }

#cabTablaPedidos div.botonScroll {
  margin-right: 50px; }
  #cabTablaPedidos div.botonScroll button.botonCancelar {
    margin-top: 0;
    font-size: 18px; }

.botoneraContenedor + .botonScroll {
  position: absolute;
  top: 19px;
  right: 0; }

.slideThree {
  width: 80px;
  height: 26px;
  background: #333;
  margin: 20px 0;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  position: relative;
  -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2); }
  .slideThree > input[type=checkbox] {
    opacity: 0; }

.slideThree:after {
  content: 'OFF';
  font: 12px/26px Arial, sans-serif;
  color: #CFCFCF;
  position: absolute;
  right: 10px;
  z-index: 0;
  font-weight: bold; }

.slideThree:before {
  content: 'ON';
  font: 12px/26px Arial, sans-serif;
  color: #FF4235;
  position: absolute;
  left: 10px;
  z-index: 0;
  font-weight: bold; }

.slideThree label {
  display: block;
  width: 34px;
  height: 20px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  -ms-transition: all .4s ease;
  transition: all .4s ease;
  cursor: pointer;
  position: absolute;
  top: 3px;
  left: 3px;
  z-index: 1;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
  background: #fcfff4;
  background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfff4', endColorstr='#b3bead', GradientType=0); }

.slideThree input[type=checkbox]:checked + label {
  left: 43px; }

.select2-container {
  margin: 0;
  position: relative;
  display: inline-block;
  /* inline-block for ie7 */
  zoom: 1;
  *display: inline;
  vertical-align: middle; }

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  -webkit-box-sizing: border-box;
  /* webkit */
  -moz-box-sizing: border-box;
  /* firefox */
  box-sizing: border-box;
  /* css3 */ }

.select2-container .select2-choice {
  display: block;
  height: 26px;
  padding: 0 0 0 8px;
  overflow: hidden;
  position: relative;
  border: 1px solid #aaa;
  white-space: nowrap;
  line-height: 26px;
  color: #FFFFFF;
  text-decoration: none;
  border-radius: 4px;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #FF4235; }

.select2-container.select2-drop-above .select2-choice {
  border-bottom-color: #aaa;
  border-radius: 0 0 4px 4px;
  background: #B8602F; }

.select2-container.select2-allowclear .select2-choice .select2-chosen {
  margin-right: 42px; }

.select2-container .select2-choice > .select2-chosen {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.select2-container .select2-choice abbr {
  display: none;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 24px;
  top: 8px;
  font-size: 1px;
  text-decoration: none;
  border: 0;
  background: url("/styles/img/select2.png") right top no-repeat;
  cursor: pointer;
  outline: 0; }

.select2-container.select2-allowclear .select2-choice abbr {
  display: inline-block; }

.select2-container .select2-choice abbr:hover {
  background-position: right -11px;
  cursor: pointer; }

.select2-drop-mask {
  border: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 9998;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-drop {
  width: 100%;
  margin-top: -1px;
  position: absolute;
  z-index: 9999;
  top: 100%;
  background: #fff;
  color: #000;
  border: 1px solid #aaa;
  border-top: 0;
  border-radius: 0 0 4px 4px;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); }

.select2-drop-auto-width {
  border-top: 1px solid #aaa;
  width: auto; }

.select2-drop-auto-width .select2-search {
  padding-top: 4px; }

.select2-drop.select2-drop-above {
  margin-top: 1px;
  border-top: 1px solid #aaa;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15); }

.select2-drop-active {
  border: 1px solid #FF4235;
  border-top: none; }

.select2-drop.select2-drop-above.select2-drop-active {
  border-top: 1px solid #5897fb; }

.select2-container .select2-choice .select2-arrow {
  display: inline-block;
  width: 18px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border-left: 1px solid #aaa;
  border-radius: 0 4px 4px 0;
  background-clip: padding-box;
  background: #ccc;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
  background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
  background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);
  background-image: linear-gradient(top, #ccc 0%, #eee 60%); }

.select2-container .select2-choice .select2-arrow b {
  display: block;
  width: 100%;
  height: 100%;
  background: url("/styles/img/select2.png") no-repeat 0 1px; }

.select2-search {
  display: inline-block;
  width: 100%;
  min-height: 26px;
  margin: 0;
  padding-left: 4px;
  padding-right: 4px;
  position: relative;
  z-index: 10000;
  white-space: nowrap; }

.select2-search input {
  width: 100%;
  height: auto !important;
  min-height: 26px;
  padding: 4px 20px 4px 5px;
  margin: 0;
  outline: 0;
  font-size: 1em;
  border: 1px solid #aaa;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #fff url("/styles/img/select2.png") no-repeat 100% -22px;
  background: url("/styles/img/select2.png") no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
  background: url("/styles/img/select2.png") no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url("/styles/img/select2.png") no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url("/styles/img/select2.png") no-repeat 100% -22px, linear-gradient(top, #fff 85%, #eee 99%); }

.select2-drop.select2-drop-above .select2-search input {
  margin-top: 4px; }

.select2-search input.select2-active {
  background: #fff url("/styles/img/select2-spinner.gif") no-repeat 100%;
  background: url("/styles/img/select2-spinner.gif") no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
  background: url("/styles/img/select2-spinner.gif") no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url("/styles/img/select2-spinner.gif") no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url("/styles/img/select2-spinner.gif") no-repeat 100%, linear-gradient(top, #fff 85%, #eee 99%); }

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  /*   border: 1px solid $color01;
  
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    box-shadow: 0 0 5px rgba(0, 0, 0, .3); */
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none !important; }

.select2-dropdown-open .select2-choice {
  /*
    -webkit-box-shadow: 0 1px 0 #fff inset;
    box-shadow: 0 1px 0 #fff inset;
  
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  
    background-color: #eee; */
  border-bottom-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none !important; }

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  border: 1px solid #FF4235;
  border-top-color: transparent; }

.select2-dropdown-open .select2-choice .select2-arrow {
  background: transparent;
  border-left: none;
  filter: none; }

.select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -18px 1px; }

/* results */
.select2-results {
  max-height: 200px;
  padding: 0 0 0 4px;
  margin: 4px 4px 4px 0;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.select2-results ul.select2-result-sub {
  margin: 0;
  padding-left: 0; }

.select2-results ul.select2-result-sub > li .select2-result-label {
  padding-left: 20px; }

.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 40px; }

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 60px; }

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 80px; }

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 100px; }

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 110px; }

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 120px; }

.select2-results li {
  list-style: none;
  display: list-item;
  background-image: none; }

.select2-results li.select2-result-with-children > .select2-result-label {
  font-weight: bold; }

.select2-results .select2-result-label {
  padding: 3px 7px 4px;
  margin: 0;
  cursor: pointer;
  min-height: 1em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.select2-results .select2-highlighted {
  background: #FF4235;
  color: #fff; }

.select2-results li em {
  background: #feffde;
  font-style: normal; }

.select2-results .select2-highlighted em {
  background: transparent; }

.select2-results .select2-highlighted ul {
  background: #fff;
  color: #000; }

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
  background: #f4f4f4;
  display: list-item; }

.select2-results .select2-disabled.select2-highlighted {
  color: #666;
  background: #f4f4f4;
  display: list-item;
  cursor: default; }

.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default; }

.select2-results .select2-selected {
  display: none; }

.select2-more-results.select2-active {
  background: #f4f4f4 url("/styles/img/select2-spinner.gif") no-repeat 100%; }

.select2-more-results {
  background: #f4f4f4;
  display: list-item; }

.select2-container.select2-container-disabled .select2-choice {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default; }

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
  background-color: #f4f4f4;
  background-image: none;
  border-left: 0; }

.select2-container.select2-container-disabled .select2-choice abbr {
  display: none; }

.select2-container-multi .select2-choices {
  height: auto !important;
  height: 1%;
  margin: 0;
  padding: 12px 8px;
  position: relative;
  border: 1px solid #DDDDDD;
  cursor: text;
  overflow: hidden;
  background: white;
  border-radius: 3px;
  /*   background-color: #fff;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
    background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: linear-gradient(top, #eee 1%, #fff 15%); */ }
  .select2-container-multi .select2-choices:hover, .select2-container-multi .select2-choices:focus, .select2-container-multi .select2-choices:active {
    border-color: #FF4235; }

.select2-locked {
  padding: 3px 5px 3px 5px !important; }

.select2-container-multi .select2-choices {
  min-height: 26px; }

.select2-container-multi.select2-container-active .select2-choices {
  /*   border: 1px solid $color01;
    outline: none;
  
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    box-shadow: 0 0 5px rgba(0, 0, 0, .3); */
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none !important; }

.select2-container-multi .select2-choices li {
  float: left;
  list-style: none; }

.select2-container-multi .select2-choices .select2-search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
  width: 80%; }

.select2-container-multi .select2-choices .select2-search-field input {
  /*
  //  width: auto !important;
  
  //  font-family: sans-serif;
    font-size: 100%;
    color: #666;
  */
  font-family: 'Manrope';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  color: #464646;
  -webkit-appearance: none;
  -webkit-box-shadow: none;
  box-shadow: none !important;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  text-align: left !important;
  color: #464646;
  padding: 12px 8px;
  border-radius: 4px;
  border: 1px solid #DDDDDD;
  background: white;
  height: auto;
  padding: 0;
  margin: 0;
  outline: 0;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: transparent !important;
  width: 100% !important; }
  .select2-container-multi .select2-choices .select2-search-field input:focus {
    color: #1B1B1B;
    border-color: #FF4235; }
  .select2-container-multi .select2-choices .select2-search-field input.error {
    border-color: #E12845; }
  .select2-container-multi .select2-choices .select2-search-field input[disabled], .select2-container-multi .select2-choices .select2-search-field input:disabled {
    background: #DDDDDD;
    border-color: #CFCFCF;
    color: #464646; }

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
  background: #fff url("/styles/img/select2-spinner.gif") no-repeat 100% !important; }

.select2-default {
  color: #999 !important; }

.select2-container-multi .select2-choices .select2-search-choice {
  font-family: 'Manrope';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  color: #464646;
  padding: 4px 8px 4px 18px;
  margin-right: 8px;
  margin-bottom: 8px;
  position: relative;
  flex-shrink: 0;
  font-size: 10px;
  line-height: 13px;
  font-weight: 800;
  white-space: nowrap;
  color: #FFFFFF;
  cursor: default;
  text-transform: uppercase;
  border-radius: 4px;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #FF4235; }
  .select2-container-multi .select2-choices .select2-search-choice:last-of-type {
    margin-right: 0; }

.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
  cursor: default; }

.select2-container-multi .select2-choices .select2-search-choice-focus {
  background: #B8602F; }

.select2-search-choice-close {
  display: block;
  width: 12px;
  height: 13px;
  position: absolute;
  right: 3px;
  top: 4px;
  font-size: 1px;
  outline: none;
  background: url("/styles/img/select2.png") right top no-repeat; }

.select2-container-multi .select2-search-choice-close {
  left: 4px; }

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -13px; }

.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
  background-position: right -13px; }

.select2-container-multi.select2-container-disabled .select2-choices {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default; }

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 5px;
  border: 1px solid #ddd;
  background-image: none;
  background-color: #f4f4f4;
  color: #464646;
  user-select: text; }

.select2-container-multi .select2-choices .select2-search-choice {
  user-select: text; }

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
  display: none;
  background: none; }

.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
  text-decoration: underline; }

.select2-offscreen, .select2-offscreen:focus {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important; }

.select2-display-none {
  display: none; }

.select2-measure-scrollbar {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 100px;
  height: 100px;
  overflow: scroll; }

.ng-dirty.ng-invalid > a.select2-choice {
  border-color: #D44950; }

.select2-result-single {
  padding-left: 0; }

.select2-locked > .select2-search-choice-close {
  display: none; }

.select-locked > .ui-select-match-close {
  display: none; }

body > .select2-container.open {
  z-index: 9999;
  /* The z-index Select2 applies to the select2-drop */ }

.selectize-input.selectize-focus {
  border-color: #FF4235 !important; }

.selectize-control > .selectize-input > input {
  width: 100%; }

.selectize-control > .selectize-dropdown {
  width: 100%; }

.ng-dirty.ng-invalid > div.selectize-input {
  border-color: #D44950; }

.ui-select {
  width: 100%; }

.contenedor {
  width: 98%;
  margin: auto;
  max-width: 1440px; }
  .contenedor h1 {
    margin: 40px 0; }
  .contenedor .linea {
    display: block;
    margin-bottom: 20px; }

.col_2 {
  display: inline-block;
  width: 48.5%;
  margin-right: 1.5%;
  margin-bottom: 15px;
  vertical-align: top; }
  .col_2:last-child {
    margin-right: 0; }
  @media (max-width: 780px) {
    .col_2 {
      display: block;
      width: 100%;
      margin: auto;
      margin-bottom: 15px; } }

.col_3 {
  display: inline-block;
  width: 30%;
  margin-right: 4%;
  margin-bottom: 15px;
  vertical-align: top; }
  .col_3:last-child {
    margin-right: 0; }
  @media (max-width: 780px) {
    .col_3 {
      display: block;
      width: 100%;
      margin: auto;
      margin-bottom: 15px; } }

.ToteatTable {
  font-family: 'Manrope';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  color: #464646;
  width: 100%;
  display: block;
  max-width: 1440px;
  margin: 45px auto;
  overflow-x: scroll; }
  .ToteatTable.tableChica {
    max-width: 400px; }
  .ToteatTable.tableMediana {
    max-width: 900px; }
    .ToteatTable.tableMediana + .infoAdicional {
      max-width: 900px; }
  .ToteatTable.tableReserva h1 {
    color: #FF4235;
    font-weight: 300;
    font-size: 22px;
    margin-bottom: 12px; }
  .ToteatTable.tableReserva table + h1 {
    margin-top: 45px; }
  .ToteatTable table {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    font-size: 12px;
    background: #FFFFFF;
    font-weight: 400;
    overflow-x: scroll;
    font-style: normal;
    margin: auto;
    color: #464646; }
    .ToteatTable table label {
      display: block; }
    .ToteatTable table tr {
      border-bottom: solid 1px #DDDDDD; }
      .ToteatTable table tr:last-child {
        border-bottom: none; }
      .ToteatTable table tr:nth-of-type(odd) {
        background-color: #F7F7F7; }
      .ToteatTable table tr th, .ToteatTable table tr td {
        line-height: 18px; }
        @media all and (max-width: 1100px) {
          .ToteatTable table tr th, .ToteatTable table tr td {
            padding: 6px; } }
      .ToteatTable table tr th {
        background: #FFFFFF;
        color: #1B1B1B;
        font-weight: 600;
        padding: 8px;
        font-size: 12px; }
        .ToteatTable table tr th .toticon2-caretabajo, .ToteatTable table tr th .toticon2-caretarriba {
          font-size: 12px;
          color: #999;
          margin-left: 3px; }
      .ToteatTable table tr td {
        padding: 12px 8px; }
        .ToteatTable table tr td input {
          width: 90%;
          margin-bottom: -4px; }
        @media (max-width: 640px) {
          .ToteatTable table tr td {
            word-break: break-word; } }
      .ToteatTable table tr.seleccionado, .ToteatTable table tr.clienteSeleccionado {
        color: #FF4235;
        font-weight: 600; }
        .ToteatTable table tr.seleccionado:hover, .ToteatTable table tr.clienteSeleccionado:hover {
          /*             background: $color01;
                      background-color: $color01;
                      color: $white;
                      font-weight: 700; */ }
      .ToteatTable table tr:hover {
        background: #E6D9CA; }
        .ToteatTable table tr:hover, .ToteatTable table tr:hover label {
          color: #1B1B1B; }
    .ToteatTable table.noHover tr:hover {
      background: #FFFFFF;
      color: #464646; }
      .ToteatTable table.noHover tr:hover:nth-of-type(odd) {
        background-color: #F7F7F7; }
    .ToteatTable table .botonDescargar, .ToteatTable table .botonCancelar {
      border-radius: 4px !important;
      padding: 7px 9px !important;
      vertical-align: middle;
      text-transform: initial; }
      .ToteatTable table .botonDescargar span, .ToteatTable table .botonCancelar span {
        margin-top: calc(8px - 7px);
        margin-bottom: calc(8px - 7px); }
        @media (min-width: 640px) {
          .ToteatTable table .botonDescargar span, .ToteatTable table .botonCancelar span {
            margin-top: calc(12px - 9px);
            margin-bottom: calc(12px - 9px); } }
  @media (max-width: 1023px) {
    .ToteatTable .tableResp1024 {
      display: none; }
    .ToteatTable table {
      width: 98%; }
      .ToteatTable table td input + label,
      .ToteatTable table td input + span {
        display: block; } }
  @media (max-width: 780px) {
    .ToteatTable input, .ToteatTable select, .ToteatTable textarea {
      width: 95%; } }
  @media (max-width: 640px) {
    .ToteatTable .tableResp640 {
      display: none; } }
  .ToteatTable .controlesTable {
    display: block; }
    .ToteatTable .controlesTable .botones {
      display: inline-block;
      vertical-align: top;
      float: left;
      color: #A1A1A1;
      font-size: 12px; }
      .ToteatTable .controlesTable .botones a, .ToteatTable .controlesTable .botones label {
        vertical-align: middle;
        display: inline-flex;
        align-items: center;
        text-decoration: none; }
      .ToteatTable .controlesTable .botones div {
        display: inline-block;
        vertical-align: top; }
    .ToteatTable .controlesTable .buscador {
      display: inline-block;
      vertical-align: top;
      float: right;
      margin: 0;
      margin-bottom: 0; }

.TablaMenuDesplegable table {
  width: 100%; }
  .TablaMenuDesplegable table td, .TablaMenuDesplegable table th {
    padding: 4px;
    width: 50%; }

.cuadro_info {
  text-align: left; }
  .cuadro_info label {
    font-size: 16px;
    color: #FF4235;
    margin-bottom: 10px;
    padding: 0;
    text-align: left; }
  .cuadro_info i {
    display: inline-block;
    padding: 24px 15px;
    background: #FF4235;
    color: #FFFFFF;
    border-radius: 50%;
    line-height: 0;
    margin-top: 12px;
    margin-right: 10px;
    vertical-align: top; }
    @media (max-width: 780px) {
      .cuadro_info i {
        vertical-align: top; } }
  .cuadro_info .infoSide {
    display: inline-block;
    width: 73%; }
    .cuadro_info .infoSide > label {
      color: #1B1B1B;
      display: block; }
  .cuadro_info .slideThree {
    margin: 0; }

.izquierda {
  display: inline-block;
  width: 49.5%;
  vertical-align: top; }
  @media (max-width: 640px) {
    .izquierda {
      display: block;
      width: 100%; } }

.derecha {
  display: inline-block;
  width: 49.5%;
  vertical-align: top; }
  .derecha.fono input[type="number"]:disabled {
    width: 50px !important;
    padding: 12px 4px !important;
    display: inline-block; }
  .derecha.fono input[type="number"] {
    display: inline-block;
    width: 65% !important; }
  @media (max-width: 640px) {
    .derecha {
      display: block;
      width: 100%; } }

@media (max-width: 640px) {
  #tablaListadoAnulaciones {
    word-break: break-word; } }

.altoTotalMain {
  display: block;
  width: 100%;
  height: calc(100vh - 40px); }

table.lastTotal tr:last-child {
  font-weight: bold; }

#reservas select {
  width: 100%; }
#reservas .fechaNacimiento select {
  width: 33%;
  margin-right: -6px; }
#reservas .fechaNacimiento label .col_3 {
  margin-bottom: 0; }
#reservas .col_2 input {
  width: 100%;
  display: block; }
#reservas .col_2 .linea.verMesas {
  cursor: pointer;
  margin-bottom: 0; }
#reservas .otraMesa {
  margin-top: 15px;
  cursor: pointer; }
  #reservas .otraMesa button {
    margin-right: 5px; }
#reservas .mesasLibres {
  display: block;
  font-style: italic;
  margin-bottom: 25px;
  margin-top: -8px; }
  #reservas .mesasLibres > b {
    padding-left: 20px; }
  #reservas .mesasLibres .linea {
    margin-bottom: 0; }
    #reservas .mesasLibres .linea .col_3 {
      margin-bottom: 0; }
#reservas .recomendado .linea {
  margin-bottom: 0; }
  #reservas .recomendado .linea .col_3 {
    margin-bottom: 10px; }
#reservas .linea .col_3 b {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 800; }
#reservas .buscador {
  margin-bottom: 30px; }
  #reservas .buscador input {
    width: 60%;
    display: inline-block;
    vertical-align: middle; }
  #reservas .buscador input + button {
    display: inline-block;
    width: auto;
    margin: 0;
    vertical-align: middle;
    padding: 11px;
    border-radius: 0 3px 3px 0;
    margin-left: -4px; }
#reservas .ToteatTable p {
  color: #A1A1A1;
  font-size: 14px; }
#reservas .ToteatTable table + table {
  margin-top: 30px; }
#reservas .ToteatTable table tr label {
  cursor: pointer; }
#reservas .ToteatTable table th {
  font-size: 12px; }
  @media (max-width: 640px) {
    #reservas .ToteatTable table th {
      word-break: break-word; } }
#reservas .ToteatTable .fuentesIngreso input[type="text"], #reservas .ToteatTable .fuentesIngreso input[type="number"] {
  padding: 7px 10px;
  margin-right: 10px;
  width: auto; }
#reservas .ToteatTable .fuentesIngreso select {
  padding: 7px 10px;
  padding-right: 33px;
  vertical-align: top;
  width: auto; }
#reservas form {
  background-color: #FFFFFF;
  border: none;
  border-radius: 0;
  padding: 0; }
#reservas #confirmFooter .fprimario, #reservas #confirmFooter2 .fprimario {
  width: 49%;
  display: inline-block; }
#reservas div.picHolder {
  width: 50px;
  display: inline-block;
  vertical-align: middle;
  margin: 3px;
  cursor: pointer; }
  @media (max-width: 780px) {
    #reservas div.picHolder {
      width: 30px; } }
  #reservas div.picHolder > img.urlPicRedSocial {
    width: 100%;
    height: auto;
    border-radius: 50%;
    cursor: pointer; }
    @media (max-width: 780px) {
      #reservas div.picHolder > img.urlPicRedSocial {
        width: 30px; } }
  #reservas div.picHolder.ng-click-active, #reservas div.picHolder:active {
    width: 200px; }
#reservas td.pocoatrasado {
  background-color: yellow; }
#reservas td.muyatrasado {
  background-color: red;
  color: white; }
#reservas .controlesTable .botones > h1 {
  margin-bottom: 0;
  padding-top: 10px; }
#reservas .controlesTable .buscador {
  margin-bottom: 0; }
  #reservas .controlesTable .buscador > input[type="text"] {
    width: 100%;
    display: block; }
@media (max-width: 780px) {
  #reservas .controlesTable {
    padding: 0 5px; }
    #reservas .controlesTable .botones, #reservas .controlesTable .buscador {
      float: none;
      display: block;
      margin-bottom: 10px; } }

#confirmBody.reservaModal .linea .col_2 {
  text-align: left; }

.infoClienteReserva {
  width: 100%;
  max-width: 1024px;
  padding: 0;
  padding-bottom: 24px;
  margin: auto;
  margin-bottom: 0; }
  .infoClienteReserva .infoMesas {
    float: right; }
    @media (max-width: 780px) {
      .infoClienteReserva .infoMesas {
        float: none;
        display: block;
        margin: auto; } }
  .infoClienteReserva .navTitulo .titulo {
    width: 70%; }
  .infoClienteReserva .linea {
    padding: 0 24px;
    margin-bottom: 5px; }
    .infoClienteReserva .linea:first-of-type {
      padding-top: 24px; }
    .infoClienteReserva .linea:last-of-type {
      margin-bottom: 0;
      padding-bottom: 24px; }
    .infoClienteReserva .linea input {
      width: 100%; }
  .infoClienteReserva > .linea {
    padding: 0; }
  .infoClienteReserva h2 {
    display: inline-block; }
  .infoClienteReserva .botonDescargar.toticon-pencil {
    font-size: 9px;
    vertical-align: top;
    padding: 7px; }
  .infoClienteReserva textarea {
    width: 100%;
    display: block;
    min-height: 80px;
    line-height: 18px; }
  .infoClienteReserva > div:not(.navBarTab) {
    border: solid 1px #DDDDDD;
    border-top: 0;
    border-radius: 0px 0px 8px 8px; }
  @media (max-width: 780px) {
    .infoClienteReserva .ToteatTable table tr th {
      font-size: 12px; } }

/* .navBarTab {
  &.secundario {
    //margin-top: -2px;
    ul {
      display: flex;
      li {
        margin-right: 0;
        flex: 1 100%;
        a {
          padding: 12px;
          background-color: #999;
          text-transform: uppercase;
          font-size: 14px;
          line-height: 40px;

          i {
            @media (max-width: 1023px) {
              display: block;
              margin: auto;
            }
          }

          @media (max-width: 1023px) {
            font-size: 14px;
            line-height: 15px;
          }
          @media (max-width: 780px) {
            font-size: 13px;
            padding: 10px;
            padding-top: 19px;
            height: 60px;
          }
          @media (max-width: 640px) {
            //          padding: 0;
            line-height: 19px;
            font-size: 12px;
          }
        }
      }
    }
  }
} */
.seleccionafecha select {
  width: 33%;
  margin-right: -6px;
  display: inline-block; }

#widgetCliente {
  margin-top: 20px; }
  #widgetCliente .linea.buscador {
    margin: auto;
    max-width: 900px;
    width: 100%;
    display: block;
    text-align: center; }
  #widgetCliente > .contenedor {
    width: 90% !important; }
  #widgetCliente .ToteatTable {
    margin-top: 20px; }
  #widgetCliente .buscador input, #widgetCliente .buscador button {
    vertical-align: top;
    margin: 0; }
    @media (max-width: 780px) {
      #widgetCliente .buscador input, #widgetCliente .buscador button {
        display: block;
        margin: auto; } }
  #widgetCliente .buscador button {
    border: solid 1px #FF4235;
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    padding: 9px 12px;
    margin-left: -5px;
    height: 45px; }
    @media (max-width: 780px) {
      #widgetCliente .buscador button {
        margin: auto;
        -webkit-border-radius: 3px;
        border-radius: 3px; } }
  #widgetCliente .buscador input {
    width: 80%;
    display: inline-block; }
  #widgetCliente .eliminarUsuario i {
    font-size: 9px; }
  #widgetCliente .eliminarUsuario div button.botonCancelar {
    font-size: 12px; }
  #widgetCliente .paginador {
    padding: 25px 0; }
  #widgetCliente .paginasContenedor .botonPagina {
    cursor: pointer;
    margin: -1px;
    display: inline; }
    #widgetCliente .paginasContenedor .botonPagina.primerBoton {
      margin-right: 10px;
      top: 6px; }
    #widgetCliente .paginasContenedor .botonPagina.ultimoBoton {
      margin-left: 10px;
      top: 6px; }
    #widgetCliente .paginasContenedor .botonPagina > span {
      border: 1px solid #dddddd;
      padding: 3px 13px;
      width: auto;
      height: auto;
      background: #FFFFFF;
      border-radius: 0; }
      #widgetCliente .paginasContenedor .botonPagina > span.active {
        background: #FF4235;
        color: #FFFFFF;
        border: 1px solid #FF4235; }

#delivery .contenedor {
  background: #FFFFFF;
  max-width: 900px;
  min-width: 600px;
  width: 55%;
  border-radius: 5px;
  padding-bottom: 20px; }
  #delivery .contenedor .navTitulo .titulo {
    display: block;
    width: 100%;
    margin-left: 0;
    text-align: center;
    vertical-align: top; }
  #delivery .contenedor .linea {
    margin-bottom: 5px; }
  #delivery .contenedor .agregarCliente {
    text-align: center;
    padding: 15px 0;
    border: solid 1px #FF4235;
    border-top: none;
    width: 80%;
    margin: auto;
    font-size: 15px;
    font-style: italic; }
  #delivery .contenedor .ui-select {
    width: 80%;
    margin: auto;
    display: block; }
  #delivery .contenedor .select2-container-multi .select2-choices .select2-search-field input {
    padding: 10px;
    font-style: 16px; }
  #delivery .contenedor .seleccionar {
    text-align: center;
    width: 80%;
    display: block;
    margin: 20px auto;
    margin-top: 30px; }
    #delivery .contenedor .seleccionar select {
      width: 100%;
      display: block;
      margin: 0; }
  #delivery .contenedor .ToteatTable td textarea {
    width: 100%;
    display: block; }
#delivery #confirmFooter, #delivery #confirmFooter2 {
  margin-top: 16px;
  margin-bottom: 0;
  padding: 0; }

#widgetProfile .opcionesDire, #widgetCliente .opcionesDire {
  display: inline-block;
  top: -84px;
  right: 0px;
  float: right; }
  #widgetProfile .opcionesDire .botonDescargar, #widgetProfile .opcionesDire .botonCancelar, #widgetCliente .opcionesDire .botonDescargar, #widgetCliente .opcionesDire .botonCancelar {
    width: auto;
    margin: 0px;
    margin-left: 8px;
    border-radius: 4px !important;
    padding: 7px 9px !important; }

#dashReservas .grafReserva {
  background: #FFFFFF;
  padding: 15px;
  padding-top: 80px;
  padding-bottom: 25px;
  border: solid 1px #cccccc;
  border-radius: 5px;
  margin: 50px 0;
  width: 100%;
  display: block;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); }
  @media (max-width: 780px) {
    #dashReservas .grafReserva {
      padding-top: 120px; } }
  #dashReservas .grafReserva > span {
    margin: 0;
    position: absolute;
    top: 13px;
    right: 20px;
    text-align: right;
    opacity: 0.7;
    width: 74%; }
    #dashReservas .grafReserva > span h1 {
      margin: 0;
      text-transform: uppercase;
      font-size: 21px;
      padding: 0px; }
    #dashReservas .grafReserva > span p {
      margin: 0;
      margin-top: 5px; }
    #dashReservas .grafReserva > span i {
      color: #CFCFCF; }
  #dashReservas .grafReserva i.circulo {
    color: #efefef;
    background-color: gainsboro;
    height: 70px;
    width: 70px;
    padding: 20px;
    font-size: 30px;
    border-radius: 50%;
    padding-top: 25px;
    position: absolute;
    top: -33px;
    left: 10px; }

.reservaReporteBarra {
  display: block;
  margin: auto;
  padding: 0 2%;
  height: 55px; }
  .reservaReporteBarra h1 {
    vertical-align: top;
    float: left;
    text-transform: uppercase;
    color: #FF4235;
    font-size: 34px; }
  .reservaReporteBarra > div {
    vertical-align: top;
    float: right; }
    .reservaReporteBarra > div select {
      width: auto; }

.ToteatTable .botonDescargar span {
  padding-left: 0 !important;
  margin: 0 !important; }

.dashBarra {
  background-color: #464646;
  color: #FFFFFF;
  padding-top: 20px;
  text-align: right; }
  .dashBarra .dashTitle {
    font-size: 24px;
    float: left;
    display: inline-block;
    color: #FFFFFF;
    vertical-align: top; }
    @media (max-width: 780px) {
      .dashBarra .dashTitle {
        display: block;
        float: none;
        text-align: center; } }
  .dashBarra .contFecha {
    display: inline-block;
    vertical-align: bottom; }
    @media (max-width: 780px) {
      .dashBarra .contFecha {
        display: block;
        width: 100%;
        margin: auto;
        text-align: center; } }
    .dashBarra .contFecha select {
      padding: 10px;
      padding-right: 33px;
      margin-right: 8px; }
  .dashBarra .selectorFechas {
    cursor: pointer;
    background-color: #A1A1A1;
    color: #FFFFFF;
    padding: 10px;
    padding-right: 15px;
    position: relative;
    display: inline-block;
    width: auto;
    vertical-align: bottom;
    margin-left: 8px; }
    @media (max-width: 780px) {
      .dashBarra .selectorFechas {
        margin-left: 0; } }
    .dashBarra .selectorFechas span {
      padding-left: 10px; }
      @media (max-width: 780px) {
        .dashBarra .selectorFechas span {
          padding-left: 5px; } }
  .dashBarra button.generarDatos.toticon.boton {
    display: inline-block;
    vertical-align: top;
    padding: 7px 17px;
    padding-bottom: 8px;
    height: auto;
    margin-left: -3px;
    cursor: pointer; }
    @media (max-width: 780px) {
      .dashBarra button.generarDatos.toticon.boton {
        padding: 7px;
        padding-bottom: 8px; } }
  .dashBarra .controlesDashboard {
    vertical-align: top;
    display: inline-block; }
    .dashBarra .controlesDashboard .control {
      display: inline-block;
      vertical-align: top;
      position: relative;
      margin: 0 10px; }
      .dashBarra .controlesDashboard .control ul {
        position: absolute;
        background: white;
        z-index: 2;
        min-width: 180px;
        text-align: left;
        border: 1px solid #DDDDDD; }
        .dashBarra .controlesDashboard .control ul li {
          list-style: none;
          text-align: left; }
          .dashBarra .controlesDashboard .control ul li label {
            padding: 14px 14px;
            background: white;
            display: block;
            cursor: pointer; }
            .dashBarra .controlesDashboard .control ul li label:hover {
              background: #FFA099;
              color: white;
              font-weight: 600; }
      @media (max-width: 1023px) {
        .dashBarra .controlesDashboard .control:last-child ul {
          right: 0; } }
      .dashBarra .controlesDashboard .control .botonDescargar {
        margin: 0;
        padding: 0;
        font-size: 15px;
        font-weight: normal;
        border-radius: 0; }
        .dashBarra .controlesDashboard .control .botonDescargar i {
          font-size: 10px;
          line-height: 25px;
          padding: 10px;
          height: 40px; }
          .dashBarra .controlesDashboard .control .botonDescargar i.botonTurnos {
            height: 20px;
            padding: 0;
            padding-left: 7px; }
        .dashBarra .controlesDashboard .control .botonDescargar label {
          padding: 10px 12px;
          cursor: pointer;
          display: inline-block;
          color: white; }
          .dashBarra .controlesDashboard .control .botonDescargar label input[type="checkbox"] {
            height: 17px;
            width: 17px !important;
            line-height: 17px; }
            .dashBarra .controlesDashboard .control .botonDescargar label input[type="checkbox"]:checked:before {
              font-size: 13px; }
      @media (max-width: 1023px) {
        .dashBarra .controlesDashboard .control:last-child {
          margin-right: 0; }
        .dashBarra .controlesDashboard .control:first-child {
          margin-left: 0; } }
      @media (max-width: 780px) {
        .dashBarra .controlesDashboard .control {
          margin: 3px; } }
      @media (max-width: 1023px) {
        .dashBarra .controlesDashboard .control:last-child {
          margin-right: 0; }
        .dashBarra .controlesDashboard .control:first-child {
          margin-left: 0; } }
      @media (max-width: 780px) {
        .dashBarra .controlesDashboard .control {
          margin: 3px; } }
    @media (max-width: 780px) {
      .dashBarra .controlesDashboard {
        margin-bottom: 15px;
        display: block;
        text-align: center; } }
  .dashBarra .mostrarOpciones {
    text-align: right;
    background: #A1A1A1; }
    .dashBarra .mostrarOpciones .contenedor {
      padding: 10px 0px; }
    .dashBarra .mostrarOpciones .selecionarFechas {
      display: inline-block;
      vertical-align: middle; }
      .dashBarra .mostrarOpciones .selecionarFechas select {
        padding: 9px;
        padding-right: 33px;
        padding-left: 14px; }
      @media (max-width: 780px) {
        .dashBarra .mostrarOpciones .selecionarFechas {
          display: block;
          text-align: center;
          margin-bottom: 15px; }
          .dashBarra .mostrarOpciones .selecionarFechas select {
            width: 80%;
            margin-top: 10px; } }
    .dashBarra .mostrarOpciones .fechasPersonalizadas {
      display: inline-block;
      vertical-align: middle;
      color: #FFFFFF; }
      .dashBarra .mostrarOpciones .fechasPersonalizadas > div {
        display: inline-block;
        vertical-align: middle; }
      .dashBarra .mostrarOpciones .fechasPersonalizadas label, .dashBarra .mostrarOpciones .fechasPersonalizadas input {
        display: inline-block;
        vertical-align: middle; }
        @media (max-width: 780px) {
          .dashBarra .mostrarOpciones .fechasPersonalizadas label, .dashBarra .mostrarOpciones .fechasPersonalizadas input {
            display: block;
            text-align: center;
            margin: auto; } }
      .dashBarra .mostrarOpciones .fechasPersonalizadas input {
        padding: 9px;
        padding-right: 33px;
        padding-left: 14px; }
      .dashBarra .mostrarOpciones .fechasPersonalizadas input[type="date"] {
        padding-right: 0; }
      @media (max-width: 780px) {
        .dashBarra .mostrarOpciones .fechasPersonalizadas {
          display: block;
          margin-bottom: 15px;
          text-align: center; } }
    .dashBarra .mostrarOpciones .comparador {
      display: inline-block;
      vertical-align: middle;
      cursor: pointer; }
      .dashBarra .mostrarOpciones .comparador label {
        background: #FF4235;
        padding: 6px 15px;
        padding-left: 5px;
        color: #FFFFFF;
        font-size: 15px;
        margin-left: 15px; }
      @media (max-width: 780px) {
        .dashBarra .mostrarOpciones .comparador {
          width: 80%;
          display: block;
          text-align: center;
          margin: auto; }
          .dashBarra .mostrarOpciones .comparador label {
            margin-left: 0; } }
    .dashBarra .mostrarOpciones .comparacion {
      padding-right: 149px; }
      .dashBarra .mostrarOpciones .comparacion > div {
        display: inline-block;
        vertical-align: middle; }
        .dashBarra .mostrarOpciones .comparacion > div label, .dashBarra .mostrarOpciones .comparacion > div input {
          display: inline-block;
          vertical-align: middle; }
          @media (max-width: 780px) {
            .dashBarra .mostrarOpciones .comparacion > div label, .dashBarra .mostrarOpciones .comparacion > div input {
              display: block; } }
        .dashBarra .mostrarOpciones .comparacion > div input {
          padding: 9px;
          padding-right: 33px;
          padding-left: 14px; }
        .dashBarra .mostrarOpciones .comparacion > div input[type="date"] {
          padding-right: 0; }
      @media (max-width: 780px) {
        .dashBarra .mostrarOpciones .comparacion {
          padding: 0;
          padding-bottom: 15px;
          text-align: center; } }
  @media (max-width: 1023px) {
    .dashBarra .botonDescargar:hover {
      background: #FF4235; } }

.blink_me {
  -webkit-animation-name: blinker;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-name: blinker;
  -moz-animation-duration: 1s;
  -moz-animation-timing-function: linear;
  -moz-animation-iteration-count: infinite;
  animation-name: blinker;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite; }

@-moz-keyframes blinker {
  0% {
    opacity: 1.0; }
  50% {
    opacity: 0.0; }
  100% {
    opacity: 1.0; } }
@-webkit-keyframes blinker {
  0% {
    opacity: 1.0; }
  50% {
    opacity: 0.0; }
  100% {
    opacity: 1.0; } }
@keyframes blinker {
  0% {
    opacity: 1.0; }
  50% {
    opacity: 0.0; }
  100% {
    opacity: 1.0; } }
#inventarioXReceta .slideSettings {
  background: url("/styles/img/slide_invxreceta.jpg") center center no-repeat;
  background-size: cover; }
  #inventarioXReceta .slideSettings .navTitulo {
    margin: 0 auto;
    padding-top: 15px;
    padding-bottom: 55px; }
    #inventarioXReceta .slideSettings .navTitulo .titulo span {
      font-weight: 700;
      font-size: 34px;
      color: white;
      line-height: 39px;
      text-shadow: 1px 1px 4px #1B1B1B; }
#inventarioXReceta .navBarTab {
  margin-bottom: 40px; }
#inventarioXReceta h1 {
  margin: 5px 0; }
#inventarioXReceta h1 + i + table {
  margin-top: 15px; }
#inventarioXReceta .ToteatTable .controlesTable .buscador {
  overflow: hidden; }

#inventarioStock .slideSettings {
  background: url("/styles/img/slidestock.jpg") center center no-repeat;
  background-size: cover; }
  #inventarioStock .slideSettings .navTitulo {
    margin: 0 auto;
    padding-top: 15px;
    padding-bottom: 55px; }
    #inventarioStock .slideSettings .navTitulo .titulo span {
      font-weight: 700;
      font-size: 34px;
      color: white;
      line-height: 39px;
      text-shadow: 1px 1px 4px #1B1B1B; }
#inventarioStock .navBarTab {
  margin-bottom: 40px; }
#inventarioStock h1 {
  margin: 5px 0; }
#inventarioStock h1 + i + table {
  margin-top: 15px; }
#inventarioStock .ToteatTable .controlesTable .buscador {
  overflow: hidden; }
#inventarioStock .ToteatTable.tableOrdenCompra {
  width: 100%;
  display: block;
  max-width: 1140px;
  -webkit-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1); }
  #inventarioStock .ToteatTable.tableOrdenCompra table {
    border: none; }
    #inventarioStock .ToteatTable.tableOrdenCompra table span.lineaBordeTop, #inventarioStock .ToteatTable.tableOrdenCompra table span.lineaBordeBot {
      display: block; }
    #inventarioStock .ToteatTable.tableOrdenCompra table .lineaBordeTop {
      border-top: solid 1px #DDDDDD; }
    #inventarioStock .ToteatTable.tableOrdenCompra table .lineaBordeBot {
      border-bottom: solid 1px #DDDDDD; }
    #inventarioStock .ToteatTable.tableOrdenCompra table tr {
      border-bottom: none; }
      #inventarioStock .ToteatTable.tableOrdenCompra table tr:nth-of-type(odd) {
        background-color: #FFFFFF; }

.cargando {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  z-index: 10;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%; }
  .cargando > div {
    background: #FFFFFF;
    padding: 50px;
    border-radius: 5px;
    width: 50%;
    margin: 10% auto;
    line-height: normal; }
    .cargando > div b {
      color: rgba(0, 0, 0, 0.8);
      font-size: 16px;
      font-weight: 500;
      text-transform: uppercase; }
  .cargando md-progress-circular {
    margin: auto;
    margin-bottom: 35px; }

.selectPedido {
  background: #f9f9f9;
  border: solid 1px #dddddd;
  padding: 10px 10px;
  line-height: 20px;
  margin-bottom: 0px; }
  .selectPedido + .ToteatTable {
    margin-top: -1px; }

h1.lig {
  font-family: "Open Sans Light", sans-serif;
  font-size: 32px;
  font-weight: 300;
  color: #FF4235;
  margin: 10px auto; }

/*
* These are the default styles applied to the stock Google Places Autocomplete component. Importantly they preserve
* the required "powered by Google" logo.
*/
.pac-container {
  background-color: #fff;
  position: absolute !important;
  z-index: 1000;
  border-radius: 2px;
  border-top: 1px solid #d9d9d9;
  font-family: Arial, sans-serif;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden; }

.pac-container:after {
  content: "";
  padding: 1px 1px 1px 0;
  height: 16px;
  text-align: right;
  display: block;
  background-image: url(//maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white2.png);
  background-position: right;
  background-repeat: no-repeat;
  background-size: 104px 16px; }

.hdpi.pac-container:after {
  background-image: url(//maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white2_hdpi.png); }

.pac-item {
  cursor: default;
  padding: 0 4px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 30px;
  text-align: left;
  border-top: 1px solid #e6e6e6;
  font-size: 11px;
  color: #999; }

.pac-item:hover {
  background-color: #fafafa; }

.pac-item-selected, .pac-item-selected:hover {
  background-color: #ebf2fe; }

.pac-matched {
  font-weight: 700; }

.pac-item-query {
  font-size: 13px;
  padding-right: 3px;
  color: #000; }

.pac-icon {
  width: 15px;
  height: 20px;
  margin-right: 7px;
  margin-top: 6px;
  display: inline-block;
  vertical-align: top;
  background-image: url(//maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons.png);
  background-size: 34px; }

.hdpi .pac-icon {
  background-image: url(//maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons_hdpi.png); }

.pac-icon-search {
  background-position: -1px -1px; }

.pac-item-selected .pac-icon-search {
  background-position: -18px -1px; }

.pac-icon-marker {
  background-position: -1px -161px; }

.pac-item-selected .pac-icon-marker {
  background-position: -18px -161px; }

.pac-placeholder {
  color: gray; }

.custom-prediction-label {
  font-style: italic; }

#miniListadoPedidos {
  margin: 10px auto; }
  #miniListadoPedidos div.miniMesa {
    display: inline-block;
    margin: 5px;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    text-align: center;
    vertical-align: top;
    padding-top: 6px;
    background: #D9D7D7;
    color: #FFFFFF;
    position: relative;
    cursor: pointer; }
    #miniListadoPedidos div.miniMesa > span {
      display: block;
      font-weight: bold;
      letter-spacing: 0px;
      word-spacing: -3px;
      padding: 3px;
      word-break: break-all; }
    #miniListadoPedidos div.miniMesa:hover {
      -webkit-box-shadow: 0 0 5px 5px rgba(178, 100, 39, 0.3);
      box-shadow: 0 0 7px 4px rgba(178, 100, 39, 0.3); }
    @media (max-width: 780px) {
      #miniListadoPedidos div.miniMesa:hover {
        -webkit-box-shadow: none;
        box-shadow: none; }
      #miniListadoPedidos div.miniMesa > span {
        font-size: 11px; } }
    #miniListadoPedidos div.miniMesa .circuloEstado {
      width: 15px;
      height: 15px;
      background: none;
      display: block;
      position: absolute;
      border-radius: 100%;
      right: -3px;
      bottom: -4px; }
    #miniListadoPedidos div.miniMesa .circuloIcono {
      width: 15px;
      height: 15px;
      display: none;
      position: absolute;
      border-radius: 100%;
      left: -1px;
      bottom: -3px;
      padding: 0; }
      #miniListadoPedidos div.miniMesa .circuloIcono i {
        position: absolute;
        top: -1px;
        right: 3px;
        color: #FFFFFF;
        font-size: 9px;
        display: none; }
    #miniListadoPedidos div.miniMesa.mediano {
      width: 70px;
      height: 70px;
      padding: 0;
      line-height: 57px; }
      #miniListadoPedidos div.miniMesa.mediano > span {
        padding: 5px;
        line-height: inherit;
        font-size: 16px; }
      @media (max-width: 780px) {
        #miniListadoPedidos div.miniMesa.mediano {
          width: 40px;
          height: 40px;
          margin: 3px;
          line-height: normal; }
          #miniListadoPedidos div.miniMesa.mediano > span {
            font-size: 12px;
            padding: 2px;
            padding-top: 10px; } }
      #miniListadoPedidos div.miniMesa.mediano .circuloIcono, #miniListadoPedidos div.miniMesa.mediano .circuloEstado {
        width: 25px;
        height: 25px; }
        #miniListadoPedidos div.miniMesa.mediano .circuloIcono i, #miniListadoPedidos div.miniMesa.mediano .circuloEstado i {
          top: 3px;
          right: 6px;
          font-size: 13px; }
        @media (max-width: 780px) {
          #miniListadoPedidos div.miniMesa.mediano .circuloIcono, #miniListadoPedidos div.miniMesa.mediano .circuloEstado {
            width: 15px;
            height: 15px; }
            #miniListadoPedidos div.miniMesa.mediano .circuloIcono i, #miniListadoPedidos div.miniMesa.mediano .circuloEstado i {
              top: -1px;
              right: 3px;
              font-size: 9px; } }
    #miniListadoPedidos div.miniMesa.grande {
      width: 110px;
      height: 110px;
      padding: 0;
      line-height: 90px; }
      #miniListadoPedidos div.miniMesa.grande > span {
        padding: 10px;
        line-height: inherit;
        font-size: 20px; }
      @media (max-width: 780px) {
        #miniListadoPedidos div.miniMesa.grande {
          width: 40px;
          height: 40px;
          margin: 3px;
          line-height: normal; }
          #miniListadoPedidos div.miniMesa.grande > span {
            font-size: 12px;
            padding: 2px;
            line-height: 33px; } }
      #miniListadoPedidos div.miniMesa.grande .circuloIcono, #miniListadoPedidos div.miniMesa.grande .circuloEstado {
        width: 35px;
        height: 35px; }
        #miniListadoPedidos div.miniMesa.grande .circuloIcono i, #miniListadoPedidos div.miniMesa.grande .circuloEstado i {
          top: 7px;
          right: 8px;
          font-size: 18px; }
        @media (max-width: 780px) {
          #miniListadoPedidos div.miniMesa.grande .circuloIcono, #miniListadoPedidos div.miniMesa.grande .circuloEstado {
            width: 15px;
            height: 15px; }
            #miniListadoPedidos div.miniMesa.grande .circuloIcono i, #miniListadoPedidos div.miniMesa.grande .circuloEstado i {
              top: -1px;
              right: 3px;
              font-size: 9px; } }
    #miniListadoPedidos div.miniMesa.ocupada {
      background: #FF4235;
      color: #FFFFFF;
      opacity: 0.8; }
    #miniListadoPedidos div.miniMesa.reservaactual {
      border: 2px solid rgba(178, 100, 39, 0.73);
      -webkit-box-shadow: 0 0 5px 5px rgba(178, 100, 39, 0.7);
      box-shadow: 0 0 7px 4px rgba(178, 100, 39, 0.7);
      font-size: 11px; }
    #miniListadoPedidos div.miniMesa.pocoatrasado .circuloEstado {
      background: #FBCC29 !important;
      border: solid 1px #CFCF01;
      color: #464646; }
    #miniListadoPedidos div.miniMesa.muyatrasado .circuloEstado {
      background: red !important;
      color: #FFFFFF;
      border: solid 1px red; }
    #miniListadoPedidos div.miniMesa.realizada.rvdisfrutada {
      background-color: #FF4235;
      color: #FFFFFF;
      opacity: 0.8; }
    #miniListadoPedidos div.miniMesa.realizada.rvenmesa {
      background-color: #FF4235;
      color: #FFFFFF;
      opacity: 0.9; }
      #miniListadoPedidos div.miniMesa.realizada.rvenmesa .circuloEstado {
        display: block;
        background: #46D281; }
      #miniListadoPedidos div.miniMesa.realizada.rvenmesa .circuloIcono {
        display: block;
        background: #46D281; }
        #miniListadoPedidos div.miniMesa.realizada.rvenmesa .circuloIcono i.toticon-mesa {
          display: block; }
    #miniListadoPedidos div.miniMesa.solicitada .circuloIcono {
      display: block;
      background: #46D281; }
      #miniListadoPedidos div.miniMesa.solicitada .circuloIcono .toticon-user-add {
        display: block;
        color: #FFFFFF; }
    #miniListadoPedidos div.miniMesa.pendienye .circuloIcono {
      display: block;
      background: #E12845; }
      #miniListadoPedidos div.miniMesa.pendienye .circuloIcono .toticon2-exclamacion {
        display: block;
        color: #FFFFFF; }
    #miniListadoPedidos div.miniMesa.confirmada {
      background: #FF4235;
      color: #FFFFFF;
      opacity: 0.9; }
      #miniListadoPedidos div.miniMesa.confirmada .circuloEstado {
        background: #46D281 !important;
        border: solid 1px #46D281;
        color: #FFFFFF; }
      #miniListadoPedidos div.miniMesa.confirmada.rvnormal {
        background: #FF4235;
        color: #FFFFFF;
        opacity: 0.9; }
        #miniListadoPedidos div.miniMesa.confirmada.rvnormal.pocoatrasado .circuloEstado {
          background: #FBCC29 !important;
          border: solid 1px #CFCF01;
          color: #464646; }
        #miniListadoPedidos div.miniMesa.confirmada.rvnormal.muyatrasado .circuloEstado {
          background: #E12845 !important;
          border: solid 1px #E12845;
          color: #FFFFFF; }
        #miniListadoPedidos div.miniMesa.confirmada.rvnormal .circuloEstado {
          background: #46D281 !important;
          border: solid 1px #46D281;
          color: #FFFFFF; }
      #miniListadoPedidos div.miniMesa.confirmada.rvpagada {
        background: #FF4235;
        color: #FFFFFF;
        opacity: 0.9; }
        #miniListadoPedidos div.miniMesa.confirmada.rvpagada .circuloIcono {
          display: block;
          background: #46D281; }
          #miniListadoPedidos div.miniMesa.confirmada.rvpagada .circuloIcono i.toticon2-dollar {
            display: block; }
      #miniListadoPedidos div.miniMesa.confirmada.rvatrasado .circuloEstado {
        display: block;
        background: red; }
    #miniListadoPedidos div.miniMesa .mesasJuntas {
      background-color: #FF4235;
      color: #FFFFFF;
      opacity: 0.9; }
      #miniListadoPedidos div.miniMesa .mesasJuntas .circuloIcono {
        display: block;
        background: #FF4235; }

.angucomplete-holder {
  position: relative;
  display: inline-block; }

.angucomplete-dropdown {
  border-color: #ececec;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  width: 250px;
  padding: 6px;
  cursor: pointer;
  z-index: 9999;
  position: absolute;
  /*top: 32px;
  left: 0px;
  */
  margin-top: -6px;
  background-color: #FFFFFF;
  max-height: 300px;
  overflow-y: auto; }

.angucomplete-searching {
  color: #A1A1A1;
  font-size: 14px; }

.angucomplete-description {
  font-size: 14px; }

.angucomplete-row {
  padding: 5px;
  color: #464646;
  margin-bottom: 4px;
  clear: both; }

.angucomplete-selected-row {
  background-color: #FF4235;
  color: #FFFFFF; }

.angucomplete-image-holder {
  padding-top: 2px;
  float: left;
  margin-right: 10px;
  margin-left: 5px; }

.angucomplete-image {
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border-color: #ececec;
  border-style: solid;
  border-width: 1px; }

.angucomplete-image-default {
  /* Add your own default image here
   background-image: url('/assets/default.png');
  */
  background-position: center;
  background-size: contain;
  height: 34px;
  width: 34px; }

.angucomplete-title {
  font-size: 14px;
  color: #333; }

.md-dialog-caja {
  width: 400px; }
  .md-dialog-caja p, .md-dialog-caja b {
    color: #464646;
    font-size: 14px;
    font-weight: normal; }
  .md-dialog-caja .md-toolbar-tools {
    background-color: #FFFFFF; }
  .md-dialog-caja ._md-list-item-inner > p {
    text-align: right; }
  .md-dialog-caja ._md-list-item-inner div.flex {
    display: none; }
  .md-dialog-caja .seleccion {
    color: #448AFF;
    background: rgba(68, 138, 255, 0.2);
    padding: 18px 15px;
    font-size: 14px; }
  .md-dialog-caja md-list-item {
    border-bottom: solid 1px #B6B6B6; }
    .md-dialog-caja md-list-item > div > p, .md-dialog-caja md-list-item > div > b {
      color: inherit; }
  .md-dialog-caja.caja2col {
    width: 80%;
    max-height: 90%;
    overflow: hidden; }
    .md-dialog-caja.caja2col > div.container {
      overflow: auto; }
  .md-dialog-caja .checkBoxExtras div.botInc {
    height: 40px;
    min-width: 135px; }
    .md-dialog-caja .checkBoxExtras div.botInc > button {
      width: 40px;
      height: 40px; }
    .md-dialog-caja .checkBoxExtras div.botInc span.botoneravalue, .md-dialog-caja .checkBoxExtras div.botInc input.botoneravalue {
      height: 30px;
      line-height: 30px;
      border-radius: 2px;
      font-size: 1.5em !important;
      margin: 0 5px !important;
      background-color: #F7F7F7;
      color: black !important; }

.md-sombra {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); }

.md-sombra-bt {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }

.md-w100 {
  width: 100%; }

.md-toteat-tabs .md-stretch-tabs {
  background: #FF9800; }
.md-toteat-tabs md-content {
  background: none; }
.md-toteat-tabs md-tabs .md-tab.md-active {
  color: #FFFFFF; }

.md-fab-toteat {
  bottom: 0;
  padding: 23px 12px 23px 15px;
  pointer-events: none;
  position: fixed;
  right: 0;
  white-space: nowrap;
  z-index: 30;
  will-change: top, left; }

.md-no-margin {
  margin: 0; }

.md-bt-big {
  width: 300px;
  font-size: 18px;
  padding: 8px;
  margin: auto; }

.md-bt-separado span {
  display: block; }

.md-no-error .md-errors-spacer {
  display: none !important; }

#cabTablaPedidos .slideThree {
  display: inline-block;
  margin: 0;
  margin-top: 7px;
  float: right; }
#cabTablaPedidos div.botonScroll {
  top: 0; }

#nuevaCaja .productos {
  background: #ececec; }
  #nuevaCaja .productos .breadcrumbs span {
    cursor: pointer; }
  #nuevaCaja .productos .categoria {
    margin-bottom: 8px; }
  #nuevaCaja .productos .platos .cajaFastPlato {
    background: #FF9800; }
    #nuevaCaja .productos .platos .cajaFastPlato .alerta {
      position: absolute;
      display: none;
      top: 5px;
      left: 5px; }
    #nuevaCaja .productos .platos .cajaFastPlato.columnas5 .md-toteat-grid-footer {
      height: 50%; }
      #nuevaCaja .productos .platos .cajaFastPlato.columnas5 .md-toteat-grid-footer small {
        background: #000000;
        padding: 1px 5px; }
    #nuevaCaja .productos .platos .cajaFastPlato.columnas7 .md-toteat-grid-footer {
      height: 100%; }
      #nuevaCaja .productos .platos .cajaFastPlato.columnas7 .md-toteat-grid-footer small {
        background: #000000;
        padding: 1px 5px; }
    #nuevaCaja .productos .platos .cajaFastPlato.bgyellow .alerta {
      display: block;
      color: #FBCC29; }
    #nuevaCaja .productos .platos .cajaFastPlato.bgyellow.columnas7 .alerta {
      z-index: 1;
      top: 50px; }
    #nuevaCaja .productos .platos .cajaFastPlato.bgred .alerta {
      display: block;
      color: #E12845; }
    #nuevaCaja .productos .platos .cajaFastPlato.bgred.columnas7 .alerta {
      z-index: 1;
      top: 50px; }
  #nuevaCaja .productos .platos .cajaFastCategoria {
    background: #A1A1A1; }
  #nuevaCaja .productos .platos .md-toteat-grid-footer {
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    overflow: hidden;
    left: 0;
    right: 0;
    height: 48px; }
    #nuevaCaja .productos .platos .md-toteat-grid-footer .nombreProducto {
      position: relative;
      padding-left: 5px;
      padding-right: 13px;
      font-size: 12px;
      padding-top: 4px;
      color: #FFFFFF;
      height: 100%; }
      #nuevaCaja .productos .platos .md-toteat-grid-footer .nombreProducto small {
        display: block;
        position: absolute;
        bottom: 1px;
        right: 2px;
        text-align: right; }
    #nuevaCaja .productos .platos .md-toteat-grid-footer .md-button {
      position: absolute;
      margin: 0;
      right: 0;
      top: 0;
      padding: 9px 4px;
      width: 30px;
      height: 48px; }
      #nuevaCaja .productos .platos .md-toteat-grid-footer .md-button md-icon {
        color: #FFFFFF;
        top: -10px; }
#nuevaCaja .pedidos {
  background: #fafafa; }
  #nuevaCaja .pedidos .infoMesa {
    padding-bottom: 10px; }
    #nuevaCaja .pedidos .infoMesa b {
      font-size: 18px;
      text-transform: uppercase; }
    #nuevaCaja .pedidos .infoMesa span {
      margin-bottom: 15px; }
    #nuevaCaja .pedidos .infoMesa .cambioIcon {
      float: right;
      vertical-align: top; }
  #nuevaCaja .pedidos .comensales {
    padding: 5px 0; }
    #nuevaCaja .pedidos .comensales > div {
      vertical-align: top;
      display: inline-block;
      text-align: center;
      opacity: 0.4; }
      #nuevaCaja .pedidos .comensales > div .md-button.md-icon-button {
        width: 47px;
        height: 47px; }
      #nuevaCaja .pedidos .comensales > div [class^="icon-"],
      #nuevaCaja .pedidos .comensales > div [class*=" icon-"] {
        font-size: 32px;
        color: #000000;
        opacity: 0.4; }
      #nuevaCaja .pedidos .comensales > div span {
        display: block;
        font-size: 10px; }
      #nuevaCaja .pedidos .comensales > div:hover {
        opacity: 1; }
      #nuevaCaja .pedidos .comensales > div.active {
        opacity: 1; }
        #nuevaCaja .pedidos .comensales > div.active [class^="icon-"],
        #nuevaCaja .pedidos .comensales > div.active [class*=" icon-"] {
          opacity: 1; }
        #nuevaCaja .pedidos .comensales > div.active .md-button {
          background: #F7F7F7; }
    #nuevaCaja .pedidos .comensales .numeroComensales {
      opacity: 1;
      line-height: 55px;
      float: right; }
      #nuevaCaja .pedidos .comensales .numeroComensales input[type="number"] {
        font-size: 14px; }
      #nuevaCaja .pedidos .comensales .numeroComensales [class^="icon-"],
      #nuevaCaja .pedidos .comensales .numeroComensales [class*=" icon-"] {
        font-size: 18px;
        cursor: pointer; }
#nuevaCaja md-sidenav [class^="icon-"],
#nuevaCaja md-sidenav [class*=" icon-"] {
  cursor: pointer; }
#nuevaCaja md-sidenav .cabecera {
  background: #FF9800;
  color: #FFFFFF;
  font-size: 18px;
  padding-top: 20px; }
  #nuevaCaja md-sidenav .cabecera .scrollBotones {
    top: -10px; }
    #nuevaCaja md-sidenav .cabecera .scrollBotones button md-icon {
      color: white; }
#nuevaCaja md-sidenav .pago md-divider {
  margin-bottom: 15px; }
#nuevaCaja md-sidenav .pagado {
  background: #F7F7F7;
  -webkit-box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px; }
#nuevaCaja md-sidenav md-input-container input {
  font-size: 16px; }
#nuevaCaja md-sidenav .pagoExitoso {
  text-align: center;
  margin: 50px 0; }
  #nuevaCaja md-sidenav .pagoExitoso md-icon {
    margin: 20px;
    font-size: 43px;
    line-height: 40px;
    height: 40px; }
  #nuevaCaja md-sidenav .pagoExitoso h1 {
    text-transform: uppercase;
    line-height: 30px; }
  #nuevaCaja md-sidenav .pagoExitoso button {
    margin: 25px 0; }
#nuevaCaja md-sidenav .agregarPago {
  margin: 25px 0;
  text-align: center;
  display: block; }
  #nuevaCaja md-sidenav .agregarPago button {
    margin-top: 25px;
    width: 80%; }
#nuevaCaja md-grid-tile {
  background: #CFCFCF;
  cursor: pointer; }
#nuevaCaja h4 {
  font-size: 24px; }
#nuevaCaja label {
  font-size: 12px;
  color: #464646; }
#nuevaCaja .listadoPedidos ul {
  list-style: none; }
  #nuevaCaja .listadoPedidos ul li {
    height: 53px;
    overflow: hidden;
    border-bottom: solid 1px rgba(0, 0, 0, 0.12);
    padding-top: 5px;
    padding-bottom: 5px; }
    #nuevaCaja .listadoPedidos ul li div {
      display: inline-block;
      vertical-align: middle;
      line-height: 40px; }
    #nuevaCaja .listadoPedidos ul li .nombrePlato {
      width: 106%; }
      @media (max-width: 1023px) {
        #nuevaCaja .listadoPedidos ul li .nombrePlato {
          width: 130px; } }
    #nuevaCaja .listadoPedidos ul li.anulado {
      color: #E12845;
      padding-right: 20px;
      font-style: italic; }
      #nuevaCaja .listadoPedidos ul li.anulado .numeroComensales {
        display: none; }
#nuevaCaja .numeroComensales {
  margin: 0 15px;
  min-width: 100px; }
  #nuevaCaja .numeroComensales .md-icon {
    cursor: pointer; }
  #nuevaCaja .numeroComensales input[type="number"] {
    width: 45px;
    text-align: center;
    color: #000000;
    background: #fafafa;
    padding: 2px 0;
    box-shadow: none;
    border: none; }
  #nuevaCaja .numeroComensales input[type=number]::-webkit-inner-spin-button,
  #nuevaCaja .numeroComensales input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; }
#nuevaCaja .mdHideTabs md-tabs-wrapper {
  display: none !important; }

#nuevaCaja input, .md-dialog-caja input {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: rgba(0, 0, 0, 0.12); }
#nuevaCaja input[type="reset"],
#nuevaCaja input[type="submit"],
#nuevaCaja html input[type="button"],
#nuevaCaja button, .md-dialog-caja input[type="reset"],
.md-dialog-caja input[type="submit"],
.md-dialog-caja html input[type="button"],
.md-dialog-caja button {
  cursor: pointer;
  -webkit-appearance: button; }
#nuevaCaja input[type="reset"][disabled],
#nuevaCaja input[type="submit"][disabled],
#nuevaCaja html input[type="button"][disabled],
#nuevaCaja button[disabled], .md-dialog-caja input[type="reset"][disabled],
.md-dialog-caja input[type="submit"][disabled],
.md-dialog-caja html input[type="button"][disabled],
.md-dialog-caja button[disabled] {
  cursor: default; }
#nuevaCaja textarea, .md-dialog-caja textarea {
  vertical-align: top;
  overflow: auto; }
#nuevaCaja input[type="search"], .md-dialog-caja input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
  -webkit-box-sizing: content-box; }
#nuevaCaja input[type="search"]::-webkit-search-decoration,
#nuevaCaja input[type="search"]::-webkit-search-cancel-button, .md-dialog-caja input[type="search"]::-webkit-search-decoration,
.md-dialog-caja input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none; }
#nuevaCaja md-input-container, .md-dialog-caja md-input-container {
  display: inline-block;
  position: relative;
  padding: 2px;
  margin: 18px 0;
  vertical-align: middle;
   /*
* The .md-input class is added to the input/textarea
*/ }
#nuevaCaja md-input-container:after, .md-dialog-caja md-input-container:after {
  content: '';
  display: table;
  clear: both; }
#nuevaCaja md-input-container.md-block, .md-dialog-caja md-input-container.md-block {
  display: block; }
#nuevaCaja md-input-container .md-errors-spacer, .md-dialog-caja md-input-container .md-errors-spacer {
  float: right;
  min-height: 24px;
  min-width: 1px; }
#nuevaCaja [dir=rtl] md-input-container .md-errors-spacer, .md-dialog-caja [dir=rtl] md-input-container .md-errors-spacer {
  float: left; }
#nuevaCaja md-input-container > md-icon, .md-dialog-caja md-input-container > md-icon {
  position: absolute;
  top: 8px;
  left: 2px;
  right: auto; }
#nuevaCaja [dir=rtl] md-input-container > md-icon, .md-dialog-caja [dir=rtl] md-input-container > md-icon {
  left: auto; }
#nuevaCaja [dir=rtl] md-input-container > md-icon, .md-dialog-caja [dir=rtl] md-input-container > md-icon {
  right: 2px; }
#nuevaCaja md-input-container textarea,
#nuevaCaja md-input-container input[type="text"],
#nuevaCaja md-input-container input[type="password"],
#nuevaCaja md-input-container input[type="datetime"],
#nuevaCaja md-input-container input[type="datetime-local"],
#nuevaCaja md-input-container input[type="date"],
#nuevaCaja md-input-container input[type="month"],
#nuevaCaja md-input-container input[type="time"],
#nuevaCaja md-input-container input[type="week"],
#nuevaCaja md-input-container input[type="number"],
#nuevaCaja md-input-container input[type="email"],
#nuevaCaja md-input-container input[type="url"],
#nuevaCaja md-input-container input[type="search"],
#nuevaCaja md-input-container input[type="tel"],
#nuevaCaja md-input-container input[type="color"], .md-dialog-caja md-input-container textarea,
.md-dialog-caja md-input-container input[type="text"],
.md-dialog-caja md-input-container input[type="password"],
.md-dialog-caja md-input-container input[type="datetime"],
.md-dialog-caja md-input-container input[type="datetime-local"],
.md-dialog-caja md-input-container input[type="date"],
.md-dialog-caja md-input-container input[type="month"],
.md-dialog-caja md-input-container input[type="time"],
.md-dialog-caja md-input-container input[type="week"],
.md-dialog-caja md-input-container input[type="number"],
.md-dialog-caja md-input-container input[type="email"],
.md-dialog-caja md-input-container input[type="url"],
.md-dialog-caja md-input-container input[type="search"],
.md-dialog-caja md-input-container input[type="tel"],
.md-dialog-caja md-input-container input[type="color"] {
  /* remove default appearance from all input/textarea */
  -moz-appearance: none;
  -webkit-appearance: none; }
#nuevaCaja md-input-container input[type="date"],
#nuevaCaja md-input-container input[type="datetime-local"],
#nuevaCaja md-input-container input[type="month"],
#nuevaCaja md-input-container input[type="time"],
#nuevaCaja md-input-container input[type="week"], .md-dialog-caja md-input-container input[type="date"],
.md-dialog-caja md-input-container input[type="datetime-local"],
.md-dialog-caja md-input-container input[type="month"],
.md-dialog-caja md-input-container input[type="time"],
.md-dialog-caja md-input-container input[type="week"] {
  min-height: 26px; }
#nuevaCaja md-input-container textarea, .md-dialog-caja md-input-container textarea {
  resize: none;
  overflow: hidden; }
#nuevaCaja md-input-container textarea.md-input, .md-dialog-caja md-input-container textarea.md-input {
  min-height: 26px;
  -ms-flex-preferred-size: auto; }
#nuevaCaja md-input-container textarea._md-textarea-scrollable,
#nuevaCaja md-input-container textarea[md-no-autogrow], .md-dialog-caja md-input-container textarea._md-textarea-scrollable,
.md-dialog-caja md-input-container textarea[md-no-autogrow] {
  overflow: auto; }
#nuevaCaja md-input-container textarea[md-no-autogrow], .md-dialog-caja md-input-container textarea[md-no-autogrow] {
  height: auto; }
#nuevaCaja md-input-container label:not(._md-container-ignore), .md-dialog-caja md-input-container label:not(._md-container-ignore) {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: auto; }
#nuevaCaja [dir=rtl] md-input-container label:not(._md-container-ignore), .md-dialog-caja [dir=rtl] md-input-container label:not(._md-container-ignore) {
  left: auto; }
#nuevaCaja [dir=rtl] md-input-container label:not(._md-container-ignore), .md-dialog-caja [dir=rtl] md-input-container label:not(._md-container-ignore) {
  right: 0; }
#nuevaCaja md-input-container label:not(._md-container-ignore).md-required:after, .md-dialog-caja md-input-container label:not(._md-container-ignore).md-required:after {
  content: ' *';
  font-size: 13px;
  vertical-align: top; }
#nuevaCaja md-input-container label:not(.md-no-float):not(._md-container-ignore),
#nuevaCaja md-input-container ._md-placeholder, .md-dialog-caja md-input-container label:not(.md-no-float):not(._md-container-ignore),
.md-dialog-caja md-input-container ._md-placeholder {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  pointer-events: none;
  -webkit-font-smoothing: antialiased;
  padding-left: 3px;
  padding-right: 0;
  z-index: 1;
  -webkit-transform: translate3d(0, 28px, 0) scale(1);
  transform: translate3d(0, 28px, 0) scale(1);
  transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  max-width: 100%;
  -webkit-transform-origin: left top;
  transform-origin: left top; }
#nuevaCaja [dir=rtl] md-input-container label:not(.md-no-float):not(._md-container-ignore),
#nuevaCaja [dir=rtl] md-input-container ._md-placeholder, .md-dialog-caja [dir=rtl] md-input-container label:not(.md-no-float):not(._md-container-ignore),
.md-dialog-caja [dir=rtl] md-input-container ._md-placeholder {
  padding-left: 0; }
#nuevaCaja [dir=rtl] md-input-container label:not(.md-no-float):not(._md-container-ignore),
#nuevaCaja [dir=rtl] md-input-container ._md-placeholder, .md-dialog-caja [dir=rtl] md-input-container label:not(.md-no-float):not(._md-container-ignore),
.md-dialog-caja [dir=rtl] md-input-container ._md-placeholder {
  padding-right: 3px; }
#nuevaCaja [dir=rtl] md-input-container label:not(.md-no-float):not(._md-container-ignore),
#nuevaCaja [dir=rtl] md-input-container ._md-placeholder, .md-dialog-caja [dir=rtl] md-input-container label:not(.md-no-float):not(._md-container-ignore),
.md-dialog-caja [dir=rtl] md-input-container ._md-placeholder {
  -webkit-transform-origin: right top;
  transform-origin: right top; }
#nuevaCaja md-input-container ._md-placeholder, .md-dialog-caja md-input-container ._md-placeholder {
  position: absolute;
  top: 0;
  opacity: 0;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  -webkit-transform: translate3d(0, 30px, 0);
  transform: translate3d(0, 30px, 0); }
#nuevaCaja md-input-container.md-input-focused ._md-placeholder, .md-dialog-caja md-input-container.md-input-focused ._md-placeholder {
  opacity: 1;
  -webkit-transform: translate3d(0, 24px, 0);
  transform: translate3d(0, 24px, 0); }
#nuevaCaja md-input-container.md-input-has-value ._md-placeholder, .md-dialog-caja md-input-container.md-input-has-value ._md-placeholder {
  transition: none;
  opacity: 0; }
#nuevaCaja md-input-container:not(.md-input-has-value) input:not(:focus),
#nuevaCaja md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-ampm-field,
#nuevaCaja md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-day-field,
#nuevaCaja md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-hour-field,
#nuevaCaja md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-millisecond-field,
#nuevaCaja md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-minute-field,
#nuevaCaja md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-month-field,
#nuevaCaja md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-second-field,
#nuevaCaja md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-week-field,
#nuevaCaja md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-year-field,
#nuevaCaja md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-text, .md-dialog-caja md-input-container:not(.md-input-has-value) input:not(:focus),
.md-dialog-caja md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-ampm-field,
.md-dialog-caja md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-day-field,
.md-dialog-caja md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-hour-field,
.md-dialog-caja md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-millisecond-field,
.md-dialog-caja md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-minute-field,
.md-dialog-caja md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-month-field,
.md-dialog-caja md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-second-field,
.md-dialog-caja md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-week-field,
.md-dialog-caja md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-year-field,
.md-dialog-caja md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-text {
  color: transparent; }
#nuevaCaja md-input-container .md-input, .md-dialog-caja md-input-container .md-input {
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
  display: block;
  margin-top: 0;
  background: none;
  padding-top: 2px;
  padding-bottom: 1px;
  padding-left: 2px;
  padding-right: 2px;
  border-width: 0 0 1px 0;
  line-height: 26px;
  height: 30px;
  -ms-flex-preferred-size: 26px;
  border-radius: 0;
  border-style: solid;
  width: 100%;
  box-sizing: border-box;
  float: left; }
#nuevaCaja [dir=rtl] md-input-container .md-input, .md-dialog-caja [dir=rtl] md-input-container .md-input {
  float: right; }
#nuevaCaja md-input-container .md-input:focus, .md-dialog-caja md-input-container .md-input:focus {
  outline: none; }
#nuevaCaja md-input-container .md-input:invalid, .md-dialog-caja md-input-container .md-input:invalid {
  outline: none;
  box-shadow: none; }
#nuevaCaja md-input-container .md-input.md-no-flex, .md-dialog-caja md-input-container .md-input.md-no-flex {
  -webkit-flex: none !important;
  -ms-flex: none !important;
  flex: none !important; }
#nuevaCaja md-input-container .md-char-counter, .md-dialog-caja md-input-container .md-char-counter {
  text-align: right;
  padding-right: 2px;
  padding-left: 0; }
#nuevaCaja [dir=rtl] md-input-container .md-char-counter, .md-dialog-caja [dir=rtl] md-input-container .md-char-counter {
  text-align: left; }
#nuevaCaja [dir=rtl] md-input-container .md-char-counter, .md-dialog-caja [dir=rtl] md-input-container .md-char-counter {
  padding-right: 0; }
#nuevaCaja [dir=rtl] md-input-container .md-char-counter, .md-dialog-caja [dir=rtl] md-input-container .md-char-counter {
  padding-left: 2px; }
#nuevaCaja md-input-container .md-input-messages-animation, .md-dialog-caja md-input-container .md-input-messages-animation {
  position: relative;
  -webkit-order: 4;
  -ms-flex-order: 4;
  order: 4;
  overflow: hidden;
  clear: left; }
#nuevaCaja [dir=rtl] md-input-container .md-input-messages-animation, .md-dialog-caja [dir=rtl] md-input-container .md-input-messages-animation {
  clear: right; }
#nuevaCaja md-input-container .md-input-messages-animation.ng-enter .md-input-message-animation, .md-dialog-caja md-input-container .md-input-messages-animation.ng-enter .md-input-message-animation {
  opacity: 0;
  margin-top: -100px; }
#nuevaCaja md-input-container .md-input-message-animation,
#nuevaCaja md-input-container .md-char-counter, .md-dialog-caja md-input-container .md-input-message-animation,
.md-dialog-caja md-input-container .md-char-counter {
  font-size: 12px;
  line-height: 14px;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  opacity: 1;
  margin-top: 0;
  padding-top: 5px; }
#nuevaCaja md-input-container .md-input-message-animation:not(.md-char-counter),
#nuevaCaja md-input-container .md-char-counter:not(.md-char-counter), .md-dialog-caja md-input-container .md-input-message-animation:not(.md-char-counter),
.md-dialog-caja md-input-container .md-char-counter:not(.md-char-counter) {
  padding-right: 5px;
  padding-left: 0; }
#nuevaCaja [dir=rtl] md-input-container .md-input-message-animation:not(.md-char-counter),
#nuevaCaja [dir=rtl] md-input-container .md-char-counter:not(.md-char-counter), .md-dialog-caja [dir=rtl] md-input-container .md-input-message-animation:not(.md-char-counter),
.md-dialog-caja [dir=rtl] md-input-container .md-char-counter:not(.md-char-counter) {
  padding-right: 0; }
#nuevaCaja [dir=rtl] md-input-container .md-input-message-animation:not(.md-char-counter),
#nuevaCaja [dir=rtl] md-input-container .md-char-counter:not(.md-char-counter), .md-dialog-caja [dir=rtl] md-input-container .md-input-message-animation:not(.md-char-counter),
.md-dialog-caja [dir=rtl] md-input-container .md-char-counter:not(.md-char-counter) {
  padding-left: 5px; }
#nuevaCaja md-input-container:not(.md-input-invalid) .md-auto-hide .md-input-message-animation, .md-dialog-caja md-input-container:not(.md-input-invalid) .md-auto-hide .md-input-message-animation {
  opacity: 0;
  margin-top: -100px; }
#nuevaCaja md-input-container .md-auto-hide .md-input-message-animation:not(.ng-animate), .md-dialog-caja md-input-container .md-auto-hide .md-input-message-animation:not(.ng-animate) {
  opacity: 0;
  margin-top: -100px; }
#nuevaCaja md-input-container .md-input-message-animation.ng-enter, .md-dialog-caja md-input-container .md-input-message-animation.ng-enter {
  opacity: 0;
  margin-top: -100px; }
#nuevaCaja md-input-container.md-input-focused label:not(.md-no-float),
#nuevaCaja md-input-container.md-input-has-placeholder label:not(.md-no-float),
#nuevaCaja md-input-container.md-input-has-value label:not(.md-no-float), .md-dialog-caja md-input-container.md-input-focused label:not(.md-no-float),
.md-dialog-caja md-input-container.md-input-has-placeholder label:not(.md-no-float),
.md-dialog-caja md-input-container.md-input-has-value label:not(.md-no-float) {
  -webkit-transform: translate3d(0, 6px, 0) scale(0.75);
  transform: translate3d(0, 6px, 0) scale(0.75);
  transition: -webkit-transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s, width cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s;
  transition: transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s, width cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s;
  width: calc((100% - 18px) / 0.75); }
#nuevaCaja md-input-container.md-input-has-value label, .md-dialog-caja md-input-container.md-input-has-value label {
  transition: none; }
#nuevaCaja md-input-container.md-input-focused .md-input,
#nuevaCaja md-input-container .md-input.ng-invalid.ng-dirty, .md-dialog-caja md-input-container.md-input-focused .md-input,
.md-dialog-caja md-input-container .md-input.ng-invalid.ng-dirty {
  padding-bottom: 0;
  border-width: 0 0 2px 0; }
#nuevaCaja md-input-container .md-input[disabled],
#nuevaCaja [disabled] md-input-container .md-input, .md-dialog-caja md-input-container .md-input[disabled],
.md-dialog-caja [disabled] md-input-container .md-input {
  background-position: bottom -1px left 0;
  background-size: 4px 1px;
  background-repeat: repeat-x; }
#nuevaCaja md-input-container.md-icon-float, .md-dialog-caja md-input-container.md-icon-float {
  transition: margin-top 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
#nuevaCaja md-input-container.md-icon-float > label, .md-dialog-caja md-input-container.md-icon-float > label {
  pointer-events: none;
  position: absolute; }
#nuevaCaja md-input-container.md-icon-float > md-icon, .md-dialog-caja md-input-container.md-icon-float > md-icon {
  top: 8px;
  left: 2px;
  right: auto; }
#nuevaCaja [dir=rtl] md-input-container.md-icon-float > md-icon, .md-dialog-caja [dir=rtl] md-input-container.md-icon-float > md-icon {
  left: auto; }
#nuevaCaja [dir=rtl] md-input-container.md-icon-float > md-icon, .md-dialog-caja [dir=rtl] md-input-container.md-icon-float > md-icon {
  right: 2px; }
#nuevaCaja md-input-container.md-icon-left > label:not(.md-no-float):not(._md-container-ignore),
#nuevaCaja md-input-container.md-icon-left > label .md-placeholder,
#nuevaCaja md-input-container.md-icon-right > label:not(.md-no-float):not(._md-container-ignore),
#nuevaCaja md-input-container.md-icon-right > label .md-placeholder, .md-dialog-caja md-input-container.md-icon-left > label:not(.md-no-float):not(._md-container-ignore),
.md-dialog-caja md-input-container.md-icon-left > label .md-placeholder,
.md-dialog-caja md-input-container.md-icon-right > label:not(.md-no-float):not(._md-container-ignore),
.md-dialog-caja md-input-container.md-icon-right > label .md-placeholder {
  width: calc(100% - 36px - 18px); }
#nuevaCaja md-input-container.md-icon-left.md-input-focused > label:not(.md-no-float):not(._md-container-ignore),
#nuevaCaja md-input-container.md-icon-left.md-input-focused > label .md-placeholder,
#nuevaCaja md-input-container.md-icon-left.md-input-has-placeholder > label:not(.md-no-float):not(._md-container-ignore),
#nuevaCaja md-input-container.md-icon-left.md-input-has-placeholder > label .md-placeholder,
#nuevaCaja md-input-container.md-icon-left.md-input-has-value > label:not(.md-no-float):not(._md-container-ignore),
#nuevaCaja md-input-container.md-icon-left.md-input-has-value > label .md-placeholder,
#nuevaCaja md-input-container.md-icon-right.md-input-focused > label:not(.md-no-float):not(._md-container-ignore),
#nuevaCaja md-input-container.md-icon-right.md-input-focused > label .md-placeholder,
#nuevaCaja md-input-container.md-icon-right.md-input-has-placeholder > label:not(.md-no-float):not(._md-container-ignore),
#nuevaCaja md-input-container.md-icon-right.md-input-has-placeholder > label .md-placeholder,
#nuevaCaja md-input-container.md-icon-right.md-input-has-value > label:not(.md-no-float):not(._md-container-ignore),
#nuevaCaja md-input-container.md-icon-right.md-input-has-value > label .md-placeholder, .md-dialog-caja md-input-container.md-icon-left.md-input-focused > label:not(.md-no-float):not(._md-container-ignore),
.md-dialog-caja md-input-container.md-icon-left.md-input-focused > label .md-placeholder,
.md-dialog-caja md-input-container.md-icon-left.md-input-has-placeholder > label:not(.md-no-float):not(._md-container-ignore),
.md-dialog-caja md-input-container.md-icon-left.md-input-has-placeholder > label .md-placeholder,
.md-dialog-caja md-input-container.md-icon-left.md-input-has-value > label:not(.md-no-float):not(._md-container-ignore),
.md-dialog-caja md-input-container.md-icon-left.md-input-has-value > label .md-placeholder,
.md-dialog-caja md-input-container.md-icon-right.md-input-focused > label:not(.md-no-float):not(._md-container-ignore),
.md-dialog-caja md-input-container.md-icon-right.md-input-focused > label .md-placeholder,
.md-dialog-caja md-input-container.md-icon-right.md-input-has-placeholder > label:not(.md-no-float):not(._md-container-ignore),
.md-dialog-caja md-input-container.md-icon-right.md-input-has-placeholder > label .md-placeholder,
.md-dialog-caja md-input-container.md-icon-right.md-input-has-value > label:not(.md-no-float):not(._md-container-ignore),
.md-dialog-caja md-input-container.md-icon-right.md-input-has-value > label .md-placeholder {
  width: calc((100% - 36px - 18px) / 0.75); }
#nuevaCaja md-input-container.md-icon-left, .md-dialog-caja md-input-container.md-icon-left {
  padding-left: 36px;
  padding-right: 0; }
#nuevaCaja [dir=rtl] md-input-container.md-icon-left, .md-dialog-caja [dir=rtl] md-input-container.md-icon-left {
  padding-left: 0; }
#nuevaCaja [dir=rtl] md-input-container.md-icon-left, .md-dialog-caja [dir=rtl] md-input-container.md-icon-left {
  padding-right: 36px; }
#nuevaCaja md-input-container.md-icon-left > label, .md-dialog-caja md-input-container.md-icon-left > label {
  left: 36px;
  right: auto; }
#nuevaCaja [dir=rtl] md-input-container.md-icon-left > label, .md-dialog-caja [dir=rtl] md-input-container.md-icon-left > label {
  left: auto; }
#nuevaCaja [dir=rtl] md-input-container.md-icon-left > label, .md-dialog-caja [dir=rtl] md-input-container.md-icon-left > label {
  right: 36px; }
#nuevaCaja md-input-container.md-icon-right, .md-dialog-caja md-input-container.md-icon-right {
  padding-left: 0;
  padding-right: 36px; }
#nuevaCaja [dir=rtl] md-input-container.md-icon-right, .md-dialog-caja [dir=rtl] md-input-container.md-icon-right {
  padding-left: 36px; }
#nuevaCaja [dir=rtl] md-input-container.md-icon-right, .md-dialog-caja [dir=rtl] md-input-container.md-icon-right {
  padding-right: 0; }
#nuevaCaja md-input-container.md-icon-right > md-icon:last-of-type, .md-dialog-caja md-input-container.md-icon-right > md-icon:last-of-type {
  margin: 0;
  right: 2px;
  left: auto; }
#nuevaCaja [dir=rtl] md-input-container.md-icon-right > md-icon:last-of-type, .md-dialog-caja [dir=rtl] md-input-container.md-icon-right > md-icon:last-of-type {
  right: auto; }
#nuevaCaja [dir=rtl] md-input-container.md-icon-right > md-icon:last-of-type, .md-dialog-caja [dir=rtl] md-input-container.md-icon-right > md-icon:last-of-type {
  left: 2px; }
#nuevaCaja md-input-container.md-icon-left.md-icon-right, .md-dialog-caja md-input-container.md-icon-left.md-icon-right {
  padding-left: 36px;
  padding-right: 36px; }
#nuevaCaja md-input-container.md-icon-left.md-icon-right > label:not(.md-no-float):not(._md-container-ignore),
#nuevaCaja md-input-container.md-icon-left.md-icon-right > label .md-placeholder, .md-dialog-caja md-input-container.md-icon-left.md-icon-right > label:not(.md-no-float):not(._md-container-ignore),
.md-dialog-caja md-input-container.md-icon-left.md-icon-right > label .md-placeholder {
  width: calc(100% - (36px * 2)); }
#nuevaCaja md-input-container.md-icon-left.md-icon-right.md-input-focused > label:not(.md-no-float):not(._md-container-ignore),
#nuevaCaja md-input-container.md-icon-left.md-icon-right.md-input-focused > label .md-placeholder,
#nuevaCaja md-input-container.md-icon-left.md-icon-right.md-input-has-placeholder > label:not(.md-no-float):not(._md-container-ignore),
#nuevaCaja md-input-container.md-icon-left.md-icon-right.md-input-has-placeholder > label .md-placeholder,
#nuevaCaja md-input-container.md-icon-left.md-icon-right.md-input-has-value > label:not(.md-no-float):not(._md-container-ignore),
#nuevaCaja md-input-container.md-icon-left.md-icon-right.md-input-has-value > label .md-placeholder, .md-dialog-caja md-input-container.md-icon-left.md-icon-right.md-input-focused > label:not(.md-no-float):not(._md-container-ignore),
.md-dialog-caja md-input-container.md-icon-left.md-icon-right.md-input-focused > label .md-placeholder,
.md-dialog-caja md-input-container.md-icon-left.md-icon-right.md-input-has-placeholder > label:not(.md-no-float):not(._md-container-ignore),
.md-dialog-caja md-input-container.md-icon-left.md-icon-right.md-input-has-placeholder > label .md-placeholder,
.md-dialog-caja md-input-container.md-icon-left.md-icon-right.md-input-has-value > label:not(.md-no-float):not(._md-container-ignore),
.md-dialog-caja md-input-container.md-icon-left.md-icon-right.md-input-has-value > label .md-placeholder {
  width: calc((100% - (36px * 2)) / 0.75); }
@media screen and (-ms-high-contrast: active) {
  #nuevaCaja md-input-container.md-default-theme > md-icon, .md-dialog-caja md-input-container.md-default-theme > md-icon {
    fill: #fff; } }
#nuevaCaja md-input-container:not(.md-input-invalid).md-input-focused .md-input, .md-dialog-caja md-input-container:not(.md-input-invalid).md-input-focused .md-input {
  border-color: #ff9800; }

.borrarMetodoDePago {
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0.5; }
  .borrarMetodoDePago:hover {
    opacity: 1; }

md-input-container.medFontCaja md-select {
  font-size: 1.2em; }

md-input-container.bigFontCaja md-select {
  font-size: 1.5em; }

div._md-select-menu-container.medFontCaja md-content md-option ._md-text {
  font-size: 20px;
  height: 36px;
  line-height: 36px; }
div._md-select-menu-container.bigFontCaja md-content md-option ._md-text {
  font-size: 22px;
  height: 44px;
  line-height: 44px; }

.icon-LogoSoloTot + .icon-LogoSoloEat {
  margin-left: -6px; }

#edicionProductos md-toolbar {
  background-color: white; }
  #edicionProductos md-toolbar h2 span {
    font-size: 16px;
    margin-left: 15px; }
#edicionProductos md-tabs.md-primary > md-tabs-wrapper {
  background-color: white; }
#edicionProductos .md-tab {
  font-size: 12px; }
#edicionProductos md-tabs.md-primary > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]) {
  color: rgba(0, 0, 0, 0.7); }
#edicionProductos md-input-container {
  color: rgba(0, 0, 0, 0.7); }
#edicionProductos .infoReceta md-sidenav .md-toolbar-tools {
  padding-left: 0;
  height: auto;
  color: #4E4E4E;
  font-size: 24px;
  margin-bottom: 15px; }
#edicionProductos .infoReceta md-sidenav small {
  color: #868383;
  font-size: 9px;
  text-transform: uppercase; }
#edicionProductos .infoReceta md-sidenav p {
  color: #4E4E4E;
  margin: 0;
  font-size: 12px; }

.md-input input[type="text"],
.md-input input[type="number"],
.md-input input[type="email"],
.md-input input[type="time"],
.md-input input[type="date"],
.md-input input[type="password"] {
  box-shadow: none;
  background: 0 0;
  padding: 2px 2px 1px;
  border-width: 0 0 1px;
  border-style: solid;
  font-family: "Roboto", sans-serif; }

.inputBasico input, .inputBasico textarea {
  width: 95%;
  padding: 7px 5px;
  box-shadow: none;
  border-radius: 1px;
  border: solid 1px #d4d3d3;
  transition: box-shadow .2s;
  font-family: "Roboto", sans-serif;
  color: rgba(0, 0, 0, 0.87); }
  .inputBasico input:focus, .inputBasico textarea:focus {
    outline: none;
    border-bottom: solid 2px #448AFF;
    transition: box-shadow .2s; }
  .inputBasico input[type="checkbox"]:focus, .inputBasico textarea[type="checkbox"]:focus {
    border-bottom: solid 1px #d4d3d3; }

.md-table-toteat.tableMediana table {
  width: 60%; }
.md-table-toteat.md-table-border table {
  border: solid 1px #dddddd;
  border-radius: 5px; }
.md-table-toteat.md-align-left table {
  text-align: left; }
  .md-table-toteat.md-align-left table tr td,
  .md-table-toteat.md-align-left table tr th {
    text-align: left; }
.md-table-toteat table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  font-size: 12px;
  background: #FFFFFF;
  font-weight: 400;
  font-style: normal;
  margin: auto;
  font-family: 'Roboto', sans-serif; }
  .md-table-toteat table tr {
    border-bottom: solid 1px #efefef;
    font-weight: normal; }
    .md-table-toteat table tr:last-child {
      border-bottom: none; }
    .md-table-toteat table tr th,
    .md-table-toteat table tr td {
      padding: 10px;
      line-height: 18px;
      text-align: right;
      color: #444444; }
      .md-table-toteat table tr th input,
      .md-table-toteat table tr td input {
        text-align: right; }
      @media (max-width: 1023px) {
        .md-table-toteat table tr th,
        .md-table-toteat table tr td {
          padding: 6px; } }
      .md-table-toteat table tr th:first-child,
      .md-table-toteat table tr td:first-child {
        text-align: left;
        padding-left: 20px; }
        .md-table-toteat table tr th:first-child input,
        .md-table-toteat table tr td:first-child input {
          text-align: left; }
      .md-table-toteat table tr th md-icon,
      .md-table-toteat table tr td md-icon {
        font-size: 20px; }
    .md-table-toteat table tr th {
      background: #FFFFFF;
      text-transform: uppercase;
      font-size: 9px;
      color: rgba(0, 0, 0, 0.3);
      line-height: 12px; }
      @media (max-width: 1023px) {
        .md-table-toteat table tr th {
          font-size: 9px; } }

.add-cart {
  background-color: #ffa300;
  color: #fff !important;
  font-weight: bold !important; }
  .add-cart md-icon {
    color: #fff !important; }

.edit-cart {
  background-color: #ff7510;
  color: #fff !important;
  font-weight: bold !important; }
  .edit-cart md-icon {
    color: #fff !important; }

#inventarioStock {
  font-family: "Roboto", sans-serif !important; }
  #inventarioStock p {
    color: rgba(0, 0, 0, 0.5);
    margin: 0;
    font-weight: 400; }
  #inventarioStock input[type="text"],
  #inventarioStock input[type="number"],
  #inventarioStock input[type="email"],
  #inventarioStock input[type="time"],
  #inventarioStock input[type="date"],
  #inventarioStock input[type="password"] {
    box-shadow: none;
    background: 0 0;
    padding: 2px 2px 1px;
    border-width: 0 0 1px;
    border-style: solid;
    font-family: "Roboto", sans-serif; }
  #inventarioStock .md-table-toteat table tr th,
  #inventarioStock .md-table-toteat table tr td {
    font-family: "Roboto Condensed";
    text-align: center;
    padding: 5px;
    padding-left: 25px;
    font-size: 12px; }
    #inventarioStock .md-table-toteat table tr th:first-child,
    #inventarioStock .md-table-toteat table tr td:first-child {
      text-align: left;
      padding-left: 5px; }
    @media (max-width: 1023px) {
      #inventarioStock .md-table-toteat table tr th,
      #inventarioStock .md-table-toteat table tr td {
        padding-left: 10px;
        font-size: 12px;
        line-height: 13px; } }
    #inventarioStock .md-table-toteat table tr th i,
    #inventarioStock .md-table-toteat table tr td i {
      font-size: 9px;
      display: block;
      line-height: 10px;
      text-transform: uppercase;
      text-align: right; }
    #inventarioStock .md-table-toteat table tr th md-icon,
    #inventarioStock .md-table-toteat table tr td md-icon {
      font-size: 20px; }
    #inventarioStock .md-table-toteat table tr th .estadosTabla md-icon,
    #inventarioStock .md-table-toteat table tr td .estadosTabla md-icon {
      margin: 5px; }
  #inventarioStock .md-table-toteat table tr th {
    font-size: 9px;
    color: rgba(0, 0, 0, 0.5);
    line-height: 12px; }
    @media (max-width: 1023px) {
      #inventarioStock .md-table-toteat table tr th {
        font-size: 9px; } }
  #inventarioStock .circuloNumero {
    color: white;
    background: #448AFF;
    padding: 5px 7px;
    position: absolute;
    right: -1px;
    z-index: 1;
    top: 6px;
    line-height: 15px;
    border-radius: 50%;
    cursor: pointer; }
    #inventarioStock .circuloNumero span {
      width: 17px;
      height: 17px;
      font-size: 15px;
      margin: auto;
      line-height: 15px;
      display: inline-block;
      text-align: center; }
  #inventarioStock .cardDesct {
    background: #FF9800;
    color: white; }
    #inventarioStock .cardDesct h1 {
      font-size: 36px;
      margin: 15px 0; }
    #inventarioStock .cardDesct small {
      font-size: 12px; }
  #inventarioStock md-toolbar {
    color: white; }
    #inventarioStock md-toolbar div {
      margin-right: 8px;
      padding-right: 10px; }
    #inventarioStock md-toolbar span.local {
      font-size: 12px;
      line-height: 16px;
      max-width: 350px;
      margin-right: 0 20px; }
    #inventarioStock md-toolbar small {
      text-transform: uppercase;
      font-size: 12px; }
      @media (max-width: 1023px) {
        #inventarioStock md-toolbar small {
          font-size: 10px;
          line-height: 12px;
          display: block; } }
    @media (max-width: 1023px) {
      #inventarioStock md-toolbar h3 {
        font-size: 18px; } }
    #inventarioStock md-toolbar .md-button md-icon {
      color: white; }
    #inventarioStock md-toolbar .md-button:last-child {
      height: 60px;
      width: 60px; }
      #inventarioStock md-toolbar .md-button:last-child md-icon {
        font-size: 33px;
        height: 30px;
        min-height: 30px;
        line-height: 31px; }
  #inventarioStock .buscador md-input-container.md-icon-right {
    padding-right: 0; }
  #inventarioStock .buscador ._md-select-value > span:not(._md-select-icon) {
    overflow: hidden; }
  #inventarioStock .buscador md-input-container .md-input {
    font-size: 24px !important;
    height: 39px;
    font-weight: 300 !important; }
  #inventarioStock .buscador ._md-select-value {
    height: 35px;
    font-size: 22px;
    font-weight: 300; }
  #inventarioStock .buscador ._md-select-value ._md-select-icon {
    font-size: 18px;
    text-align: center;
    opacity: 0.9; }
  #inventarioStock .xs-cart-elem {
    padding: 5px 0px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc; }
    #inventarioStock .xs-cart-elem .description {
      padding: 0px 0px 0px 10px; }
    #inventarioStock .xs-cart-elem .imgProd {
      overflow: hidden;
      text-align: center;
      background-image: url(../styles/img/fondoicb.png);
      background-repeat: no-repeat;
      background-position: center center;
      background-color: #bfbfbf; }
      #inventarioStock .xs-cart-elem .imgProd > div {
        display: block;
        height: 112px;
        width: 100%;
        background-size: contain;
        background-color: white;
        background-repeat: no-repeat;
        background-position: center center; }
      #inventarioStock .xs-cart-elem .imgProd img {
        height: 100%; }
    #inventarioStock .xs-cart-elem .estadosTabla md-icon {
      margin: 0px 5px; }
  #inventarioStock .productosProveedor figure h2 {
    font-weight: normal;
    font-size: 14px; }
    #inventarioStock .productosProveedor figure h2 button {
      opacity: 0.3;
      margin-right: 0;
      padding: 0;
      height: 21px;
      line-height: 12px;
      min-height: 14px;
      width: 22px; }
      #inventarioStock .productosProveedor figure h2 button:hover {
        opacity: 1; }
  #inventarioStock .productosProveedor figure .imgProd {
    overflow: hidden;
    text-align: center;
    background-image: url(../styles/img/fondoicb.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #bfbfbf; }
    #inventarioStock .productosProveedor figure .imgProd > div {
      display: block;
      height: 112px;
      width: 100%;
      background-size: contain;
      background-color: white;
      background-repeat: no-repeat;
      background-position: center center; }
    #inventarioStock .productosProveedor figure .imgProd img {
      height: 100%; }
  #inventarioStock .productosProveedor figure .infoProd {
    padding-bottom: 5px; }
  #inventarioStock .datosDePedido {
    background: white;
    text-transform: uppercase;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.8);
    line-height: 22px;
    font-family: "Roboto Condensed", sans-serif; }
    #inventarioStock .datosDePedido p {
      color: rgba(0, 0, 0, 0.8);
      line-height: 22px;
      margin: 8px 0;
      font-weight: 400;
      font-size: 14px;
      padding-left: 15px; }
    #inventarioStock .datosDePedido button {
      font-family: "Roboto", sans-serif;
      font-size: 13px; }
    #inventarioStock .datosDePedido small {
      font-size: 12px;
      color: rgba(0, 0, 0, 0.6);
      padding-left: 15px; }
  #inventarioStock .compraExitosa md-card {
    width: 650px;
    margin: auto;
    margin-top: 25px;
    margin-bottom: 70px;
    padding-top: 15px;
    padding-right: 30px; }
    @media (max-width: 598px) {
      #inventarioStock .compraExitosa md-card {
        width: 380px; } }
    #inventarioStock .compraExitosa md-card > div > div {
      border-bottom: solid 1px #EAEAEA;
      margin-bottom: 25px; }
      #inventarioStock .compraExitosa md-card > div > div:last-child {
        border: none; }
    #inventarioStock .compraExitosa md-card > div .md-headline {
      padding-left: 15px; }
    #inventarioStock .compraExitosa md-card .md-button {
      margin-bottom: 15px; }
  #inventarioStock .compraExitosa p {
    font-family: "Roboto Condensed", sans-serif;
    color: rgba(0, 0, 0, 0.6);
    font-size: 12px;
    font-weight: 400;
    margin: 10px 0; }
    #inventarioStock .compraExitosa p span {
      display: block; }
    #inventarioStock .compraExitosa p.totalPagar span {
      display: block;
      font-size: 24px;
      font-weight: 400;
      margin-bottom: 10px; }
  #inventarioStock.prodICB .productosProveedor figure .imgProd {
    background-image: url(../styles/img/fondoicb.png); }
  #inventarioStock .md-table-infoExtra {
    margin-bottom: 15px; }
    #inventarioStock .md-table-infoExtra .infoTableExtra {
      border-top: solid 1px #efefef;
      padding-top: 25px; }
      @media (max-width: 1023px) {
        #inventarioStock .md-table-infoExtra .infoTableExtra {
          padding-top: 0px; } }
      #inventarioStock .md-table-infoExtra .infoTableExtra > div {
        border-right: solid 1px #efefef;
        padding: 0px; }
        #inventarioStock .md-table-infoExtra .infoTableExtra > div:last-child {
          border: none; }
        #inventarioStock .md-table-infoExtra .infoTableExtra > div p {
          text-transform: uppercase;
          font-size: 14px;
          font-family: "Roboto Condensed", sans-serif; }
        #inventarioStock .md-table-infoExtra .infoTableExtra > div span {
          font-size: 8px;
          color: rgba(0, 0, 0, 0.6);
          text-transform: uppercase; }
        #inventarioStock .md-table-infoExtra .infoTableExtra > div button span {
          font-size: 14px; }
        @media (max-width: 1023px) {
          #inventarioStock .md-table-infoExtra .infoTableExtra > div p {
            font-size: 12px; }
          #inventarioStock .md-table-infoExtra .infoTableExtra > div span {
            font-size: 10px; } }
    #inventarioStock .md-table-infoExtra .infoTableCabeza {
      margin-bottom: 20px;
      border-bottom: solid 1px #dddddd; }
      #inventarioStock .md-table-infoExtra .infoTableCabeza > div {
        border-right: solid 1px #efefef;
        padding: 10px 20px; }
        #inventarioStock .md-table-infoExtra .infoTableCabeza > div:last-child {
          border: none; }
        #inventarioStock .md-table-infoExtra .infoTableCabeza > div p {
          text-transform: uppercase;
          font-size: 14px;
          font-family: "Roboto Condensed", sans-serif; }
          #inventarioStock .md-table-infoExtra .infoTableCabeza > div p.titulo {
            font-size: 16px;
            color: rgba(0, 0, 0, 0.87); }
            @media (max-width: 1023px) {
              #inventarioStock .md-table-infoExtra .infoTableCabeza > div p.titulo {
                font-size: 14px; } }
        #inventarioStock .md-table-infoExtra .infoTableCabeza > div span {
          font-size: 8px;
          color: rgba(0, 0, 0, 0.6);
          text-transform: uppercase; }
  #inventarioStock .infoProveedorCuadro {
    background: white;
    margin-bottom: 15px; }
    #inventarioStock .infoProveedorCuadro p {
      color: rgba(0, 0, 0, 0.87);
      font-size: 12px;
      font-family: "Roboto Condensed", sans-serif; }
  #inventarioStock .mensajeAsist {
    background: white;
    margin-bottom: 15px; }
    #inventarioStock .mensajeAsist .icono {
      background: rgba(0, 0, 0, 0.5);
      border-radius: 50%;
      padding: 8px;
      margin-right: 20px; }
      #inventarioStock .mensajeAsist .icono md-icon {
        color: white; }
    #inventarioStock .mensajeAsist div b {
      font-size: 10px;
      color: #808080;
      text-transform: uppercase; }
    #inventarioStock .mensajeAsist div p {
      color: #333333;
      font-size: 12px; }
  #inventarioStock .asistCompraToolbar {
    background: rgba(63, 135, 255, 0.9); }
    #inventarioStock .asistCompraToolbar span {
      padding: 3px 16px;
      color: white;
      display: block;
      font-weight: 800;
      text-transform: uppercase;
      font-size: 12px; }
  #inventarioStock .productosNoEncontrados {
    color: #444;
    font-family: 'Roboto Condensed', sans-serif;
    margin-top: 20px;
    font-size: 14px;
    border: solid 1px #DEDCDA;
    border-radius: 3px;
    padding: 12px 12px; }
    #inventarioStock .productosNoEncontrados p {
      font-size: 12px;
      color: #444; }
    #inventarioStock .productosNoEncontrados .productoSug {
      border: solid 1px #efefef;
      border-radius: 3px;
      margin: 5px;
      padding: 5px;
      font-size: 12px; }

.modalInfoLegal md-toolbar,
.modalInfoLegal md-icon {
  color: white; }
.modalInfoLegal p {
  color: rgba(0, 0, 0, 0.8);
  font-size: 14px;
  line-height: 24px; }

.modalMasInfo {
  text-transform: uppercase; }
  .modalMasInfo md-toolbar {
    background-color: white; }
  .modalMasInfo p {
    color: rgba(0, 0, 0, 0.8); }
  .modalMasInfo .infoProd p {
    color: rgba(0, 0, 0, 0.8);
    line-height: 25px; }
  .modalMasInfo .infoProd .ultimaCompra {
    color: rgba(0, 0, 0, 0.8);
    font-weight: 100;
    text-transform: uppercase;
    margin: 12px 0; }
  .modalMasInfo .imgProd {
    min-width: 400px;
    overflow: hidden;
    text-align: center;
    background-image: url(../styles/img/fondoicb.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #bfbfbf; }
    @media (max-width: 598px) {
      .modalMasInfo .imgProd {
        display: none; } }
    .modalMasInfo .imgProd > div {
      display: block;
      height: 485px;
      width: 100%;
      background-size: contain;
      background-position: center center;
      background-repeat: no-repeat;
      background-color: white;
      padding: 0;
      margin: 0;
      font-size: 0; }
    .modalMasInfo .imgProd img {
      height: 100%; }
  .modalMasInfo .md-table-toteat table tr th,
  .modalMasInfo .md-table-toteat table tr td {
    padding-left: 30px; }
    .modalMasInfo .md-table-toteat table tr th:first-child,
    .modalMasInfo .md-table-toteat table tr td:first-child {
      padding-right: 30px;
      padding-left: 10px; }

.modalAgregarCarro {
  text-transform: uppercase;
  width: 400px; }
  .modalAgregarCarro md-toolbar {
    background-color: white; }
  .modalAgregarCarro input[type="text"],
  .modalAgregarCarro input[type="number"],
  .modalAgregarCarro input[type="email"],
  .modalAgregarCarro input[type="time"],
  .modalAgregarCarro input[type="date"],
  .modalAgregarCarro input[type="password"] {
    box-shadow: none;
    background: 0 0;
    padding: 2px 2px 1px;
    border-width: 0 0 1px;
    border-style: solid; }

.md-paginacion {
  text-align: center;
  margin-bottom: 30px; }
  .md-paginacion ul {
    list-style: none;
    margin: 15px auto;
    display: inline-block;
    background: white; }
    .md-paginacion ul li {
      display: inline-block;
      min-width: 34px;
      padding: 6px;
      text-align: center; }

#soloMarket {
  font-family: "Roboto", sans-serif !important;
  color: white;
  text-align: left;
  line-height: 28px;
  font-size: 16px; }
  #soloMarket .sideInfo {
    color: white;
    font-size: 14px;
    padding: 20px;
    line-height: normal;
    height: 100%;
    overflow: auto;
    background: #fa5b1d;
    background: -moz-linear-gradient(45deg, #fa5b1d 27%, #f78f31 100%);
    background: -webkit-linear-gradient(45deg, #fa5b1d 27%, #f78f31 100%);
    background: linear-gradient(45deg, #fa5b1d 27%, #f78f31 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa5b1d', endColorstr='#f78f31',GradientType=1 ); }
    #soloMarket .sideInfo h1 {
      margin-bottom: 20px !important; }
    #soloMarket .sideInfo p {
      color: white;
      font-size: 14px;
      line-height: 20px;
      font-weight: 400; }
    #soloMarket .sideInfo .logo {
      width: 150px;
      height: 150px;
      margin: 20px 20px 0px 0px;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }
    #soloMarket .sideInfo .logo2 {
      width: 64px;
      height: 64px;
      margin: 20px 20px 0px 0px;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }
    #soloMarket .sideInfo md-icon {
      color: white; }
    @media (max-width: 598px) {
      #soloMarket .sideInfo .infoCredito {
        margin-bottom: 60px; } }
    #soloMarket .sideInfo .infoCredito small {
      font-size: 10px;
      text-transform: uppercase; }
    #soloMarket .sideInfo .infoCredito .alertaCredito {
      border: dashed 2px white;
      border-radius: 3px;
      padding: 12px;
      margin-top: 15px;
      line-height: 20px; }
      #soloMarket .sideInfo .infoCredito .alertaCredito p {
        font-size: 14px;
        font-weight: 400; }
      #soloMarket .sideInfo .infoCredito .alertaCredito b.titulo {
        font-size: 16px;
        margin-bottom: 6px;
        margin-top: 2px;
        display: block; }
    #soloMarket .sideInfo .infoCredito p {
      margin: 7px 0px;
      font-size: 18px;
      font-weight: 600; }
      #soloMarket .sideInfo .infoCredito p.disp {
        font-weight: 300; }
    #soloMarket .sideInfo .botonera .md-button {
      text-align: left !important; }
    #soloMarket .sideInfo .homeAcciones {
      max-width: 440px;
      background: rgba(0, 0, 0, 0.1);
      padding: 40px 20px;
      border-radius: 5px; }
      #soloMarket .sideInfo .homeAcciones > div {
        text-align: center;
        position: relative; }
        #soloMarket .sideInfo .homeAcciones > div .md-button {
          text-transform: none;
          line-height: 18px;
          margin-bottom: 35px; }
        #soloMarket .sideInfo .homeAcciones > div md-icon {
          color: white;
          font-size: 34px;
          height: 34px;
          margin-bottom: 5px;
          line-height: 34px; }
      #soloMarket .sideInfo .homeAcciones .badged {
        width: 30px;
        padding: 7px;
        height: 30px;
        text-align: center;
        color: white;
        background: #2196F3;
        position: absolute;
        border-radius: 100%;
        top: -10px;
        left: 50%;
        z-index: 1;
        cursor: pointer; }
    @media (max-width: 640px) {
      #soloMarket .sideInfo {
        padding: 15px; } }
    #soloMarket .sideInfo .bloqueoFactura.md-button {
      color: rgba(255, 255, 255, 0.5); }
    #soloMarket .sideInfo .bloqueoFactura md-icon {
      opacity: 0.5; }
    #soloMarket .sideInfo .bloqueoFactura.badged {
      opacity: 0.5;
      cursor: initial; }
    #soloMarket .sideInfo md-progress-linear ._md-bar {
      background-color: white; }
    #soloMarket .sideInfo md-progress-linear ._md-container {
      background-color: rgba(255, 255, 255, 0.28); }
    #soloMarket .sideInfo .tablaTemp > div {
      margin-bottom: 25px; }
    #soloMarket .sideInfo .tablaTemp b {
      text-transform: uppercase;
      font-weight: bold; }
    #soloMarket .sideInfo .tablaTemp p {
      margin: 0; }
  #soloMarket .sidePhoto {
    background: url(img/entradaMarket2.jpg) center center no-repeat;
    background-size: cover; }
    #soloMarket .sidePhoto > div {
      padding: 25px; }
      #soloMarket .sidePhoto > div h2 {
        color: white;
        margin-bottom: 15px;
        line-height: normal; }
      #soloMarket .sidePhoto > div iframe {
        width: 100%;
        height: auto;
        min-height: 320px; }
      #soloMarket .sidePhoto > div p {
        color: white;
        margin-top: 15px;
        font-weight: 300;
        line-height: 20px; }
  #soloMarket h1 {
    font-size: 36px;
    font-weight: 300;
    line-height: 42px;
    margin-bottom: 25px; }
  #soloMarket h2 {
    font-size: 30px;
    margin-bottom: 30px; }
  #soloMarket h3 {
    margin-top: 25px;
    font-size: 18px;
    margin-bottom: 0;
    font-weight: bold;
    text-transform: uppercase; }

md-dialog {
  font-family: "Roboto", sans-serif !important;
  width: 900px;
  max-width: 80%; }
  md-dialog p {
    color: rgba(0, 0, 0, 0.8);
    font-family: "Roboto", sans-serif !important; }
  md-dialog form {
    border: none;
    padding: 0; }
    md-dialog form .md-toolbar-tools h2,
    md-dialog form .md-toolbar-tools md-icon {
      color: white; }
  md-dialog.detallePedidoModal p {
    color: rgba(0, 0, 0, 0.5);
    font-family: "Roboto", sans-serif !important;
    font-size: 14px;
    margin: 6px 0;
    font-weight: 400; }

.asistModal md-toolbar {
  background-color: white; }
.asistModal p {
  line-height: 23px; }
.asistModal .imgGrande {
  background: url("/styles/img/fondo_market.jpg") no-repeat center center;
  background-size: cover; }
.asistModal .mensajePuntos {
  border: dashed 1px #CECECE;
  padding: 15px;
  margin: 15px;
  border-radius: 5px; }
  .asistModal .mensajePuntos md-icon {
    margin: 12px;
    font-size: 38px;
    width: 65px;
    height: 36px;
    line-height: normal; }

.market-title {
  display: flex;
  align-items: center; }
  .market-title img {
    height: 40px;
    width: 40px;
    margin-right: 10px; }

.category-list {
  max-height: 1024px;
  overflow-y: auto; }
  .category-list .selected {
    background: #ccc; }
  .category-list .category-text {
    width: 100%;
    height: 100%;
    text-transform: uppercase; }
  .category-list .category-text:focus {
    outline: 0; }

.imgray {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%); }

._md-select-menu-container._md-active {
  z-index: 1080; }

div.modal.modalGrande.in {
  width: 100%; }
  div.modal.modalGrande.in > div.modal-dialog {
    width: 90%; }
    div.modal.modalGrande.in > div.modal-dialog div.thumbSelectImages {
      width: 202px;
      height: 240px;
      overflow: hidden;
      margin: 5px;
      display: inline-block; }
      div.modal.modalGrande.in > div.modal-dialog div.thumbSelectImages div.contenedorImagen {
        position: absolute;
        top: 10px;
        left: 1px;
        width: 200px;
        height: 200px; }
      div.modal.modalGrande.in > div.modal-dialog div.thumbSelectImages img {
        max-width: 100%;
        max-height: 100%; }
      div.modal.modalGrande.in > div.modal-dialog div.thumbSelectImages span {
        position: absolute;
        display: block;
        text-align: center;
        width: 100%; }
      div.modal.modalGrande.in > div.modal-dialog div.thumbSelectImages span.tsisize {
        top: 0px;
        font-size: 10px;
        line-height: 10px; }
      div.modal.modalGrande.in > div.modal-dialog div.thumbSelectImages span.tsiname {
        top: 212px;
        font-size: 12px;
        line-height: 13px; }
      div.modal.modalGrande.in > div.modal-dialog div.thumbSelectImages span.tsiselected {
        top: 5px;
        right: 5px;
        width: 30px;
        height: 30px;
        border: 2px solid #A1A1A1;
        text-align: right; }
      @media all and (max-width: 360px) {
        div.modal.modalGrande.in > div.modal-dialog div.thumbSelectImages {
          width: 112px;
          height: 150px; }
          div.modal.modalGrande.in > div.modal-dialog div.thumbSelectImages div.contenedorImagen {
            width: 110px;
            height: 110px; }
          div.modal.modalGrande.in > div.modal-dialog div.thumbSelectImages span.tsiname {
            top: 122px; } }
      @media all and (min-width: 361px) and (max-width: 600px) {
        div.modal.modalGrande.in > div.modal-dialog div.thumbSelectImages {
          width: 142px;
          height: 170px; }
          div.modal.modalGrande.in > div.modal-dialog div.thumbSelectImages div.contenedorImagen {
            width: 140px;
            height: 140px; }
          div.modal.modalGrande.in > div.modal-dialog div.thumbSelectImages span.tsiname {
            top: 152px; } }

div.tabEdicionImagenes div.thumbSelectImages {
  width: 302px;
  height: 362px;
  overflow: hidden;
  margin: 20px 10px;
  display: inline-block; }
  div.tabEdicionImagenes div.thumbSelectImages div.contenedorImagen {
    position: absolute;
    top: 10px;
    left: 1px;
    width: 300px;
    height: 300px; }
  div.tabEdicionImagenes div.thumbSelectImages img {
    max-width: 100%;
    max-height: 100%; }
  div.tabEdicionImagenes div.thumbSelectImages span, div.tabEdicionImagenes div.thumbSelectImages input {
    position: absolute;
    display: block;
    text-align: center;
    width: 100%; }
  div.tabEdicionImagenes div.thumbSelectImages span.tsisize {
    top: 0px;
    font-size: 11px;
    line-height: 10px; }
  div.tabEdicionImagenes div.thumbSelectImages input.tsiname, div.tabEdicionImagenes div.thumbSelectImages span.tsiname {
    top: 320px;
    font-size: 12px;
    line-height: 15px; }
  div.tabEdicionImagenes div.thumbSelectImages button.grabar {
    position: absolute;
    top: 270px;
    right: 0px; }

#canvasTempPaste > img {
  display: inline-block;
  width: 200px;
  margin: 10px;
  border: 1px solid gray; }

div.contenedorImagenUpload {
  display: inline-block;
  vertical-align: top;
  margin: 10px;
  width: 200px;
  border-radius: 4px;
  border: 1px solid #DDDDDD; }
  div.contenedorImagenUpload > div.titulo {
    padding: 8px;
    text-align: center;
    height: 35px; }
    div.contenedorImagenUpload > div.titulo > span {
      display: inline-block;
      vertical-align: middle; }
    div.contenedorImagenUpload > div.titulo > button {
      float: right;
      top: -5px; }
  div.contenedorImagenUpload > img {
    width: 100%;
    vertical-align: top;
    object-fit: cover;
    border: 1px solid #DDDDDD;
    border-right: none;
    border-left: none; }
    div.contenedorImagenUpload > img.tipo100, div.contenedorImagenUpload > img.tipo10, div.contenedorImagenUpload > img.tipo110, div.contenedorImagenUpload > img.tipo200 {
      height: 200px; }
    div.contenedorImagenUpload > img.tipo11 {
      height: 100px; }
    div.contenedorImagenUpload > img.tipo12 {
      height: 400px; }
    div.contenedorImagenUpload > img.tipo50, div.contenedorImagenUpload > img.tipo999 {
      height: 150px; }
    div.contenedorImagenUpload > img.tipo300 {
      height: 129px; }
    div.contenedorImagenUpload > img.tipo400 {
      height: 40px; }
    div.contenedorImagenUpload > img.tipo401 {
      height: 80px; }
    div.contenedorImagenUpload > img.tipo402 {
      height: 120px; }
  div.contenedorImagenUpload > div.error {
    position: absolute;
    bottom: 40px;
    text-align: center;
    width: 100%; }
    div.contenedorImagenUpload > div.error > span {
      text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
      -webkit-text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
      bottom: 10px; }
      div.contenedorImagenUpload > div.error > span.tt-m {
        bottom: 0; }
  div.contenedorImagenUpload > div.texto {
    height: 42px;
    padding-top: 3px;
    text-align: center; }
  div.contenedorImagenUpload > div.textoInput {
    height: 50px; }
    div.contenedorImagenUpload > div.textoInput > textarea {
      width: 100%;
      height: 100%;
      padding: 8px;
      box-shadow: none;
      text-align: center;
      resize: none;
      border: 1px solid #FFFFFF; }
    div.contenedorImagenUpload > div.textoInput > button.grabar {
      position: absolute;
      bottom: 50px;
      right: 0; }

div.flechaHorizontal > span {
  display: inline-block;
  height: 40px; }
div.flechaHorizontal > span:nth-child(1) {
  background-image: url("/styles/img/arrowHI.png");
  width: 40px;
  background-repeat: no-repeat; }
div.flechaHorizontal > span:nth-child(2) {
  background-image: url("/styles/img/arrowHH.png");
  width: calc(100% - 80px); }
div.flechaHorizontal > span:nth-child(3) {
  background-image: url("/styles/img/arrowHD.png");
  width: 40px;
  background-repeat: no-repeat; }

div.flechaVertical > span {
  display: inline-block;
  width: 40px;
  margin: 0;
  padding: 0;
  vertical-align: top; }
div.flechaVertical > span:nth-child(1) {
  background-image: url("/styles/img/arrowVT.png");
  height: 40px;
  background-repeat: no-repeat; }
div.flechaVertical > span:nth-child(2) {
  background-image: url("/styles/img/arrowVV.png");
  height: calc(100% - 80px); }
div.flechaVertical > span:nth-child(3) {
  background-image: url("/styles/img/arrowVB.png");
  height: 40px;
  background-repeat: no-repeat; }

div#ejemploImagenUpload > div.izquierdaUpload {
  width: 220px;
  display: inline-block;
  vertical-align: top; }
  div#ejemploImagenUpload > div.izquierdaUpload div.ejeX {
    width: 220px;
    padding: 0 10px; }
    div#ejemploImagenUpload > div.izquierdaUpload div.ejeX > div.titulo {
      position: absolute;
      text-align: center;
      font-weight: bold;
      top: -5px;
      width: 200px;
      color: #666699; }
  div#ejemploImagenUpload > div.izquierdaUpload div.contenedorImagenUpload {
    margin-top: -5px; }
div#ejemploImagenUpload > div.derechaUpload {
  display: inline-block;
  vertical-align: top; }
  div#ejemploImagenUpload > div.derechaUpload > div.espaciador {
    height: 40px; }
  div#ejemploImagenUpload > div.derechaUpload > div.derechaDerecha.tipo100, div#ejemploImagenUpload > div.derechaUpload > div.derechaDerecha.tipo10, div#ejemploImagenUpload > div.derechaUpload > div.derechaDerecha.tipo110, div#ejemploImagenUpload > div.derechaUpload > div.derechaDerecha.tipo200 {
    height: 200px; }
  div#ejemploImagenUpload > div.derechaUpload > div.derechaDerecha.tipo11 {
    height: 100px; }
  div#ejemploImagenUpload > div.derechaUpload > div.derechaDerecha.tipo12 {
    height: 400px; }
  div#ejemploImagenUpload > div.derechaUpload > div.derechaDerecha.tipo50, div#ejemploImagenUpload > div.derechaUpload > div.derechaDerecha.tipo999 {
    height: 150px; }
  div#ejemploImagenUpload > div.derechaUpload > div.derechaDerecha.tipo300 {
    height: 129px; }
  div#ejemploImagenUpload > div.derechaUpload > div.derechaDerecha.tipo400 {
    height: 40px; }
    div#ejemploImagenUpload > div.derechaUpload > div.derechaDerecha.tipo400 > div.flechaVertical > span:nth-child(2), div#ejemploImagenUpload > div.derechaUpload > div.derechaDerecha.tipo400 > div.flechaVertical > span:nth-child(3) {
      display: none; }
    div#ejemploImagenUpload > div.derechaUpload > div.derechaDerecha.tipo400 > div.flechaVertical > span:nth-child(1) {
      background-image: url("/styles/img/arrowVTB.png");
      background-size: contain; }
  div#ejemploImagenUpload > div.derechaUpload > div.derechaDerecha.tipo401 {
    height: 80px; }
    div#ejemploImagenUpload > div.derechaUpload > div.derechaDerecha.tipo401 > div.flechaVertical > span:nth-child(2) {
      display: none; }
  div#ejemploImagenUpload > div.derechaUpload > div.derechaDerecha.tipo402 {
    height: 120px; }
  div#ejemploImagenUpload > div.derechaUpload > div.derechaDerecha > div.flechaVertical {
    display: inline-block;
    width: 40px;
    height: 100%;
    vertical-align: top; }
  div#ejemploImagenUpload > div.derechaUpload > div.derechaDerecha > div.ejeY {
    display: inline-block;
    height: 100%;
    vertical-align: top; }
    div#ejemploImagenUpload > div.derechaUpload > div.derechaDerecha > div.ejeY > span {
      top: calc(50% - 10px);
      font-weight: bold;
      margin-left: -8px;
      color: #666699; }

div.selectorUploadImagenes {
  margin-bottom: 10px; }
  div.selectorUploadImagenes div.izquierdaSelector {
    display: inline-block;
    width: 240px; }
  div.selectorUploadImagenes div.derechaSelector {
    width: calc(100% - 250px);
    display: inline-block; }
    div.selectorUploadImagenes div.derechaSelector > label {
      display: inline-block;
      padding: 0; }

div#dragImageZone {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  min-height: 250px;
  border: 1px solid #DDDDDD;
  border-radius: 10px;
  padding: 10px;
  /* For Chrome or Safari */
  /* For IE10 */ }
  div#dragImageZone.dragging {
    background-color: #FFFFFF;
    border: 3px solid #FF4235;
    padding: 8px; }
  div#dragImageZone div.mensajePegadoImagenes {
    text-align: center;
    color: #FF4235; }
    div#dragImageZone div.mensajePegadoImagenes span.toticon3-paste {
      font-size: 40px; }
    div#dragImageZone div.mensajePegadoImagenes > div {
      font-size: 2em;
      padding: 0 10%;
      line-height: 1.4em; }
      @media (max-width: 600px) {
        div#dragImageZone div.mensajePegadoImagenes > div {
          font-size: 1.8em;
          line-height: 1.4em; } }
  div#dragImageZone .progressBarFail::-webkit-progress-value {
    background: #ff0000; }
  div#dragImageZone .progressBarFail::-moz-progress-bar {
    background: #ff0000; }
  div#dragImageZone .progressBarFail::-webkit-progress-value {
    background: #ff0000; }
  div#dragImageZone .progressBarFail {
    background: #ff0000; }

div.userLogin {
  display: inline-block;
  width: 140px;
  height: 170px;
  padding: 10px;
  background-color: white;
  text-align: center;
  margin: 20px;
  vertical-align: top; }
  div.userLogin > img, div.userLogin > div.agregaUser {
    width: 100px;
    height: 100px;
    background-color: #464646; }
  div.userLogin > span.userName {
    font-size: 18px;
    color: #464646; }
  div.userLogin > div.agregaUser {
    display: inline-block;
    padding-top: 15px; }
  div.userLogin.selected {
    background-color: #FF4235; }
    div.userLogin.selected > span.userName {
      color: white; }

#botonBlock {
  padding: 10px;
  top: 0;
  left: 80px;
  width: 40px;
  height: 40px;
  position: absolute;
  display: inline-block;
  color: transparent; }
  #botonBlock.okblock {
    color: #FFF9D8; }

div.pinLogin {
  text-align: center; }
  div.pinLogin h2 {
    color: white;
    font-size: 20px;
    max-width: 400px;
    display: inline-block;
    margin: 20px 0; }
  div.pinLogin input {
    -webkit-text-security: disc;
    width: 280px;
    height: 100px;
    line-height: 100px;
    font-size: 60px;
    text-align: center;
    margin-bottom: 100px;
    -moz-appearance: textfield; }
    @media all and (max-width: 400px) {
      div.pinLogin input {
        width: calc(100% - 100px);
        font-size: 40px; } }
  div.pinLogin input::-webkit-outer-spin-button,
  div.pinLogin input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  div.pinLogin button.confirmPin {
    width: 60px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    vertical-align: top;
    border-radius: 5px; }

p.pLoginPin {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  background-color: #e8decf;
  color: black;
  padding: 10px 20px;
  border-radius: 5px; }

div.billingClass > div.modal-dialog {
  width: 100%; }

.paginadora {
  display: inline-block;
  float: right;
  height: 50px;
  overflow: hidden; }
  .paginadora > input, .paginadora > span.numerototal {
    width: 60px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    vertical-align: top; }
  .paginadora > button {
    background-color: #DDDDDD;
    width: 50px;
    height: 35px;
    margin: 0 5px;
    text-align: center;
    vertical-align: top; }
  .paginadora > p {
    font-size: 9px;
    position: absolute;
    bottom: -15px;
    left: 25%;
    width: 50%;
    text-align: center;
    color: #CFCFCF; }

#payment-loyalty label {
  font-size: 13px;
  color: #939393; }
#payment-loyalty a {
  margin-left: 5px; }
#payment-loyalty input {
  padding: 6px; }

#npsContaniner {
  padding: 0 5% 5px 5%;
  position: absolute;
  width: 100%;
  bottom: 0px;
  max-height: 90%;
  overflow: scroll; }
  #npsContaniner #templateNPS {
    background-color: white;
    width: 100%;
    border: 1px solid #464646; }
    #npsContaniner #templateNPS div.Xnps {
      position: absolute;
      right: 0px;
      top: 0px;
      width: 30px;
      height: 30px;
      padding: 5px;
      text-align: center;
      font-size: 20px;
      line-height: 20px;
      color: red;
      z-index: 1;
      cursor: not-allowed; }
    #npsContaniner #templateNPS div.question {
      border-top: 30px solid #FF4235; }
      #npsContaniner #templateNPS div.question > p {
        font-size: 20px;
        color: #464646;
        display: block;
        text-align: center;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none; }
      #npsContaniner #templateNPS div.question > div.npsvalues {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 5px; }
        #npsContaniner #templateNPS div.question > div.npsvalues span {
          width: 50px;
          border-width: 4px;
          border-radius: 25px;
          font-size: 20px;
          line-height: 42px;
          height: 50px;
          display: inline-block;
          color: #FF4235;
          text-align: center;
          font-weight: bold;
          border-color: #FF4235;
          border-style: solid;
          cursor: pointer;
          -webkit-touch-callout: none;
          -webkit-user-select: none;
          -khtml-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none; }
          #npsContaniner #templateNPS div.question > div.npsvalues span.selected {
            color: white;
            background-color: #FF4235; }
          @media all and (max-width: 800px) {
            #npsContaniner #templateNPS div.question > div.npsvalues span {
              width: 40px;
              border-width: 4px;
              border-radius: 20px;
              font-size: 18px;
              line-height: 32px;
              height: 40px; } }
          @media all and (max-width: 500px) {
            #npsContaniner #templateNPS div.question > div.npsvalues span {
              width: 28px;
              border-width: 2px;
              border-radius: 19px;
              font-size: 16px;
              line-height: 24px;
              height: 28px; } }
          @media all and (max-width: 360px) {
            #npsContaniner #templateNPS div.question > div.npsvalues span {
              width: 24px;
              border-width: 2px;
              border-radius: 13px;
              font-size: 14px;
              line-height: 20px;
              height: 24px; } }
        #npsContaniner #templateNPS div.question > div.npsvalues p {
          width: 13%;
          display: inline-block;
          color: #A1A1A1;
          text-align: right;
          font-size: 13px;
          margin: -5px 0;
          padding: 0 2px; }
          #npsContaniner #templateNPS div.question > div.npsvalues p:first-child {
            text-align: left; }
      #npsContaniner #templateNPS div.question > div.options {
        text-align: center;
        display: block; }
        #npsContaniner #templateNPS div.question > div.options > p {
          color: #464646;
          font-size: 20px; }
        #npsContaniner #templateNPS div.question > div.options > div {
          width: 49%;
          min-width: 240px;
          display: inline-block;
          text-align: left;
          height: 70px;
          padding: 0 5px; }
          @media all and (max-width: 500px) {
            #npsContaniner #templateNPS div.question > div.options > div {
              width: 100%;
              min-width: 100%;
              display: block;
              text-align: left;
              min-height: 50px;
              height: auto;
              font-size: 14px;
              padding: 0 3px; } }
          #npsContaniner #templateNPS div.question > div.options > div > div {
            display: flex;
            flex-direction: row;
            align-items: center; }
            #npsContaniner #templateNPS div.question > div.options > div > div > div {
              padding: 0 5px;
              display: flex;
              align-items: center; }
              #npsContaniner #templateNPS div.question > div.options > div > div > div p {
                display: inline-block;
                color: #A1A1A1;
                margin: 0; }
            #npsContaniner #templateNPS div.question > div.options > div > div > span {
              width: 40px;
              min-width: 40px;
              max-width: 40px;
              display: inline-block;
              border-radius: 20px;
              color: #FF4235;
              border-width: 4px;
              text-align: center;
              font-weight: bold;
              border-color: #FF4235;
              border-style: solid;
              font-size: 20px;
              line-height: 32px;
              height: 40px;
              cursor: pointer;
              -webkit-touch-callout: none;
              -webkit-user-select: none;
              -khtml-user-select: none;
              -moz-user-select: none;
              -ms-user-select: none;
              user-select: none; }
              #npsContaniner #templateNPS div.question > div.options > div > div > span.selected {
                color: white;
                background-color: #FF4235; }
      #npsContaniner #templateNPS div.question > div.text {
        padding: 2%; }
        #npsContaniner #templateNPS div.question > div.text > p {
          text-align: center;
          color: #464646; }
        #npsContaniner #templateNPS div.question > div.text > textarea {
          border: 3px solid #FF4235;
          width: 100%; }
          #npsContaniner #templateNPS div.question > div.text > textarea:focus {
            outline-offset: unset;
            outline: none; }
      #npsContaniner #templateNPS div.question.final {
        text-align: center;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none; }
        #npsContaniner #templateNPS div.question.final > p {
          font-size: 22px;
          color: #464646;
          line-height: 28px;
          padding: 0 15%; }
        #npsContaniner #templateNPS div.question.final > img {
          width: 50%;
          min-width: 260px; }
        #npsContaniner #templateNPS div.question.final > span.cierre {
          position: absolute;
          top: -25px;
          right: 9px;
          color: white;
          font-size: 20px; }
    #npsContaniner #templateNPS .botonNPS {
      width: 100%;
      text-align: center;
      display: block; }
      #npsContaniner #templateNPS .botonNPS > span {
        width: 70%;
        display: inline-block;
        text-align: center;
        background-color: #FF4235;
        color: white;
        font-size: 20px;
        border-radius: 30px;
        height: 40px;
        line-height: 40px;
        margin: 20px 0;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none; }

#billingAlertContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #1b1b1bb8;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  font-family: 'Manrope', sans-serif; }
  #billingAlertContainer #billingAlertModal {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 50px 8%;
    border-radius: 10px;
    color: black;
    background-color: white;
    box-shadow: 3px 2px 20px 0px #00000054;
    position: relative; }
    @media (min-width: 1280px) {
      #billingAlertContainer #billingAlertModal {
        width: 35%; } }
    @media (min-width: 1024px) and (max-width: 1279px) {
      #billingAlertContainer #billingAlertModal {
        width: 45%; } }
    @media (min-width: 680px) and (max-width: 1023px) {
      #billingAlertContainer #billingAlertModal {
        width: 60%; } }
    @media (min-width: 465px) and (max-width: 679px) {
      #billingAlertContainer #billingAlertModal {
        width: 75%; } }
    @media (max-width: 464px) {
      #billingAlertContainer #billingAlertModal {
        width: 90%; } }
    #billingAlertContainer #billingAlertModal .closeModal {
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      width: 100%;
      height: 5px; }
      #billingAlertContainer #billingAlertModal .closeModal span {
        cursor: pointer; }
    #billingAlertContainer #billingAlertModal .logoToteatModal {
      display: flex;
      flex-direction: row;
      justify-content: center;
      width: 180; }
    #billingAlertContainer #billingAlertModal hr {
      border-top: 1px solid #c6c6c6;
      width: 100%;
      margin-block: 10px; }
    #billingAlertContainer #billingAlertModal .reminderText {
      padding: 0 20px;
      width: max-content;
      font-weight: bold; }
    #billingAlertContainer #billingAlertModal .contentText {
      text-align: center;
      display: flex;
      padding-inline: 5%;
      flex-direction: column;
      align-items: center; }
      #billingAlertContainer #billingAlertModal .contentText .specificationsText {
        width: 100%;
        line-height: 1.5em; }
    #billingAlertContainer #billingAlertModal .buttonGoToPayBill {
      font-family: 'Manrope', sans-serif;
      background-color: #ff4b33;
      color: white;
      border-radius: 99px;
      width: max-content;
      padding: 5px 10px;
      cursor: pointer; }
    #billingAlertContainer #billingAlertModal .buttonGoToPayBill:hover {
      background-color: #c13421;
      color: white; }
    #billingAlertContainer #billingAlertModal form {
      padding: 0; }
  #billingAlertContainer .closeCircle {
    top: -2.25rem;
    right: -37%;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #c6c6c6;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: absolute; }
    @media (min-width: 1024px) and (max-width: 1279px) {
      #billingAlertContainer .closeCircle {
        right: -23%; } }
    @media (min-width: 680px) and (max-width: 1023px) {
      #billingAlertContainer .closeCircle {
        right: -14%; } }
    @media (min-width: 465px) and (max-width: 679px) {
      #billingAlertContainer .closeCircle {
        right: -9%; } }
    @media (max-width: 464px) {
      #billingAlertContainer .closeCircle {
        right: -5%; } }
  #billingAlertContainer .closeCircle:hover {
    background-color: #ececec; }
  #billingAlertContainer .closeCircle::before,
  #billingAlertContainer .closeCircle::after {
    content: "";
    position: absolute;
    width: 15px;
    height: 1px;
    background-color: #c6c6c6; }
  #billingAlertContainer .closeCircle::before {
    transform: rotate(45deg); }
  #billingAlertContainer .closeCircle::after {
    transform: rotate(-45deg); }
  #billingAlertContainer .closeCircle::before,
  #billingAlertContainer .closeCircle::after :hover {
    background-color: white; }

table.tablaKDSconfig td:nth-child(4) {
  width: 100px; }

table.detalleKDS {
  max-width: 1024px;
  margin: 0 auto; }
  table.detalleKDS td:last-child, table.detalleKDS th:last-child {
    max-width: 50%;
    width: 50%; }

span.kdsAlerta {
  display: inline-block;
  width: 60px;
  height: 25px;
  background-color: red;
  border: 1px solid darkgray;
  margin: 10px 0 0 0; }

span.kdsWarning {
  display: inline-block;
  width: 60px;
  height: 25px;
  background-color: yellow;
  border: 1px solid darkgray;
  margin: 10px 0 0 0; }

.input-con-sugerencias {
  position: relative;
  width: 100%; }

.input-con-sugerencias ul {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  max-height: 200px;
  overflow-y: auto;
  z-index: 1000;
  margin: 0;
  padding: 0;
  list-style: none;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }

.input-con-sugerencias li {
  padding: 10px;
  cursor: pointer;
  transition: background-color 0.2s ease; }

.input-con-sugerencias li:hover {
  background-color: #f0f0f0; }

.input-con-sugerencias li:active {
  background-color: #e0e0e0; }

section {
  display: block;
  min-height: fit-content;
  max-height: fit-content;
  height: fit-content;
  font-size: 16px; }
  @media (min-width: 1441px) {
    section {
      font-size: 17px; } }
  @media (max-width: 1440px) {
    section {
      font-size: 16px; } }
  @media (max-width: 1024px) {
    section {
      font-size: 15px; } }
  @media (max-width: 800px) {
    section {
      font-size: 14px; } }
  @media (max-width: 780px) {
    section {
      font-size: 13px; } }
  @media (max-width: 640px) {
    section {
      font-size: 12px; } }
  @media (max-width: 600px) {
    section {
      font-size: 11px; } }
  @media (max-width: 480px) {
    section {
      font-size: 10px; } }
  @media (max-width: 360px) {
    section {
      font-size: 9px; } }

*:focus {
  outline: 0; }

.trmTable {
  margin-top: 10px;
  margin-bottom: 10px; }
  @media (min-width: 1440px) {
    .trmTable {
      width: 96%;
      margin-left: 2%;
      margin-right: 2%; } }
  .trmTable table {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    font-size: inherit;
    background: inherit;
    font-weight: 400;
    border: solid 1px #dddddd;
    overflow-x: scroll;
    font-style: normal;
    margin: auto; }
    @media (min-width: 1441px) {
      .trmTable table {
        font-size: 0.8em; } }
    @media (max-width: 1440px) {
      .trmTable table {
        font-size: 0.85em; } }
    @media (max-width: 1024px) {
      .trmTable table {
        font-size: 0.9em; } }
    @media (max-width: 800px) {
      .trmTable table {
        font-size: 0.95em; } }
    .trmTable table.fixed {
      table-layout: fixed; }
    .trmTable table tr {
      border-bottom: solid 1px #dddddd; }
      .trmTable table tr:last-child {
        border-bottom: none; }
      .trmTable table tr:nth-of-type(odd) {
        background-color: rgba(0, 0, 0, 0.01); }
      .trmTable table tr:hover {
        background-color: rgba(0, 0, 0, 0.03); }
      .trmTable table tr th, .trmTable table tr td {
        padding: 7px 7px;
        line-height: 1.1em; }
        @media all and (max-width: 1100px) {
          .trmTable table tr th, .trmTable table tr td {
            padding: 12px; } }
      .trmTable table tr th {
        border-bottom: solid 2px #FF4235;
        color: #000000;
        font-weight: 700;
        text-transform: uppercase; }
        .trmTable table tr th .toticon2-caretabajo, .trmTable table tr th .toticon2-caretarriba {
          font-size: 12px;
          color: #999;
          margin-left: 3px; }
      .trmTable table tr td input, .trmTable table tr th input {
        width: 90%;
        padding: 12px; }
      .trmTable table tr td input, .trmTable table tr td textarea, .trmTable table tr td select, .trmTable table tr th input, .trmTable table tr th textarea, .trmTable table tr th select {
        border: 1px solid #DDDDDD;
        background-color: #FFFFFF; }
        .trmTable table tr td input:hover, .trmTable table tr td textarea:hover, .trmTable table tr td select:hover, .trmTable table tr th input:hover, .trmTable table tr th textarea:hover, .trmTable table tr th select:hover {
          background-color: #FFFFFF; }
      .trmTable table tr td input[type='checkbox'], .trmTable table tr th input[type='checkbox'] {
        height: 34px;
        width: 34px;
        min-width: 34px; }
      .trmTable table tr td select, .trmTable table tr th select {
        max-width: 320px; }
      @media (max-width: 640px) {
        .trmTable table tr td, .trmTable table tr th {
          word-break: break-word; }
          .trmTable table tr td select, .trmTable table tr th select {
            max-width: 120px; } }
      .trmTable table tr td > div.trmBotonera button > span, .trmTable table tr th > div.trmBotonera button > span {
        font-size: 1.2em;
        margin-left: 10px; }
      .trmTable table tr td > div.trmBotonera .botonDescargar, .trmTable table tr th > div.trmBotonera .botonDescargar {
        background-color: #FF4235;
        padding: 7px 12px;
        font-size: 18px;
        font-weight: 700;
        color: white;
        margin-right: 8px;
        display: inline-block;
        cursor: pointer;
        border-radius: 3px;
        height: auto;
        text-decoration: none;
        line-height: normal; }
        .trmTable table tr td > div.trmBotonera .botonDescargar:hover, .trmTable table tr th > div.trmBotonera .botonDescargar:hover {
          filter: brightness(0.9) !important;
          box-shadow: none !important; }
      .trmTable table tr td > div.trmBotonera .multilocalFilter, .trmTable table tr th > div.trmBotonera .multilocalFilter {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-left: 10px; }
      .trmTable table tr td > button, .trmTable table tr td > div > button, .trmTable table tr th > button, .trmTable table tr th > div > button {
        box-shadow: -3px -3px 8px rgba(255, 255, 255, 0.99), -3px -3px 12px rgba(255, 255, 255, 0.5), inset 3px 3px 4px rgba(255, 255, 255, 0.1), 3px 3px 8px rgba(0, 0, 0, 0.15); }
        .trmTable table tr td > button:hover, .trmTable table tr td > div > button:hover, .trmTable table tr th > button:hover, .trmTable table tr th > div > button:hover {
          filter: brightness(0.95); }
          .trmTable table tr td > button:hover.botonDescargar, .trmTable table tr td > div > button:hover.botonDescargar, .trmTable table tr th > button:hover.botonDescargar, .trmTable table tr th > div > button:hover.botonDescargar {
            background-color: #FF4235 !important; }
          .trmTable table tr td > button:hover.botonDescargar.bgredi, .trmTable table tr td > div > button:hover.botonDescargar.bgredi, .trmTable table tr th > button:hover.botonDescargar.bgredi, .trmTable table tr th > div > button:hover.botonDescargar.bgredi {
            background-color: #E12845 !important; }

.trmTabHeader {
  font-family: 'Open Sans', sans-serif;
  line-height: normal;
  text-align: center;
  height: 80px;
  color: white;
  background-color: #EE7553;
  background-image: linear-gradient(315deg, #EE7553 0%, #FF4235 74%);
  display: flex;
  align-items: center; }
  .trmTabHeader > .headerContent {
    display: table;
    height: 100%;
    width: 100%;
    padding: 5px 10px; }
    .trmTabHeader > .headerContent h1 {
      font-size: 1.8em;
      font-family: "Roboto", "Open Sans", sans-serif;
      display: table-cell;
      vertical-align: middle;
      text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
      -webkit-text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
    .trmTabHeader > .headerContent h2 {
      font-size: 1.4em;
      font-family: "Roboto", "Open Sans", sans-serif;
      display: table-cell;
      vertical-align: middle;
      text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
      -webkit-text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
  .trmTabHeader > .headerNote {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1.3em;
    font-size: 1.1em;
    line-height: 1.3em;
    padding: 0 10px; }

.trmNavBarTab {
  height: 60px;
  min-height: 60px;
  max-height: 60px;
  background-color: transparent;
  width: 100%; }
  .trmNavBarTab.secundaria {
    height: 40px;
    min-height: 40px;
    max-height: 40px; }
  .trmNavBarTab.trmMedFont {
    font-size: 1.2em; }
  .trmNavBarTab.trmBigFont {
    font-size: 1.4em; }
  .trmNavBarTab.trmSmallFont {
    font-size: 0.8em; }
  .trmNavBarTab ul {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 100%;
    max-height: 100%; }
    .trmNavBarTab ul li {
      vertical-align: top;
      list-style: none;
      text-align: center;
      align-items: center;
      display: block;
      height: 100%;
      min-height: 100%;
      max-height: 100%;
      border-right: 1px solid rgba(255, 255, 255, 0.05); }
      .trmNavBarTab ul li:first-of-type a {
        border-radius: 8px 0px 0px 8px; }
      .trmNavBarTab ul li:last-of-type a {
        border-radius: 0px 8px 8px 0px; }
      .trmNavBarTab ul li a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        vertical-align: middle;
        text-decoration: none;
        line-height: 1.05em;
        cursor: pointer;
        text-align: center;
        padding: 12px 24px;
        font-weight: 400;
        font-size: 12px;
        background: white;
        color: #A1A1A1;
        border: 1px solid #DDDDDD;
        height: 100%;
        min-height: 100%;
        max-height: 100%;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none; }
        .trmNavBarTab ul li a.active, .trmNavBarTab ul li a:hover {
          font-weight: 600;
          color: #FFFFFF;
          background: #1B1B1B;
          border-color: #1B1B1B; }
        .trmNavBarTab ul li a > {
          align-self: center;
          margin: 0 auto; }
        @media (max-width: 1023px) {
          .trmNavBarTab ul li a {
            flex-direction: column; } }
        .trmNavBarTab ul li a i {
          margin-right: 4px; }
          @media (max-width: 1023px) {
            .trmNavBarTab ul li a i {
              margin-bottom: 4px; } }

.trmTable
> .trmNavBarTab {
  height: 44px;
  min-height: 44px;
  max-height: 44px;
  background-color: #CFCFCF;
  border-radius: 5px 5px 0 0; }
  .trmTable
  > .trmNavBarTab + table {
    background-color: transparent; }
    .trmTable
    > .trmNavBarTab + table tr:first-child {
      background-color: transparent; }
      .trmTable
      > .trmNavBarTab + table tr:first-child > th, .trmTable
      > .trmNavBarTab + table tr:first-child > td {
        background-color: transparent; }
      .trmTable
      > .trmNavBarTab + table tr:first-child :hover {
        background-color: inherit; }
      .trmTable
      > .trmNavBarTab + table tr:first-child div.slideThree:hover {
        background-color: #333 !important; }

.trmBoton {
  border: none !important;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
  outline: none !important;
  background: inherit;
  padding: 7px 12px;
  font-size: 18px;
  font-weight: 700;
  margin-right: 8px;
  display: inline-block;
  cursor: pointer;
  border-radius: 5px;
  height: auto;
  text-decoration: none;
  line-height: normal; }

.trmBotonera {
  background-color: #FFFFFF;
  padding: 10px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  border-radius: 5px;
  margin: 10px 0; }
  .trmBotonera button {
    box-shadow: -3px -3px 8px rgba(255, 255, 255, 0.99), -3px -3px 12px rgba(255, 255, 255, 0.5), inset 3px 3px 4px rgba(255, 255, 255, 0.1), 3px 3px 8px rgba(0, 0, 0, 0.15);
    background-color: inherit;
    padding: 5px;
    min-height: 44px;
    height: fit-content;
    text-decoration: none;
    color: #A1A1A1;
    border-radius: 4px;
    margin-right: 10px;
    font-size: inherit;
    cursor: pointer; }
    .trmBotonera button > span {
      font-size: inherit;
      display: inline-block;
      text-transform: uppercase; }
      .trmBotonera button > span:before {
        content: "\00a0 "; }
    .trmBotonera button > p {
      font-size: inherit;
      display: inline-block; }
    .trmBotonera button.trmPrimary {
      color: #FF4235; }
    .trmBotonera button::before {
      display: inline-block; }
    .trmBotonera button:last-child {
      margin-right: 0; }
    .trmBotonera button:hover {
      box-shadow: inset -3px -3px 8px white, inset -3px -3px 12px rgba(255, 255, 255, 0.5), inset 3px 3px 4px rgba(255, 255, 255, 0.1), inset 3px 3px 8px rgba(0, 0, 0, 0.15); }
      .trmBotonera button:hover > span, .trmBotonera button:hover > p {
        transform: scale(0.98); }
      .trmBotonera button:hover::before {
        transform: translateX(2px) scale(0.98); }
  .trmBotonera.bg01i button, .trmBotonera.bg03i button, .trmBotonera.bg04i button {
    box-shadow: -3px -3px 8px rgba(255, 255, 255, 0.2), -3px -3px 12px rgba(255, 255, 255, 0.1), inset 3px 3px 4px rgba(255, 255, 255, 0.05), 3px 3px 8px rgba(0, 0, 0, 0.15);
    color: #DDDDDD; }
    .trmBotonera.bg01i button:hover, .trmBotonera.bg03i button:hover, .trmBotonera.bg04i button:hover {
      box-shadow: inset -3px -3px 8px rgba(255, 255, 255, 0.2), inset -3px -3px 12px rgba(255, 255, 255, 0.1), inset 3px 3px 4px rgba(255, 255, 255, 0.05), inset 3px 3px 8px rgba(0, 0, 0, 0.15); }
    .trmBotonera.bg01i button.trmPrimary, .trmBotonera.bg03i button.trmPrimary, .trmBotonera.bg04i button.trmPrimary {
      color: #FFFFFF; }
  .trmBotonera.bg04i button.trmPrimary, .trmBotonera.bg03i button.trmPrimary {
    color: #FF4235; }

div.warningBox {
  border-radius: 4px;
  padding: 16px;
  margin: 10px auto;
  min-height: 56px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF; }
  div.warningBox .warningBox__icon {
    flex-shrink: 0;
    border-radius: 100px;
    display: flex;
    width: 20px;
    height: 20px;
    justify-content: center;
    align-items: center; }
    div.warningBox .warningBox__icon img {
      height: 20px;
      width: 20px; }
  div.warningBox[type="warning"] {
    background-color: #FFECCE;
    border-color: #FBCC29; }
  div.warningBox[type="info"] {
    background-color: #CEF3F7;
    border-color: #275FFD; }
  div.warningBox[type="error"] {
    background-color: #FBD7DD;
    border-color: #E12845; }
  div.warningBox[type="clock"], div.warningBox[type="spinner"] {
    background-color: #F7F3EE;
    border-color: #E6D9CA; }
    div.warningBox[type="clock"] .warningBox__icon, div.warningBox[type="spinner"] .warningBox__icon {
      background-color: #E6D9CA; }
  div.warningBox[type="clock"] .warningBox__icon {
    background-color: #FF4235; }
  div.warningBox > img {
    position: absolute;
    width: 50px;
    height: 50px;
    display: inline-block;
    top: calc(50% - 28px);
    left: 5px; }
  div.warningBox > div {
    text-align: left;
    font-family: 'Manrope';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    color: #464646;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%; }

div.confirmDialog {
  background-color: rgba(0, 0, 0, 0.65);
  display: flex;
  align-items: flex-end;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 100000; }
  @media (min-width: 640px) {
    div.confirmDialog {
      justify-content: center;
      align-items: center; } }
  div.confirmDialog > div {
    width: 100%;
    border-radius: 30px 30px 0px 0px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    background-color: #FFFFFF;
    padding: 36px 32px 24px 32px;
    display: flex;
    flex-direction: column;
    gap: 16px; }
    @media (min-width: 640px) {
      div.confirmDialog > div {
        width: 592px;
        border-radius: 16PX; } }
  div.confirmDialog > div {
    animation-duration: 0.5s;
    animation-name: animate-fade;
    animation-delay: 0.1s;
    animation-fill-mode: backwards;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    div.confirmDialog > div .confirmDialog__header {
      display: none; }
      @media (min-width: 640px) {
        div.confirmDialog > div .confirmDialog__header {
          display: block;
          border-bottom: 1px solid #DDDDDD;
          text-align: right;
          padding-bottom: 24px; }
          div.confirmDialog > div .confirmDialog__header .confirmDialog__header__close {
            height: 24px;
            width: 24px;
            margin-left: auto; } }
    div.confirmDialog > div .warningBox {
      background-color: transparent;
      border-radius: 0;
      display: block;
      padding: 0;
      margin: 0;
      box-shadow: none;
      min-height: auto;
      display: flex;
      flex-direction: column;
      align-items: start;
      gap: 16px; }
      div.confirmDialog > div .warningBox > div {
        padding-left: 0; }
      div.confirmDialog > div .warningBox .confirmDialog__icon {
        display: flex;
        width: 48px;
        height: 48px;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
        border-radius: 100px;
        background-color: #F7F7F7; }
        div.confirmDialog > div .warningBox .confirmDialog__icon[type="warning"] {
          background-color: #FBCC29; }
        div.confirmDialog > div .warningBox .confirmDialog__icon[type="info"] {
          background-color: #275FFD; }
        div.confirmDialog > div .warningBox .confirmDialog__icon[type="peligro"], div.confirmDialog > div .warningBox .confirmDialog__icon[type="prohibido"] {
          background-color: #E12845; }
        div.confirmDialog > div .warningBox .confirmDialog__icon img {
          height: 24px;
          width: 24px; }
      div.confirmDialog > div .warningBox .confirmDialog__text {
        font-family: 'Manrope';
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
        color: #464646;
        font-size: 16px;
        font-weight: 400;
        line-height: 140%;
        color: #A1A1A1; }
    div.confirmDialog > div .confirmDialog__buttons {
      margin: 12px 0;
      display: flex;
      flex-direction: row;
      gap: 16px;
      justify-content: space-between; }
      div.confirmDialog > div .confirmDialog__buttons button {
        flex: 1; }

@keyframes animate-fade {
  0% {
    transform: translateY(-3000px); }
  100% {
    transform: translateY(0); } }
#bannerApp {
  cursor: pointer;
  position: fixed;
  width: 600px;
  height: 252px;
  overflow: hidden;
  top: calc(50% - 126px);
  left: calc(50% - 300px);
  padding: 0;
  margin: 0;
  background-color: white;
  box-shadow: 6px 6px 15px 1px rgba(0, 0, 0, 0.15);
  border: 0.75px solid #ebebeb;
  background-image: url("/styles/img/bannerToteatApp1200x490e.jpg");
  background-repeat: no-repeat;
  background-size: cover; }
  #bannerApp div.imgfake {
    width: 100%;
    height: 100%;
    display: inline-block; }
  @media (max-width: 620px) {
    #bannerApp {
      width: 500px;
      height: 210px;
      top: calc(50% - 105px);
      left: calc(50% - 250px); } }
  @media (max-width: 500px) {
    #bannerApp {
      border: 5px solid #E4E4E4;
      border-radius: 20px;
      background-image: url("/styles/img/bannerToteatApp800x800e.jpg");
      width: 80%;
      height: calc(80vw);
      top: 100px;
      left: 10%; } }
  #bannerApp span {
    cursor: default;
    position: absolute;
    top: 11px;
    right: 15px;
    display: inline-block;
    border-radius: 14px;
    width: 25px;
    height: 25px;
    font-size: 14px;
    line-height: 22px;
    border: 2px solid red;
    color: red;
    text-align: center; }
    @media (max-width: 500px) {
      #bannerApp span {
        top: 22px;
        right: 24px; } }

#newLogoBanner {
  cursor: pointer;
  display: none;
  vertical-align: top;
  width: 80px;
  height: 40px;
  overflow: hidden;
  background-image: url("/styles/img/boton_Toteat-app_superior160x80.png");
  background-repeat: no-repeat;
  background-size: cover; }
  #newLogoBanner.mostrar {
    display: inline-block; }

#newLogoGurmi {
  cursor: pointer;
  display: none;
  vertical-align: top;
  width: 80px;
  height: 40px;
  top: 5px;
  overflow: hidden;
  background-image: url("/styles/img/LogoGurmi260x100a.png");
  background-repeat: no-repeat;
  background-size: contain; }
  #newLogoGurmi.mostrar {
    display: inline-block; }

#splashGurmi {
  display: none;
  height: calc(100vh - 40px);
  width: 100%;
  background-color: white;
  text-align: center; }
  #splashGurmi.mostrar {
    display: block; }
  #splashGurmi > img {
    display: inline-block;
    width: 80%;
    margin-top: 10%; }

a.botonAnchor {
  margin: 20px 0;
  display: inline-block;
  padding: 15px;
  cursor: help;
  border-radius: 5px;
  background-color: #FF4235;
  color: white;
  font-style: normal;
  font-weight: bold;
  text-decoration: none !important; }

#confirmBody.redelcomDialog {
  font-family: 'Manrope';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  color: #464646;
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 16px; }
  #confirmBody.redelcomDialog h3 {
    text-align: left;
    line-height: 140%;
    font-weight: 500;
    font-size: 16px; }
  #confirmBody.redelcomDialog .contenedorTerminales {
    display: flex;
    flex-direction: column;
    gap: 16px; }
    #confirmBody.redelcomDialog .contenedorTerminales > div {
      cursor: pointer;
      background-color: #F7F7F7;
      border-radius: 4px;
      border: 1px solid #DDDDDD;
      padding: 8px 12px;
      display: flex;
      flex-direction: row;
      gap: 8px;
      align-items: center; }
      #confirmBody.redelcomDialog .contenedorTerminales > div > span {
        margin: 0;
        color: #464646;
        font-weight: 500;
        display: inline-block; }
      #confirmBody.redelcomDialog .contenedorTerminales > div:hover {
        background-color: #FFA099; }
        #confirmBody.redelcomDialog .contenedorTerminales > div:hover > span {
          color: white; }
      #confirmBody.redelcomDialog .contenedorTerminales > div.selected {
        background-color: #FF4235;
        border-color: #FF4235; }
        #confirmBody.redelcomDialog .contenedorTerminales > div.selected > span {
          color: white; }
  #confirmBody.redelcomDialog .contenedorOpciones {
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 16px; }
    #confirmBody.redelcomDialog .contenedorOpciones div {
      display: flex;
      flex-direction: row;
      gap: 10px;
      align-items: center; }
      #confirmBody.redelcomDialog .contenedorOpciones div label, #confirmBody.redelcomDialog .contenedorOpciones div input {
        display: inline-block; }
      #confirmBody.redelcomDialog .contenedorOpciones div input {
        margin: 0; }
      #confirmBody.redelcomDialog .contenedorOpciones div label {
        padding: 0;
        font-weight: 500; }

div.visorDetalle {
  padding: 10px;
  background-color: transparent;
  font-family: "Arial", "Helvetica", sans-serif;
  text-align: center;
  position: relative; }
  div.visorDetalle div.detalleCompra {
    display: inline-block;
    width: 100%;
    max-width: 800px; }

div.detalleCompra {
  text-align: left; }
  div.detalleCompra a {
    text-decoration: none; }
  div.detalleCompra img.logoResto {
    max-width: 200px; }
  div.detalleCompra table.tablaTitulo {
    margin-top: 5px;
    color: #000000;
    font-size: 1.3em;
    width: 100%;
    max-width: 800px;
    border-bottom: 5px #FF4235 solid; }
    div.detalleCompra table.tablaTitulo img {
      width: 200px;
      border: none; }
    @media (max-width: 460px) {
      div.detalleCompra table.tablaTitulo {
        font-size: 1.1em; }
        div.detalleCompra table.tablaTitulo img {
          width: 150px; } }
    @media (max-width: 375px) {
      div.detalleCompra table.tablaTitulo {
        font-size: 1.1em; }
        div.detalleCompra table.tablaTitulo img {
          width: 120px; } }
    @media (max-width: 320px) {
      div.detalleCompra table.tablaTitulo img {
        width: 100px; } }
    div.detalleCompra table.tablaTitulo th:last-child {
      text-align: right; }
    div.detalleCompra table.tablaTitulo th {
      padding-bottom: 5px;
      text-transform: uppercase; }
    @media (prefers-color-scheme: dark) {
      div.detalleCompra table.tablaTitulo {
        border-bottom: 5px #FF4235 solid !important; } }
  div.detalleCompra table.toteat {
    font-size: 0.9em;
    width: 100%;
    max-width: 800px; }
    div.detalleCompra table.toteat tr th {
      text-align: left;
      background-color: #dfdfdf;
      height: 30px;
      text-transform: uppercase; }
      @media (prefers-color-scheme: dark) {
        div.detalleCompra table.toteat tr th {
          color: black !important; } }
  div.detalleCompra table.tablaStatus {
    width: 100%;
    max-width: 800px;
    margin-top: 10px; }
    div.detalleCompra table.tablaStatus tr.fecha td:first-child {
      font-size: 0.9em; }
    div.detalleCompra table.tablaStatus tr.fecha td:last-child {
      text-align: center;
      font-weight: bold; }
    div.detalleCompra table.tablaStatus td img.reloj {
      width: 50px;
      height: 50px;
      vertical-align: middle;
      display: inline-block;
      border: none; }
      @media (max-width: 375px) {
        div.detalleCompra table.tablaStatus td img.reloj {
          width: 40px;
          height: 40px; } }
    div.detalleCompra table.tablaStatus td span {
      display: inline-block;
      vertical-align: middle; }
      div.detalleCompra table.tablaStatus td span.mensaje {
        text-transform: uppercase;
        color: #FF4235;
        font-size: 0.8em;
        width: calc(100% - 60px);
        max-width: calc(100% - 60px); }
        @media (prefers-color-scheme: dark) {
          div.detalleCompra table.tablaStatus td span.mensaje {
            color: #FF4235 !important; } }
        @media (max-width: 460px) {
          div.detalleCompra table.tablaStatus td span.mensaje {
            font-size: 0.8em; } }
        @media (max-width: 375px) {
          div.detalleCompra table.tablaStatus td span.mensaje {
            font-size: 0.7em; } }
        @media (min-width: 810px) {
          div.detalleCompra table.tablaStatus td span.mensaje {
            font-size: 1em; } }
      div.detalleCompra table.tablaStatus td span.idpedido {
        background-color: #FF4235;
        color: white;
        padding: 3px 5px;
        font-size: 0.7em;
        text-align: center; }
        @media (prefers-color-scheme: dark) {
          div.detalleCompra table.tablaStatus td span.idpedido {
            background-color: #FF4235 !important;
            color: white !important; } }
        @media (min-width: 600px) {
          div.detalleCompra table.tablaStatus td span.idpedido {
            font-size: 0.9em; } }
    div.detalleCompra table.tablaStatus td:last-child {
      text-align: right; }
    div.detalleCompra table.tablaStatus td > div {
      padding: 0;
      vertical-align: center; }
  div.detalleCompra table.tablaPedido {
    margin-top: 20px; }
    div.detalleCompra table.tablaPedido tr.titulos {
      font-weight: bold; }
    div.detalleCompra table.tablaPedido tr td:first-child {
      text-align: center; }
    div.detalleCompra table.tablaPedido tr td:last-child {
      text-align: right; }
    div.detalleCompra table.tablaPedido tr td:nth-child(2) {
      padding-left: 10px;
      padding-right: 5px; }
    div.detalleCompra table.tablaPedido tr td.nota {
      font-style: italic; }
    div.detalleCompra table.tablaPedido tr.subTotal > td, div.detalleCompra table.tablaPedido tr.costoDespacho > td {
      padding-top: 7px; }
    div.detalleCompra table.tablaPedido tr.lineaProducto > td, div.detalleCompra table.tablaPedido tr.subTotal > td {
      border-top: 1px #dfdfdf solid; }
    div.detalleCompra table.tablaPedido tr.subTotal > td {
      font-weight: bold; }
    div.detalleCompra table.tablaPedido tr.total > td {
      padding-top: 20px;
      font-size: 1.1em;
      font-weight: bold; }
  div.detalleCompra table.tablaCliente, div.detalleCompra table.tablaRestaurante {
    margin-top: 20px; }
    div.detalleCompra table.tablaCliente td:first-child, div.detalleCompra table.tablaRestaurante td:first-child {
      font-weight: bold;
      width: 140px; }
      @media (max-width: 420px) {
        div.detalleCompra table.tablaCliente td:first-child, div.detalleCompra table.tablaRestaurante td:first-child {
          width: 100px; } }
      @media (max-width: 375px) {
        div.detalleCompra table.tablaCliente td:first-child, div.detalleCompra table.tablaRestaurante td:first-child {
          width: 90px; } }
      @media (max-width: 320px) {
        div.detalleCompra table.tablaCliente td:first-child, div.detalleCompra table.tablaRestaurante td:first-child {
          width: 80px; } }
  div.detalleCompra table.tablaRestaurante tr.nombreResto td {
    padding-bottom: 10px;
    font-size: 1.2em; }
  div.detalleCompra div.clienteRetira {
    margin: 20px 0;
    font-weight: bold;
    font-size: 1.1em; }
  div.detalleCompra div.mensajeFooter {
    padding: 5px;
    margin-top: 80px;
    font-size: 0.7em;
    font-style: italic;
    font-weight: bold; }
    div.detalleCompra div.mensajeFooter span.toteatAppName {
      font-style: normal;
      font-size: 1.3em; }
  div.detalleCompra div.condiciones {
    margin-top: 20px;
    padding: 5px 5px 20px 5px;
    max-width: 800px;
    border-top: 3px #FF4235 solid;
    font-family: "Arial Narrow", "Arial", "Helvetica", sans-serif;
    font-size: 0.8em; }
    @media (prefers-color-scheme: dark) {
      div.detalleCompra div.condiciones {
        border-top: 3px #FF4235 solid !important; } }
    div.detalleCompra div.condiciones p {
      margin: 10px 0; }
      div.detalleCompra div.condiciones p.punteo {
        margin: 0; }
      div.detalleCompra div.condiciones p.tituloCondiciones {
        font-weight: bold; }

div.toteatAppPedidos {
  height: calc(100vh - 40px); }
  div.toteatAppPedidos div.listadoPedidosApp {
    margin: 10px auto;
    text-align: center;
    max-width: 1280px;
    color: #464646; }
    @media (max-width: 460px) {
      div.toteatAppPedidos div.listadoPedidosApp {
        font-size: 1.2em; } }
    @media (max-width: 375px) {
      div.toteatAppPedidos div.listadoPedidosApp {
        font-size: 1.1em; } }
    @media (max-width: 320px) {
      div.toteatAppPedidos div.listadoPedidosApp {
        font-size: 1em; } }
    @media (min-width: 810px) {
      div.toteatAppPedidos div.listadoPedidosApp {
        font-size: 1.3em; } }
    div.toteatAppPedidos div.listadoPedidosApp div.ContenedorOrden {
      width: 100%;
      display: inline-block;
      text-align: left;
      overflow-y: scroll; }
      div.toteatAppPedidos div.listadoPedidosApp div.ContenedorOrden div.ordenResumen {
        font-size: 0.8em;
        border-bottom: 2px #DDDDDD solid;
        margin-bottom: 10px; }
        @media (min-width: 600px) {
          div.toteatAppPedidos div.listadoPedidosApp div.ContenedorOrden div.ordenResumen {
            font-size: 1.1em; } }
        div.toteatAppPedidos div.listadoPedidosApp div.ContenedorOrden div.ordenResumen > span {
          width: 19%;
          display: inline-block;
          text-align: center;
          vertical-align: top; }
          div.toteatAppPedidos div.listadoPedidosApp div.ContenedorOrden div.ordenResumen > span.fecha {
            font-size: 0.8em; }
            div.toteatAppPedidos div.listadoPedidosApp div.ContenedorOrden div.ordenResumen > span.fecha > span.hora {
              font-size: 1.2em; }
          div.toteatAppPedidos div.listadoPedidosApp div.ContenedorOrden div.ordenResumen > span > span.distancia {
            font-size: 0.8em; }
          div.toteatAppPedidos div.listadoPedidosApp div.ContenedorOrden div.ordenResumen > span > span.retira {
            font-size: 0.8em;
            font-weight: bold; }
          div.toteatAppPedidos div.listadoPedidosApp div.ContenedorOrden div.ordenResumen > span > span.mensajePago {
            font-size: 0.8em;
            color: #FF4235; }
          div.toteatAppPedidos div.listadoPedidosApp div.ContenedorOrden div.ordenResumen > span.idPedido {
            cursor: zoom-in; }
            div.toteatAppPedidos div.listadoPedidosApp div.ContenedorOrden div.ordenResumen > span.idPedido > i {
              display: inline-block;
              font-size: 1.2em;
              color: #FF4235; }
          div.toteatAppPedidos div.listadoPedidosApp div.ContenedorOrden div.ordenResumen > span.status.sinconfirmar {
            padding: 10px;
            background-color: red;
            color: white;
            font-weight: bold; }
        div.toteatAppPedidos div.listadoPedidosApp div.ContenedorOrden div.ordenResumen.diferidos > span {
          width: 15%; }
        div.toteatAppPedidos div.listadoPedidosApp div.ContenedorOrden div.ordenResumen.tituloPedidos {
          user-select: none;
          font-weight: bold;
          background-color: #1B1B1B;
          color: white;
          padding: 5px 0;
          border-bottom: none; }
          div.toteatAppPedidos div.listadoPedidosApp div.ContenedorOrden div.ordenResumen.tituloPedidos > span.fecha {
            font-size: inherit; }
      div.toteatAppPedidos div.listadoPedidosApp div.ContenedorOrden div.botonera {
        user-select: none;
        margin-top: 26px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 24px; }

div.textoPedidosToteatApp {
  height: 20px;
  padding: 0;
  margin-top: -2px;
  vertical-align: top; }
  div.textoPedidosToteatApp > div {
    background-color: red;
    display: inline-block;
    padding: 0 5px;
    color: white;
    height: 20px;
    border-radius: 3px;
    line-height: 20px;
    vertical-align: top; }
    div.textoPedidosToteatApp > div span.numPedidos {
      font-weight: bold;
      font-size: 16px;
      vertical-align: middle; }
    div.textoPedidosToteatApp > div span.textoPedidos {
      font-size: 0.8em;
      vertical-align: middle; }
    div.textoPedidosToteatApp > div span.textoPedidosSmall {
      font-size: 0.8em;
      vertical-align: middle;
      display: none; }
  @media (max-width: 480px) {
    div.textoPedidosToteatApp {
      position: absolute;
      top: 0px;
      left: 0px; }
      div.textoPedidosToteatApp > div span.textoPedidos {
        display: none; }
      div.textoPedidosToteatApp > div span.textoPedidosSmall {
        display: inherit; } }

#notifPedidosApp {
  position: absolute;
  top: 0;
  width: 70%;
  min-width: 240px;
  max-width: 600px;
  margin-left: 15%;
  background-color: rgba(0, 0, 0, 0.8); }
  @media all and (max-width: 342px) {
    #notifPedidosApp {
      margin-left: calc(50% - 120px);
      font-size: 0.9em; } }
  @media all and (min-width: 858px) {
    #notifPedidosApp {
      margin-left: calc(50% - 300px); } }
  #notifPedidosApp div.contenedor {
    display: none;
    position: relative;
    padding: 5px 10px;
    height: auto; }
    #notifPedidosApp div.contenedor.visible {
      display: block; }
    #notifPedidosApp div.contenedor > p {
      text-align: center;
      font-size: 14px; }
    #notifPedidosApp div.contenedor > button.cierra {
      position: absolute;
      top: 10px;
      right: 10px;
      cursor: pointer; }
    #notifPedidosApp div.contenedor div.contenedorPedidosNotif {
      max-height: 120px;
      overflow-y: scroll; }
      #notifPedidosApp div.contenedor div.contenedorPedidosNotif > div {
        vertical-align: middle;
        padding: 5px 0;
        border-top: 1px solid #DDDDDD; }
        #notifPedidosApp div.contenedor div.contenedorPedidosNotif > div button:first-child {
          text-align: left;
          vertical-align: middle;
          display: inline-block;
          width: calc(100% - 70px);
          margin: 0;
          cursor: pointer; }
        #notifPedidosApp div.contenedor div.contenedorPedidosNotif > div button:last-child {
          vertical-align: middle;
          display: inline-block;
          width: 50px;
          margin: 0 0 0 15px;
          cursor: pointer; }

div#contenedorViewPedidos {
  height: calc(100vh - 110px);
  width: 100%; }
  @media (max-width: 480px) {
    div#contenedorViewPedidos {
      height: calc(100vh - 110px + 23px); } }
  div#contenedorViewPedidos #tablaPedidos {
    height: calc(100% - 45px);
    overflow-y: scroll; }
  div#contenedorViewPedidos #cabTablaPedidosExtra {
    position: absolute;
    top: 45px;
    left: 0; }

div.vgpItem div.vgpIconStatus > span.iconokds {
  font-size: 24px;
  position: relative;
  top: 0px;
  margin-left: 2px; }
  div.vgpItem div.vgpIconStatus > span.iconokds > span {
    position: absolute;
    left: -3px;
    top: -2px;
    font-size: 12px;
    width: 30px;
    color: #A1A1A1;
    font-weight: bold;
    text-align: center; }

div.vgpLista div.vgpItem div.vgpIconStatus > span.iconokds {
  top: 4px; }

span.indicadorNFC {
  font-size: 25px;
  padding: 10px;
  height: 40px;
  text-align: center;
  display: inline-block; }

#contenedorCaja div.floatingDiv {
  position: absolute;
  top: 70px;
  right: 5px; }
#contenedorCaja #navBottom {
  z-index: 1000; }
#contenedorCaja #tabbarCaja {
  height: 70px;
  min-height: 70px;
  max-height: 70px;
  width: 100%;
  background-color: #464646;
  padding: 0;
  margin: 0;
  overflow: hidden; }
  #contenedorCaja #tabbarCaja > div.textoNumMesa {
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 130px;
    display: inline-block;
    vertical-align: top;
    padding: 0px;
    height: 70px;
    margin: 0;
    overflow: hidden; }
    #contenedorCaja #tabbarCaja > div.textoNumMesa > div.textoNum1 {
      margin: 0;
      padding: 5px 0 5px 5px;
      width: 55px;
      display: inline-block;
      text-align: center;
      vertical-align: middle;
      font-size: 24px;
      font-weight: bold;
      overflow: hidden; }
      #contenedorCaja #tabbarCaja > div.textoNumMesa > div.textoNum1 > span.mesaLarga {
        font-size: 17px; }
    #contenedorCaja #tabbarCaja > div.textoNumMesa > div.textoNum2 {
      margin: 0;
      padding: 5px;
      width: 60px;
      color: #FFF9D8;
      text-align: center;
      display: inline-block;
      vertical-align: middle;
      font-size: 14px;
      overflow: hidden; }
    #contenedorCaja #tabbarCaja > div.textoNumMesa.esMesaVirtual > div.textoNum1 {
      width: 115px;
      line-height: 0.95em; }
    #contenedorCaja #tabbarCaja > div.textoNumMesa.esMesaVirtual > div.textoNum2 {
      display: none; }
  #contenedorCaja #tabbarCaja > div.botoneraCaja {
    width: calc(100% - 135px);
    padding: 5px 0;
    display: inline-block;
    vertical-align: top;
    height: 70px;
    overflow: hidden; }
    #contenedorCaja #tabbarCaja > div.botoneraCaja > button {
      float: right;
      vertical-align: top;
      height: 32px;
      max-height: 32px; }
    #contenedorCaja #tabbarCaja > div.botoneraCaja .botonDescargar {
      border-radius: 4px !important;
      padding: 7px 9px !important;
      text-transform: initial;
      font-size: 14px;
      line-height: 14px;
      gap: 8PX;
      margin-right: 8px; }
  @media (max-width: 599px) {
    #contenedorCaja #tabbarCaja > div.textoNumMesa {
      width: 55px;
      overflow: visible; }
      #contenedorCaja #tabbarCaja > div.textoNumMesa > div.textoNum1 {
        font-size: 16px;
        overflow: visible; } }
    @media (max-width: 599px) and (max-width: 360px) {
      #contenedorCaja #tabbarCaja > div.textoNumMesa > div.textoNum1 {
        font-size: 15px; }
        #contenedorCaja #tabbarCaja > div.textoNumMesa > div.textoNum1 > span.mesaLarga {
          font-size: 15px; } }
  @media (max-width: 599px) {
        #contenedorCaja #tabbarCaja > div.textoNumMesa > div.textoNum1 > span.mesaLarga {
          font-size: 16px; }
      #contenedorCaja #tabbarCaja > div.textoNumMesa > div.textoNum2 {
        display: none;
        width: 0; }
      #contenedorCaja #tabbarCaja > div.textoNumMesa.esMesaVirtual > div.textoNum1 {
        width: 55px !important; }
    #contenedorCaja #tabbarCaja > div.botoneraCaja {
      width: calc(100% - 60px); }
      #contenedorCaja #tabbarCaja > div.botoneraCaja > button {
        height: 29px;
        margin-bottom: 3px; } }
#contenedorCaja #cabContenedorPedidoNew {
  height: 70px;
  min-height: 70px;
  max-height: 70px;
  text-align: center;
  background-color: #F7F7F7; }
  #contenedorCaja #cabContenedorPedidoNew div.invisibleDerecho, #contenedorCaja #cabContenedorPedidoNew div.invisibleIzquierdo {
    height: 100%;
    margin: 0;
    padding: 0;
    width: 10px;
    display: inline-block;
    vertical-align: top;
    -webkit-tap-highlight-color: rgba(207, 207, 207, 0) !important;
    outline: none !important; }
  #contenedorCaja #cabContenedorPedidoNew div.botoneraSillas {
    vertical-align: top;
    width: calc(100% - 30px);
    display: inline-block;
    height: 100%;
    overflow: hidden; }
#contenedorCaja #contenedorCierreCuentaNew {
  background-color: #F7F7F7;
  height: calc(100% - 140px);
  width: 100%;
  overflow-y: scroll; }
  #contenedorCaja #contenedorCierreCuentaNew.altoTotal {
    height: calc(100% - 70px); }
  #contenedorCaja #contenedorCierreCuentaNew.altoTotalX {
    height: calc(100% - 240px); }
  #contenedorCaja #contenedorCierreCuentaNew.altoTotalXDV {
    height: calc(100% - 170px); }
  #contenedorCaja #contenedorCierreCuentaNew div.izquierdaCierre, #contenedorCaja #contenedorCierreCuentaNew div.derechaCierre {
    width: 100%;
    height: auto; }
  #contenedorCaja #contenedorCierreCuentaNew div.botoneraEspecialPagos {
    text-align: center;
    padding: 10px; }
    #contenedorCaja #contenedorCierreCuentaNew div.botoneraEspecialPagos span {
      font-size: 14px;
      line-height: 13px; }
    @media (min-width: 641px) {
      #contenedorCaja #contenedorCierreCuentaNew div.botoneraEspecialPagos {
        display: none; } }
  @media (min-width: 1024px) {
    #contenedorCaja #contenedorCierreCuentaNew {
      overflow: hidden; }
      #contenedorCaja #contenedorCierreCuentaNew div.izquierdaCierre, #contenedorCaja #contenedorCierreCuentaNew div.derechaCierre {
        width: calc(50% - 5px);
        display: inline-flex;
        flex-direction: column;
        justify-content: space-between;
        vertical-align: top;
        height: 100%;
        background-color: #F7F7F7;
        border-radius: 8px; }
        #contenedorCaja #contenedorCierreCuentaNew div.izquierdaCierre div.pagosIzquierda, #contenedorCaja #contenedorCierreCuentaNew div.derechaCierre div.pagosIzquierda {
          overflow-y: scroll;
          height: 100%; }
        #contenedorCaja #contenedorCierreCuentaNew div.izquierdaCierre #detalleLineasCuentaDrecha, #contenedorCaja #contenedorCierreCuentaNew div.derechaCierre #detalleLineasCuentaDrecha {
          height: calc(100% - 100px);
          overflow-y: scroll; } }
  #contenedorCaja #contenedorCierreCuentaNew div.derechaCierre {
    right: 0;
    border-radius: 8px;
    background-color: white; }
    #contenedorCaja #contenedorCierreCuentaNew div.derechaCierre div.lineaCuenta.subtotales {
      height: 40px;
      min-height: 30px;
      max-height: 40px;
      border-radius: 0 0 8px 8px;
      font-weight: bold;
      background-color: #A1A1A1;
      color: #FFFFFF;
      padding: 5px 0;
      margin-top: 3px; }
      #contenedorCaja #contenedorCierreCuentaNew div.derechaCierre div.lineaCuenta.subtotales span.comensal > span {
        top: 2px; }
    #contenedorCaja #contenedorCierreCuentaNew div.derechaCierre div.lineaCuenta {
      padding: 5px 0; }
  #contenedorCaja #contenedorCierreCuentaNew div.pagosIzquierda {
    background-color: #F7F7F7;
    width: 100%;
    font-size: 0; }
    #contenedorCaja #contenedorCierreCuentaNew div.pagosIzquierda div.pagos {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
      flex-direction: row;
      -webkit-flex-wrap: nowrap;
      flex-wrap: nowrap;
      padding: 5px 0 5px 3px;
      border: 1px solid #DDDDDD;
      background-color: white;
      border-radius: 8px; }
      @media (max-width: 640px) {
        #contenedorCaja #contenedorCierreCuentaNew div.pagosIzquierda div.pagos {
          display: block; } }
      @media (min-width: 640px) {
        #contenedorCaja #contenedorCierreCuentaNew div.pagosIzquierda div.pagos button > span {
          font-size: 14px; } }
      #contenedorCaja #contenedorCierreCuentaNew div.pagosIzquierda div.pagos.noactual {
        background-color: #FFFFFF; }
      #contenedorCaja #contenedorCierreCuentaNew div.pagosIzquierda div.pagos > div.detalle {
        width: 66%;
        min-width: 300px;
        padding: 0; }
        @media (max-width: 640px) {
          #contenedorCaja #contenedorCierreCuentaNew div.pagosIzquierda div.pagos > div.detalle {
            overflow: auto;
            width: 100%;
            display: block;
            position: relative; } }
        #contenedorCaja #contenedorCierreCuentaNew div.pagosIzquierda div.pagos > div.detalle > div.header {
          color: #FF4235;
          font-size: 14px;
          width: 49%;
          height: 40px;
          display: inline-block; }
          #contenedorCaja #contenedorCierreCuentaNew div.pagosIzquierda div.pagos > div.detalle > div.header > input {
            font-size: 14px;
            color: #FF4235;
            width: 80%;
            padding: 0;
            border: none;
            box-shadow: none;
            webkit-box-shadow: none; }
          #contenedorCaja #contenedorCierreCuentaNew div.pagosIzquierda div.pagos > div.detalle > div.header > button {
            position: absolute;
            right: 2px; }
        #contenedorCaja #contenedorCierreCuentaNew div.pagosIzquierda div.pagos > div.detalle > div.contfp {
          width: 100%; }
          #contenedorCaja #contenedorCierreCuentaNew div.pagosIzquierda div.pagos > div.detalle > div.contfp div.lineafp {
            font-size: 13px;
            height: 30px;
            overflow: hidden; }
            #contenedorCaja #contenedorCierreCuentaNew div.pagosIzquierda div.pagos > div.detalle > div.contfp div.lineafp select, #contenedorCaja #contenedorCierreCuentaNew div.pagosIzquierda div.pagos > div.detalle > div.contfp div.lineafp label {
              width: 45%;
              margin: 0 5% 0 0;
              height: 25px;
              vertical-align: middle;
              border-radius: 0px;
              padding: 0; }
              @media (max-width: 640px) {
                #contenedorCaja #contenedorCierreCuentaNew div.pagosIzquierda div.pagos > div.detalle > div.contfp div.lineafp select, #contenedorCaja #contenedorCierreCuentaNew div.pagosIzquierda div.pagos > div.detalle > div.contfp div.lineafp label {
                  margin: 0 5px 0 0; } }
            #contenedorCaja #contenedorCierreCuentaNew div.pagosIzquierda div.pagos > div.detalle > div.contfp div.lineafp label {
              display: inline-block;
              text-align: right; }
            #contenedorCaja #contenedorCierreCuentaNew div.pagosIzquierda div.pagos > div.detalle > div.contfp div.lineafp input {
              width: 18%;
              vertical-align: middle;
              font-family: Courier;
              height: 25px;
              font-size: 14px;
              padding: 0;
              background-color: #FFF9D8; }
            #contenedorCaja #contenedorCierreCuentaNew div.pagosIzquierda div.pagos > div.detalle > div.contfp div.lineafp > button {
              margin: 0 2px;
              vertical-align: middle; }
            #contenedorCaja #contenedorCierreCuentaNew div.pagosIzquierda div.pagos > div.detalle > div.contfp div.lineafp.lineaprop {
              border-bottom: #DDDDDD 1px dotted;
              width: 96%;
              margin-left: 2%; }
          #contenedorCaja #contenedorCierreCuentaNew div.pagosIzquierda div.pagos > div.detalle > div.contfp div.propdesc {
            width: 45%;
            margin: 10px 0 0 0;
            font-size: 13px;
            height: 45px;
            display: inline-block;
            vertical-align: top; }
            #contenedorCaja #contenedorCierreCuentaNew div.pagosIzquierda div.pagos > div.detalle > div.contfp div.propdesc.descuento {
              width: 50%; }
            #contenedorCaja #contenedorCierreCuentaNew div.pagosIzquierda div.pagos > div.detalle > div.contfp div.propdesc > input {
              width: 36%;
              background-color: #FFF9D8;
              display: inline-block; }
            #contenedorCaja #contenedorCierreCuentaNew div.pagosIzquierda div.pagos > div.detalle > div.contfp div.propdesc label {
              display: inline-block;
              padding: 0; }
      #contenedorCaja #contenedorCierreCuentaNew div.pagosIzquierda div.pagos > div.resumen {
        padding: 0 0 0 5px;
        overflow: hidden;
        width: 33%;
        min-width: 150px;
        padding: 0; }
        @media (max-width: 640px) {
          #contenedorCaja #contenedorCierreCuentaNew div.pagosIzquierda div.pagos > div.resumen {
            overflow: auto;
            width: 100%;
            display: block;
            position: relative; } }
        #contenedorCaja #contenedorCierreCuentaNew div.pagosIzquierda div.pagos > div.resumen > div {
          height: 20px; }
          #contenedorCaja #contenedorCierreCuentaNew div.pagosIzquierda div.pagos > div.resumen > div:last-child {
            font-weight: bold; }
          #contenedorCaja #contenedorCierreCuentaNew div.pagosIzquierda div.pagos > div.resumen > div > label {
            padding: 0;
            font-size: 13px;
            display: inline-block;
            width: 50%;
            height: 20px;
            overflow: visible;
            white-space: nowrap; }
          #contenedorCaja #contenedorCierreCuentaNew div.pagosIzquierda div.pagos > div.resumen > div > span {
            width: 50%;
            float: right;
            text-align: right;
            font-size: 13px;
            display: inline-block;
            font-family: Courier;
            color: #464646; }
          #contenedorCaja #contenedorCierreCuentaNew div.pagosIzquierda div.pagos > div.resumen > div > button.posicionado {
            position: absolute;
            top: -2px;
            margin: 0 0 0 5px; }
        #contenedorCaja #contenedorCierreCuentaNew div.pagosIzquierda div.pagos > div.resumen > div.header {
          color: #FF4235;
          font-size: 14px;
          height: 30px;
          text-align: center; }
        #contenedorCaja #contenedorCierreCuentaNew div.pagosIzquierda div.pagos > div.resumen > div.botoneraPagosCuenta {
          height: auto !important;
          padding-left: 1%; }
        #contenedorCaja #contenedorCierreCuentaNew div.pagosIzquierda div.pagos > div.resumen div.botonpagar {
          width: 100%;
          height: 75px;
          padding: 10px 0;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column; }
          #contenedorCaja #contenedorCierreCuentaNew div.pagosIzquierda div.pagos > div.resumen div.botonpagar > button {
            width: 98%;
            margin: auto; }
    #contenedorCaja #contenedorCierreCuentaNew div.pagosIzquierda div.montoBoleta {
      background-color: rgba(255, 66, 53, 0.2);
      margin: 5px;
      padding: 5px 0; }
      #contenedorCaja #contenedorCierreCuentaNew div.pagosIzquierda div.montoBoleta > span {
        font-weight: bold;
        font-family: Courier; }
  #contenedorCaja #contenedorCierreCuentaNew div.titulosCierreCuenta {
    height: 60px;
    min-height: 60px;
    max-height: 60px;
    font-weight: bold;
    top: 0px;
    width: 100%;
    line-height: 15px;
    background-color: #A1A1A1;
    color: #FFFFFF;
    justify-content: initial;
    border-radius: 8px 8px 0 0; }
  #contenedorCaja #contenedorCierreCuentaNew div.contLineaCuentaFinal, #contenedorCaja #contenedorCierreCuentaNew div.titulosCierreCuenta, #contenedorCaja #contenedorCierreCuentaNew div.bottomCierreCuenta {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap; }
    #contenedorCaja #contenedorCierreCuentaNew div.contLineaCuentaFinal.pendiente span:not(.comensal span, .statuslinea span), #contenedorCaja #contenedorCierreCuentaNew div.titulosCierreCuenta.pendiente span:not(.comensal span, .statuslinea span), #contenedorCaja #contenedorCierreCuentaNew div.bottomCierreCuenta.pendiente span:not(.comensal span, .statuslinea span) {
      color: #464646; }
    #contenedorCaja #contenedorCierreCuentaNew div.contLineaCuentaFinal.itempagado span, #contenedorCaja #contenedorCierreCuentaNew div.titulosCierreCuenta.itempagado span, #contenedorCaja #contenedorCierreCuentaNew div.bottomCierreCuenta.itempagado span {
      color: #46D281;
      font-weight: 600; }
    #contenedorCaja #contenedorCierreCuentaNew div.contLineaCuentaFinal > span, #contenedorCaja #contenedorCierreCuentaNew div.contLineaCuentaFinal > input, #contenedorCaja #contenedorCierreCuentaNew div.titulosCierreCuenta > span, #contenedorCaja #contenedorCierreCuentaNew div.titulosCierreCuenta > input, #contenedorCaja #contenedorCierreCuentaNew div.bottomCierreCuenta > span, #contenedorCaja #contenedorCierreCuentaNew div.bottomCierreCuenta > input {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: center;
      align-content: center;
      -webkit-box-orient: vertical;
      box-orient: vertical;
      -webkit-box-direction: normal;
      box-direction: normal;
      -webkit-flex-direction: column;
      flex-direction: column;
      -webkit-flex-grow: 1;
      flex-grow: 1;
      overflow: hidden; }
      @media screen and (max-width: 768px) {
        #contenedorCaja #contenedorCierreCuentaNew div.contLineaCuentaFinal > span, #contenedorCaja #contenedorCierreCuentaNew div.contLineaCuentaFinal > input, #contenedorCaja #contenedorCierreCuentaNew div.titulosCierreCuenta > span, #contenedorCaja #contenedorCierreCuentaNew div.titulosCierreCuenta > input, #contenedorCaja #contenedorCierreCuentaNew div.bottomCierreCuenta > span, #contenedorCaja #contenedorCierreCuentaNew div.bottomCierreCuenta > input {
          font-size: 12px; } }
      @media screen and (max-width: 600px) {
        #contenedorCaja #contenedorCierreCuentaNew div.contLineaCuentaFinal > span, #contenedorCaja #contenedorCierreCuentaNew div.contLineaCuentaFinal > input, #contenedorCaja #contenedorCierreCuentaNew div.titulosCierreCuenta > span, #contenedorCaja #contenedorCierreCuentaNew div.titulosCierreCuenta > input, #contenedorCaja #contenedorCierreCuentaNew div.bottomCierreCuenta > span, #contenedorCaja #contenedorCierreCuentaNew div.bottomCierreCuenta > input {
          font-size: 11px; } }
      @media screen and (max-width: 360px) {
        #contenedorCaja #contenedorCierreCuentaNew div.contLineaCuentaFinal > span, #contenedorCaja #contenedorCierreCuentaNew div.contLineaCuentaFinal > input, #contenedorCaja #contenedorCierreCuentaNew div.titulosCierreCuenta > span, #contenedorCaja #contenedorCierreCuentaNew div.titulosCierreCuenta > input, #contenedorCaja #contenedorCierreCuentaNew div.bottomCierreCuenta > span, #contenedorCaja #contenedorCierreCuentaNew div.bottomCierreCuenta > input {
          font-size: 10px; } }
      #contenedorCaja #contenedorCierreCuentaNew div.contLineaCuentaFinal > span.comensal, #contenedorCaja #contenedorCierreCuentaNew div.contLineaCuentaFinal > span.statuslinea, #contenedorCaja #contenedorCierreCuentaNew div.contLineaCuentaFinal > input.comensal, #contenedorCaja #contenedorCierreCuentaNew div.contLineaCuentaFinal > input.statuslinea, #contenedorCaja #contenedorCierreCuentaNew div.titulosCierreCuenta > span.comensal, #contenedorCaja #contenedorCierreCuentaNew div.titulosCierreCuenta > span.statuslinea, #contenedorCaja #contenedorCierreCuentaNew div.titulosCierreCuenta > input.comensal, #contenedorCaja #contenedorCierreCuentaNew div.titulosCierreCuenta > input.statuslinea, #contenedorCaja #contenedorCierreCuentaNew div.bottomCierreCuenta > span.comensal, #contenedorCaja #contenedorCierreCuentaNew div.bottomCierreCuenta > span.statuslinea, #contenedorCaja #contenedorCierreCuentaNew div.bottomCierreCuenta > input.comensal, #contenedorCaja #contenedorCierreCuentaNew div.bottomCierreCuenta > input.statuslinea {
        width: 40px;
        max-width: 40px;
        min-width: 40px;
        text-align: center; }
      #contenedorCaja #contenedorCierreCuentaNew div.contLineaCuentaFinal > span.celdamoneda, #contenedorCaja #contenedorCierreCuentaNew div.contLineaCuentaFinal > input.celdamoneda, #contenedorCaja #contenedorCierreCuentaNew div.titulosCierreCuenta > span.celdamoneda, #contenedorCaja #contenedorCierreCuentaNew div.titulosCierreCuenta > input.celdamoneda, #contenedorCaja #contenedorCierreCuentaNew div.bottomCierreCuenta > span.celdamoneda, #contenedorCaja #contenedorCierreCuentaNew div.bottomCierreCuenta > input.celdamoneda {
        width: 60px;
        max-width: 60px;
        min-width: 60px;
        font-family: Courier;
        font-size: 11px;
        text-align: right; }
      #contenedorCaja #contenedorCierreCuentaNew div.contLineaCuentaFinal > span.plato, #contenedorCaja #contenedorCierreCuentaNew div.contLineaCuentaFinal > input.plato, #contenedorCaja #contenedorCierreCuentaNew div.titulosCierreCuenta > span.plato, #contenedorCaja #contenedorCierreCuentaNew div.titulosCierreCuenta > input.plato, #contenedorCaja #contenedorCierreCuentaNew div.bottomCierreCuenta > span.plato, #contenedorCaja #contenedorCierreCuentaNew div.bottomCierreCuenta > input.plato {
        overflow: hidden;
        min-width: 60px; }
      #contenedorCaja #contenedorCierreCuentaNew div.contLineaCuentaFinal > span.comensal > span, #contenedorCaja #contenedorCierreCuentaNew div.contLineaCuentaFinal > input.comensal > span, #contenedorCaja #contenedorCierreCuentaNew div.titulosCierreCuenta > span.comensal > span, #contenedorCaja #contenedorCierreCuentaNew div.titulosCierreCuenta > input.comensal > span, #contenedorCaja #contenedorCierreCuentaNew div.bottomCierreCuenta > span.comensal > span, #contenedorCaja #contenedorCierreCuentaNew div.bottomCierreCuenta > input.comensal > span {
        width: 25px;
        height: 25px;
        background-color: #A1A1A1;
        border-radius: 12.5px;
        line-height: 25px;
        text-align: center;
        color: #FFFFFF; }
      #contenedorCaja #contenedorCierreCuentaNew div.contLineaCuentaFinal > span.statuslinea > button, #contenedorCaja #contenedorCierreCuentaNew div.contLineaCuentaFinal > input.statuslinea > button, #contenedorCaja #contenedorCierreCuentaNew div.titulosCierreCuenta > span.statuslinea > button, #contenedorCaja #contenedorCierreCuentaNew div.titulosCierreCuenta > input.statuslinea > button, #contenedorCaja #contenedorCierreCuentaNew div.bottomCierreCuenta > span.statuslinea > button, #contenedorCaja #contenedorCierreCuentaNew div.bottomCierreCuenta > input.statuslinea > button {
        width: 30px;
        left: 4px; }
      #contenedorCaja #contenedorCierreCuentaNew div.contLineaCuentaFinal > span.precioneto, #contenedorCaja #contenedorCierreCuentaNew div.contLineaCuentaFinal > span.tax, #contenedorCaja #contenedorCierreCuentaNew div.contLineaCuentaFinal > input.precioneto, #contenedorCaja #contenedorCierreCuentaNew div.contLineaCuentaFinal > input.tax, #contenedorCaja #contenedorCierreCuentaNew div.titulosCierreCuenta > span.precioneto, #contenedorCaja #contenedorCierreCuentaNew div.titulosCierreCuenta > span.tax, #contenedorCaja #contenedorCierreCuentaNew div.titulosCierreCuenta > input.precioneto, #contenedorCaja #contenedorCierreCuentaNew div.titulosCierreCuenta > input.tax, #contenedorCaja #contenedorCierreCuentaNew div.bottomCierreCuenta > span.precioneto, #contenedorCaja #contenedorCierreCuentaNew div.bottomCierreCuenta > span.tax, #contenedorCaja #contenedorCierreCuentaNew div.bottomCierreCuenta > input.precioneto, #contenedorCaja #contenedorCierreCuentaNew div.bottomCierreCuenta > input.tax {
        width: 0px;
        min-width: 0px;
        max-width: 0px;
        visibility: hidden; }
        @media screen and (max-width: 1000px) {
          #contenedorCaja #contenedorCierreCuentaNew div.contLineaCuentaFinal > span.precioneto, #contenedorCaja #contenedorCierreCuentaNew div.contLineaCuentaFinal > span.tax, #contenedorCaja #contenedorCierreCuentaNew div.contLineaCuentaFinal > input.precioneto, #contenedorCaja #contenedorCierreCuentaNew div.contLineaCuentaFinal > input.tax, #contenedorCaja #contenedorCierreCuentaNew div.titulosCierreCuenta > span.precioneto, #contenedorCaja #contenedorCierreCuentaNew div.titulosCierreCuenta > span.tax, #contenedorCaja #contenedorCierreCuentaNew div.titulosCierreCuenta > input.precioneto, #contenedorCaja #contenedorCierreCuentaNew div.titulosCierreCuenta > input.tax, #contenedorCaja #contenedorCierreCuentaNew div.bottomCierreCuenta > span.precioneto, #contenedorCaja #contenedorCierreCuentaNew div.bottomCierreCuenta > span.tax, #contenedorCaja #contenedorCierreCuentaNew div.bottomCierreCuenta > input.precioneto, #contenedorCaja #contenedorCierreCuentaNew div.bottomCierreCuenta > input.tax {
            display: none; } }
      #contenedorCaja #contenedorCierreCuentaNew div.contLineaCuentaFinal > span.pagado, #contenedorCaja #contenedorCierreCuentaNew div.contLineaCuentaFinal > input.pagado, #contenedorCaja #contenedorCierreCuentaNew div.titulosCierreCuenta > span.pagado, #contenedorCaja #contenedorCierreCuentaNew div.titulosCierreCuenta > input.pagado, #contenedorCaja #contenedorCierreCuentaNew div.bottomCierreCuenta > span.pagado, #contenedorCaja #contenedorCierreCuentaNew div.bottomCierreCuenta > input.pagado {
        width: 80px;
        min-width: 80px;
        max-width: 80px; }
        #contenedorCaja #contenedorCierreCuentaNew div.contLineaCuentaFinal > span.pagado > input, #contenedorCaja #contenedorCierreCuentaNew div.contLineaCuentaFinal > input.pagado > input, #contenedorCaja #contenedorCierreCuentaNew div.titulosCierreCuenta > span.pagado > input, #contenedorCaja #contenedorCierreCuentaNew div.titulosCierreCuenta > input.pagado > input, #contenedorCaja #contenedorCierreCuentaNew div.bottomCierreCuenta > span.pagado > input, #contenedorCaja #contenedorCierreCuentaNew div.bottomCierreCuenta > input.pagado > input {
          width: 100%;
          height: 22px; }
        @media screen and (max-width: 600px) {
          #contenedorCaja #contenedorCierreCuentaNew div.contLineaCuentaFinal > span.pagado, #contenedorCaja #contenedorCierreCuentaNew div.contLineaCuentaFinal > input.pagado, #contenedorCaja #contenedorCierreCuentaNew div.titulosCierreCuenta > span.pagado, #contenedorCaja #contenedorCierreCuentaNew div.titulosCierreCuenta > input.pagado, #contenedorCaja #contenedorCierreCuentaNew div.bottomCierreCuenta > span.pagado, #contenedorCaja #contenedorCierreCuentaNew div.bottomCierreCuenta > input.pagado {
            display: none; } }
    #contenedorCaja #contenedorCierreCuentaNew div.contLineaCuentaFinal span.toticon2-check2, #contenedorCaja #contenedorCierreCuentaNew div.titulosCierreCuenta span.toticon2-check2, #contenedorCaja #contenedorCierreCuentaNew div.bottomCierreCuenta span.toticon2-check2 {
      visibility: hidden; }
      #contenedorCaja #contenedorCierreCuentaNew div.contLineaCuentaFinal span.toticon2-check2.seleccionado, #contenedorCaja #contenedorCierreCuentaNew div.titulosCierreCuenta span.toticon2-check2.seleccionado, #contenedorCaja #contenedorCierreCuentaNew div.bottomCierreCuenta span.toticon2-check2.seleccionado {
        visibility: visible; }
  #contenedorCaja #contenedorCierreCuentaNew div.contLineaCuentaFinal.anulado > span {
    color: #E12845; }
  #contenedorCaja #contenedorCierreCuentaNew.bigFontCaja div.pagosIzquierda > div.pagos {
    display: block;
    font-size: 19px; }
    #contenedorCaja #contenedorCierreCuentaNew.bigFontCaja div.pagosIzquierda > div.pagos > div.detalle {
      overflow: visible;
      width: 100%;
      display: block;
      position: relative; }
      #contenedorCaja #contenedorCierreCuentaNew.bigFontCaja div.pagosIzquierda > div.pagos > div.detalle > div.header {
        font-size: 19px; }
        #contenedorCaja #contenedorCierreCuentaNew.bigFontCaja div.pagosIzquierda > div.pagos > div.detalle > div.header > input {
          font-size: 19px; }
      #contenedorCaja #contenedorCierreCuentaNew.bigFontCaja div.pagosIzquierda > div.pagos > div.detalle > div.contfp div.lineafp {
        font-size: 18px;
        height: 35px; }
        #contenedorCaja #contenedorCierreCuentaNew.bigFontCaja div.pagosIzquierda > div.pagos > div.detalle > div.contfp div.lineafp select, #contenedorCaja #contenedorCierreCuentaNew.bigFontCaja div.pagosIzquierda > div.pagos > div.detalle > div.contfp div.lineafp label {
          margin: 0 5px 0 0;
          height: 30px;
          font-size: 20px; }
        #contenedorCaja #contenedorCierreCuentaNew.bigFontCaja div.pagosIzquierda > div.pagos > div.detalle > div.contfp div.lineafp input {
          height: 30px;
          font-size: 19px; }
      #contenedorCaja #contenedorCierreCuentaNew.bigFontCaja div.pagosIzquierda > div.pagos > div.detalle > div.contfp div.propdesc {
        font-size: 19px; }
    #contenedorCaja #contenedorCierreCuentaNew.bigFontCaja div.pagosIzquierda > div.pagos > div.resumen {
      overflow: auto;
      width: 100%;
      display: block;
      position: relative; }
      #contenedorCaja #contenedorCierreCuentaNew.bigFontCaja div.pagosIzquierda > div.pagos > div.resumen > div {
        height: 25px; }
        #contenedorCaja #contenedorCierreCuentaNew.bigFontCaja div.pagosIzquierda > div.pagos > div.resumen > div > label {
          font-size: 19px;
          height: 25px; }
        #contenedorCaja #contenedorCierreCuentaNew.bigFontCaja div.pagosIzquierda > div.pagos > div.resumen > div > span {
          font-size: 19px; }
      #contenedorCaja #contenedorCierreCuentaNew.bigFontCaja div.pagosIzquierda > div.pagos > div.resumen > div.header {
        font-size: 21px;
        height: 35px; }
      #contenedorCaja #contenedorCierreCuentaNew.bigFontCaja div.pagosIzquierda > div.pagos > div.resumen div.botonpagar {
        height: 70px; }
  #contenedorCaja #contenedorCierreCuentaNew.bigFontCaja div.derechaCierre div.contLineaCuentaFinal > span.celdamoneda, #contenedorCaja #contenedorCierreCuentaNew.bigFontCaja div.derechaCierre div.contLineaCuentaFinal > input.celdamoneda, #contenedorCaja #contenedorCierreCuentaNew.bigFontCaja div.derechaCierre div.titulosCierreCuenta > span.celdamoneda, #contenedorCaja #contenedorCierreCuentaNew.bigFontCaja div.derechaCierre div.titulosCierreCuenta > input.celdamoneda, #contenedorCaja #contenedorCierreCuentaNew.bigFontCaja div.derechaCierre div.bottomCierreCuenta > span.celdamoneda, #contenedorCaja #contenedorCierreCuentaNew.bigFontCaja div.derechaCierre div.bottomCierreCuenta > input.celdamoneda, #contenedorCaja #contenedorCierreCuentaNew.bigFontCaja div.derechaCierre div.lineaCuenta > span.celdamoneda, #contenedorCaja #contenedorCierreCuentaNew.bigFontCaja div.derechaCierre div.lineaCuenta > input.celdamoneda {
    font-size: 14px; }
  #contenedorCaja #contenedorCierreCuentaNew.bigFontCaja div.derechaCierre div.contLineaCuentaFinal > span.plato, #contenedorCaja #contenedorCierreCuentaNew.bigFontCaja div.derechaCierre div.contLineaCuentaFinal > input.plato, #contenedorCaja #contenedorCierreCuentaNew.bigFontCaja div.derechaCierre div.titulosCierreCuenta > span.plato, #contenedorCaja #contenedorCierreCuentaNew.bigFontCaja div.derechaCierre div.titulosCierreCuenta > input.plato, #contenedorCaja #contenedorCierreCuentaNew.bigFontCaja div.derechaCierre div.bottomCierreCuenta > span.plato, #contenedorCaja #contenedorCierreCuentaNew.bigFontCaja div.derechaCierre div.bottomCierreCuenta > input.plato, #contenedorCaja #contenedorCierreCuentaNew.bigFontCaja div.derechaCierre div.lineaCuenta > span.plato, #contenedorCaja #contenedorCierreCuentaNew.bigFontCaja div.derechaCierre div.lineaCuenta > input.plato {
    font-size: 17px; }
  #contenedorCaja #contenedorCierreCuentaNew.bigFontCaja div.derechaCierre div.contLineaCuentaFinal > span.apagar, #contenedorCaja #contenedorCierreCuentaNew.bigFontCaja div.derechaCierre div.contLineaCuentaFinal > input.apagar, #contenedorCaja #contenedorCierreCuentaNew.bigFontCaja div.derechaCierre div.titulosCierreCuenta > span.apagar, #contenedorCaja #contenedorCierreCuentaNew.bigFontCaja div.derechaCierre div.titulosCierreCuenta > input.apagar, #contenedorCaja #contenedorCierreCuentaNew.bigFontCaja div.derechaCierre div.bottomCierreCuenta > span.apagar, #contenedorCaja #contenedorCierreCuentaNew.bigFontCaja div.derechaCierre div.bottomCierreCuenta > input.apagar, #contenedorCaja #contenedorCierreCuentaNew.bigFontCaja div.derechaCierre div.lineaCuenta > span.apagar, #contenedorCaja #contenedorCierreCuentaNew.bigFontCaja div.derechaCierre div.lineaCuenta > input.apagar {
    font-size: 14px; }
  @media screen and (max-width: 1279px) {
    #contenedorCaja #contenedorCierreCuentaNew.bigFontCaja div.derechaCierre div.contLineaCuentaFinal > span.pagado, #contenedorCaja #contenedorCierreCuentaNew.bigFontCaja div.derechaCierre div.contLineaCuentaFinal > input.pagado, #contenedorCaja #contenedorCierreCuentaNew.bigFontCaja div.derechaCierre div.titulosCierreCuenta > span.pagado, #contenedorCaja #contenedorCierreCuentaNew.bigFontCaja div.derechaCierre div.titulosCierreCuenta > input.pagado, #contenedorCaja #contenedorCierreCuentaNew.bigFontCaja div.derechaCierre div.bottomCierreCuenta > span.pagado, #contenedorCaja #contenedorCierreCuentaNew.bigFontCaja div.derechaCierre div.bottomCierreCuenta > input.pagado, #contenedorCaja #contenedorCierreCuentaNew.bigFontCaja div.derechaCierre div.lineaCuenta > span.pagado, #contenedorCaja #contenedorCierreCuentaNew.bigFontCaja div.derechaCierre div.lineaCuenta > input.pagado {
      display: none; } }
  #contenedorCaja #contenedorCierreCuentaNew.medFontCaja div.pagosIzquierda > div.pagos {
    display: block;
    font-size: 14px; }
    #contenedorCaja #contenedorCierreCuentaNew.medFontCaja div.pagosIzquierda > div.pagos > div.detalle {
      overflow: visible;
      width: 100%;
      display: block;
      position: relative; }
      #contenedorCaja #contenedorCierreCuentaNew.medFontCaja div.pagosIzquierda > div.pagos > div.detalle > div.header {
        font-size: 18px; }
        #contenedorCaja #contenedorCierreCuentaNew.medFontCaja div.pagosIzquierda > div.pagos > div.detalle > div.header > input {
          font-size: 17px; }
      #contenedorCaja #contenedorCierreCuentaNew.medFontCaja div.pagosIzquierda > div.pagos > div.detalle > div.contfp div.lineafp {
        font-size: 16px;
        height: 35px; }
        #contenedorCaja #contenedorCierreCuentaNew.medFontCaja div.pagosIzquierda > div.pagos > div.detalle > div.contfp div.lineafp select, #contenedorCaja #contenedorCierreCuentaNew.medFontCaja div.pagosIzquierda > div.pagos > div.detalle > div.contfp div.lineafp label {
          margin: 0 5px 0 0;
          height: 30px;
          font-size: 17px; }
        #contenedorCaja #contenedorCierreCuentaNew.medFontCaja div.pagosIzquierda > div.pagos > div.detalle > div.contfp div.lineafp input {
          height: 30px;
          font-size: 17px; }
      #contenedorCaja #contenedorCierreCuentaNew.medFontCaja div.pagosIzquierda > div.pagos > div.detalle > div.contfp > div.propdesc {
        font-size: 17px; }
    #contenedorCaja #contenedorCierreCuentaNew.medFontCaja div.pagosIzquierda > div.pagos > div.resumen {
      overflow: auto;
      width: 100%;
      display: block;
      position: relative; }
      #contenedorCaja #contenedorCierreCuentaNew.medFontCaja div.pagosIzquierda > div.pagos > div.resumen > div {
        height: 25px; }
        #contenedorCaja #contenedorCierreCuentaNew.medFontCaja div.pagosIzquierda > div.pagos > div.resumen > div > label {
          font-size: 16px;
          height: 25px; }
        #contenedorCaja #contenedorCierreCuentaNew.medFontCaja div.pagosIzquierda > div.pagos > div.resumen > div > span {
          font-size: 16px; }
      #contenedorCaja #contenedorCierreCuentaNew.medFontCaja div.pagosIzquierda > div.pagos > div.resumen > div.header {
        font-size: 18px;
        height: 35px; }
      #contenedorCaja #contenedorCierreCuentaNew.medFontCaja div.pagosIzquierda > div.pagos > div.resumen div.botonpagar {
        height: 70px; }
  #contenedorCaja #contenedorCierreCuentaNew.medFontCaja div.derechaCierre div.contLineaCuentaFinal > span.celdamoneda, #contenedorCaja #contenedorCierreCuentaNew.medFontCaja div.derechaCierre div.contLineaCuentaFinal > input.celdamoneda, #contenedorCaja #contenedorCierreCuentaNew.medFontCaja div.derechaCierre div.titulosCierreCuenta > span.celdamoneda, #contenedorCaja #contenedorCierreCuentaNew.medFontCaja div.derechaCierre div.titulosCierreCuenta > input.celdamoneda, #contenedorCaja #contenedorCierreCuentaNew.medFontCaja div.derechaCierre div.bottomCierreCuenta > span.celdamoneda, #contenedorCaja #contenedorCierreCuentaNew.medFontCaja div.derechaCierre div.bottomCierreCuenta > input.celdamoneda, #contenedorCaja #contenedorCierreCuentaNew.medFontCaja div.derechaCierre div.lineaCuenta > span.celdamoneda, #contenedorCaja #contenedorCierreCuentaNew.medFontCaja div.derechaCierre div.lineaCuenta > input.celdamoneda {
    font-size: 13px; }
  #contenedorCaja #contenedorCierreCuentaNew.medFontCaja div.derechaCierre div.contLineaCuentaFinal > span.plato, #contenedorCaja #contenedorCierreCuentaNew.medFontCaja div.derechaCierre div.contLineaCuentaFinal > input.plato, #contenedorCaja #contenedorCierreCuentaNew.medFontCaja div.derechaCierre div.titulosCierreCuenta > span.plato, #contenedorCaja #contenedorCierreCuentaNew.medFontCaja div.derechaCierre div.titulosCierreCuenta > input.plato, #contenedorCaja #contenedorCierreCuentaNew.medFontCaja div.derechaCierre div.bottomCierreCuenta > span.plato, #contenedorCaja #contenedorCierreCuentaNew.medFontCaja div.derechaCierre div.bottomCierreCuenta > input.plato, #contenedorCaja #contenedorCierreCuentaNew.medFontCaja div.derechaCierre div.lineaCuenta > span.plato, #contenedorCaja #contenedorCierreCuentaNew.medFontCaja div.derechaCierre div.lineaCuenta > input.plato {
    font-size: 15px; }
  #contenedorCaja #contenedorCierreCuentaNew.medFontCaja div.derechaCierre div.contLineaCuentaFinal > span.apagar, #contenedorCaja #contenedorCierreCuentaNew.medFontCaja div.derechaCierre div.contLineaCuentaFinal > input.apagar, #contenedorCaja #contenedorCierreCuentaNew.medFontCaja div.derechaCierre div.titulosCierreCuenta > span.apagar, #contenedorCaja #contenedorCierreCuentaNew.medFontCaja div.derechaCierre div.titulosCierreCuenta > input.apagar, #contenedorCaja #contenedorCierreCuentaNew.medFontCaja div.derechaCierre div.bottomCierreCuenta > span.apagar, #contenedorCaja #contenedorCierreCuentaNew.medFontCaja div.derechaCierre div.bottomCierreCuenta > input.apagar, #contenedorCaja #contenedorCierreCuentaNew.medFontCaja div.derechaCierre div.lineaCuenta > span.apagar, #contenedorCaja #contenedorCierreCuentaNew.medFontCaja div.derechaCierre div.lineaCuenta > input.apagar {
    font-size: 13px; }
  @media screen and (max-width: 1279px) {
    #contenedorCaja #contenedorCierreCuentaNew.medFontCaja div.derechaCierre div.contLineaCuentaFinal > span.pagado, #contenedorCaja #contenedorCierreCuentaNew.medFontCaja div.derechaCierre div.contLineaCuentaFinal > input.pagado, #contenedorCaja #contenedorCierreCuentaNew.medFontCaja div.derechaCierre div.titulosCierreCuenta > span.pagado, #contenedorCaja #contenedorCierreCuentaNew.medFontCaja div.derechaCierre div.titulosCierreCuenta > input.pagado, #contenedorCaja #contenedorCierreCuentaNew.medFontCaja div.derechaCierre div.bottomCierreCuenta > span.pagado, #contenedorCaja #contenedorCierreCuentaNew.medFontCaja div.derechaCierre div.bottomCierreCuenta > input.pagado, #contenedorCaja #contenedorCierreCuentaNew.medFontCaja div.derechaCierre div.lineaCuenta > span.pagado, #contenedorCaja #contenedorCierreCuentaNew.medFontCaja div.derechaCierre div.lineaCuenta > input.pagado {
      display: none; } }
#contenedorCaja div.toolbarCierreCuenta {
  padding: 2px 4px;
  border-radius: 8px;
  background-color: #1B1B1B; }
  #contenedorCaja div.toolbarCierreCuenta > div {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap; }
    @media (max-width: 640px) {
      #contenedorCaja div.toolbarCierreCuenta > div {
        display: block; } }
    #contenedorCaja div.toolbarCierreCuenta > div > div {
      overflow: hidden;
      width: 33%;
      min-width: 120px;
      padding: 0; }
      @media (max-width: 640px) {
        #contenedorCaja div.toolbarCierreCuenta > div > div {
          width: 49%;
          display: inline-block;
          overflow: auto; } }
      #contenedorCaja div.toolbarCierreCuenta > div > div > span, #contenedorCaja div.toolbarCierreCuenta > div > div > label {
        display: inline-block;
        width: 48%;
        height: 18px;
        line-height: 18px;
        vertical-align: top;
        overflow: hidden;
        word-break: break-all;
        padding: 0; }
        #contenedorCaja div.toolbarCierreCuenta > div > div > span:not(.fg01), #contenedorCaja div.toolbarCierreCuenta > div > div > label:not(.fg01) {
          color: #A1A1A1; }
      #contenedorCaja div.toolbarCierreCuenta > div > div > span {
        text-align: right;
        font-family: Courier; }
        #contenedorCaja div.toolbarCierreCuenta > div > div > span:not(.fg01) {
          color: #CFCFCF; }
      #contenedorCaja div.toolbarCierreCuenta > div > div.botones {
        padding: 10px 8px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        gap: 8px; }
        @media (max-width: 640px) {
          #contenedorCaja div.toolbarCierreCuenta > div > div.botones {
            width: 100%;
            display: none; } }
        #contenedorCaja div.toolbarCierreCuenta > div > div.botones > button {
          font-family: 'Manrope';
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
          line-height: 130%;
          color: #464646;
          font-size: 14px;
          font-weight: 700;
          text-transform: capitalize;
          display: inline-flex;
          padding: 8px 24px;
          justify-content: center;
          align-items: center;
          gap: 8px;
          flex-shrink: 0;
          border-radius: 23px;
          border: 1px solid #FF4235 !important;
          -webkit-box-shadow: none;
          box-shadow: none;
          text-decoration: none;
          white-space: nowrap;
          cursor: pointer;
          font-family: 'Manrope' !important;
          background-color: #FF4235;
          border-color: #FF4235 !important;
          color: #FFFFFF;
          height: auto !important;
          width: 100% !important;
          margin: 0; }
          #contenedorCaja div.toolbarCierreCuenta > div > div.botones > button[class^="toticon-"]::before, #contenedorCaja div.toolbarCierreCuenta > div > div.botones > button[class*=" toticon-"]::before {
            font-family: TotIconos !important; }
          #contenedorCaja div.toolbarCierreCuenta > div > div.botones > button[class^="toticon2-"]::before, #contenedorCaja div.toolbarCierreCuenta > div > div.botones > button[class*=" toticon2-"]::before {
            font-family: TotIconos2 !important; }
          #contenedorCaja div.toolbarCierreCuenta > div > div.botones > button[class^="toticon3-"]::before, #contenedorCaja div.toolbarCierreCuenta > div > div.botones > button[class*=" toticon3-"]::before {
            font-family: TotIconos3 !important; }
          #contenedorCaja div.toolbarCierreCuenta > div > div.botones > button[class^="toticon4-"]::before, #contenedorCaja div.toolbarCierreCuenta > div > div.botones > button[class*=" toticon4-"]::before {
            font-family: TotIconos4 !important; }
          #contenedorCaja div.toolbarCierreCuenta > div > div.botones > button[class^="toticon5-"]::before, #contenedorCaja div.toolbarCierreCuenta > div > div.botones > button[class*=" toticon5-"]::before {
            font-family: TotIconos5 !important; }
          #contenedorCaja div.toolbarCierreCuenta > div > div.botones > button span {
            display: inline-block; }
          @media (min-width: 640px) {
            #contenedorCaja div.toolbarCierreCuenta > div > div.botones > button {
              padding: 12px 24px; } }
          #contenedorCaja div.toolbarCierreCuenta > div > div.botones > button[disabled] {
            cursor: not-allowed !important;
            -webkit-box-shadow: none;
            box-shadow: none !important;
            pointer-events: none; }
          #contenedorCaja div.toolbarCierreCuenta > div > div.botones > button:hover:not([disabled]) {
            border: 1px solid #FFA099 !important;
            background-color: #FFA099 !important; }
          #contenedorCaja div.toolbarCierreCuenta > div > div.botones > button.inverted {
            background-color: #F7F7F7 !important;
            border-color: #F7F7F7 !important;
            color: #1B1B1B !important; }
            #contenedorCaja div.toolbarCierreCuenta > div > div.botones > button.inverted:hover:not([disabled]) {
              border: 1px solid #F7F7F7 !important;
              background-color: #F7F7F7 !important;
              color: #FF4235 !important; }
          #contenedorCaja div.toolbarCierreCuenta > div > div.botones > button[disabled] {
            background-color: #CFCFCF !important;
            border-color: #CFCFCF !important;
            color: #FFFFFF !important; }
  #contenedorCaja div.toolbarCierreCuenta button {
    margin: 10px 20px;
    vertical-align: middle; }
    #contenedorCaja div.toolbarCierreCuenta button > span {
      vertical-align: middle; }
#contenedorCaja div#barraPreCuenta {
  -webkit-box-shadow: 7px 7px 10px -1px rgba(0, 0, 0, 0.1), -3px 0px 15px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 7px 7px 10px -1px rgba(0, 0, 0, 0.1), -3px 0px 15px 0px rgba(0, 0, 0, 0.05);
  width: calc(100vw - 10px);
  max-width: 800px;
  float: none;
  right: 0;
  top: 0;
  padding: 0; }
  #contenedorCaja div#barraPreCuenta > form {
    border-color: #dfdfdf;
    padding: 5px 0 5px 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    align-content: flex-start; }
    #contenedorCaja div#barraPreCuenta > form > div.bloque {
      display: inline-block;
      margin: 2px;
      align-self: flex-end; }
    @media (max-width: 500px) {
      #contenedorCaja div#barraPreCuenta > form {
        font-size: 0.95em; } }
#contenedorCaja div#barraListaPrecios, #contenedorCaja div#barraFacturaElectronica {
  -webkit-box-shadow: 7px 7px 10px -1px rgba(0, 0, 0, 0.1), -3px 0px 15px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 7px 7px 10px -1px rgba(0, 0, 0, 0.1), -3px 0px 15px 0px rgba(0, 0, 0, 0.05);
  width: auto;
  float: none;
  right: 0;
  top: 0;
  padding: 0; }
  #contenedorCaja div#barraListaPrecios > form, #contenedorCaja div#barraFacturaElectronica > form {
    border-color: #dfdfdf;
    padding: 10px; }
#contenedorCaja div#barraFacturaElectronica {
  border: 1px solid #dfdfdf;
  padding: 5px;
  background-color: white;
  width: calc(100vw - 10px);
  max-width: 540px; }
  #contenedorCaja div#barraFacturaElectronica > table {
    max-width: calc(100% - 10px);
    width: calc(100% - 10px); }
    @media (max-width: 540px) {
      #contenedorCaja div#barraFacturaElectronica > table input.mw250 {
        min-width: auto; } }
  #contenedorCaja div#barraFacturaElectronica .botonDescargar {
    border-radius: 4px !important;
    padding: 7px 9px !important; }

button.botonPrintCodigo {
  width: 80px !important; }
  button.botonPrintCodigo > i {
    margin: 0 2px;
    color: #FF4235; }
  button.botonPrintCodigo > i.toticon5-sku {
    color: #464646; }

i.prioridadplato {
  border-radius: 3px;
  background: #464646;
  left: -5px;
  color: white;
  min-width: 18px;
  min-height: 18px;
  line-height: 24px;
  text-align: center;
  display: inline-block;
  font-style: normal; }

#contenedorPedidoNew #contenedorPedido.alto0 {
  height: calc(100vh - 40px); }
#contenedorPedidoNew #contenedorPedido.alto1 {
  height: calc(100vh - 110px); }
  @media (max-width: 480px) {
    #contenedorPedidoNew #contenedorPedido.alto1 {
      height: calc(100vh - 110px + 23px); } }
#contenedorPedidoNew #contenedorPedido.alto2 {
  height: calc(100vh - 210px); }
  @media (max-width: 480px) {
    #contenedorPedidoNew #contenedorPedido.alto2 {
      height: calc(100vh - 210px + 23px); } }
#contenedorPedidoNew #contenedorPedido #contenedorMenuCuenta.alto0 {
  height: 100%; }
#contenedorPedidoNew #contenedorPedido #contenedorMenuCuenta.alto1 {
  height: calc(100% - 60px); }

/*# sourceMappingURL=main.css.map */