/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

html {
  box-sizing: border-box;
  scroll-padding-top: 0rem;
}

::-webkit-scrollbar {
  background-color: #fff;
  width: 16px;
  display: none;
}

::-webkit--track {
  background-color: #fff;
}

/* scrollbar itself */
::-webkit-scrollbar-thumb {
  background-color: #babac0;
  border-radius: 16px;
  border: 4px solid #fff;
}

/* set button(top and bottom of the scrollbar) */
::-webkit-scrollbar-button {
  display: none;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  font-family: "Montserrat", sans-serif !important;
}
body.fijar-body {
  overflow: hidden;
}
body.body-scroll {
  padding-top: 8.6rem;
}

.container {
  width: 80%;
  height: auto;
  position: relative;
  padding: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 600px) {
  .container {
    width: 100%;
  }
}

.off {
  display: none;
}

.container-fluid {
  width: 100%;
  height: auto;
  position: relative;
  padding: 15px;
  margin-right: auto;
  margin-left: auto;
}

.cont-flex-row-space {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
}

.cont-flex-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

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

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

.cont-gapped {
  gap: 15px;
}

.cont-flex-col {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

.stop-scrolling {
  height: 100%;
  overflow: hidden;
}

.gb__carousel {
  width: 100vw;
  overflow: hidden;
  position: relative;
}
.gb__carousel .gb__carousel-slider {
  display: flex;
  flex-wrap: nowrap;
  width: 400%;
  height: 800px;
  margin-left: -100%;
}
.gb__carousel .gb__carousel-slider .gb__carousel-item {
  width: 100%;
}
.gb__carousel .gb__carousel-slider .gb__carousel-item .gb__carousel-img {
  display: block;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.gb__carousel .gb__carousel-btn {
  position: absolute;
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.5);
  top: 50%;
  transform: translateY(-50%);
  font-weight: bold;
  font-family: monospace;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
}
.gb__carousel .gb__carousel-btn:hover {
  background: #fff;
}
.gb__carousel .gb__carousel-btn-right {
  right: 10px;
}
.gb__carousel .gb__carousel-btn-left {
  left: 10px;
}

.gb__gallery-horizontal {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.gb__gallery-horizontal .gb__gallery-item {
  width: 20%;
  height: auto;
  text-align: center;
  padding: 10px;
}
@media (max-width: 1024px) {
  .gb__gallery-horizontal .gb__gallery-item {
    width: 50%;
  }
}
@media (max-width: 600px) {
  .gb__gallery-horizontal .gb__gallery-item {
    width: 100%;
  }
}
.gb__gallery-horizontal .gb__gallery-item .gb__gallery-img-cont {
  position: relative;
  width: auto;
  height: auto;
}
.gb__gallery-horizontal .gb__gallery-item .img-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.gb__gallery-horizontal .gb__gallery-item .img-1:hover {
  opacity: 0;
}
.gb__gallery-horizontal .gb__gallery-item .gb__gallery-img {
  width: 100%;
  height: 300px;
  object-fit: cover;
}
.gb__gallery-horizontal .gb__gallery-item .gb__gallery-product {
  display: block;
  margin-top: 10px;
}
.gb__gallery-horizontal .gb__gallery-item .gb__gallery-price {
  font-weight: bold;
  display: block;
  margin-top: 10px;
}

.gb__floating-btn {
  position: fixed;
  z-index: 99999;
  height: 70px;
  width: 70px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.gb__floating-btn-whatsapp {
  background: #25D366;
  border-radius: 50%;
  text-align: center;
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  text-decoration: none;
}

.gb__floating-btn-left {
  left: 20px;
}

.gb__floating-btn-right {
  right: 20px;
}

.gb__floating-btn-top {
  top: 50px;
}

.gb__floating-btn-bottom {
  bottom: 20px;
}

.gb__login-cont {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: row;
  position: relative;
  font-size: 0.85em;
}
@media (max-width: 600px) {
  .gb__login-cont {
    font-size: 0.85em;
  }
}
@media (max-width: 1300px) {
  .gb__login-cont {
    font-size: 0.85em;
  }
}
@media (max-width: 1024px) {
  .gb__login-cont {
    font-size: 0.85em;
  }
}
.gb__login-cont .gb__login-panel {
  width: 50%;
  height: 100%;
  display: flex;
}
.gb__login-cont .gb__login-left {
  background: #161616;
}
.gb__login-cont .gb__login-right {
  background: #369DEE;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.gb__login-form-main-cont {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.gb__login-form-cont {
  width: 30%;
  height: auto;
  background: #FFFFFF;
  border-radius: 5px;
  min-width: 300px;
}

.gb__login-btn-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 15px;
  gap: 10px;
  width: 100%;
}
.gb__login-btn-container a {
  text-decoration: none;
  color: black;
}
.gb__login-btn-container a:visited {
  color: black;
}

.gb__login-btn-100 {
  width: 100%;
}

.gb__login-logo-container {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: center;
  align-items: center;
  padding: 10px;
}
.gb__login-logo-container span {
  font-size: 100px;
}

.gb__form-divisor {
  width: 100%;
  height: 5px;
  background: #f2f3f4;
}

.gb__form-divisor-vertical {
  width: 2px;
  height: 30px;
  background: #ccd1d1;
}

.gb__form-full {
  height: 100%;
}

.gb__form {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  margin-block-end: 0 !important;
}
.gb__form ::-webkit-scrollbar {
  display: block;
}
.gb__form .gb__data-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 15px;
}
.gb__form .gb__data-container .gb__data-title {
  font-weight: bold;
  font-size: 1.21em;
}
@media (max-width: 600px) {
  .gb__form .gb__data-container .gb__data-title {
    font-size: 1.1em;
  }
}
@media (max-width: 1300px) {
  .gb__form .gb__data-container .gb__data-title {
    font-size: 1.1em;
  }
}
@media (max-width: 1024px) {
  .gb__form .gb__data-container .gb__data-title {
    font-size: 1.1em;
  }
}
.gb__form .gb__data-container .gb__data-value {
  font-weight: bold;
  font-size: 1.21em;
}
@media (max-width: 600px) {
  .gb__form .gb__data-container .gb__data-value {
    font-size: 1.1em;
  }
}
@media (max-width: 1300px) {
  .gb__form .gb__data-container .gb__data-value {
    font-size: 1.1em;
  }
}
@media (max-width: 1024px) {
  .gb__form .gb__data-container .gb__data-value {
    font-size: 1.1em;
  }
}
.gb__form .gb__data-container .gb__data-value.gb__data-green {
  color: #08B100;
}
.gb__form .gb__data-container .gb__data-value.gb__data-red {
  color: #FF6E6E;
}
.gb__form .gb__form-footer {
  flex-shrink: 0;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.gb__form .gb__form-content {
  overflow: scroll;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}
.gb__form .gb__form-header {
  flex-shrink: 0;
  position: relative;
  max-height: 50%;
  overflow: scroll;
}
@media (max-height: 760px) {
  .gb__form .gb__form-header {
    max-height: 40%;
  }
}
.gb__form .gb__form-header .gb__form-seccion-container {
  display: flex;
  flex-direction: row;
}
.gb__form .gb__form-seccion-img {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 15px;
  height: auto;
  width: auto;
}
.gb__form .gb__form-seccion-img img {
  width: 100%;
  height: 100%;
  position: absolute;
}
.gb__form .gb__form-seccion-img .gb__form-img-container {
  width: 150px;
  height: 150px;
  background: #EBEBEB;
  position: relative;
}
.gb__form .gb__form-seccion-fija {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 15px;
  padding: 15px;
  /* scrollbar itself */
  /* set button(top and bottom of the scrollbar) */
}
.gb__form .gb__form-seccion-fija ::-webkit-scrollbar {
  background-color: #fff;
  width: 16px;
  display: block;
}
.gb__form .gb__form-seccion-fija ::-webkit-scrollbar-track {
  background-color: #fff;
}
.gb__form .gb__form-seccion-fija ::-webkit-scrollbar-thumb {
  background-color: #babac0;
  border-radius: 16px;
  border: 4px solid #fff;
}
.gb__form .gb__form-seccion-fija ::-webkit-scrollbar-button {
  display: none;
}
.gb__form .gb__form-seccion-table {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 15px;
  flex-shrink: 0;
}
.gb__form .gb__form-seccion-container {
  width: 100%;
  height: 80%;
  position: relative;
}
.gb__form .gb__form-seccion {
  display: none;
  flex-direction: row;
  gap: 15px;
  padding: 15px;
  height: 100%;
}
.gb__form .gb__form-seccion-on {
  display: flex !important;
}
.gb__form .gb__form-col {
  width: 50%;
}
.gb__form .gb__form-col-full {
  width: 100%;
}
.gb__form .gb__form-table-container {
  padding-top: 10px;
}

.gb__form-group {
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: 15px;
  align-items: center;
  padding-top: 10px;
  position: relative;
  justify-content: space-between;
}
.gb__form-group:first-child {
  padding-top: 0px;
}
.gb__form-group input[type=text] {
  width: 100%;
  padding: 5px;
  font-weight: bold;
  border: none;
  border-bottom: solid 1px #ccd1d1;
}
.gb__form-group input[type=text]:focus {
  border-bottom: solid 2px #ccd1d1;
  outline: none;
}
.gb__form-group input[type=datetime-local] {
  width: 100%;
  padding: 5px;
  font-weight: bold;
  border: none;
  border-bottom: solid 1px #ccd1d1;
}
.gb__form-group input[type=datetime-local]:focus {
  border-bottom: solid 2px #ccd1d1;
  outline: none;
}
.gb__form-group input[type=date] {
  width: 100%;
  padding: 5px;
  font-weight: bold;
  border: none;
  border-bottom: solid 1px #ccd1d1;
}
.gb__form-group input[type=date]:focus {
  border-bottom: solid 2px #ccd1d1;
  outline: none;
}
.gb__form-group select {
  width: 100%;
  padding: 5px;
  border: none;
  border-bottom: solid 1px #ccd1d1;
}
.gb__form-group select:focus {
  outline: none;
}
.gb__form-group label {
  white-space: nowrap;
}
.gb__form-group input[type=password] {
  width: 100%;
  padding: 5px;
  font-weight: bold;
  border: none;
  border-bottom: solid 1px #ccd1d1;
}
.gb__form-group input[type=password]:focus {
  border-bottom: solid 2px #ccd1d1;
  outline: none;
}
.gb__form-group input[type=number] {
  width: 100%;
  padding: 5px;
  font-weight: bold;
  border: none;
  border-bottom: solid 1px #ccd1d1;
}
.gb__form-group input[type=number]:focus {
  border-bottom: solid 2px #ccd1d1;
  outline: none;
}

.gb__form-btn-container {
  display: flex;
  flex-direction: row;
  width: auto;
  align-items: center;
  gap: 15px;
  flex-shrink: 0;
}
.gb__form-btn-container a {
  text-decoration: none;
}

.gb__form-btn-save {
  background: #2980b9;
  color: white;
}
.gb__form-btn-save:hover {
  background: #1B6AB0;
}

.gb__form-btn-cancel {
  background: #E3DFDF;
  color: black;
}
.gb__form-btn-cancel:hover {
  background: #8D8D8D;
}

.gb__form-btn-delete {
  background: #FFADAD;
  color: white;
}
.gb__form-btn-delete:hover {
  background: #FF6E6E;
}

.gb__form-table {
  border-collapse: collapse;
  width: 100%;
}
.gb__form-table .gb__table-col-invisible {
  display: none;
}
.gb__form-table td {
  border: 1px solid #ddd;
  padding: 8px;
}
.gb__form-table tr:hover {
  background-color: #ddd;
}
.gb__form-table tr input[type=text] {
  width: 100%;
  padding: 5px;
  font-weight: bold;
}
.gb__form-table th {
  padding: 8px;
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #a9cce3;
  color: white;
}

.gb__btn {
  padding: 10px;
  border-radius: 5px;
  cursor: pointer;
  border: none;
  font-weight: bold;
  transition: background 0.3s;
  flex-shrink: 0;
}
.gb__btn:hover {
  transition: all 0.3s;
}

.gb__btn-arrow {
  background: #2980b9;
  color: white;
  transition: background 0.3s;
}
.gb__btn-arrow:hover {
  background: #1B6AB0;
}

.gb__filters-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 15px;
}

.form-check {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
}

.button-edit-item {
  cursor: pointer;
}

.button-delete-item {
  cursor: pointer;
}

.button-delete-file {
  cursor: pointer;
  z-index: 50;
}

.button-delete-hoja {
  cursor: pointer;
}

.gb__file-reader {
  display: none;
}

.gb__form-modal-errors-off {
  display: none !important;
}

.gb__form-modal-errors {
  z-index: 99998;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.gb__form-modal-errors .gb__form-modal-errors-bg {
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.gb__form-modal-errors .gb__form-modal-errors-box {
  display: flex;
  flex-direction: column;
  background: white;
  border-radius: 5px;
  z-index: 99999;
}
.gb__form-modal-errors .gb__form-modal-errors-box .gb__form-modal-errors-header {
  height: 50px;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
  flex-shrink: 0;
  border-bottom: solid 1px rgba(0, 0, 0, 0.3);
}
.gb__form-modal-errors .gb__form-modal-errors-box .gb__form-modal-errors-header .gb__form-modal-errors-header-title {
  font-weight: bold;
}
.gb__form-modal-errors .gb__form-modal-errors-box .gb__form-modal-errors-header .gb__form-modal-errors-header-close-btn {
  font-weight: bold;
  cursor: pointer;
}
.gb__form-modal-errors .gb__form-modal-errors-box .gb__form-modal-errors-content {
  display: flex;
  height: 100%;
  padding: 10px;
}
.gb__form-modal-errors .gb__form-modal-errors-box .gb__form-modal-errors-footer {
  height: 50px;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 15px;
  flex-shrink: 0;
  border-top: solid 1px rgba(0, 0, 0, 0.3);
}

.gb__alert-container {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 5px;
  margin-top: 10px;
  justify-content: space-between;
  align-items: center;
}
.gb__alert-container .gb__alert-close-btn {
  padding-right: 10px;
  font-weight: bold;
  font-weight: 12px;
  cursor: pointer;
}

.gb__alert-green {
  background: #92e27a;
  border: solid 2px #71c55b;
}

.gb__alert-red {
  background: #ff7676;
  border: solid 2px #ff4040;
}

.gb__alert-yellow {
  background: #ffff81;
  border: solid 2px #ffff56;
}

.gb__pages-header {
  display: flex;
  flex-direction: row;
  justify-content: left;
}

.gb__pages-content {
  display: flex;
  flex-direction: row;
  margin-top: 15px;
}

.gb__pages-btn-new {
  padding: 10px;
  background: #36C0EE;
  border-radius: 5px;
  cursor: pointer;
  border: none;
  font-weight: bold;
  color: black;
  transition: background 0.3s;
  text-decoration: none;
  color: black;
}
.gb__pages-btn-new:visited {
  color: black;
}
.gb__pages-btn-new:hover {
  background: #369DEE;
  transition: all 0.3s;
}

.material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48;
}

.gb__card-list {
  display: flex;
  flex-direction: row;
  width: auto;
  height: auto;
  gap: 10px;
  columns: 2;
}

.gb__form-box-totales {
  background: #E3DFDF;
  padding: 15px;
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
}

.gb__card {
  border: none;
  border-radius: 10px;
  background: white;
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.gb__card.gb__card-flex {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.gb__card.gb__card-flex .gb__card-header {
  height: auto;
  width: 100%;
  flex-shrink: 0;
  padding: 10px;
}
.gb__card.gb__card-flex .gb__card-content {
  height: 100%;
  width: 100%;
  padding: 10px;
}
.gb__card.gb__card-flex .gb__card-footer {
  height: auto;
  width: 100%;
  flex-shrink: 0;
  padding: 10px;
}

.gb__card-full {
  width: 100%;
  height: 100%;
}

.gb__tabs-container {
  width: 100%;
  height: auto;
  background: white;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: left;
}
.gb__tabs-container .gb__tabs-item {
  background: white;
  color: black;
  position: relative;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 10px;
  padding-right: 10px;
  width: auto;
  min-width: 150px;
  cursor: pointer;
}
.gb__tabs-container .gb__tabs-item-active {
  font-weight: bold;
  color: #2980b9;
}
.gb__tabs-container .gb__tabs-item-active .gb__tabs-item-bar {
  width: 100%;
  height: 3px;
  margin-left: auto;
  margin-right: auto;
  background: #2980b9;
  animation: gb__tabs_item_bar_w_0_w100 0.3s;
}
.gb__tabs-container .gb__tabs-item-title {
  text-align: center;
  display: block;
}
.gb__tabs-container .gb__tabs-item-bar-container {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
}

@keyframes gb__tabs_item_bar_w_0_w100 {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 42px;
  height: 23.8px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 18.2px;
  width: 18.2px;
  left: 2.8px;
  bottom: 2.8px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(18.2px);
  -ms-transform: translateX(18.2px);
  transform: translateX(18.2px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.gb__btn-animated-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  background: #2980b9;
  border-radius: 5px;
  cursor: pointer;
  color: white;
}
.gb__btn-animated-container:hover > .gb__btn-animated-text-container {
  width: 150px;
  padding: 10px;
  transition: all 0.5s;
}
.gb__btn-animated-container .gb__btn-animated-icon {
  flex-shrink: 0;
  padding: 10px;
}
.gb__btn-animated-container .gb__btn-animated-text-container {
  width: 0px;
  overflow: hidden;
  transition: all 0.5s;
}
.gb__btn-animated-container .gb__btn-animated-text-container span {
  white-space: nowrap;
}

.gb__cont-all-combo-personalizado {
  position: relative;
  width: 100%;
}

.combo-personalizado-item-mostrar-siempre {
  font-weight: bold;
  color: black;
}
.combo-personalizado-item-mostrar-siempre:visited {
  color: black;
}

.combo-personalizado {
  width: 100%;
  height: 100%;
  overflow: scroll;
}

.combo-personalizado-container {
  position: absolute;
}

.combo-personalizado-outer {
  overflow: hidden;
}

.combo-personalizado-inner {
  position: absolute;
}

.combo-personalizado-show-up {
  display: none;
  background: #FFFFFF;
  position: relative;
  border-bottom: 1px solid #8D8D8D;
  border-left: 1px solid #8D8D8D;
  border-right: 1px solid #8D8D8D;
  border-radius: 5px;
}
.combo-personalizado-show-up .item-invisible {
  display: none;
}
.combo-personalizado-show-up a {
  display: block;
  padding: 0.3rem;
  text-decoration: none;
}
.combo-personalizado-show-up a:hover {
  background: #EBEBEB;
}

.combo-personalizado-show-up-abierto {
  overflow: scroll;
  display: block;
  height: auto;
  max-height: 300px;
  z-index: 10000;
}

.container-input-personalizado-muleto {
  position: relative;
  display: inline-block;
  width: 100%;
}

.container-input-personalizado-muleto-div {
  position: absolute;
  top: 11px;
  right: 5px;
  height: 100%;
  width: 20px;
}

.input-like-label {
  background: rgba(0, 0, 0, 0);
  border: none;
}
.input-like-label:focus {
  outline: none;
}

.gb__custom-dropdown {
  width: 100%;
}
.gb__custom-dropdown .gb__custom-dropdown-input-cont {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  z-index: 10000;
}
.gb__custom-dropdown .gb__custom-dropdown-input-cont .gb__custom-dropdown-input {
  width: 100%;
  cursor: inherit;
}
.gb__custom-dropdown .gb__custom-dropdown-input-cont .gb__custom-dropdown-input-icon {
  width: 15px;
}
.gb__custom-dropdown .gb__custom-dropdown-content-on {
  display: block !important;
}
.gb__custom-dropdown .gb__custom-dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  width: 100%;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 10000;
}
.gb__custom-dropdown .gb__custom-dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.gb__index-dashboard-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.gb__index-dashboard-header-divisor {
  height: 100%;
  width: 1px;
  background: black;
}

.gb__index-dashboard-back-button {
  cursor: pointer;
  font-size: 1.21em;
}
@media (max-width: 600px) {
  .gb__index-dashboard-back-button {
    font-size: 1.1em;
  }
}
@media (max-width: 1300px) {
  .gb__index-dashboard-back-button {
    font-size: 1.1em;
  }
}
@media (max-width: 1024px) {
  .gb__index-dashboard-back-button {
    font-size: 1.1em;
  }
}

.gb__index-dashboard-header {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 15px;
}
.gb__index-dashboard-header .gb__index-dashboard-main-title {
  font-weight: bold;
  font-size: 1.1em;
}
@media (max-width: 600px) {
  .gb__index-dashboard-header .gb__index-dashboard-main-title {
    font-size: 1em;
  }
}
@media (max-width: 1300px) {
  .gb__index-dashboard-header .gb__index-dashboard-main-title {
    font-size: 1em;
  }
}
@media (max-width: 1024px) {
  .gb__index-dashboard-header .gb__index-dashboard-main-title {
    font-size: 1em;
  }
}

.gb__index-dashboard-content {
  overflow: scroll;
  height: 100%;
  position: relative;
  /* scrollbar itself */
  /* set button(top and bottom of the scrollbar) */
}
.gb__index-dashboard-content ::-webkit-scrollbar {
  background-color: #fff;
  width: 16px;
  display: block;
}
.gb__index-dashboard-content ::-webkit-scrollbar-track {
  background-color: #fff;
}
.gb__index-dashboard-content ::-webkit-scrollbar-thumb {
  background-color: #babac0;
  border-radius: 16px;
  border: 4px solid #fff;
}
.gb__index-dashboard-content ::-webkit-scrollbar-button {
  display: none;
}

.gb__table-container-resize {
  overflow: scroll;
}

.gb__table-container {
  width: 100%;
  overflow-y: auto;
  /* make the table scrollable if height is more than 200 px  */
  height: 100%;
  /* gives an initial height of 200px to the table */
}

.tr-red {
  background: #FFD9D9 !important;
}

.tr-green {
  background: #CCFFD2 !important;
}

.gb__table-bordered td {
  border: solid 1px black;
}

.gb__table-standard {
  border-collapse: collapse;
  min-width: 100%;
  width: auto;
  font-size: 0.935em;
}
@media (max-width: 600px) {
  .gb__table-standard {
    font-size: 0.85em;
  }
}
@media (max-width: 1300px) {
  .gb__table-standard {
    font-size: 0.85em;
  }
}
@media (max-width: 1024px) {
  .gb__table-standard {
    font-size: 0.85em;
  }
}
.gb__table-standard thead th {
  position: sticky;
  /* make the table heads sticky */
  top: 0px;
  /* table head will be placed from the top of the table and sticks to it */
}
.gb__table-standard tr:nth-child(even) {
  background-color: #FFFFFF;
}
.gb__table-standard tr:hover {
  background: #f2f3f4;
}
.gb__table-standard th {
  background: #161616;
  padding: 10px;
  text-align: center;
  color: #f2f3f4;
}
.gb__table-standard td {
  padding: 10px;
  text-align: center;
  font-weight: bold;
}
.gb__table-standard td input[type=text] {
  width: 100%;
  padding: 5px;
  font-weight: bold;
  border: none;
  border-bottom: solid 1px #ccd1d1;
}
.gb__table-standard td input[type=text]:focus {
  border-bottom: solid 2px #ccd1d1;
  outline: none;
}
.gb__table-standard td input[type=datetime-local] {
  width: 100%;
  padding: 5px;
  font-weight: bold;
  border: none;
  border-bottom: solid 1px #ccd1d1;
}
.gb__table-standard td input[type=datetime-local]:focus {
  border-bottom: solid 2px #ccd1d1;
  outline: none;
}
.gb__table-standard td input[type=date] {
  width: 100%;
  padding: 5px;
  font-weight: bold;
  border: none;
  border-bottom: solid 1px #ccd1d1;
}
.gb__table-standard td input[type=date]:focus {
  border-bottom: solid 2px #ccd1d1;
  outline: none;
}
.gb__table-standard td a {
  color: black;
}

.gb__table-filter-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 15px;
  flex-shrink: 0;
}
.gb__table-filter-container .gb__filter-btn-container {
  justify-content: space-between !important;
}
.gb__table-filter-container .gb__filter-btn-container .gb__filters-btn {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
}
.gb__table-filter-container .gb__filter-btn-container .gb__filters-btn img {
  width: 25px;
  height: auto;
}
.gb__table-filter-container .gb__filter-btn-container .gb__filters-btn .filter_open_icon {
  transform: rotate(90deg);
  transition: all 0.3s;
}
.gb__table-filter-container .gb__filter-btn-container .gb__filters-btn .filter_close_icon {
  transition: all 0.3s;
  transform: rotate(270deg) !important;
}
.gb__table-filter-container .gb__filters {
  display: none;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  padding-top: 15px;
  columns: 2;
  gap: 15px;
}
.gb__table-filter-container .gb__filters .gb__filter {
  width: calc(50% - 15px + 7.5px);
  margin-top: -15px;
}
.gb__table-filter-container .gb__filters-on {
  display: flex;
}

.contenedor-div-mensajes {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999999;
  align-items: center;
  justify-content: center;
}

.contenedor-div-animacion {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999999;
  align-items: center;
  justify-content: center;
}

.loader {
  border: 16px solid #f3f3f3;
  /* Light grey */
  border-top: 16px solid #3498db;
  /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 1s linear infinite;
}
.loader span {
  text-align: center;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.contenedor-div-mensajes-bg {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999998;
  background: black;
  opacity: 0.3;
}

.tx-animacion-container {
  background: white;
  width: auto;
  height: auto;
  display: flex;
  padding: 50px;
  flex-direction: column;
  gap: 30px;
  align-items: center;
  justify-content: center;
}

.tx-mensajes-container {
  background: white;
  width: 700px;
  height: auto;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  font-size: 0.85em;
}
@media (max-width: 600px) {
  .tx-mensajes-container {
    font-size: 0.85em;
  }
}
@media (max-width: 1300px) {
  .tx-mensajes-container {
    font-size: 0.85em;
  }
}
@media (max-width: 1024px) {
  .tx-mensajes-container {
    font-size: 0.85em;
  }
}

.tx-mensajes-header {
  width: 100%;
  padding: 15px;
  border-bottom: 1px solid #E3DFDF;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.tx-mensajes-btn-cerrar {
  background: transparent;
  border: none;
}
.tx-mensajes-btn-cerrar:hover {
  background: #FF6E6E;
}
.tx-mensajes-btn-cerrar span {
  color: black;
  font-weight: bold;
}
.tx-mensajes-content {
  width: 100%;
  height: auto;
  padding: 15px;
}

.tx-mensajes-footer {
  width: 100%;
  padding: 15px;
  border-top: 1px solid #E3DFDF;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.font-green {
  color: #69AF65;
}

.font-red {
  color: #FFADAD;
}

.gb__msj-header {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 15px;
  border-radius: 5px;
  margin-bottom: 15px;
}

.gb__msj-header-error {
  background: #FFADAD;
  border: solid 2px #FF6E6E;
}

.gb__msj-header-success {
  background: #69AF65;
  border: solid 2px #08B100;
}

.gb__msj-header-alert {
  background: #DCDE75;
  border: solid 2px #E0E300;
}

.gb__calendar-table {
  width: 100%;
  overflow-y: auto;
  /* make the table scrollable if height is more than 200 px  */
  height: 100%;
  /* gives an initial height of 200px to the table */
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.gb__table-calendar {
  border-collapse: collapse;
  font-size: 1.1em;
}
@media (max-width: 600px) {
  .gb__table-calendar {
    font-size: 1em;
  }
}
@media (max-width: 1300px) {
  .gb__table-calendar {
    font-size: 1em;
  }
}
@media (max-width: 1024px) {
  .gb__table-calendar {
    font-size: 1em;
  }
}
.gb__table-calendar thead th {
  position: sticky;
  /* make the table heads sticky */
  top: 0px;
  /* table head will be placed from the top of the table and sticks to it */
  height: 70px;
  width: 200px;
  background: #161616;
  padding: 10px;
  text-align: center;
  color: #f2f3f4;
}
.gb__table-calendar tr:nth-child(even) {
  background-color: #FFFFFF;
}
.gb__table-calendar td {
  border: 1px solid #9aa49c;
  text-align: center;
  height: 70px;
}
.gb__table-calendar .hora {
  height: 100%;
  width: 100%;
  border-radius: 5px;
  cursor: pointer;
}
.gb__table-calendar .hora-libre {
  background: #92e27a;
}
.gb__table-calendar .hora-ocupada {
  background: #161616;
  cursor: default !important;
}
.gb__table-calendar .hora-ocupada-admin {
  background: #161616;
}
.gb__table-calendar .hora-ocupada-propia {
  background: #068bcb;
}

.gb__calendar-modal-container {
  position: absolute;
  z-index: 10000;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.85em;
}
@media (max-width: 600px) {
  .gb__calendar-modal-container {
    font-size: 0.85em;
  }
}
@media (max-width: 1300px) {
  .gb__calendar-modal-container {
    font-size: 0.85em;
  }
}
@media (max-width: 1024px) {
  .gb__calendar-modal-container {
    font-size: 0.85em;
  }
}
.gb__calendar-modal-container .gb__calendar-modal-bg {
  background: black;
  opacity: 0.3;
  position: absolute;
  z-index: 5000;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.gb__calendar-modal-container .gb__calendar-modal {
  display: flex;
  flex-direction: column;
  border-radius: 5px;
  background: white;
  z-index: 10000;
}
.gb__calendar-modal-container .gb__calendar-modal .gb__calendar-modal-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.gb__calendar-modal-container .gb__calendar-modal .gb__calendar-modal-header .gb__calendar-modal-header-title {
  font-weight: bold;
  padding: 15px;
}
.gb__calendar-modal-container .gb__calendar-modal .gb__calendar-modal-header .gb__calendar-modal-header-close {
  font-weight: bold;
  cursor: pointer;
  padding: 15px;
}
.gb__calendar-modal-container .gb__calendar-modal .gb__calendar-modal-content {
  display: flex;
  flex-direction: row;
  height: 100%;
  padding: 15px;
  border-top: solid 1px #E3DFDF;
}
.gb__calendar-modal-container .gb__calendar-modal .gb__calendar-modal-footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.gb__calendar-modal-container-off {
  display: none;
}

.gb__calendar-modal-footer-btn-container {
  padding: 15px;
  display: flex;
  gap: 10px;
}

.gb__modal-btn-save {
  text-decoration: none;
  padding: 10px;
  background: #2980b9;
  border-radius: 5px;
  cursor: pointer;
  border: none;
  font-weight: bold;
  color: white;
  transition: background 0.3s;
}
.gb__modal-btn-save:hover {
  background: #1B6AB0;
  transition: all 0.3s;
}

.gb__modal-btn-cancel {
  text-decoration: none;
  padding: 10px;
  background: #E3DFDF;
  border-radius: 5px;
  cursor: pointer;
  border: none;
  font-weight: bold;
  color: black;
  transition: background 0.3s;
}
.gb__modal-btn-cancel:hover {
  background: #8D8D8D;
  transition: all 0.3s;
}

.gb__table-calendar-reservas-container {
  height: 100%;
  width: 100%;
  padding: 5px;
}

.tx-container-archivos-digitales {
  height: auto;
  background: #8D8D8D;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.tx-dropzone {
  width: 100%;
  height: 50px;
  background: #EBEBEB;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.gb__archivos-digitales-fila {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 15px;
  flex-wrap: nowrap;
}
.gb__archivos-digitales-fila .gb__files-container {
  display: flex;
}
.gb__archivos-digitales-fila .gb__files-container .gb__file {
  cursor: pointer;
}
.gb__archivos-digitales-fila .gb__files-container .gb__file span {
  display: none;
}
.gb__archivos-digitales-fila .gb__files-container .gb__file img {
  width: 20px;
  height: auto;
}
.gb__archivos-digitales-fila .gb__files-container .gb__file-off {
  display: none !important;
}
.gb__archivos-digitales-fila .gb__file-selector {
  padding-left: 15px;
  padding-right: 15px;
  background: #EBEBEB;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 5px;
}
.gb__archivos-digitales-fila .gb__file-delete-button-off {
  display: none !important;
}

.tx-dropzone.dragover {
  border-color: #000;
  color: #000;
}

.tx-archivos_subidos {
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  overflow: scroll;
  padding: 15px;
}

.tx-archivo {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 15px;
  padding: 15px;
  border-radius: 5px;
  width: 100%;
  height: auto;
}
.tx-archivo img {
  width: 25px;
  height: 25px;
}
.tx-archivo span {
  text-align: center;
}
.tx-archivo:hover {
  background-color: #efefef;
  cursor: pointer;
  transition: all 0.3s;
}

#img-foto {
  cursor: pointer;
}

.gb__dashboard-divisor {
  width: 100%;
  height: 15px;
  background: #f2f3f4;
}

.gb__dashboard-small-card-list {
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: 15px;
  flex-wrap: nowrap;
  justify-content: center;
}
.gb__dashboard-small-card-list.gb__dashboard-small-card-list-1 {
  columns: 1;
}
.gb__dashboard-small-card-list.gb__dashboard-small-card-list-2 {
  columns: 2;
}
.gb__dashboard-small-card-list.gb__dashboard-small-card-list-3 {
  columns: 3;
}

.gb__dashboard-small-card {
  border: none;
  border-radius: 10px;
  background: white;
  position: relative;
  overflow: hidden;
}
.gb__dashboard-small-card .gb__dashboard-small-card-row-value {
  font-weight: bold;
}
.gb__dashboard-small-card.gb__dashboard-small-card-flex {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.gb__dashboard-small-card.gb__dashboard-small-card-flex .gb__dashboard-small-card-header {
  height: auto;
  width: 100%;
  flex-shrink: 0;
  padding: 10px;
  display: flex;
  justify-content: center;
  flex-direction: row;
}
.gb__dashboard-small-card.gb__dashboard-small-card-flex .gb__dashboard-small-card-header span {
  font-weight: bold;
}
.gb__dashboard-small-card.gb__dashboard-small-card-flex .gb__dashboard-small-card-content {
  height: 100%;
  width: 100%;
  padding: 10px;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: center;
}
.gb__dashboard-small-card.gb__dashboard-small-card-flex .gb__dashboard-small-card-footer {
  height: auto;
  width: 100%;
  flex-shrink: 0;
  padding: 10px;
  display: flex;
  justify-content: center;
  flex-direction: row;
}

.gb__dashboard-card {
  border: none;
  border-radius: 10px;
  background: white;
  position: relative;
  overflow: hidden;
}
.gb__dashboard-card .gb__dashboard-card-row-value {
  font-weight: bold;
}
.gb__dashboard-card.gb__dashboard-card-4 {
  width: calc(25% - 15px + 3.75px);
  height: calc(25% - 15px + 3.75px);
}
.gb__dashboard-card.gb__dashboard-card-3 {
  width: calc(33.3333333333% - 15px + 5px);
  height: calc(33.3333333333% - 15px + 5px);
}
.gb__dashboard-card.gb__dashboard-card-2 {
  width: calc(50% - 15px + 7.5px);
  height: calc(50% - 15px + 7.5px);
}
.gb__dashboard-card.gb__dashboard-card-4-w {
  width: calc(25% - 15px + 3.75px);
}
.gb__dashboard-card.gb__dashboard-card-3-w {
  width: calc(33.3333333333% - 15px + 5px);
}
.gb__dashboard-card.gb__dashboard-card-2-w {
  width: calc(50% - 15px + 7.5px);
}
.gb__dashboard-card.gb__dashboard-card-2-w-h-100 {
  width: calc(50% - 15px + 7.5px);
  height: 100%;
}
.gb__dashboard-card.gb__dashboard-card-flex {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.gb__dashboard-card.gb__dashboard-card-flex .gb__dashboard-card-centered {
  justify-content: center !important;
  align-items: center !important;
}
.gb__dashboard-card.gb__dashboard-card-flex .gb__dashboard-card-header {
  height: auto;
  width: 100%;
  flex-shrink: 0;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  box-shadow: 0px 4px 5px -3px rgba(0, 0, 0, 0.1);
  align-items: center;
}
.gb__dashboard-card.gb__dashboard-card-flex .gb__dashboard-card-header span {
  font-size: 1.1em;
  font-weight: bold;
}
@media (max-width: 600px) {
  .gb__dashboard-card.gb__dashboard-card-flex .gb__dashboard-card-header span {
    font-size: 1em;
  }
}
@media (max-width: 1300px) {
  .gb__dashboard-card.gb__dashboard-card-flex .gb__dashboard-card-header span {
    font-size: 1em;
  }
}
@media (max-width: 1024px) {
  .gb__dashboard-card.gb__dashboard-card-flex .gb__dashboard-card-header span {
    font-size: 1em;
  }
}
.gb__dashboard-card.gb__dashboard-card-flex .gb__dashboard-card-content {
  height: 100%;
  width: 100%;
  padding: 10px;
  overflow: scroll;
  display: flex;
}
.gb__dashboard-card.gb__dashboard-card-flex .gb__dashboard-card-footer {
  height: auto;
  width: 100%;
  flex-shrink: 0;
  padding: 10px;
  display: flex;
}

.gb__dashboard-card-full {
  width: 100%;
  height: 100%;
}

.gb__dashboard-card-list {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
  max-height: 100%;
  gap: 15px;
  flex-wrap: wrap;
}

.gb__dashboard-report-row {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 100%;
}
.gb__dashboard-report-row .gb__dashboard-report-row-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
}
.gb__dashboard-report-row .gb__dashboard-report-row-row a {
  text-decoration: none;
  color: black;
}
.gb__dashboard-report-row .gb__dashboard-report-row-row a:visited {
  color: black;
}
.gb__dashboard-report-row .gb__dashboard-report-row-row .gb__dashboard-report-row-line {
  height: 1px;
  background: #ccd1d1;
  margin-right: 15px;
  margin-left: 15px;
  width: 100%;
}
.gb__dashboard-report-row .gb__dashboard-report-row-row .gb__dashboard-report-row-title {
  font-weight: bold;
  flex-shrink: 0;
}
.gb__dashboard-report-row .gb__dashboard-report-row-row .gb__dashboard-report-row-value {
  font-weight: bold;
}

.gb__dashboard-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  max-height: 100%;
  gap: 15px;
}
.gb__dashboard-container .gb__dashboard-list-1 {
  columns: 1;
}
.gb__dashboard-container .gb__dashboard-list-2 {
  columns: 2;
}
.gb__dashboard-container .gb__dashboard-list-3 {
  columns: 3;
}
.gb__dashboard-container .gb__dashboard-header {
  display: flex;
  flex-direction: row;
  gap: 15px;
  width: 100%;
  flex-shrink: 0;
}
.gb__dashboard-container .gb__dashboard-content {
  width: 100%;
  height: 100%;
}
.gb__dashboard-container .gb__dashboard-footer {
  width: 100%;
  height: 30%;
  max-height: 30%;
  flex-shrink: 0;
}

.gb__calendardiario-main-container {
  width: 100%;
}

.gb__calendardiario-table {
  width: auto;
  overflow: auto;
  /* make the table scrollable if height is more than 200 px  */
  height: auto;
  /* gives an initial height of 200px to the table */
  max-height: 100%;
  display: flex;
  flex-direction: row;
}

.gb__table-calendardiario {
  border-collapse: collapse;
}
.gb__table-calendardiario thead th {
  position: sticky;
  /* make the table heads sticky */
  top: 0px;
  /* table head will be placed from the top of the table and sticks to it */
  height: 70px;
  width: 200px;
  background: #161616;
  padding: 10px;
  text-align: center;
  color: #f2f3f4;
}
.gb__table-calendardiario tr:nth-child(even) {
  background-color: #FFFFFF;
}
.gb__table-calendardiario td {
  border: 1px solid #9aa49c;
  width: 200px;
  text-align: center;
  height: 70px;
}
.gb__table-calendardiario .hora {
  height: 100%;
  width: 100%;
  border-radius: 5px;
  cursor: pointer;
}
.gb__table-calendardiario .hora-libre {
  background: #92e27a;
}
.gb__table-calendardiario .hora-ocupada {
  background: #161616;
  cursor: default !important;
}
.gb__table-calendardiario .hora-ocupada-admin {
  background: #161616;
}
.gb__table-calendardiario .hora-ocupada-propia {
  background: #068bcb;
}

.gb__calendardiario-modal-container {
  position: absolute;
  z-index: 10000;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gb__calendardiario-modal-container .gb__calendardiario-modal-bg {
  background: black;
  opacity: 0.3;
  position: absolute;
  z-index: 5000;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.gb__calendardiario-modal-container .gb__calendardiario-modal {
  display: flex;
  flex-direction: column;
  border-radius: 5px;
  background: white;
  z-index: 10000;
}
.gb__calendardiario-modal-container .gb__calendardiario-modal .gb__calendardiario-modal-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.gb__calendardiario-modal-container .gb__calendardiario-modal .gb__calendardiario-modal-header .gb__calendardiario-modal-header-title {
  font-weight: bold;
  padding: 15px;
}
.gb__calendardiario-modal-container .gb__calendardiario-modal .gb__calendardiario-modal-header .gb__calendardiario-modal-header-close {
  font-weight: bold;
  cursor: pointer;
  padding: 15px;
}
.gb__calendardiario-modal-container .gb__calendardiario-modal .gb__calendardiario-modal-content {
  display: flex;
  flex-direction: row;
  height: 100%;
  padding: 15px;
  border-top: solid 1px #E3DFDF;
}
.gb__calendardiario-modal-container .gb__calendardiario-modal .gb__calendardiario-modal-footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.gb__calendardiario-modal-container-off {
  display: none;
}

.gb__calendardiario-modal-footer-btn-container {
  padding: 15px;
  display: flex;
  gap: 10px;
}

.gb__modal-btn-save {
  text-decoration: none;
  padding: 10px;
  background: #2980b9;
  border-radius: 5px;
  cursor: pointer;
  border: none;
  font-weight: bold;
  color: white;
  transition: background 0.3s;
}
.gb__modal-btn-save:hover {
  background: #1B6AB0;
  transition: all 0.3s;
}

.gb__modal-btn-cancel {
  text-decoration: none;
  padding: 10px;
  background: #E3DFDF;
  border-radius: 5px;
  cursor: pointer;
  border: none;
  font-weight: bold;
  color: black;
  transition: background 0.3s;
}
.gb__modal-btn-cancel:hover {
  background: #8D8D8D;
  transition: all 0.3s;
}

.gb__table-calendardiario-reservas-container {
  height: 100%;
  width: 100%;
  padding: 5px;
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: relative;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.gb__reports-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  max-height: 100%;
  gap: 15px;
}
.gb__reports-container .gb__reports-card {
  border: none;
  border-radius: 10px;
  background: white;
  position: relative;
  overflow: hidden;
  padding: 15px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 20%;
  justify-content: center;
  align-items: center;
}
.gb__reports-container .gb__reports-card a {
  display: flex;
  flex-direction: column;
  gap: 15px;
  text-decoration: none;
  color: black;
}
.gb__reports-container .gb__reports-card a:visited {
  color: black;
}
.gb__reports-container .gb__reports-card .gb__reports-card-title {
  text-align: center;
  font-size: 1.1em;
  font-weight: bold;
}
@media (max-width: 600px) {
  .gb__reports-container .gb__reports-card .gb__reports-card-title {
    font-size: 1em;
  }
}
@media (max-width: 1300px) {
  .gb__reports-container .gb__reports-card .gb__reports-card-title {
    font-size: 1em;
  }
}
@media (max-width: 1024px) {
  .gb__reports-container .gb__reports-card .gb__reports-card-title {
    font-size: 1em;
  }
}
.gb__reports-container .gb__reports-card .gb__reports-card-description {
  text-align: center;
  font-size: 0.85em;
}
@media (max-width: 600px) {
  .gb__reports-container .gb__reports-card .gb__reports-card-description {
    font-size: 0.85em;
  }
}
@media (max-width: 1300px) {
  .gb__reports-container .gb__reports-card .gb__reports-card-description {
    font-size: 0.85em;
  }
}
@media (max-width: 1024px) {
  .gb__reports-container .gb__reports-card .gb__reports-card-description {
    font-size: 0.85em;
  }
}

.file-viewer-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 50;
  border-radius: 5px;
  gap: 5px;
  position: absolute;
  top: 0;
  left: 0;
  padding: 15px;
}
.file-viewer-container ::-webkit-scrollbar {
  display: block;
}

.file-viewer-off {
  display: none !important;
}

.file-viewer {
  display: flex;
  width: 100%;
  max-height: calc(100% - 50px);
  flex-shrink: 1;
  align-items: center;
  overflow: scroll;
}

.file-viewer-img {
  object-fit: fill;
  width: auto;
  height: 100%;
  max-height: calc(100% - 50px);
  margin-right: auto;
  margin-left: auto;
}

.file-viewer-pdf {
  text-align: center;
  height: 100%;
  width: 100%;
  overflow: scroll;
  z-index: 50;
}

.file-viewer-btn-container {
  box-shadow: 0px 4px 5px -3px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  background: #FFFFFF;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  padding: 15px;
  flex-shrink: 0;
  gap: 15px;
  z-index: 60;
}

.file-viewer-pdf-btn-container {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 15px;
  align-items: center;
}

.gb__file-viewer-close-button {
  cursor: pointer;
}

.gb__file-viewer-download-button {
  cursor: pointer;
}

.gb__app-main-cont {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: row;
}
.gb__app-main-cont .gb__app-sidebar-cont {
  width: 100px;
  height: 100%;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  z-index: 1;
}
@media (max-height: 760px) {
  .gb__app-main-cont .gb__app-sidebar-cont {
    width: 150px;
  }
}
.gb__app-main-cont .gb__app-sidebar-cont .gb__app-sidebar-header {
  flex-shrink: 0;
  width: 100%;
  height: 55px;
  display: flex;
  flex-direction: row;
  text-align: center;
  align-items: center;
  justify-content: center;
  background: #161616;
}
.gb__app-main-cont .gb__app-sidebar-cont .gb__app-sidebar-header .gb__app-header-logo:visited {
  color: white;
}
.gb__app-main-cont .gb__app-sidebar-cont .gb__app-sidebar-content {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: scroll;
  background: #161616;
  color: #f2f3f4;
  font-size: 0.85em;
}
@media (max-width: 600px) {
  .gb__app-main-cont .gb__app-sidebar-cont .gb__app-sidebar-content {
    font-size: 0.85em;
  }
}
@media (max-width: 1300px) {
  .gb__app-main-cont .gb__app-sidebar-cont .gb__app-sidebar-content {
    font-size: 0.85em;
  }
}
@media (max-width: 1024px) {
  .gb__app-main-cont .gb__app-sidebar-cont .gb__app-sidebar-content {
    font-size: 0.85em;
  }
}
.gb__app-main-cont .gb__app-sidebar-cont .gb__app-sidebar-content .gb__app-sidebar-link-no-ul {
  color: white;
  text-decoration: none;
}
.gb__app-main-cont .gb__app-sidebar-cont .gb__app-sidebar-content ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.gb__app-main-cont .gb__app-sidebar-cont .gb__app-sidebar-content ul li {
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
}
.gb__app-main-cont .gb__app-sidebar-cont .gb__app-sidebar-content ul li a {
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  display: block;
  color: black;
}
.gb__app-main-cont .gb__app-sidebar-cont .gb__app-sidebar-content ul li a:visited {
  color: black;
}
.gb__app-main-cont .gb__app-sidebar-cont .gb__app-sidebar-content .gb__app-sidebar-menu-1 {
  width: 100px;
  height: 100%;
}
@media (max-height: 760px) {
  .gb__app-main-cont .gb__app-sidebar-cont .gb__app-sidebar-content .gb__app-sidebar-menu-1 {
    width: 150px;
  }
}
.gb__app-main-cont .gb__app-sidebar-cont .gb__app-sidebar-content .gb__app-sidebar-menu-1 .gb__app-sidebar-menu-title {
  margin-top: 5px;
}
@media (max-height: 760px) {
  .gb__app-main-cont .gb__app-sidebar-cont .gb__app-sidebar-content .gb__app-sidebar-menu-1 .gb__app-sidebar-menu-title {
    width: 100%;
  }
}
.gb__app-main-cont .gb__app-sidebar-cont .gb__app-sidebar-content .gb__app-sidebar-menu-1 .gb__app-sidebar-li-1-active {
  background: #2980b9;
  color: white;
}
.gb__app-main-cont .gb__app-sidebar-cont .gb__app-sidebar-content .gb__app-sidebar-menu-1 .gb__app-sidebar-li-1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  gap: 5px;
}
@media (max-height: 760px) {
  .gb__app-main-cont .gb__app-sidebar-cont .gb__app-sidebar-content .gb__app-sidebar-menu-1 .gb__app-sidebar-li-1 {
    flex-direction: row;
    justify-content: space-between;
  }
}
.gb__app-main-cont .gb__app-sidebar-cont .gb__app-sidebar-content .gb__app-sidebar-menu-1 li:hover {
  background: white;
  color: black;
}
.gb__app-main-cont .gb__app-sidebar-cont .gb__app-sidebar-content .gb__app-sidebar-menu-1 li:hover > .gb__app-sidebar-menu-2 {
  left: 100px;
}
@media (max-height: 760px) {
  .gb__app-main-cont .gb__app-sidebar-cont .gb__app-sidebar-content .gb__app-sidebar-menu-1 li:hover > .gb__app-sidebar-menu-2 {
    left: 150px;
  }
}
.gb__app-main-cont .gb__app-sidebar-cont .gb__app-sidebar-content .gb__app-sidebar-menu-1 .gb__app-sidebar-menu-2 {
  position: fixed;
  width: 200px;
  height: 100%;
  top: 55px;
  overflow: scroll;
  background: #d6eaf8;
  left: -200px;
  z-index: 99999;
}
.gb__app-main-cont .gb__app-sidebar-cont .gb__app-sidebar-content .gb__app-sidebar-menu-1 .gb__app-sidebar-menu-2 li:hover {
  background: white;
}
.gb__app-main-cont .gb__app-sidebar-cont .gb__app-sidebar-content .gb__app-sidebar-menu-1 .gb__app-sidebar-menu-2 li:hover > .gb__app-sidebar-menu-3 {
  left: 400px;
}
.gb__app-main-cont .gb__app-sidebar-cont .gb__app-sidebar-content .gb__app-sidebar-menu-1 .gb__app-sidebar-menu-2 .gb__app-sidebar-menu-3 {
  position: fixed;
  width: 200px;
  height: 100%;
  top: 55px;
  left: -400px;
  overflow: scroll;
  background: #161616;
  z-index: 99999;
}
.gb__app-main-cont .gb__app-sidebar-cont .gb__app-sidebar-footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 15px;
  background: #161616;
}
.gb__app-main-cont .gb__app-sidebar-cont .gb__app-sidebar-footer .gb__app-sidebar-footer-logo {
  color: white;
}
.gb__app-main-cont .gb__app-sidebar-cont .gb__app-sidebar-footer .gb__app-sidebar-footer-logo:visited {
  color: white;
}
.gb__app-main-cont .gb__app-content-cont {
  width: calc(100% - 100px);
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
}
@media (max-height: 760px) {
  .gb__app-main-cont .gb__app-content-cont {
    width: calc(100% - 150px);
  }
}
.gb__app-main-cont .gb__app-content-cont .gb__app-header {
  flex-shrink: 0;
  height: 55px;
  width: 100%;
  background: white;
  padding: 15px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: end;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0);
  font-size: 0.85em;
}
@media (max-width: 600px) {
  .gb__app-main-cont .gb__app-content-cont .gb__app-header {
    font-size: 0.85em;
  }
}
@media (max-width: 1300px) {
  .gb__app-main-cont .gb__app-content-cont .gb__app-header {
    font-size: 0.85em;
  }
}
@media (max-width: 1024px) {
  .gb__app-main-cont .gb__app-content-cont .gb__app-header {
    font-size: 0.85em;
  }
}
.gb__app-main-cont .gb__app-content-cont .gb__app-header .gb__app-header-user {
  flex-shrink: 0;
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  padding: 15px;
  cursor: pointer;
  position: relative;
}
.gb__app-main-cont .gb__app-content-cont .gb__app-header .gb__app-header-user .gb__app-header-avatar {
  height: 32px;
  width: 32px;
  border-radius: 50%;
  border: solid black 2px;
}
.gb__app-main-cont .gb__app-content-cont .gb__app-header .gb__app-header-logout-on {
  display: flex !important;
  opacity: 1 !important;
  animation: gb__opacity_0_1 0.3s;
}
.gb__app-main-cont .gb__app-content-cont .gb__app-header .gb__app-header-logout {
  width: 80%;
  height: 75px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  z-index: 8000;
  width: auto;
  height: auto;
  border-radius: 5px;
  background: #EBEBEB;
  position: absolute;
  top: 55px;
  display: none;
}
.gb__app-main-cont .gb__app-content-cont .gb__app-header .gb__app-header-logout ul {
  margin: 0;
  padding: 0;
  width: 100%;
}
.gb__app-main-cont .gb__app-content-cont .gb__app-header .gb__app-header-logout ul li {
  margin: 0;
  list-style-type: none;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.gb__app-main-cont .gb__app-content-cont .gb__app-header .gb__app-header-logout ul li a {
  cursor: pointer;
  text-decoration: none;
  text-align: right;
  display: block;
}
.gb__app-main-cont .gb__app-content-cont .gb__app-header .gb__app-header-logout ul li a:visited {
  color: black;
}
.gb__app-main-cont .gb__app-content-cont .gb__app-header .gb__app-header-logout ul li:first-child {
  padding-top: 10px;
}
.gb__app-main-cont .gb__app-content-cont .gb__app-header .gb__app-header-logout ul li:last-child {
  padding-bottom: 10px;
}
.gb__app-main-cont .gb__app-content-cont .gb__app-content {
  width: 100%;
  height: 100%;
  padding: 15px;
  overflow: scroll;
  position: relative;
  background: #f2f3f4;
  display: flex;
  flex-direction: column;
  font-size: 0.85em;
}
@media (max-width: 600px) {
  .gb__app-main-cont .gb__app-content-cont .gb__app-content {
    font-size: 0.85em;
  }
}
@media (max-width: 1300px) {
  .gb__app-main-cont .gb__app-content-cont .gb__app-content {
    font-size: 0.85em;
  }
}
@media (max-width: 1024px) {
  .gb__app-main-cont .gb__app-content-cont .gb__app-content {
    font-size: 0.85em;
  }
}

@keyframes gb__opacity_0_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.gb__padding-15 {
  padding: 15px;
}

.gb__padding-l-15 {
  padding-left: 15px;
}

.gb__padding-r-15 {
  padding-right: 15px;
}

.gb__padding-t-15 {
  padding-top: 15px;
}

.gb__padding-b-15 {
  padding-bottom: 15px;
}

.gb__position-sticky {
  position: sticky;
  top: 0;
  left: 0;
}

.gb__justify-right {
  justify-content: right;
}

.gb__justify-left {
  justify-content: left;
}