/**
* app: KidiTeachers
* version name: 3.0.2.14
* author: elevenminds
* build date: 2025-11-11T22:22:00.000Z
*/
@font-face {
  font-family: "Lato-Thin";
  font-style: normal;
  src: url(../../fonts/Lato/Lato-Thin.ttf);
}
@font-face {
  font-family: "Lato-ThinItalic";
  font-style: normal;
  src: url(../../fonts/Lato/Lato-ThinItalic.ttf);
}
@font-face {
  font-family: "Lato-Light";
  font-style: normal;
  src: url(../../fonts/Lato/Lato-Light.ttf);
}
@font-face {
  font-family: "Lato-LightItalic";
  font-style: normal;
  src: url(../../fonts/Lato/Lato-LightItalic.ttf);
}
@font-face {
  font-family: "Lato";
  font-style: normal;
  src: url(../../fonts/Lato/Lato-Regular.ttf);
}
@font-face {
  font-family: "Lato-Bold";
  font-style: normal;
  src: url(../../fonts/Lato/Lato-Bold.ttf);
}
@font-face {
  font-family: "Lato-BoldItalic";
  font-style: normal;
  src: url(../../fonts/Lato/Lato-BoldItalic.ttf);
}
:root {
  --color-green: #00D75A;
  --color-salida: #ff7f77;
  --color-orange: #fb8b24;
  --color-blue-action: #39a0ff;
  --color-child: #79A1D2;
  --color-girl: #D581B3;
  --profile-no-image-color: #d9d9d9;
  --color-primary1: #ffffff;
  --color-text1: #101010;
  --color-text-contrast: var(--color-primary1);
  --color-input-focus: --color-text1;
  --width-logo-option: 90px;
  --height-logo-option: 120px;
  --hgt-header: 70px;
  --hgt-footer: 70px;
  --margin-default: 30px;
  --color_borderbox1: #d1d1d1;
  --color-error: #ed0000;
  --color-enter: #00D75A;
  --color-departure: #FF7F77;
  --color-snooze: #44CCFF;
  --color-food: #E82C2C;
  --color-hygiene: #3066BE;
  --color-activities: #FFD23F;
  --color-win: #D30C7B;
  --color-photos: #EE6C4D;
  --color-comments: #3BCEAC;
  --color-humor: #7D3D99;
  --color-grupo-inactivo: #FBD050;
  --color-extemporaneo: #44ccff;
  --color-chat-head: #FFB156;
  --color-rgba-enter: 0, 215, 90;
  --color-rgba-departure: 255, 127, 119;
  --color-rgba-snooze: 68, 204, 255;
  --color-rgba-food: 232, 44, 44;
  --color-rgba-hygiene: 48, 102, 190;
  --color-rgba-activities: 255, 210, 63;
  --color-rgba-win: 211, 12, 123;
  --color-rgba-photos: 238, 108, 77;
  --color-rgba-comments: 59, 206, 172;
  --color-rgba-humor: 125, 61, 153;
  --color-rgb-reporte-salon: 0, 215, 90;
  --border-width: 2px;
  --height-default-button: 40px;
  --sze-btn-circle: 46px;
  --size-icon-default: 50px;
  --sze-img-profile: 50px;
  --height-defult-textarea: 120px;
  --default-hgt-img-background: 230px;
  --min-width-header-hour-home: 180px;
  --flex-cards-child: 194px;
  --width-btn-done-card: 40px;
  --max-width-opts-container: 400px;
  --max-height-opts-container: 420px;
  --flex-basis-options: 120px;
  --sze-icon-options: 60px;
  --max-width-toast: 400px;
  --wth-dialog-container: 320px;
  --min-hgt-dialog: 200px;
  --hgt-footer-dialog: 36px;
  --wth-opts-event: 80px;
  --height-header-bubbles: 100px;
  --sze-img-exit: 80px;
  --sze-bubble-child: 70px;
  --w-border-shadow: -4px;
  --height-inputContainer: 50px;
  --wth-list-chat-childs: auto;
  --min-hgt-message-item: 40px;
  --font-sze-time-chat: 12px;
  --min-hgt-send-file: 200px;
  --sze-icon-send-file: 70px;
  --max-width-content-login: 380px;
  --logo-width-login: 120px;
  --eye-size: 30px;
  --sze-icon-weather-main: 150px;
  --flx-b-weath-days: 130px;
  --hgt-header-report: 90px;
  --sze-icon-header-report: 36px;
  --sze-ic-exit-report: 64px;
  --min-item-ev-report: 250px;
  --sze-ic-evt-report: 30px;
  --height-footer-event: 50px;
  --hgt-tab-food: 40px;
  --flex-b-milestone: 280px;
  --wth-photo-item: 230px;
  --hgt-photo-item: 210px;
  --margin-icons-humor: 30px;
  --sze-photo-profile: 150px;
  --sze-ic-take-photo-prof: 40px;
  --sze-logo-birtdh: 100px;
}

:root {
  --color-main: #00d655;
  --color-g-primario: var(--color-green);
  --color-g-secundario: var(--color-orange);
}

:root {
  --color-border: #949494;
  --color-border-light: #d8d8d8;
}

:root {
  --color-accent: var(--color-orange);
  --size-bezel: 0.5rem;
  --size-radius: 5px;
  --height-input-default: 45px;
  --sze-icon-check: 40px;
  --input-date-defaultwidth: 140px;
}

:root {
  --border-with-bubble: 0.2em;
  --font-size: 16px;
  --font-size-mi-1: calc(var(--font-size) - 1px);
  --font-size-mi-2: calc(var(--font-size) - 2px);
  --font-size-mi-3: calc(var(--font-size) - 3px);
  --font-size-mi-4: calc(var(--font-size) - 4px);
  --font-size-ma-1: calc(var(--font-size) + 1px);
  --font-size-ma-2: calc(var(--font-size) + 2px);
  --font-size-ma-4: calc(var(--font-size) + 4px);
  --padding1: 5px;
  --padding2: calc(var(--padding1)*2);
  --padding3: calc(var(--padding1)*3);
  --padding4: calc(var(--padding1)*4);
  --padding5: calc(var(--padding1)*5);
  --padding6: calc(var(--padding1)*6);
}

@media only screen and (max-height: 500px) {
  :root {
    --hgt-header: 50px;
    --hgt-footer: 50px;
    --margin-default: 20px;
    --width-logo-option: 60px;
    --height-logo-option: 100px;
    --height-default-button: 32px;
    --font-size: 14px;
    --padding1: 3px;
    --sze-btn-circle: 34px;
    --size-icon-default: 36px;
    --height-defult-textarea: 80px;
    --min-width-header-hour-home: 130px;
    --sze-img-profile: 40px;
    --flex-cards-child: 164px;
    --width-btn-done-card: 30px;
    --max-width-opts-container: 300px;
    --max-height-opts-container: 380px;
    --flex-basis-options: 90px;
    --sze-icon-options: 46px;
    --max-width-toast: 300px;
    --wth-dialog-container: 250px;
    --min-hgt-dialog: 140px;
    --hgt-footer-dialog: 28px;
    --wth-opts-event: 40px;
    --height-header-bubbles: 70px;
    --sze-img-exit: 40px;
    --sze-bubble-child: 50px;
    --w-border-shadow: -2px;
    --height-inputContainer: 50px;
    --wth-list-chat-childs: auto;
    --default-hgt-img-background: 140px;
    --min-hgt-message-item: 36px;
    --font-sze-time-chat: 10px;
    --min-hgt-send-file: 120px;
    --sze-icon-send-file: 46px;
    --height-input-default: 32px;
    --sze-icon-check: 26px;
    --input-date-defaultwidth: 120px;
    --max-width-content-login: 320px;
    --logo-width-login: 80px;
    --eye-size: 24px;
    --sze-icon-weather-main: 80px;
    --flx-b-weath-days: 90px;
    --hgt-header-report: 60px;
    --sze-icon-header-report: 22px;
    --sze-ic-exit-report: 50px;
    --min-item-ev-report: 180px;
    --sze-ic-evt-report: 24px;
    --height-footer-event: 40px;
    --hgt-tab-food: 30px;
    --flex-b-milestone: 200px;
    --wth-photo-item: 120px;
    --hgt-photo-item: 110px;
    --margin-icons-humor: 10px;
    --sze-photo-profile: 80px;
    --sze-ic-take-photo-prof: 22px;
    --sze-logo-birtdh: 60px;
  }
}
/* Browsers with no -webkit support */
@supports not selector(::-webkit-scrollbar) {
  * {
    scrollbar-width: thin;
    scrollbar-color: #C1C1C1 #f0f0f0;
  }
}
*::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

*::-webkit-scrollbar-button {
  display: none;
}

*::-webkit-scrollbar-track {
  /* background-color: #f0f0f0; */
  background-color: #eae7e7;
  border-radius: 5px;
}

*::-webkit-scrollbar-track-piece {
  /* background-color: #f0f0f0; */
  background-color: #eae7e7;
  border-radius: 5px;
}

*::-webkit-scrollbar-thumb {
  background-color: #C1C1C1;
  border-radius: 5px;
}

*::-webkit-resizer {
  display: none;
}

*::-webkit-scrollbar-thumb:hover {
  background-color: #A8A8A8;
}

*::-webkit-scrollbar-thumb:active {
  background-color: #808080;
}

.shy_scroll, .shy_scrollthin {
  /* webkit */
}
@supports not selector(::-webkit-scrollbar) {
  .shy_scroll, .shy_scrollthin {
    /* Firefox style scroll*/
    scrollbar-color: transparent transparent;
    scrollbar-width: thin;
  }
}
.shy_scroll::-webkit-scrollbar, .shy_scrollthin::-webkit-scrollbar {
  background-color: transparent;
  width: 5px;
  height: 5px;
}
.shy_scroll::-webkit-scrollbar-track, .shy_scrollthin::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 5px;
}
.shy_scroll::-webkit-scrollbar-track-piece, .shy_scrollthin::-webkit-scrollbar-track-piece {
  background-color: transparent;
  border-radius: 5px;
}
.shy_scroll::-webkit-scrollbar-thumb, .shy_scrollthin::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 5px;
}
.shy_scroll::-webkit-scrollbar-thumb:hover, .shy_scrollthin::-webkit-scrollbar-thumb:hover {
  background-color: transparent;
}
.shy_scroll::-webkit-scrollbar-thumb:active, .shy_scrollthin::-webkit-scrollbar-thumb:active {
  background-color: transparent;
}
.shy_scroll:hover::-webkit-scrollbar-thumb, .shy_scrollthin:hover::-webkit-scrollbar-thumb {
  background-color: #C1C1C1;
}
.shy_scroll:hover::-webkit-scrollbar-thumb:hover, .shy_scrollthin:hover::-webkit-scrollbar-thumb:hover {
  background-color: #A8A8A8;
}
.shy_scroll:hover::-webkit-scrollbar-thumb:active, .shy_scrollthin:hover::-webkit-scrollbar-thumb:active {
  background-color: #808080;
}

.shy_scrollthin {
  /* webkit */
}
.shy_scrollthin::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.shy_scrollthin::-webkit-scrollbar-track {
  border-radius: 4px;
}
.shy_scrollthin::-webkit-scrollbar-track-piece {
  border-radius: 4px;
}
.shy_scrollthin::-webkit-scrollbar-thumb {
  border-radius: 4px;
}

.hide_scroll {
  /* Firefox style scroll*/
  /* webkit */
}
@supports not selector(::-webkit-scrollbar) {
  .hide_scroll {
    scrollbar-color: transparent transparent;
    scrollbar-width: thin;
  }
}
.hide_scroll::-webkit-scrollbar {
  background-color: transparent;
  width: 0px;
  height: 0px;
}

div.animated-background {
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: linear-gradient(to right, rgba(238, 238, 238, 0) 5%, rgba(187, 187, 187, 0.4470588235) 20%, rgba(238, 238, 238, 0) 35%);
  background-size: 800px 104px;
  min-height: 25px;
  height: 100%;
}

tr.animated-background {
  position: relative;
}
tr.animated-background > td::before {
  content: "";
  display: block;
  height: 90%;
  width: 90%;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: linear-gradient(to right, rgba(238, 238, 238, 0) 5%, rgba(187, 187, 187, 0.4470588235) 20%, rgba(238, 238, 238, 0) 35%);
  background-size: 800px 104px;
  min-height: 25px;
  height: 100%;
}

@keyframes placeHolderShimmer {
  0% {
    background-position: -800px 0;
  }
  100% {
    background-position: 800px 0;
  }
}
.opacity-transition, .empty_tag {
  animation: opacity-transition 0.5s;
}

@keyframes opacity-transition {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.list-options-events {
  width: var(--wth-opts-event);
  position: absolute;
  top: 0;
  right: calc(-1 * var(--margin-default));
  height: 100%;
  display: flex;
  place-items: center;
  flex-flow: column;
}
.list-options-events .opts-events {
  flex: 1;
  display: flex;
  align-items: center;
}
.list-options-events .img-event-icon {
  text-align: center;
}
.list-options-events .img-event-icon svg {
  width: 60%;
  height: auto;
}
.list-options-events .opts-events.selected {
  border-radius: var(--padding3) 0 0 var(--padding3);
}
.list-options-events .opts-events.selected.event-icon-0 {
  background-color: rgba(var(--color-rgb-reporte-salon), 0.3);
  box-shadow: rgba(var(--color-rgb-reporte-salon)) var(--w-border-shadow) 0px 1px 0px;
}
.list-options-events .opts-events.selected.event-icon-1 {
  background-color: rgba(var(--color-rgba-snooze), 0.3);
  box-shadow: rgba(var(--color-rgba-snooze)) var(--w-border-shadow) 0px 1px 0px;
}
.list-options-events .opts-events.selected.event-icon-2 {
  background-color: rgba(var(--color-rgba-food), 0.3);
  box-shadow: rgba(var(--color-rgba-food)) var(--w-border-shadow) 0px 1px 0px;
}
.list-options-events .opts-events.selected.event-icon-3 {
  background-color: rgba(var(--color-rgba-hygiene), 0.3);
  box-shadow: rgba(var(--color-rgba-hygiene)) var(--w-border-shadow) 0px 1px 0px;
}
.list-options-events .opts-events.selected.event-icon-4 {
  background-color: rgba(var(--color-rgba-activities), 0.3);
  box-shadow: rgba(var(--color-rgba-activities)) var(--w-border-shadow) 0px 1px 0px;
}
.list-options-events .opts-events.selected.event-icon-5 {
  background-color: rgba(var(--color-rgba-win), 0.3);
  box-shadow: rgba(var(--color-rgba-win)) var(--w-border-shadow) 0px 1px 0px;
}
.list-options-events .opts-events.selected.event-icon-6 {
  background-color: rgba(var(--color-rgba-photos), 0.3);
  box-shadow: rgba(var(--color-rgba-photos)) var(--w-border-shadow) 0px 1px 0px;
}
.list-options-events .opts-events.selected.event-icon-7 {
  background-color: rgba(var(--color-rgba-comments), 0.3);
  box-shadow: rgba(var(--color-rgba-comments)) var(--w-border-shadow) 0px 1px 0px;
}
.list-options-events .opts-events.selected.event-icon-8 {
  background-color: rgba(var(--color-rgba-humor), 0.3);
  box-shadow: rgba(var(--color-rgba-humor)) var(--w-border-shadow) 0px 1px 0px;
}
.list-options-events .opts-events.selected.event-icon-11 {
  background-color: rgba(var(--color-rgba-win), 0.3);
  box-shadow: rgba(var(--color-rgba-win)) var(--w-border-shadow) 0px 1px 0px;
}

.spinner-component {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.1);
}
.spinner-component > .spinner {
  display: block;
  width: 30px;
  height: 30px;
  border-width: 4px;
  border-style: solid;
  border-color: #FFF;
  border-bottom-color: transparent;
  border-radius: 50%;
  animation: rotation 1s linear infinite;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.empty_tag {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: var(--padding2);
  pointer-events: none;
}
.empty_tag svg {
  opacity: 0.8;
  width: 100px;
  height: 100px;
  fill: var(--color-win);
  margin-bottom: var(--padding1);
}
.empty_tag label {
  color: var(--color-win);
  font-size: var(--font-size-ma-2) !important;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .empty_tag svg {
    width: 75px !important;
    height: 75px;
  }
  .empty_tag label {
    font-size: var(--font-size-ma-1) !important;
  }
}
/* HTML: <div class="loader"></div> */
.weather-loader {
  position: absolute;
  margin: auto;
  width: 108px;
  height: 60px;
  color: var(--color-blue-action);
  --c: radial-gradient(farthest-side, currentColor 96%, #0000);
  background: var(--c) 100% 100%/30% 60%, var(--c) 70% 0/50% 100%, var(--c) 0 100%/36% 68%, var(--c) 27% 18%/26% 40%, linear-gradient(currentColor 0 0) bottom/67% 58%;
  background-repeat: no-repeat;
  position: relative;
}
.weather-loader:after {
  content: "";
  position: absolute;
  inset: 0;
  background: inherit;
  opacity: 0.4;
  animation: l7 1s infinite;
}

@keyframes l7 {
  to {
    transform: scale(1.8);
    opacity: 0;
  }
}
* {
  font-family: "Lato", Arial, sans-serif;
  margin: 0;
  padding: 0;
  user-select: none;
  box-sizing: border-box;
}

*:not(input, textarea) {
  -webkit-user-select: none;
  user-select: none;
}

/**
** :not(.not-apply) para descaratar font-size en animaciones con d3
**/
*:not(.no-apply) {
  font-size: var(--font-size);
}

html,
body {
  height: 100%;
  overflow: hidden;
  color: var(--color-text1);
  background-color: var(--color-primary1);
}

.hide {
  display: none !important;
}

.link {
  text-decoration: underline;
  color: rgb(0, 49, 209);
}

img {
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.bubble-child {
  width: var(--sze-bubble-child);
  height: var(--sze-bubble-child);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-basis: var(--sze-bubble-child);
  text-align: center;
  position: relative;
  background-color: var(--profile-no-image-color);
  border-color: var(--color-child);
  border-width: var(--border-with-bubble);
  border-style: solid;
}
.bubble-child.female {
  border-color: var(--color-girl);
}
.bubble-child img {
  width: 100%;
  height: 100%;
  display: inline-block;
  border-radius: 50%;
  object-fit: cover;
  z-index: 1;
}
.bubble-child .name-child {
  position: absolute;
  inline-size: calc(100% - var(--border-with-bubble));
  overflow-wrap: break-word;
  max-height: 100%;
  overflow: hidden;
  border-radius: 50%;
}

.event-icon-0 {
  fill: rgba(var(--color-rgb-reporte-salon), 1);
}
.event-icon--2 {
  fill: rgba(var(--color-rgba-enter), 1);
}
.event-icon--1 {
  fill: rgba(var(--color-rgba-departure), 1);
}
.event-icon-1 {
  fill: rgba(var(--color-rgba-snooze), 1);
}
.event-icon-2 {
  fill: rgba(var(--color-rgba-food), 1);
}
.event-icon-3 {
  fill: rgba(var(--color-rgba-hygiene), 1);
}
.event-icon-4 {
  fill: rgba(var(--color-rgba-activities), 1);
}
.event-icon-5 {
  fill: rgba(var(--color-rgba-win), 1);
}
.event-icon-6 {
  fill: rgba(var(--color-rgba-photos), 1);
}
.event-icon-7 {
  fill: rgba(var(--color-rgba-comments), 1);
}
.event-icon-8 {
  fill: rgba(var(--color-rgba-humor), 1);
}
.event-icon-9 {
  fill: rgba(var(--color-rgba-enter), 1);
}
.event-icon-10 {
  fill: rgba(var(--color-rgba-departure), 1);
}
.event-icon-11 {
  fill: rgba(var(--color-rgba-win), 1);
}
.event-icon--999 {
  fill: rgba(var(--color-rgba-enter), 1);
}
.event-icon--1000 {
  fill: rgba(var(--color-rgba-departure), 1);
}

.button-circle {
  width: var(--sze-btn-circle);
  height: var(--sze-btn-circle);
  border-radius: 50%;
  line-height: 20px;
  vertical-align: center;
  border: none;
}
.button-circle.save {
  background: none;
}

.checkbox-item label {
  margin-left: 10px;
}.ui-agenda .body-container {
  display: flex;
  padding: var(--padding6) 0;
}
.ui-agenda .body-container > div {
  width: 100%;
  border-radius: var(--padding3);
  position: relative;
  background-color: var(--color-primary1);
}
.ui-agenda .button-circle.add {
  background-color: var(--color-blue-action);
}
.ui-agenda .button-circle.add svg {
  width: 100%;
  height: 100%;
}
.ui-agenda .button-circle.delete svg {
  width: 100%;
  height: 100%;
}
.ui-agenda .agenda-container.list-events {
  max-width: 700px;
  max-height: 500px;
  margin-right: var(--margin-default);
}
.ui-agenda .agenda-container.list-events .header-list {
  width: 100%;
  height: calc(var(--margin-default) * 2);
  background-color: var(--color-blue-action);
  border-radius: var(--padding3) var(--padding3) 0 0;
  display: flex;
  align-items: center;
  position: relative;
}
.ui-agenda .agenda-container.list-events .header-list .title {
  flex: 1;
  text-align: center;
  color: var(--color-text-contrast);
}
.ui-agenda .agenda-container.list-events .header-list .ic_back,
.ui-agenda .agenda-container.list-events .header-list .ic-prev,
.ui-agenda .agenda-container.list-events .header-list .ic-next {
  position: absolute;
  width: min-content;
  min-width: 45px;
  max-width: 50px;
}
.ui-agenda .agenda-container.list-events .header-list .ic-next,
.ui-agenda .agenda-container.list-events .header-list .ic-prev {
  width: auto;
  height: 80%;
}
.ui-agenda .agenda-container.list-events .header-list .ic-next {
  right: 0;
}
.ui-agenda .agenda-container.list-events .header-list .ic_back {
  left: var(--padding3);
  height: 50%;
}
.ui-agenda .agenda-container.list-events .list-all-events {
  width: 100%;
  height: calc(100% - var(--margin-default) * 2);
  padding-top: var(--padding1);
  overflow: auto;
  position: relative;
}
.ui-agenda .agenda-container.list-events .list-all-events .title-group {
  font-size: var(--font-size-ma-2);
  margin-left: var(--padding3);
}
.ui-agenda .agenda-container.list-events .list-all-events .item-container {
  display: flex;
  align-items: center;
  margin: var(--padding2) var(--padding3);
  border-radius: 0 var(--padding2) var(--padding2) 0;
  padding: var(--padding2) 0;
  position: relative;
  border-left-width: var(--padding1);
  border-left-style: solid;
}
.ui-agenda .agenda-container.list-events .list-all-events .item-container .title-item,
.ui-agenda .agenda-container.list-events .list-all-events .item-container .subtitle-item {
  margin: 0;
}
.ui-agenda .agenda-container.list-events .list-all-events .item-container .subtitle-item {
  font-weight: normal;
}
.ui-agenda .agenda-container.list-events .list-all-events .item-container svg {
  margin: 0 var(--padding3) 0 var(--padding3);
  width: var(--width-btn-done-card);
  height: var(--width-btn-done-card);
}
.ui-agenda .agenda-container.list-events .list-all-events .form-container {
  margin: var(--padding3);
}
.ui-agenda .agenda-container.list-events .list-all-events .form-container .lbl-day {
  margin-top: 20px;
  color: gray;
  margin-bottom: 5px;
}
.ui-agenda .agenda-container.list-events .list-all-events .form-container .input-date {
  width: 70% !important;
  min-width: 160px;
}
.ui-agenda .agenda-container.list-events .button-circle {
  right: var(--padding2);
  bottom: var(--padding2);
  position: absolute;
}
.ui-agenda .agenda-container.list-events .button-circle.delete {
  right: 70px;
}
.ui-agenda .weather-container {
  height: max-content;
  width: 80% !important;
  max-width: 600px;
  max-height: 100%;
  border-radius: var(--padding3);
  padding: var(--padding3);
  display: flex;
  flex-direction: column;
  min-height: 200px;
}
.ui-agenda .weather-container .icon-description-weather {
  text-align: center;
  margin-bottom: var(--padding1);
}
.ui-agenda .weather-container .icon-description-weather .temptoday {
  font-size: var(--font-size-ma-4);
}
.ui-agenda .weather-container .icon-container > svg {
  width: var(--sze-icon-weather-main);
  height: var(--sze-icon-weather-main);
  fill: var(--color-blue-action);
}
@media screen and (max-width: 750px) {
  .ui-agenda .weather-container .icon-container > svg {
    --sze-icon-weather-main: 100px;
  }
}
.ui-agenda .weather-container h1 {
  margin: 0;
}
.ui-agenda .weather-container h1,
.ui-agenda .weather-container h3 {
  font-weight: normal;
}
.ui-agenda .weather-container .ic-type-weather {
  fill: gray;
}
.ui-agenda .weather-container .weath-days {
  display: grid;
  overflow: auto;
}
@media screen and (max-width: 750px) {
  .ui-agenda .weather-container .weath-days {
    grid-template-columns: auto;
  }
}
@media screen and (min-width: 751px) and (max-width: 1199px) {
  .ui-agenda .weather-container .weath-days {
    grid-template-columns: auto auto;
  }
}
@media screen and (min-width: 1200px) {
  .ui-agenda .weather-container .weath-days {
    grid-template-columns: auto auto auto;
  }
}
.ui-agenda .weather-container .weath-days .w-day {
  display: flex;
  flex-basis: var(--flx-b-weath-days);
  background-color: var(--color-blue-action);
  border-radius: var(--padding2);
  margin: var(--padding2) var(--padding1);
  padding: var(--padding1);
  color: white;
}
.ui-agenda .weather-container .weath-days .w-day img {
  width: var(--width-btn-done-card);
  height: var(--width-btn-done-card);
}
.ui-agenda .weather-container .weath-days .w-day .item-day,
.ui-agenda .weather-container .weath-days .w-day .item-max-min {
  margin: 0;
}
.ui-agenda .weather-container .weath-days .w-day .item-max-min {
  font-weight: normal;
}.main-container {
  position: relative;
  width: 100%;
  height: 100%;
}
.main-container .header {
  text-align: center;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 5px 5px 0px;
  height: var(--hgt-header);
  display: flex;
  align-items: center;
}
.main-container .header .title {
  position: absolute;
  width: 100%;
  text-align: center;
  font-size: var(--font-size-ma-4);
  justify-content: center;
  align-items: center;
  display: flex;
}
.main-container .header .div-options {
  width: auto;
  right: 0px;
  position: absolute;
  height: var(--hgt-header);
  align-items: center;
  display: flex;
}
.main-container .img-options-header {
  width: auto;
  height: 60%;
  margin-right: 16px;
}
.main-container .chat-icon-container {
  margin-right: 16px;
}
.main-container .chat-icon-container svg {
  width: calc(var(--hgt-header) * 0.6);
  height: calc(var(--hgt-header) * 0.6);
}
.main-container .chat-icon-container .num-messages {
  display: none;
}
.main-container .chat-icon-container .num-messages.active {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: var(--padding1);
  right: var(--padding2);
  width: calc(15px + var(--padding1));
  height: calc(15px + var(--padding1));
  background: var(--color-main);
  border-radius: 50%;
  color: var(--color-primary1);
  border: 1px solid var(--color-primary1);
  font-weight: bold;
  font-size: var(--font-size-mi-4);
  overflow: hidden;
}
.main-container .body-container {
  width: calc(100% - var(--width-logo-option) - var(--margin-default) * 2);
  height: calc(100% - var(--hgt-header));
  margin-left: calc(var(--width-logo-option) + var(--margin-default));
}
.main-container .body-container.empty {
  width: 100%;
  margin-left: 0;
}
.main-container .body-container.add-footer {
  height: calc(100% - var(--hgt-header) - var(--hgt-footer));
}
.main-container .footer-container {
  width: 100%;
  height: var(--hgt-footer);
}

.main-options {
  position: absolute;
  width: var(--width-logo-option);
  height: var(--height-logo-option);
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  top: calc(50% - var(--height-logo-option) / 2);
  box-shadow: rgba(99, 99, 99, 0.2) 3px 2px 4px 0px;
  border-radius: 0 10px 10px 0;
  border-color: rgba(99, 99, 99, 0.2);
  border-width: 1px;
  border-style: solid solid solid none;
}
.main-options .img-logo-options {
  width: 100%;
  height: auto;
}

.shadow-card {
  -webkit-box-shadow: 0px 1px 4px 1px var(--color_borderbox1);
  -moz-box-shadow: 0px 1px 4px 1px var(--color_borderbox1);
  -ms-box-shadow: 0px 1px 4px 1px var(--color_borderbox1);
  -o-box-shadow: 0px 1px 4px 1px var(--color_borderbox1);
  box-shadow: 0px 1px 4px 1px var(--color_borderbox1);
}.ui-menu-options {
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.168627451);
  width: 100%;
  height: 100%;
  z-index: 1;
  animation: opacity-transition 0.2s;
}
.ui-menu-options .version_tag {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: var(--padding1);
  font-size: var(--font-size-mi-2);
}

.options-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  margin-left: calc(var(--width-logo-option) + var(--margin-default));
  background-color: #fff;
  border-radius: var(--margin-default);
  max-width: var(--max-width-opts-container);
  max-height: var(--max-height-opts-container);
  box-shadow: rgba(99, 99, 99, 0.2) 3px 2px 4px 0px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: var(--padding4);
  row-gap: var(--margin-default);
}
.options-container div > img {
  width: var(--sze-icon-options);
  height: var(--sze-icon-options);
}
.options-container .btn-options {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-basis: var(--flex-basis-options);
  text-align: center;
}
.options-container .btn-options .img-btn-option {
  width: 50%;
}
.options-container .btn-options .img-btn-option svg {
  width: 100%;
  height: auto;
}
.options-container .btn-options label {
  max-width: 120px;
}

@media only screen and (max-width: 480px) {
  .options-container {
    flex-direction: column;
    align-items: center;
  }
  .lightbox > div {
    margin-bottom: 10px;
  }
}.lds-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
  z-index: 1;
}

.lds-loading div {
  margin-left: 35px;
  width: var(--margin-default);
  height: var(--margin-default);
  border-radius: 50%;
  background: #fff;
  animation: lds-loading 1.4s linear infinite;
}

.lds-loading div:nth-child(1) {
  animation-delay: -0.8s;
}

.lds-loading div:nth-child(2) {
  animation-delay: -0.4s;
}

.lds-loading div:nth-child(3) {
  animation-delay: 0s;
}

@keyframes lds-loading {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
}.notifications {
  position: fixed;
  z-index: 110;
}
.notifications.TOP-RIGHT {
  top: var(--padding2);
  right: 0;
}
.notifications.BOTTOM-RIGHT {
  bottom: 0;
  right: 0;
}
.notifications.BOTTOM-LEFT {
  bottom: 0;
  left: var(--padding2);
}
.notifications.TOP-LEFT {
  top: var(--padding2);
  left: var(--padding2);
}
.notifications .toast,
.notifications .column {
  display: flex;
  align-items: center;
  font-weight: bold;
}
.notifications .row {
  display: grid;
  align-items: center;
}
.notifications span.subtitle {
  font-weight: normal;
}
.notifications .toast {
  max-width: var(--max-width-toast);
  position: relative;
  overflow: hidden;
  list-style: none;
  border-radius: 6px;
  padding: var(--padding2) var(--padding3);
  margin-bottom: var(--padding2);
  justify-content: space-between;
  animation: show_toast 0.3s ease forwards;
  border-left-width: 5px;
  border-left-style: solid;
  box-shadow: -5px 5px 25px rgba(0, 0, 0, 0.1098039216);
}
.notifications .toast.success {
  background-color: rgb(208.76, 243.44, 208.76);
  border-left-color: #77DD77;
}
.notifications .toast.success svg {
  fill: #77DD77;
}
.notifications .toast.error {
  background-color: rgb(255, 232.6, 231.2);
  border-left-color: #FF7F77;
}
.notifications .toast.error svg {
  fill: #FF7F77;
}
.notifications .toast.warn {
  background-color: rgb(255, 225.4989795918, 171.2);
  border-left-color: #ffba3b;
}
.notifications .toast.warn svg {
  fill: #ffba3b;
  transform: rotate(0deg);
}
.notifications .toast.info {
  background-color: rgb(207.2, 227.81375, 255);
  border-left-color: #5fa4ff;
}
.notifications .toast.info svg {
  fill: #5fa4ff;
}
.notifications .toast .column span {
  font-size: 1.07rem;
  margin-left: 12px;
}
.notifications .toast .icon-toast {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.notifications .toast .icon-toast svg {
  height: var(--size-icon-default);
  width: auto;
}
.notifications .toast.hides {
  animation: hide_toast 0.1s ease forwards;
}

@keyframes show_toast {
  0% {
    transform: translateX(100%);
  }
  40% {
    transform: translateX(-5%);
  }
  80% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(calc(-1 * var(--padding2)));
  }
}
@keyframes hide_toast {
  0% {
    transform: translateX(var(--padding2));
  }
  100% {
    transform: translateX(calc(100% + var(--padding4)));
  }
}.dlg-confirm {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  text-align: center;
  z-index: 1;
}
.dlg-confirm .dialog-container {
  width: var(--wth-dialog-container);
  min-height: var(--min-hgt-dialog);
  background-color: white;
  border-radius: 15px;
  position: relative;
  display: flex;
  flex-flow: column;
}
.dlg-confirm .dialog-container .text-container {
  width: 100%;
  height: auto;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  padding: var(--padding2);
}
.dlg-confirm .dialog-container .text-container .title {
  margin-top: var(--padding2);
}
.dlg-confirm .dialog-container .text-container .radio-group {
  flex: 1;
  place-content: center;
}
.dlg-confirm .subtitle {
  font-weight: normal;
  flex: 1;
  align-items: center;
  display: flex;
}
.dlg-confirm .footer {
  bottom: 0;
  position: relative;
  display: flex;
  height: var(--hgt-footer-dialog);
}
.dlg-confirm .footer .btn-dialog-footer {
  width: 50%;
  min-width: 0;
  height: 100%;
}
.dlg-confirm .footer .btn-dialog-footer.left {
  border-radius: 0 0 0 15px;
  background-color: gray;
}
.dlg-confirm .footer .btn-dialog-footer.right {
  border-radius: 0 0 15px 0;
  background-color: var(--color-blue-action);
}
.dlg-confirm .container {
  width: 400px;
  height: 100px;
  background: #000;
  position: relative;
  display: flex;
}.button__icon {
  width: 1.3em;
  height: 1.3em;
  margin-right: 0.5em;
}
.button__icon--end {
  margin-right: 0;
  margin-left: 0.5em;
}

.button {
  text-decoration: none;
  border: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: start;
  background-color: var(--color-green);
  color: #fff;
  border-radius: 8px;
  padding: 0.25em 0.75em;
  min-width: 10ch;
  height: var(--height-default-button);
  text-align: center;
  line-height: 1.1;
  transition: 220ms all ease-in-out;
}
.button:hover, .button:active {
  background-color: var(--color-green);
}
.button:focus {
  outline: none;
  box-shadow: 0 0 0 4px var(--color-green);
}

.icon-button {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  padding: 0.35em;
}
.icon-button__icon {
  width: 100%;
  height: 100%;
  fill: currentColor;
}

.button.secundary {
  background-color: var(--color-green);
}.input {
  position: relative;
  display: flex;
}
.input input + .input__label {
  top: 25%;
}
.input__label {
  position: absolute;
  opacity: 0.7;
  left: 0;
  cursor: text;
  top: var(--padding2);
  padding: 0 var(--padding2);
  margin-left: var(--border-width);
  white-space: nowrap;
  transform: translate(0, 0);
  transform-origin: 0 0;
  background: var(--color-primary1);
  transition: transform padding margin;
  transition-duration: 120ms;
  animation: ease-in;
  line-height: 1.2;
  color: var(--color-text1);
}
.input__field {
  display: block;
  width: 100%;
  border-radius: var(--size-radius);
  height: var(--height-input-default);
  outline: none;
}
.input:has(.btn_more) .input__field {
  padding-right: var(--height-input-default);
}
.input .btn_more {
  position: relative;
  width: var(--height-input-default);
  height: var(--height-input-default);
  right: var(--height-input-default);
}
.input .ico-right,
.input .ico-left {
  position: absolute;
  top: var(--padding2);
  width: calc(var(--height-input-default) - var(--padding2) * 2);
  height: calc(var(--height-input-default) - var(--padding2) * 2);
}
.input .ico-right > svg,
.input .ico-left > svg {
  width: 100%;
}
.input .ico-right > svg path,
.input .ico-left > svg path {
  fill: var(--color-border);
}
.input .ico-left {
  left: var(--padding2);
}
.input .ico-right {
  right: var(--padding2);
}
.input:has(.ico-left) .input__field {
  padding-left: var(--height-input-default);
}
.input:has(.ico-right) .input__field {
  padding-right: var(--height-input-default);
}
.input > .ic-eye-pass > svg,
.input > .btn_more > svg {
  width: var(--height-input-default);
  height: var(--height-input-default);
}
.input > .ic-eye-pass > svg path,
.input > .btn_more > svg path {
  fill: var(--color-border);
}

textarea,
input {
  padding: var(--padding2);
  resize: none;
  border: var(--border-width) solid var(--color-border);
  flex: none;
}

textarea {
  height: var(--height-defult-textarea);
}

textarea::placeholder {
  color: var(--color-text1);
}

.input:focus-within input,
.input:focus-within textarea {
  border: var(--border-width) solid var(--color-accent);
}
.input:focus-within path {
  fill: var(--color-accent) !important;
}
.input:focus-within .input__field:not(:-moz-placeholder-shown) + .input__label {
  color: var(--color-accent);
  font-weight: bold;
}
.input:focus-within .input__field:not(:-ms-input-placeholder) + .input__label {
  color: var(--color-accent);
  font-weight: bold;
}
.input:focus-within .input__field:focus + .input__label,
.input:focus-within .input__field:not(:placeholder-shown) + .input__label {
  color: var(--color-accent);
  font-weight: bold;
}

input:not(input[type=checkbox], input[type=radio]):focus,
input:focus-visible,
textarea:focus,
textarea:focus-visible {
  border: var(--border-width) solid var(--color-accent);
}

textarea:focus-visible,
input:focus-visible {
  outline: none;
}

.input__field:not(:-moz-placeholder-shown) + .input__label {
  transform: translate(0.1rem, -50%) scale(0.8);
  top: 0;
  opacity: 1;
  padding: 0 var(--padding2);
  margin-left: var(--padding2);
}

.input__field:not(:-ms-input-placeholder) + .input__label {
  transform: translate(0.1rem, -50%) scale(0.8);
  top: 0;
  opacity: 1;
  padding: 0 var(--padding2);
  margin-left: var(--padding2);
}

.input__field:focus + .input__label,
.input__field:not(:placeholder-shown) + .input__label {
  transform: translate(0.1rem, -50%) scale(0.8);
  top: 0;
  opacity: 1;
  padding: 0 var(--padding2);
  margin-left: var(--padding2);
}

.input__field:required + .input__label::after {
  content: "*";
}

.input__error {
  display: none;
  color: var(--color-error);
  margin-left: var(--border-width);
  position: absolute;
  font-size: var(--font-size-mi-4);
  bottom: -14px;
  left: 0;
}
.input__error > * {
  font-size: var(--font-size-mi-4);
}

.input.error {
  --color-accent: var(--color-error);
}
.input.error .input__label {
  color: var(--color-error);
}
.input.error .input__error {
  display: block;
}
.input.error input,
.input.error textarea {
  border: var(--border-width) solid var(--color-error);
}
.input.error path {
  fill: var(--color-accent) !important;
}

.ic-eye-pass {
  position: absolute;
  right: var(--size-bezel);
  top: 7px;
}

.div-label-input {
  position: relative;
}
.div-label-input .cx-list {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: 96%;
  height: max-content;
  max-height: 200px;
  background-color: var(--color-primary1);
  position: fixed;
  overflow: auto;
  border-color: var(--color-accent);
  border-style: solid;
  border-width: var(--border-width);
  border-radius: 10px;
  z-index: 10;
}
.div-label-input .cx-list .txt-def-comment {
  padding: calc(var(--padding1) * 1.5) var(--padding1);
}

input[type=time],
input[type=date] {
  border-color: var(--color-border);
  border-radius: var(--size-radius);
  width: var(--input-date-defaultwidth);
  height: var(--height-input-default);
  max-height: 45px;
}

input[type=time]::-webkit-datetime-edit-fields-wrapper {
  display: flex;
}

input[type=time]::-webkit-datetime-edit-text {
  padding: 19px 0px;
}

input[type=time]::-webkit-datetime-edit-hour-field {
  padding: 19px 10px;
}

input[type=time]::-webkit-datetime-edit-minute-field {
  padding: 19px 10px;
}

input[type=time]::-webkit-datetime-edit-ampm-field,
input[type=time]::-webkit-datetime-edit-meridiem-field {
  padding: 19px 0;
}

input[type=time]::-webkit-clear-button {
  display: none;
}

input[type=time]::-webkit-inner-spin-button {
  display: none;
}

input[type=time]::-webkit-calendar-picker-indicator {
  color: rgba(0, 0, 0, 0);
  background: url("../../icons/ic_clock.svg") no-repeat;
  width: 20px;
  height: 20px;
  margin-right: 5px;
}

input[type=date]::-webkit-calendar-picker-indicator {
  color: rgba(0, 0, 0, 0);
  opacity: 1;
  display: block;
  background: url("../../icons/ic_calendar.svg") no-repeat;
  width: 20px;
  height: 20px;
  border-width: thin;
}

.safari-browser input[type=time] {
  position: relative;
}
.safari-browser input[type=time]::after {
  content: " ";
  color: rgba(0, 0, 0, 0);
  background: url("../../icons/ic_clock.svg") no-repeat;
  width: 25px;
  height: 25px;
  position: absolute;
  right: 8px;
}

input[type=checkbox] {
  appearance: none;
  font: inherit;
  width: 1.5em;
  height: 1.5em;
  border: var(--border-width) solid var(--color-border);
  border-radius: 4px;
  display: inline-flex;
  place-content: center;
  align-items: center;
  padding: 0;
}

input[type=checkbox]::before,
input[type=radio]::before {
  content: "";
  border-radius: 4px;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--color-green);
}

input[type=radio]:checked::before,
input[type=checkbox]:checked::before {
  transform: scale(0.9);
}

.checkbox-item {
  display: flex;
  align-items: center;
}
.checkbox-item > img {
  width: var(--sze-icon-check);
  height: var(--sze-icon-check);
  top: var(--padding3);
  position: relative;
  margin-left: 10px;
}

input[type=radio] {
  appearance: none;
  font: inherit;
  width: 1.5em;
  height: 1.5em;
  border: var(--border-width) solid var(--color-border);
  border-radius: 50%;
  display: inline-flex;
  place-content: center;
  align-items: center;
  padding: 0;
}

input[type=radio]::before {
  border-radius: 50%;
}

.radio-group {
  display: flex;
  flex-direction: column;
  gap: var(--padding1);
}

.radiobutton-item {
  display: flex;
  align-items: center;
}
.radiobutton-item > input[type] {
  width: 24px;
  height: 24px;
  min-height: 24px;
}
.radiobutton-item > label {
  margin-left: var(--padding2);
  white-space: pre;
}
.radiobutton-item > img,
.radiobutton-item .radiobutton-icon {
  width: var(--sze-icon-check);
  height: var(--sze-icon-check);
  top: 2px;
  position: relative;
  margin-left: var(--padding2);
}/* Browsers with no -webkit support */
@supports not selector(::-webkit-scrollbar) {
  * {
    scrollbar-width: thin;
    scrollbar-color: #C1C1C1 #f0f0f0;
  }
}
*::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

*::-webkit-scrollbar-button {
  display: none;
}

*::-webkit-scrollbar-track {
  /* background-color: #f0f0f0; */
  background-color: #eae7e7;
  border-radius: 5px;
}

*::-webkit-scrollbar-track-piece {
  /* background-color: #f0f0f0; */
  background-color: #eae7e7;
  border-radius: 5px;
}

*::-webkit-scrollbar-thumb {
  background-color: #C1C1C1;
  border-radius: 5px;
}

*::-webkit-resizer {
  display: none;
}

*::-webkit-scrollbar-thumb:hover {
  background-color: #A8A8A8;
}

*::-webkit-scrollbar-thumb:active {
  background-color: #808080;
}

.shy_scroll, .shy_scrollthin, .ui-chat-list .list-chat-child {
  /* webkit */
}
@supports not selector(::-webkit-scrollbar) {
  .shy_scroll, .shy_scrollthin, .ui-chat-list .list-chat-child {
    /* Firefox style scroll*/
    scrollbar-color: transparent transparent;
    scrollbar-width: thin;
  }
}
.shy_scroll::-webkit-scrollbar, .shy_scrollthin::-webkit-scrollbar, .ui-chat-list .list-chat-child::-webkit-scrollbar {
  background-color: transparent;
  width: 5px;
  height: 5px;
}
.shy_scroll::-webkit-scrollbar-track, .shy_scrollthin::-webkit-scrollbar-track, .ui-chat-list .list-chat-child::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 5px;
}
.shy_scroll::-webkit-scrollbar-track-piece, .shy_scrollthin::-webkit-scrollbar-track-piece, .ui-chat-list .list-chat-child::-webkit-scrollbar-track-piece {
  background-color: transparent;
  border-radius: 5px;
}
.shy_scroll::-webkit-scrollbar-thumb, .shy_scrollthin::-webkit-scrollbar-thumb, .ui-chat-list .list-chat-child::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 5px;
}
.shy_scroll::-webkit-scrollbar-thumb:hover, .shy_scrollthin::-webkit-scrollbar-thumb:hover, .ui-chat-list .list-chat-child::-webkit-scrollbar-thumb:hover {
  background-color: transparent;
}
.shy_scroll::-webkit-scrollbar-thumb:active, .shy_scrollthin::-webkit-scrollbar-thumb:active, .ui-chat-list .list-chat-child::-webkit-scrollbar-thumb:active {
  background-color: transparent;
}
.shy_scroll:hover::-webkit-scrollbar-thumb, .shy_scrollthin:hover::-webkit-scrollbar-thumb, .ui-chat-list .list-chat-child:hover::-webkit-scrollbar-thumb {
  background-color: #C1C1C1;
}
.shy_scroll:hover::-webkit-scrollbar-thumb:hover, .shy_scrollthin:hover::-webkit-scrollbar-thumb:hover, .ui-chat-list .list-chat-child:hover::-webkit-scrollbar-thumb:hover {
  background-color: #A8A8A8;
}
.shy_scroll:hover::-webkit-scrollbar-thumb:active, .shy_scrollthin:hover::-webkit-scrollbar-thumb:active, .ui-chat-list .list-chat-child:hover::-webkit-scrollbar-thumb:active {
  background-color: #808080;
}

.shy_scrollthin, .ui-chat-list .list-chat-child {
  /* webkit */
}
.shy_scrollthin::-webkit-scrollbar, .ui-chat-list .list-chat-child::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.shy_scrollthin::-webkit-scrollbar-track, .ui-chat-list .list-chat-child::-webkit-scrollbar-track {
  border-radius: 4px;
}
.shy_scrollthin::-webkit-scrollbar-track-piece, .ui-chat-list .list-chat-child::-webkit-scrollbar-track-piece {
  border-radius: 4px;
}
.shy_scrollthin::-webkit-scrollbar-thumb, .ui-chat-list .list-chat-child::-webkit-scrollbar-thumb {
  border-radius: 4px;
}

.hide_scroll {
  /* Firefox style scroll*/
  /* webkit */
}
@supports not selector(::-webkit-scrollbar) {
  .hide_scroll {
    scrollbar-color: transparent transparent;
    scrollbar-width: thin;
  }
}
.hide_scroll::-webkit-scrollbar {
  background-color: transparent;
  width: 0px;
  height: 0px;
}

.header-chat {
  background-color: #FFB156;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-chat .back {
  margin-left: var(--margin-default);
  height: 45%;
  width: auto;
}
.header-chat .info-chat {
  display: flex;
  align-items: center;
  margin-right: var(--margin-default);
}
.header-chat .info-chat .name-child {
  font-size: calc(var(--font-size-mi-4) - 2px);
}
.header-chat .info-chat h3 {
  margin-right: 10px;
  color: white;
}
.header-chat .info-chat .bble-container {
  display: flex;
  align-items: center;
}
.header-chat .info-chat .bble-container .bubble-child {
  height: calc(var(--hgt-header) - var(--padding4));
  width: calc(var(--hgt-header) - var(--padding4));
  flex-basis: calc(var(--hgt-header) - var(--padding4));
}

.chat-container {
  display: flex;
  width: 100%;
  height: 100%;
}

.ui-chat-list .list-chat-child {
  flex: none;
  height: 100%;
  overflow-y: auto;
  width: var(--wth-list-chat-childs);
  background-color: white;
}
.ui-chat-list .bubbles-child {
  justify-content: center;
  display: flex;
}
.ui-chat-list .bubbles-child.selected {
  background-color: #d4d4d4;
}
.ui-chat-list .bubbles-child .bubble-child {
  margin: var(--padding2);
}
.ui-chat-list .bubbles-child .bubble-child.group {
  border-color: orangered;
}
.ui-chat-list .bubbles-child .bubble-child > .name-child {
  padding: var(--border-width);
  font-size: var(--font-size-mi-2);
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-chat-list .bubbles-child .num-messages {
  display: none;
  z-index: 3;
}
.ui-chat-list .bubbles-child .num-messages.active {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: calc(-1 * var(--padding1));
  right: calc(-1 * var(--padding1));
  width: calc(17px + var(--padding1));
  height: calc(17px + var(--padding1));
  background: var(--color-main);
  border-radius: 50%;
  color: var(--color-primary1);
  border: var(--border-width) solid var(--color-primary1);
  font-weight: bold;
  font-size: var(--font-size-mi-4);
  overflow: hidden;
}
.ui-chat-list .chat-messages-container {
  width: 100%;
  height: 100%;
  background-color: rgba(245, 245, 245, 0.7098039216);
  position: relative;
}
.ui-chat-list .info-chat .bubble-child {
  width: 46px;
  height: 46px;
  flex-basis: 46px;
}

.ripple {
  background-position: center;
  transition: background 0.8s;
}

.ripple:hover {
  background: rgba(150, 150, 150, 0.0588235294) radial-gradient(circle, transparent 1%, rgba(183, 183, 183, 0.0352941176) 1%) center/15000%;
}

.ripple:active {
  background-color: transparent;
  background-size: 100%;
  transition: background 0s;
}.ui-chat .div-progress {
  position: absolute;
  width: 100%;
  left: 0;
}
.ui-chat .list-message-container {
  width: 100%;
  height: calc(100% - var(--height-inputContainer));
  padding: var(--padding2);
  overflow: auto;
}
.ui-chat .list-message-container .message-item {
  width: 100%;
  min-height: var(--min-hgt-message-item);
  margin-bottom: var(--padding2);
}
.ui-chat .list-message-container .message-item .message-bubble-container {
  max-width: 70%;
  min-width: 0;
  display: table;
  padding: calc(var(--padding1) - 2px);
}
.ui-chat .list-message-container .message-item .message-bubble-container .name-emisor-msg {
  font-family: "Lato-Bold";
  padding: 0 var(--padding1);
}
.ui-chat .list-message-container .message-item .message-bubble-container.outgoing {
  right: 0;
  background-color: #ffe9d0;
  border-radius: var(--padding2) var(--padding2) 0 var(--padding2);
  margin-left: auto;
}
.ui-chat .list-message-container .message-item .message-bubble-container.incoming {
  left: 0;
  background-color: #ebebeb;
  border-radius: var(--padding2) var(--padding2) var(--padding2) 0;
  margin-right: auto;
}
.ui-chat .list-message-container .message-item .message-bubble-container.incoming .item-img-container,
.ui-chat .list-message-container .message-item .message-bubble-container.incoming .item-video-container,
.ui-chat .list-message-container .message-item .message-bubble-container.incoming .item-file-container {
  border-radius: var(--padding1);
}
.ui-chat .list-message-container .message-item .message-bubble-container:has(.item-video-container, .item-img-container) {
  max-width: calc(var(--default-hgt-img-background) + 40px);
  min-width: var(--default-hgt-img-background);
}
.ui-chat .list-message-container .message-item .message-bubble-container .item-img-container,
.ui-chat .list-message-container .message-item .message-bubble-container .item-video-container,
.ui-chat .list-message-container .message-item .message-bubble-container .item-file-container {
  border-radius: var(--padding2) var(--padding2) var(--padding1) var(--padding1);
  display: flex;
}
.ui-chat .list-message-container .message-item .message-bubble-container .item-video-container {
  background-color: rgba(0, 0, 0, 0.5);
  overflow: hidden;
  position: relative;
  width: 300px;
}
.ui-chat .list-message-container .message-item .message-bubble-container .item-video-container .video-message {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 100%;
  height: 170px;
}
.ui-chat .list-message-container .message-item .message-bubble-container .item-video-container .video-message > div {
  border-top: 35px solid transparent;
  border-bottom: 35px solid transparent;
  border-left: 55px solid rgb(195, 195, 195);
}
.ui-chat .list-message-container .message-item .message-bubble-container .item-img-container {
  background-color: rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden;
}
.ui-chat .list-message-container .message-item .message-bubble-container .item-img-container .image-label {
  font-family: "Lato-Light";
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ui-chat .list-message-container .message-item .message-bubble-container .item-img-container .image-message {
  position: relative;
  width: 100%;
  min-height: 90px;
  max-height: 220px;
  object-fit: cover;
  height: auto;
  z-index: 1;
}
.ui-chat .list-message-container .message-item .message-bubble-container .item-file-container {
  align-items: center;
  position: relative;
  padding: var(--padding1);
  background-color: rgba(0, 0, 0, 0.1);
}
.ui-chat .list-message-container .message-item .message-bubble-container .item-file-container .image-message {
  width: var(--size-icon-default);
  min-height: auto;
  max-height: auto;
  object-fit: cover;
  height: auto;
  margin-right: var(--padding2);
}
.ui-chat .list-message-container .message-item .message-bubble-container .message-text-container {
  padding: 0 var(--padding1);
}
.ui-chat .list-message-container .message-item .message-bubble-container .time-and-status {
  display: flex;
  align-items: center;
  justify-content: end;
  padding: 0 var(--padding1);
}
.ui-chat .list-message-container .message-item .message-bubble-container .time-and-status .time-message {
  font-size: var(--font-sze-time-chat);
  font-family: "Lato-Light";
  text-align: right;
}
.ui-chat .list-message-container .message-item .message-bubble-container .time-and-status .icon-status {
  margin-left: var(--padding1);
  width: var(--padding3);
  height: var(--padding3);
}
.ui-chat .list-message-container .message-item.header-date {
  display: flex;
  place-content: center;
}
.ui-chat .list-message-container .message-item.header-date .header-date-group {
  display: block;
  background-color: rgba(51, 70, 92, 0.4117647059);
  width: fit-content;
  padding: var(--padding1) var(--padding2);
  border-radius: var(--padding4);
  align-self: center;
  color: white;
}
.ui-chat .input-container {
  width: 100%;
  height: var(--height-inputContainer);
  background-color: #f1f1f1;
  padding: 5px 0 5px var(--padding3);
  display: flex;
  align-items: center;
}
.ui-chat .input-container .box-input {
  background-color: white;
  width: auto;
  height: 100%;
  border-radius: 30px;
  flex: 1;
  display: flex;
  margin-right: var(--padding3);
  align-items: center;
}
.ui-chat .input-container .input-send-chat {
  flex: 1;
  height: 100%;
  padding-left: var(--margin-default);
  padding-right: var(--margin-default);
  margin-right: 15px;
  background-color: transparent;
  border: none;
}
.ui-chat .input-container .input-send-chat:focus {
  outline: none;
}
.ui-chat .input-container .btn-input-chat {
  width: auto;
  height: 58%;
  margin-right: 15px;
}.photo-viewer {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: black;
  top: 0;
  left: 0;
  z-index: 100;
}
.photo-viewer canvas {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
}
.photo-viewer .img-preview {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.photo-viewer .img-preview.flip {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.photo-viewer .img-preview.rotate-90 {
  transform: rotate(90deg);
}
.photo-viewer .img-preview.rotate-180 {
  transform: rotate(180deg);
}
.photo-viewer .img-preview.rotate-270 {
  transform: rotate(270deg);
}
.photo-viewer .img-temp {
  width: 300px;
  height: 300px;
  object-fit: contain;
  position: absolute;
  bottom: 20px;
  right: 40px;
  border-color: var(--color-error);
  border-style: double;
}
.photo-viewer .ic_close {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 60px;
  height: 60px;
}
.photo-viewer .footer-div {
  position: absolute;
  bottom: 20px;
  right: 20px;
  display: flex;
  width: 100%;
  place-content: end;
  pointer-events: none;
}
.photo-viewer .footer-div .txt-cancel {
  position: fixed;
  left: 30px;
  color: white;
  pointer-events: all;
}
.photo-viewer .footer-div button,
.photo-viewer .footer-div .text-description {
  pointer-events: all;
}
.photo-viewer .footer-div .button-circle {
  margin-left: 15px;
}
.photo-viewer .footer-div .button-circle.flip, .photo-viewer .footer-div .button-circle.crop, .photo-viewer .footer-div .button-circle.rotate, .photo-viewer .footer-div .button-circle.download {
  background: none;
}
.photo-viewer .footer-div .text-description {
  flex: 1;
  margin-left: 60px;
  border-radius: 30px;
  padding: 10px;
}
.photo-viewer .rect-select {
  position: absolute;
  background-color: rgba(255, 0, 0, 0.157);
  border-color: var(--color-error);
  border-style: dashed;
  border-width: 2px;
  pointer-events: none;
}
.photo-viewer .rect-square-select {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.157);
  border-color: rgb(107, 107, 107);
  border-style: solid;
  pointer-events: none;
  border-width: 2px;
}.ghostfollower-ghost {
  position: fixed;
  z-index: 10000;
}.input-tooltip-validator {
  background-color: #fff;
  padding: var(--padding2);
  border-radius: var(--size-radius);
  box-shadow: 0 0 6px 1px #fb8b24;
  max-width: 80%;
  animation: keyframe-shadow 0.1s;
}

@keyframes keyframe-shadow {
  0% {
    box-shadow: 0 0 0px 0px #fb8b24;
  }
  100% {
    box-shadow: 0 0 6px 1px #fb8b24;
  }
}.send-file {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  text-align: center;
  z-index: 10;
}
.send-file .dialog-container {
  width: var(--wth-dialog-container);
  min-height: var(--min-hgt-send-file);
  background-color: white;
  border-radius: 15px;
  position: relative;
  display: flex;
  flex-flow: column;
  padding: var(--padding3);
}
.send-file .dialog-container .title {
  margin: 0;
  color: gray;
}
.send-file .dialog-container .file-container {
  display: flex;
  margin: var(--padding2) 0;
  text-align: start;
  align-items: center;
}
.send-file .dialog-container .file-container img,
.send-file .dialog-container .file-container .filetype-img {
  width: var(--sze-icon-send-file);
  height: var(--sze-icon-send-file);
}
.send-file .dialog-container .file-container .text-container {
  margin: 0 var(--padding3);
}
.send-file .dialog-container .file-container .text-container h3,
.send-file .dialog-container .file-container .text-container h4 {
  margin: 0;
}
.send-file .dialog-container .file-container .text-container h4 {
  color: gray;
  font-weight: normal;
}
.send-file .dialog-container input {
  margin: var(--padding3) 0;
}
.send-file .dialog-container .footer {
  text-align: end;
}
.send-file .dialog-container .footer .button {
  min-width: 8ch;
}:root {
  --color-green: #00D75A;
  --color-salida: #ff7f77;
  --color-orange: #fb8b24;
  --color-blue-action: #39a0ff;
  --color-child: #79A1D2;
  --color-girl: #D581B3;
  --profile-no-image-color: #d9d9d9;
  --color-primary1: #ffffff;
  --color-text1: #101010;
  --color-text-contrast: var(--color-primary1);
  --color-input-focus: --color-text1;
  --width-logo-option: 90px;
  --height-logo-option: 120px;
  --hgt-header: 70px;
  --hgt-footer: 70px;
  --margin-default: 30px;
  --color_borderbox1: #d1d1d1;
  --color-error: #ed0000;
  --color-enter: #00D75A;
  --color-departure: #FF7F77;
  --color-snooze: #44CCFF;
  --color-food: #E82C2C;
  --color-hygiene: #3066BE;
  --color-activities: #FFD23F;
  --color-win: #D30C7B;
  --color-photos: #EE6C4D;
  --color-comments: #3BCEAC;
  --color-humor: #7D3D99;
  --color-grupo-inactivo: #FBD050;
  --color-extemporaneo: #44ccff;
  --color-chat-head: #FFB156;
  --color-rgba-enter: 0, 215, 90;
  --color-rgba-departure: 255, 127, 119;
  --color-rgba-snooze: 68, 204, 255;
  --color-rgba-food: 232, 44, 44;
  --color-rgba-hygiene: 48, 102, 190;
  --color-rgba-activities: 255, 210, 63;
  --color-rgba-win: 211, 12, 123;
  --color-rgba-photos: 238, 108, 77;
  --color-rgba-comments: 59, 206, 172;
  --color-rgba-humor: 125, 61, 153;
  --color-rgb-reporte-salon: 0, 215, 90;
  --border-width: 2px;
  --height-default-button: 40px;
  --sze-btn-circle: 46px;
  --size-icon-default: 50px;
  --sze-img-profile: 50px;
  --height-defult-textarea: 120px;
  --default-hgt-img-background: 230px;
  --min-width-header-hour-home: 180px;
  --flex-cards-child: 194px;
  --width-btn-done-card: 40px;
  --max-width-opts-container: 400px;
  --max-height-opts-container: 420px;
  --flex-basis-options: 120px;
  --sze-icon-options: 60px;
  --max-width-toast: 400px;
  --wth-dialog-container: 320px;
  --min-hgt-dialog: 200px;
  --hgt-footer-dialog: 36px;
  --wth-opts-event: 80px;
  --height-header-bubbles: 100px;
  --sze-img-exit: 80px;
  --sze-bubble-child: 70px;
  --w-border-shadow: -4px;
  --height-inputContainer: 50px;
  --wth-list-chat-childs: auto;
  --min-hgt-message-item: 40px;
  --font-sze-time-chat: 12px;
  --min-hgt-send-file: 200px;
  --sze-icon-send-file: 70px;
  --max-width-content-login: 380px;
  --logo-width-login: 120px;
  --eye-size: 30px;
  --sze-icon-weather-main: 150px;
  --flx-b-weath-days: 130px;
  --hgt-header-report: 90px;
  --sze-icon-header-report: 36px;
  --sze-ic-exit-report: 64px;
  --min-item-ev-report: 250px;
  --sze-ic-evt-report: 30px;
  --height-footer-event: 50px;
  --hgt-tab-food: 40px;
  --flex-b-milestone: 280px;
  --wth-photo-item: 230px;
  --hgt-photo-item: 210px;
  --margin-icons-humor: 30px;
  --sze-photo-profile: 150px;
  --sze-ic-take-photo-prof: 40px;
  --sze-logo-birtdh: 100px;
}

:root {
  --color-main: #00d655;
  --color-g-primario: var(--color-green);
  --color-g-secundario: var(--color-orange);
}

:root {
  --color-border: #949494;
  --color-border-light: #d8d8d8;
}

:root {
  --color-accent: var(--color-orange);
  --size-bezel: 0.5rem;
  --size-radius: 5px;
  --height-input-default: 45px;
  --sze-icon-check: 40px;
  --input-date-defaultwidth: 140px;
}

:root {
  --border-with-bubble: 0.2em;
  --font-size: 16px;
  --font-size-mi-1: calc(var(--font-size) - 1px);
  --font-size-mi-2: calc(var(--font-size) - 2px);
  --font-size-mi-3: calc(var(--font-size) - 3px);
  --font-size-mi-4: calc(var(--font-size) - 4px);
  --font-size-ma-1: calc(var(--font-size) + 1px);
  --font-size-ma-2: calc(var(--font-size) + 2px);
  --font-size-ma-4: calc(var(--font-size) + 4px);
  --padding1: 5px;
  --padding2: calc(var(--padding1)*2);
  --padding3: calc(var(--padding1)*3);
  --padding4: calc(var(--padding1)*4);
  --padding5: calc(var(--padding1)*5);
  --padding6: calc(var(--padding1)*6);
}

@media only screen and (max-height: 500px) {
  :root {
    --hgt-header: 50px;
    --hgt-footer: 50px;
    --margin-default: 20px;
    --width-logo-option: 60px;
    --height-logo-option: 100px;
    --height-default-button: 32px;
    --font-size: 14px;
    --padding1: 3px;
    --sze-btn-circle: 34px;
    --size-icon-default: 36px;
    --height-defult-textarea: 80px;
    --min-width-header-hour-home: 130px;
    --sze-img-profile: 40px;
    --flex-cards-child: 164px;
    --width-btn-done-card: 30px;
    --max-width-opts-container: 300px;
    --max-height-opts-container: 380px;
    --flex-basis-options: 90px;
    --sze-icon-options: 46px;
    --max-width-toast: 300px;
    --wth-dialog-container: 250px;
    --min-hgt-dialog: 140px;
    --hgt-footer-dialog: 28px;
    --wth-opts-event: 40px;
    --height-header-bubbles: 70px;
    --sze-img-exit: 40px;
    --sze-bubble-child: 50px;
    --w-border-shadow: -2px;
    --height-inputContainer: 50px;
    --wth-list-chat-childs: auto;
    --default-hgt-img-background: 140px;
    --min-hgt-message-item: 36px;
    --font-sze-time-chat: 10px;
    --min-hgt-send-file: 120px;
    --sze-icon-send-file: 46px;
    --height-input-default: 32px;
    --sze-icon-check: 26px;
    --input-date-defaultwidth: 120px;
    --max-width-content-login: 320px;
    --logo-width-login: 80px;
    --eye-size: 24px;
    --sze-icon-weather-main: 80px;
    --flx-b-weath-days: 90px;
    --hgt-header-report: 60px;
    --sze-icon-header-report: 22px;
    --sze-ic-exit-report: 50px;
    --min-item-ev-report: 180px;
    --sze-ic-evt-report: 24px;
    --height-footer-event: 40px;
    --hgt-tab-food: 30px;
    --flex-b-milestone: 200px;
    --wth-photo-item: 120px;
    --hgt-photo-item: 110px;
    --margin-icons-humor: 10px;
    --sze-photo-profile: 80px;
    --sze-ic-take-photo-prof: 22px;
    --sze-logo-birtdh: 60px;
  }
}
.body-container {
  position: relative;
}

.class-room .btn-class-room {
  display: none;
}
.class-room > .svg-line-container {
  display: block;
}
.class-room > .svg-line-container .line-selected-all {
  stroke: #887780;
  stroke-width: 5;
}
.class-room > .svg-line-container .line-selected-all.active {
  stroke: var(--color-green);
}
.class-room > .body-container .list-bubbles-child {
  width: calc(100% - var(--wth-opts-event) + var(--margin-default));
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  position: absolute;
  top: 0;
}
.class-room > .body-container .list-bubbles-child .bubbles-child {
  position: absolute;
}
.class-room > .body-container .list-bubbles-child .bubble-child {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #81c4ff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px 20px 20px 0px;
  flex-basis: 100px;
  text-align: center;
}
.class-room > .body-container .list-bubbles-child .bubble-child rect {
  filter: url(#shadowed);
}
.class-room > .body-container .list-bubbles-child .bubble-child circle {
  fill: var(--profile-no-image-color);
  stroke: var(--color-child);
}
.class-room > .body-container .list-bubbles-child .bubble-child circle.female {
  stroke: var(--color-girl);
}
.class-room > .body-container .list-bubbles-child .bubble-child circle.outgroup {
  stroke: var(--color-grupo-inactivo);
}
.class-room > .body-container .list-bubbles-child .bubble-child image {
  display: inline-block;
  border-radius: 50%;
  background-color: var(--profile-no-image-color);
  object-fit: cover;
}
.class-room > .body-container .list-bubbles-child .bubble-child foreignObject .txt-name {
  width: 100%;
  height: 100%;
  top: 0;
  justify-content: center;
  place-content: center;
  display: grid;
  position: initial;
  border-radius: 50%;
  overflow: hidden;
  max-width: 100%;
}
.class-room > .body-container .list-bubbles-child .bubble-child foreignObject .txt-name p,
.class-room > .body-container .list-bubbles-child .bubble-child foreignObject .txt-name label {
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 3px;
}
.class-room > .body-container .list-bubbles-child .bubble-child.female circle {
  stroke: var(--color-girl);
}
.class-room > .body-container .list-bubbles-child .bubble-child.selected {
  opacity: 0.35;
}.snooze-animation {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  text-align: center;
  border-radius: 50%;
  z-index: 10;
}

.snooze-animation span {
  font-size: 2rem;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.8);
  border-width: 1px;
  animation: snooze-animation 6s linear infinite;
  position: absolute;
  bottom: 0;
}

.snooze-animation span:nth-child(1) {
  animation-delay: -3.6s;
}

.snooze-animation span:nth-child(2) {
  animation-delay: -2.4s;
}

.snooze-animation span:nth-child(3) {
  animation-delay: -1.2s;
}

.snooze-animation span:nth-child(4) {
  animation-delay: 0s;
}

@keyframes snooze-animation {
  0% {
    transform: translate(0, 0) scale(0.2);
    opacity: 0;
  }
  3% {
    opacity: 1;
  }
  33% {
    transform: translate(200%, -50%) scale(0.5);
  }
  66% {
    transform: translate(0, -100%) scale(0.8);
  }
  75% {
    opacity: 1;
  }
  100% {
    transform: translate(200%, -160%) scale(1);
    opacity: 0;
  }
}
/*
.sleep-text-z {
    font-size: 2rem;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.8);
    animation: snooze-animation2 6s linear infinite;
    -webkit-animation: snooze-animation2 6s linear infinite;

    position: absolute;
    bottom: 0;
}

.sleep-text-z:nth-child(5) {
    animation-delay: -3s;
}

.sleep-text-z:nth-child(2) {
    animation-delay: -2s;
}

.sleep-text-z:nth-child(3) {
    animation-delay: -1s;
}

.sleep-text-z:nth-child(4) {
    animation-delay: 0s;
}

@keyframes snooze-animation2 {
    0% {
        transform: translate(25px, 60px) scale(0.2);
        -webkit-transform: translate(25px, 60px) scale(0.2);
        opacity: 0;
    }

    3% {
        opacity: 1;
    }

    33% {
        transform: translate(50px, 10px) scale(0.5);
        -webkit-transform: translate(50px, 10px) scale(0.5);
    }

    66% {
        transform: translate(-25px, -25px) scale(0.8);
        -webkit-transform: translate(-25px, -25px) scale(0.8);
    }

    75% {
        opacity: 1;
    }

    100% {
        transform: translate(50px, -80px) scale(1);
        -webkit-transform: translate(50px, -80px) scale(1);
        opacity: 0;
    }
}*/.ui-event-activities .body-container {
  display: flex;
  flex-direction: column;
  margin-top: var(--padding2);
  row-gap: 30px;
  padding-top: var(--padding2);
}
.ui-event-activities textarea {
  height: var(--height-defult-textarea);
}.main-container-event {
  display: flex;
  width: 100%;
  height: 100%;
  position: fixed;
}
.main-container-event .snooze-animation span {
  font-size: 1.6rem;
}
.main-container-event .logo-option-container {
  width: var(--width-logo-option);
  height: 100%;
  position: relative;
  transition: all 0.3s ease;
}
.main-container-event .all-body {
  width: calc(100% - var(--width-logo-option) - var(--margin-default));
  height: 100%;
  margin-left: calc(var(--width-logo-option) + var(--margin-default));
}
.main-container-event .header {
  display: flex;
  height: var(--height-header-bubbles);
  align-items: center;
}
.main-container-event .header .list-child {
  flex: 1;
  display: flex;
  overflow: auto;
}
.main-container-event .header .actions-extra {
  margin-right: var(--padding6);
}
.main-container-event .header .img-exit {
  width: var(--sze-img-exit);
  height: var(--sze-img-exit);
}
.main-container-event .sub-body {
  width: 100%;
  height: calc(100% - var(--height-header-bubbles));
  display: flex;
}
.main-container-event .sub-body .body-footer {
  flex: 1;
  position: relative;
  display: flex;
  flex-flow: column;
  margin-right: var(--padding6);
}
.main-container-event .sub-body .body-footer .body-container {
  flex: 1;
  width: 100%;
  overflow: auto;
}
.main-container-event .sub-body .body-footer .footer-container {
  height: 50px;
}
.main-container-event .sub-body .list-events .list-options-events {
  position: relative;
  right: 0;
}
.main-container-event .bubbles-child {
  margin-right: 10px;
}
.main-container-event .bubbles-child:not(.selected) {
  opacity: 0.6;
  filter: grayscale(1);
}
.main-container-event .footer-container {
  position: sticky;
  right: 0;
  bottom: var(--padding3);
}
.main-container-event .footer-container .button-circle {
  right: 0;
  bottom: 0;
  position: absolute;
}
.main-container-event .header-tabs {
  display: flex;
}
.main-container-event .header-tabs .item-tab-name {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: var(--color-border) 0px calc(var(--padding1) - 1px) 0px 0px;
  height: var(--hgt-tab-food);
  font-weight: bold;
}
.main-container-event .header-tabs .item-tab-name:first-child {
  border-radius: var(--padding3) 0 0 var(--padding3);
}
.main-container-event .header-tabs .item-tab-name:last-child {
  border-radius: 0 var(--padding3) var(--padding3) 0;
}
.main-container-event .header-tabs .item-tab-name.active {
  background-color: #f1f1f1;
  color: var(--color-green);
  box-shadow: var(--color-green) 0px var(--padding1) 0px -1px;
}.ui-event-comment .body-container {
  display: flex;
  flex-direction: column;
  row-gap: var(--padding4);
}
.ui-event-comment .body-container input[type=checkbox]::before,
.ui-event-comment .body-container input[type=radio]::before {
  box-shadow: inset 1em 1em var(--color-comments);
}
.ui-event-comment textarea {
  height: var(--height-defult-textarea);
}/* Browsers with no -webkit support */
@supports not selector(::-webkit-scrollbar) {
  * {
    scrollbar-width: thin;
    scrollbar-color: #C1C1C1 #f0f0f0;
  }
}
*::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

*::-webkit-scrollbar-button {
  display: none;
}

*::-webkit-scrollbar-track {
  /* background-color: #f0f0f0; */
  background-color: #eae7e7;
  border-radius: 5px;
}

*::-webkit-scrollbar-track-piece {
  /* background-color: #f0f0f0; */
  background-color: #eae7e7;
  border-radius: 5px;
}

*::-webkit-scrollbar-thumb {
  background-color: #C1C1C1;
  border-radius: 5px;
}

*::-webkit-resizer {
  display: none;
}

*::-webkit-scrollbar-thumb:hover {
  background-color: #A8A8A8;
}

*::-webkit-scrollbar-thumb:active {
  background-color: #808080;
}

.shy_scroll, .shy_scrollthin {
  /* webkit */
}
@supports not selector(::-webkit-scrollbar) {
  .shy_scroll, .shy_scrollthin {
    /* Firefox style scroll*/
    scrollbar-color: transparent transparent;
    scrollbar-width: thin;
  }
}
.shy_scroll::-webkit-scrollbar, .shy_scrollthin::-webkit-scrollbar {
  background-color: transparent;
  width: 5px;
  height: 5px;
}
.shy_scroll::-webkit-scrollbar-track, .shy_scrollthin::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 5px;
}
.shy_scroll::-webkit-scrollbar-track-piece, .shy_scrollthin::-webkit-scrollbar-track-piece {
  background-color: transparent;
  border-radius: 5px;
}
.shy_scroll::-webkit-scrollbar-thumb, .shy_scrollthin::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 5px;
}
.shy_scroll::-webkit-scrollbar-thumb:hover, .shy_scrollthin::-webkit-scrollbar-thumb:hover {
  background-color: transparent;
}
.shy_scroll::-webkit-scrollbar-thumb:active, .shy_scrollthin::-webkit-scrollbar-thumb:active {
  background-color: transparent;
}
.shy_scroll:hover::-webkit-scrollbar-thumb, .shy_scrollthin:hover::-webkit-scrollbar-thumb {
  background-color: #C1C1C1;
}
.shy_scroll:hover::-webkit-scrollbar-thumb:hover, .shy_scrollthin:hover::-webkit-scrollbar-thumb:hover {
  background-color: #A8A8A8;
}
.shy_scroll:hover::-webkit-scrollbar-thumb:active, .shy_scrollthin:hover::-webkit-scrollbar-thumb:active {
  background-color: #808080;
}

.shy_scrollthin {
  /* webkit */
}
.shy_scrollthin::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.shy_scrollthin::-webkit-scrollbar-track {
  border-radius: 4px;
}
.shy_scrollthin::-webkit-scrollbar-track-piece {
  border-radius: 4px;
}
.shy_scrollthin::-webkit-scrollbar-thumb {
  border-radius: 4px;
}

.hide_scroll, .ui-event-evaluation .body-container .virtual-grid-table-container .grid-table-body .grid-table-cell .eval-cell .input textarea {
  /* Firefox style scroll*/
  /* webkit */
}
@supports not selector(::-webkit-scrollbar) {
  .hide_scroll, .ui-event-evaluation .body-container .virtual-grid-table-container .grid-table-body .grid-table-cell .eval-cell .input textarea {
    scrollbar-color: transparent transparent;
    scrollbar-width: thin;
  }
}
.hide_scroll::-webkit-scrollbar, .ui-event-evaluation .body-container .virtual-grid-table-container .grid-table-body .grid-table-cell .eval-cell .input textarea::-webkit-scrollbar {
  background-color: transparent;
  width: 0px;
  height: 0px;
}

.ui-event-evaluation .all-body > .header > .actions-extra {
  width: 50%;
  max-width: 400px;
}
.ui-event-evaluation .body-footer {
  overflow: hidden !important;
}
.ui-event-evaluation .body-container {
  max-height: 90%;
  overflow: auto;
}
.ui-event-evaluation .body-container * {
  font-size: var(--font-size-mi-1);
}
.ui-event-evaluation .body-container .virtual-grid-table-container {
  min-width: calc(650px + var(--padding1) * 25);
}
.ui-event-evaluation .body-container .virtual-grid-table-container .grid-table-header .grid-table-header-cell {
  background-color: var(--color-win);
  color: var(--color-primary1);
  height: 100%;
  font-family: "Lato-Bold";
  display: flex;
  align-items: center;
  min-height: 40px;
}
.ui-event-evaluation .body-container .virtual-grid-table-container .grid-table-header .grid-table-header-cell:first-child {
  border-radius: var(--size-radius) 0 0 var(--size-radius);
}
.ui-event-evaluation .body-container .virtual-grid-table-container .grid-table-header .grid-table-header-cell:last-child {
  border-radius: 0 var(--size-radius) var(--size-radius) 0;
}
.ui-event-evaluation .body-container .virtual-grid-table-container .grid-table-body .grid-table-cell {
  padding: var(--padding2);
}
.ui-event-evaluation .body-container .virtual-grid-table-container .grid-table-body .grid-table-cell:has(.select-indicator-cell) {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ui-event-evaluation .body-container .virtual-grid-table-container .grid-table-body .grid-table-cell > .select-indicator-cell {
  display: none;
  flex: none;
  width: 24px;
  height: 24px;
  backdrop-filter: brightness(0.5);
  border-radius: 50%;
}
.ui-event-evaluation .body-container .virtual-grid-table-container .grid-table-body .grid-table-cell > .select-indicator-cell.eval, .ui-event-evaluation .body-container .virtual-grid-table-container .grid-table-body .grid-table-cell > .select-indicator-cell.no_apply {
  display: block;
  cursor: pointer;
}
.ui-event-evaluation .body-container .virtual-grid-table-container .grid-table-body .grid-table-cell > .select-indicator-cell.eval > svg {
  width: 100%;
  height: 100%;
}
.ui-event-evaluation .body-container .virtual-grid-table-container .grid-table-body .grid-table-cell > .select-indicator-cell.no_apply {
  padding: 3px;
}
.ui-event-evaluation .body-container .virtual-grid-table-container .grid-table-body .grid-table-cell > .select-indicator-cell.no_apply::after {
  content: "NA";
  margin-top: 2px;
  text-align: center;
  text-indent: 4px;
  font-size: 12px;
  color: var(--color-primary1);
  font-weight: bold;
}
.ui-event-evaluation .body-container .virtual-grid-table-container .grid-table-body .grid-table-cell .disabled {
  opacity: 0.6;
}
.ui-event-evaluation .body-container .virtual-grid-table-container .grid-table-body .grid-table-cell .materia-cell.tags_container .tag {
  border-radius: var(--size-radius);
  margin-right: 4px;
  margin-top: 4px;
  padding: 1px 2px;
  display: inline-block;
  white-space: nowrap;
}
.ui-event-evaluation .body-container .virtual-grid-table-container .grid-table-body .grid-table-cell .materia-cell.tags_container .tag * {
  font-size: calc(var(--font-size-mi-3));
}
.ui-event-evaluation .body-container .virtual-grid-table-container .grid-table-body .grid-table-cell .eval-cell .input:has(input[type=color]) {
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.ui-event-evaluation .body-container .virtual-grid-table-container .grid-table-body .grid-table-cell .eval-cell .input:has(input[type=color]) input[type=color] {
  display: inline-block;
  width: 25px;
  height: 25px;
  border-width: var(--border-width);
  border-style: solid;
  border-color: var(--color-border);
  border-radius: 50%;
  padding: 0;
}
.ui-event-evaluation .body-container .virtual-grid-table-container .grid-table-body .grid-table-cell .eval-cell .input:has(input[type=color]) input[type=color]::-webkit-color-swatch {
  border: none;
  border-radius: 50%;
  padding: 0;
}
.ui-event-evaluation .body-container .virtual-grid-table-container .grid-table-body .grid-table-cell .eval-cell .input:has(input[type=color]) input[type=color]::-webkit-color-swatch-wrapper {
  border: none;
  border-radius: 50%;
  padding: 0;
}
.ui-event-evaluation .body-container .virtual-grid-table-container .grid-table-body .grid-table-cell .eval-cell .input:has(input[type=color]) .btn_more {
  position: initial;
}
.ui-event-evaluation .body-container .virtual-grid-table-container .grid-table-body .grid-table-cell .eval-cell .input textarea:disabled {
  background-color: transparent;
  color: var(--color-text1);
}
.ui-event-evaluation .body-container .virtual-grid-table-container .grid-table-body .grid-table-cell .eval-cell .cx-list .txt-def-comment {
  display: flex;
  align-items: center;
}
.ui-event-evaluation .body-container .virtual-grid-table-container .grid-table-body .grid-table-cell .eval-cell .cx-list .txt-def-comment > .circle {
  flex: none;
  width: 20px;
  height: 20px;
  border: var(--border-width) var(--color-border) solid;
  border-radius: 50%;
}
.ui-event-evaluation .body-container .virtual-grid-table-container .grid-table-body .grid-table-cell .eval-cell .cx-list .txt-def-comment > span {
  margin-left: var(--padding1);
}
.ui-event-evaluation .body-container .virtual-grid-table-container .grid-table-body .grid-table-cell .eval-cell,
.ui-event-evaluation .body-container .virtual-grid-table-container .grid-table-body .grid-table-cell .fecha-cell,
.ui-event-evaluation .body-container .virtual-grid-table-container .grid-table-body .grid-table-cell .observacion-cell {
  padding-bottom: 5px;
}
.ui-event-evaluation .body-container .virtual-grid-table-container .grid-table-body .grid-table-cell .eval-cell .div-label-input .input__label,
.ui-event-evaluation .body-container .virtual-grid-table-container .grid-table-body .grid-table-cell .fecha-cell .div-label-input .input__label,
.ui-event-evaluation .body-container .virtual-grid-table-container .grid-table-body .grid-table-cell .observacion-cell .div-label-input .input__label {
  display: none;
}
.ui-event-evaluation .body-container .virtual-grid-table-container .grid-table-body .grid-table-cell .eval-cell .div-label-input .input__error,
.ui-event-evaluation .body-container .virtual-grid-table-container .grid-table-body .grid-table-cell .fecha-cell .div-label-input .input__error,
.ui-event-evaluation .body-container .virtual-grid-table-container .grid-table-body .grid-table-cell .observacion-cell .div-label-input .input__error {
  font-size: calc(var(--font-size-mi-4));
  width: max-content;
  bottom: calc(var(--font-size-mi-1) * -0.9);
}
.ui-event-evaluation .body-container .virtual-grid-table-container .grid-table-body .grid-table-cell .eval-cell .div-label-input .input__error *,
.ui-event-evaluation .body-container .virtual-grid-table-container .grid-table-body .grid-table-cell .fecha-cell .div-label-input .input__error *,
.ui-event-evaluation .body-container .virtual-grid-table-container .grid-table-body .grid-table-cell .observacion-cell .div-label-input .input__error * {
  font-size: calc(var(--font-size-mi-4));
}
.ui-event-evaluation .empty_tag {
  position: fixed;
}

.evaluation-date-picker {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: var(--padding1);
  width: 100%;
  height: 100%;
}
.evaluation-date-picker .checkbox-item {
  width: 100%;
}
.evaluation-date-picker .tag-no-found-dates {
  color: var(--color-error);
  font-size: var(--font-size-mi-1);
}
.evaluation-date-picker hr {
  border: none;
  border-bottom: 1px solid var(--color-border-light);
  width: 100%;
}
.evaluation-date-picker .tag-info {
  font-family: "Lato-Light";
  font-size: var(--font-size-mi-1);
}.virtual-grid-table-container {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 400px;
  min-width: 300px;
  overflow-x: auto;
  --grid-template-columns: auto;
}
.virtual-grid-table-container.use-real-rows .grid-table-body {
  grid-template-columns: auto !important;
}
.virtual-grid-table-container,
.virtual-grid-table-container * {
  box-sizing: border-box;
}
.virtual-grid-table-container > .grid-table-header {
  display: grid;
  align-items: center;
  background: #f5f5f5;
  border-bottom: 1px solid #eee;
  grid-template-columns: var(--grid-template-columns);
}
.virtual-grid-table-container > .scroll-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.virtual-grid-table-container > .scroll-container .spacer {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  height: 0;
}
.virtual-grid-table-container > .scroll-container .grid-table-body {
  position: absolute;
  top: 0;
  left: 0;
  display: grid;
  overflow-y: auto;
  flex: 1 1 auto;
}
.virtual-grid-table-container .grid-table-header,
.virtual-grid-table-container .scroll-container {
  min-width: 500px;
}
.virtual-grid-table-container .grid-table-body {
  width: 100%;
  grid-template-columns: var(--grid-template-columns);
}
.virtual-grid-table-container .grid-table-header-cell,
.virtual-grid-table-container .grid-table-cell {
  padding: 8px 12px;
  border-bottom: 1px solid #eee;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
}
.virtual-grid-table-container .grid-table-row {
  display: grid;
  grid-template-columns: var(--grid-template-columns);
}.tag {
  --tag-padding: 2px;
  --tag-min-height: 20px;
  --tag-color-bg: rgb(238, 238, 238);
  --tag-color-editting-bg: rgb(245, 245, 245);
  --tag-color-border: rgb(201, 201, 201);
  min-height: calc(var(--tag-min-height) - 2 * var(--tag-margin));
  min-width: 5px;
  width: max-content;
  padding: var(--tag-padding);
  border: 1px solid var(--tag-color-border);
  background-color: var(--tag-color-bg);
  display: flex;
  align-items: center;
}
.tag,
.tag * {
  box-sizing: border-box;
}
.tag > span:focus {
  outline: none;
  background-color: var(--tag-color-editting-bg);
}
.tag > .tag_closer {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid var(--tag-color-border);
  font-size: 16px;
  margin-left: var(--tag-padding);
  height: calc(var(--tag-min-height) - 2 * var(--tag-padding));
  width: calc(var(--tag-min-height) - 2 * var(--tag-padding));
  color: invert(var(--tag-color-bg));
}
.tag > .tag_closer .tag_closer_equis {
  height: 17px;
}
.tag > .tag_closer:hover {
  background-color: var(--tag-color-border);
}body:has(.litepicker-mobile) .input-date-wrapper > .input {
  pointer-events: none;
}

.litepicker.litepicker-mobile {
  position: fixed;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
}

.litepicker {
  max-width: 98%;
  box-shadow: 1px 1px 6px 1px var(--color_borderbox1);
  border-radius: var(--size-radius);
  background-color: var(--color-primary1);
}
.litepicker .month-item-name {
  text-transform: capitalize;
}
.litepicker:has(.container__footer) .container__months {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: none;
}
.litepicker .container__main .container__months {
  width: max-content;
  max-width: 100%;
  justify-content: center;
}
.litepicker .container__main .container__months .month-item .month-item-header .month-item-name,
.litepicker .container__main .container__months .month-item .month-item-header .month-item-year {
  border-radius: var(--size-radius);
  background-color: var(--color-primary1);
  border-color: var(--color-border);
}
.litepicker .container__main .container__months .month-item .month-item-header .month-item-name:focus-visible, .litepicker .container__main .container__months .month-item .month-item-header .month-item-name:focus-within,
.litepicker .container__main .container__months .month-item .month-item-header .month-item-year:focus-visible,
.litepicker .container__main .container__months .month-item .month-item-header .month-item-year:focus-within {
  border-color: var(--color-accent);
}
.litepicker .container__footer {
  margin: 0;
  padding: var(--padding2);
  box-shadow: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  overflow: hidden;
}
.litepicker .container__footer > div {
  width: 100%;
  height: 100%;
}
.litepicker .container__footer button {
  cursor: pointer;
}
.litepicker .container__footer .button-apply,
.litepicker .container__footer .button-cancel {
  background-color: var(--color_action1);
  opacity: 1;
}
.litepicker.mobilefriendly {
  max-height: 95%;
}
.litepicker.mobilefriendly .container__main {
  overflow: auto;
}
.litepicker .btn-close {
  position: absolute;
  top: -8px;
  right: -8px;
  border-radius: 50%;
  background-color: var(--color-primary1);
  border: 1px solid var(--color_borderbox1);
  width: 32px;
  height: 32px;
}
.litepicker .btn-close:hover {
  background-color: var(--color-border-light);
}
.litepicker .btn-close > svg {
  width: 100%;
  height: 100%;
}.ui-event-food .body-container {
  display: contents;
}
.ui-event-food .body-container .header-tabs .item-tab-name.active {
  color: var(--color-food);
  box-shadow: var(--color-food) 0px var(--padding1) 0px -1px;
}
.ui-event-food .body-container .food-and-type {
  margin: var(--padding2) 0;
  display: flex;
  justify-content: space-between;
}
.ui-event-food .body-container .food-and-type .check-types {
  display: flex;
  flex-flow: column;
  max-width: 400px;
}
.ui-event-food .body-container .food-and-type .check-types .radio-group > .radiobutton-item > label {
  max-width: 100%;
  white-space: normal;
}
.ui-event-food .body-container .food-and-type .time-and-portions {
  display: flex;
  flex-direction: column;
  align-items: end;
  row-gap: var(--padding3);
  margin-left: var(--margin-default);
}
.ui-event-food .body-container .food-and-type .portions-items-food {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  position: relative;
}
.ui-event-food .body-container .food-and-type .portions-items-food .item-portion-food {
  fill: gray;
  flex: 1;
}
.ui-event-food .body-container .food-and-type .portions-items-food .item-portion-food svg {
  width: var(--size-icon-default);
  height: var(--size-icon-default);
}
.ui-event-food .body-container .food-and-type .portions-items-food .item-portion-food.active {
  fill: var(--color-food);
}
.ui-event-food .body-container .food-and-type .portions-items-food .item-portion-food.disabled {
  fill-opacity: 0.5;
}
.ui-event-food .body-container .ls-food-name {
  display: flex;
  align-items: center;
}
.ui-event-food .body-container .ls-food-name .name-food {
  margin: var(--padding2) 0;
}
.ui-event-food .body-container .ls-food-name .items-child {
  display: flex;
  margin: 5px var(--padding2);
}
.ui-event-food .body-container .ls-food-name .items-child .bubble-child {
  width: 40px;
  height: 40px;
}
.ui-event-food .body-container .ls-food-name .items-child .bubble-child .name-child {
  font-size: calc(var(--font-size-mi-4) - 2px);
}
.ui-event-food .body-container .items-food-container {
  overflow: auto;
  display: flex;
  flex-direction: column;
  row-gap: var(--padding4);
  margin-top: var(--padding2);
  height: 100%;
}
.ui-event-food .body-container .items-baby-food {
  margin-bottom: var(--padding2);
}
.ui-event-food .body-container .items-baby-food h2 {
  font-weight: normal;
  margin-bottom: 10px;
}
.ui-event-food .body-container .items-baby-food .d-time-check {
  display: flex;
  place-items: center;
}
.ui-event-food .body-container .items-baby-food .d-time-check > div {
  margin: 0;
  height: var(--height-input-default) !important;
}
.ui-event-food .body-container .items-baby-food .d-time-check .div-label-input {
  margin-left: var(--padding2);
}
.ui-event-food .body-container .items-baby-food .div-label-input {
  margin: 20px 0 0 35px;
}
.ui-event-food .body-container .items-baby-food .div-label-input input {
  box-shadow: none;
}
.ui-event-food .body-footer {
  overflow: unset !important;
}
.ui-event-food input[type=checkbox]::before,
.ui-event-food input[type=radio]::before {
  box-shadow: inset 1em 1em var(--color-food);
  background-color: var(--color-food);
}.ui-event-humor .row-humor-icon {
  display: flex;
}
.ui-event-humor .row-humor-icon .item-icon {
  flex: 1;
  text-align: center;
  margin-top: var(--margin-icons-humor);
  margin-bottom: var(--margin-icons-humor);
}
.ui-event-humor .row-humor-icon .item-icon > svg {
  width: var(--sze-icon-send-file);
  height: var(--sze-icon-send-file);
}
.ui-event-humor .row-humor-icon .item-icon .txt-label {
  font-weight: normal;
  margin: 5px;
}
.ui-event-humor .row-humor-icon .item-icon .active-indicator {
  display: none;
}
.ui-event-humor .row-humor-icon .item-icon.active {
  position: relative;
}
.ui-event-humor .row-humor-icon .item-icon.active .active-indicator {
  display: flex;
  position: absolute;
  height: var(--sze-icon-send-file);
  width: var(--sze-icon-send-file);
  top: 0px;
  left: calc(50% - var(--sze-icon-send-file) / 2 - 0px);
  background: rgba(6, 6, 6, 0.3137254902);
  border-radius: 50%;
  border-width: 3px;
  border-color: #9773e5;
  border-style: solid;
  background-position: center;
  background-color: rgba(6, 6, 6, 0.6);
}
.ui-event-humor .row-humor-icon .item-icon.active .active-indicator > svg {
  width: 100%;
  height: 100%;
}
.ui-event-humor textarea {
  height: var(--height-defult-textarea);
}.ui-event-hygiene .body-container .item-hygiene-container:not(:first-child) {
  margin-top: var(--padding4);
}
.ui-event-hygiene .body-container .item-hygiene-container > .checkbox-item {
  font-weight: bold;
}
.ui-event-hygiene .body-container .d-description {
  display: flex;
  align-items: center;
  margin: var(--padding3) 0;
}
.ui-event-hygiene .body-container .d-description .radio-group {
  flex-direction: row;
}
.ui-event-hygiene .body-container .d-description .checkbox-item,
.ui-event-hygiene .body-container .d-description .radiobutton-item {
  margin-left: 15px;
}
.ui-event-hygiene .body-container input[type=checkbox]::before,
.ui-event-hygiene .body-container input[type=radio]::before {
  box-shadow: inset 1em 1em var(--color-hygiene);
  background-color: var(--color-hygiene);
}
.ui-event-hygiene textarea {
  height: calc(var(--height-defult-textarea) / 2);
}.ui-event-millestone .body-container {
  display: flex;
  flex-direction: column;
  row-gap: var(--padding2);
}
.ui-event-millestone .header-tabs .item-tab-name.active {
  color: var(--color-win);
  box-shadow: var(--color-win) 0px var(--padding1) 0px -1px;
}
.ui-event-millestone .subitems {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  position: relative;
}
.ui-event-millestone .subitems .checkbox-item {
  flex-basis: var(--flex-b-milestone);
  margin: var(--padding3) 0;
}
.ui-event-millestone .subitems .ic-and-label {
  display: flex;
  margin: 15px 0;
}
.ui-event-millestone .subitems .ic-and-label > .title-and-date {
  display: flex;
  flex-direction: column;
}
.ui-event-millestone .subitems .title,
.ui-event-millestone .subitems .subtitle {
  margin: 0 15px;
}
.ui-event-millestone .empty-hits {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: var(--color-win);
}
.ui-event-millestone .empty-hits svg {
  width: var(--default-hgt-img-background);
  height: var(--default-hgt-img-background);
}
.ui-event-millestone input[type=checkbox]::before,
.ui-event-millestone input[type=radio]::before {
  box-shadow: inset 1em 1em var(--color-win);
  background-color: var(--color-win);
}.ui-event-photo .body-footer {
  overflow: hidden !important;
  position: relative;
  justify-content: space-between;
}
.ui-event-photo .list-photos {
  flex: initial !important;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  position: relative;
  overflow: auto;
}
.ui-event-photo .list-photos .photo-item {
  width: var(--wth-photo-item);
  height: var(--hgt-photo-item);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 2px;
  flex-basis: var(--wth-photo-item);
  text-align: center;
  position: relative;
  border-width: 1px;
  border-style: solid;
  border-radius: 5px;
}
.ui-event-photo .list-photos .photo-item .photo {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 5px;
  object-fit: cover;
}
.ui-event-photo .list-photos .photo-item.status-photo-1, .ui-event-photo .list-photos .photo-item.status-photo-2, .ui-event-photo .list-photos .photo-item.status-photo-3 {
  border-width: var(--border-width);
}
.ui-event-photo .list-photos .photo-item.status-photo-0 {
  border-color: var(--color-border);
}
.ui-event-photo .list-photos .photo-item.status-photo-1 {
  border-color: var(--color-photos);
}
.ui-event-photo .list-photos .photo-item.status-photo-1 .photo {
  opacity: 0.4;
}
.ui-event-photo .list-photos .photo-item.status-photo-2 {
  border-color: var(--color-enter);
}
.ui-event-photo .list-photos .photo-item.status-photo-2 .photo {
  opacity: 0.6;
}
.ui-event-photo .list-photos .photo-item.status-photo-2 .ic_edit {
  display: none;
}
.ui-event-photo .list-photos .photo-item.status-photo-2 .uploaded {
  position: absolute;
  opacity: 0.6;
}
.ui-event-photo .list-photos .photo-item.status-photo-3 {
  border-color: var(--color-error);
}
.ui-event-photo .list-photos .photo-item.status-photo-3 .photo {
  opacity: 0.4;
}
.ui-event-photo .list-photos .photo-item.status-photo-3 .ic_edit {
  display: none;
}
.ui-event-photo .list-photos .photo-item.status-photo-3:after {
  background-color: var(--color-error);
  content: " ";
  position: absolute;
  opacity: 0.2;
  width: 100%;
  height: 100%;
}
.ui-event-photo .list-photos .photo-item.status-photo-0 .uploaded, .ui-event-photo .list-photos .photo-item.status-photo-1 .uploaded, .ui-event-photo .list-photos .photo-item.status-photo-3 .uploaded {
  display: none;
}
.ui-event-photo .list-photos .photo-item .ic_edit {
  position: absolute;
  top: var(--padding1);
  right: var(--padding1);
  width: var(--size-icon-default);
  height: auto;
}
.ui-event-photo .btn-take-pic {
  left: 0;
  bottom: 0;
  position: absolute;
  width: var(--sze-btn-circle);
  height: var(--sze-btn-circle);
}.ui-event-snooze .button {
  background-color: transparent;
  border-color: gray;
  color: black;
  border-width: 1px;
  border-style: solid;
  align-self: center;
}
.ui-event-snooze .button.selected {
  background-color: #77DD77;
}
.ui-event-snooze .text-btn-container {
  display: inline-flex;
  flex-flow: column;
  align-items: center;
}
.ui-event-snooze .text-btn-container .s-select-option {
  color: gray;
  margin-top: var(--padding3);
}
.ui-event-snooze .btns-container {
  display: flex;
}
.ui-event-snooze .btns-container .o-separate {
  margin-left: 50px;
  margin-right: 50px;
  display: flex;
  flex-flow: column;
  align-items: center;
}
.ui-event-snooze .btns-container .o-separate span.center {
  width: 10px;
  height: 10px;
  border: gray;
  border-style: solid;
  border-radius: 50%;
  margin: 10px 0;
}
.ui-event-snooze .btns-container .o-separate span:first-child,
.ui-event-snooze .btns-container .o-separate span:last-child {
  border-left: 2px solid gray;
  height: 24px;
}
.ui-event-snooze .wake-up .img-event-icon {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.ui-event-snooze .wake-up .img-event-icon > svg {
  width: var(--default-hgt-img-background);
  height: var(--default-hgt-img-background);
  opacity: 0.3;
}
.ui-event-snooze .wake-up .button {
  margin-top: 19px;
}
.ui-event-snooze .time-container {
  display: flex;
  margin-top: var(--height-footer-event);
}
.ui-event-snooze .time-container div {
  margin-right: var(--height-footer-event);
  display: flex;
  flex-flow: column;
}
.ui-event-snooze .time-container div label {
  font-weight: bold;
  color: gray;
}.status-extemp {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: red;
  border-radius: 50%;
  margin-right: 5px;
}.main_groups .body-container {
  padding: var(--padding4) var(--padding4) 0;
}
.main_groups .body-container .list-bubbles-group {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  overflow: auto;
  max-height: 100%;
}
.main_groups .body-container .list-bubbles-group .bubbles-group {
  margin: 0 15px 15px 0;
}
.main_groups .body-container .list-bubbles-group .bubble-group {
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-basis: 120px;
  text-align: center;
  border-color: var(--color-g-secundario);
  border-style: solid;
  padding: 2px;
}
.main_groups .body-container .list-bubbles-group .bubble-group.main {
  border-color: var(--color-g-primario);
}
.main_groups .body-container .list-bubbles-group .bubble-group {
  width: calc(var(--padding2) * 7 + 45px);
  height: calc(var(--padding2) * 7 + 45px);
  border-width: var(--padding1);
  position: relative;
}
.main_groups .body-container .list-bubbles-group .bubble-group .n-messages {
  display: none;
}
.main_groups .body-container .list-bubbles-group .bubble-group .n-messages.active {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-g-primario);
  border-radius: 50%;
  width: calc(18px + var(--padding2));
  height: calc(18px + var(--padding2));
  top: 0;
  position: absolute;
  right: 0;
  color: white;
  border-color: white;
  border-width: calc(var(--padding1) - 2px);
  border-style: solid;
  font-weight: bold;
}
.main_groups .body-container .list-bubbles-group h2 {
  overflow: hidden;
  word-wrap: break-word;
  border-radius: 50%;
  max-width: 100%;
  height: 100%;
  align-items: center;
  display: flex;
  text-align: center;
}
.main_groups .footer-container {
  padding: var(--padding4);
}
.main_groups .footer-container .list-buttons-group {
  height: 100%;
}
.main_groups .footer-container .list-buttons-group a {
  font-weight: bold;
  opacity: 0.6;
  height: 100%;
}
.main_groups .footer-container .list-buttons-group a.active {
  opacity: 1;
}
.main_groups .footer-container .list-buttons-group a:not(.main_groups .footer-container .list-buttons-group a:first-child) {
  margin-left: var(--padding2);
}
.main_groups .footer-container .list-buttons-group .main {
  background-color: var(--color-g-primario);
}
.main_groups .footer-container .list-buttons-group .secundary {
  background-color: var(--color-g-secundario);
}:root {
  --btn-color: #F2F2F2;
  --img-color: #D9D9D9;
}

.body-container .head-btn {
  width: 100%;
  text-align: end;
}
.body-container .btn-change-group {
  position: relative;
  right: var(--margin-default);
  bottom: 20px;
  position: fixed;
}
.body-container .btn-change-group svg {
  width: 100%;
  height: 100%;
}

.btn-enter,
.btn-departure {
  margin-top: var(--padding3);
  margin-bottom: var(--padding2);
}

.btn-departure {
  background-color: var(--color-salida) !important;
}

.div-list {
  width: 100%;
  height: calc(100% - var(--hgt-header) - var(--padding5));
  overflow-y: auto;
  position: relative;
}

.group-hour-child {
  margin-bottom: var(--padding4);
}

.group-hour-child .head-hour div {
  display: flex;
  align-items: center;
  justify-content: start;
  width: max-content;
  min-width: var(--min-width-header-hour-home);
  height: var(--height-default-button);
  border-radius: 10px 10px 0 0;
  text-align: center;
  color: white;
  justify-content: center;
}
.group-hour-child .head-hour div.primary {
  background: var(--color-green);
}
.group-hour-child .head-hour div.secundary {
  background: var(--color-salida);
}
.group-hour-child .head-hour span {
  font-size: var(--font-size-ma-2);
  margin: 0 15px;
}
.group-hour-child .head-hour hr {
  margin: 0;
  border-color: var(--color-border);
  border-style: solid;
  border-width: 1px 0 0 0;
}

.list-container-child {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  position: relative;
}
.list-container-child .cards-child {
  border-radius: var(--padding3);
  background-color: #f2f2f2;
  box-shadow: rgba(99, 99, 99, 0.2) 3px 2px 4px 0px;
  margin: var(--padding2) var(--padding2) var(--padding2) 0px;
  flex-basis: var(--flex-cards-child);
  text-align: center;
  display: flex;
}
.list-container-child .cards-child .card-child {
  display: flex;
  align-items: center;
  flex: 1;
}
.list-container-child .cards-child .card-child .prof-child {
  flex: none;
  width: var(--sze-img-profile);
  height: var(--sze-img-profile);
  border-radius: 50%;
  margin: var(--padding2) var(--padding2) var(--padding2) var(--padding2);
  background-color: var(--profile-no-image-color);
  object-fit: cover;
}
.list-container-child .cards-child .card-child .text-container {
  text-align: start;
  margin: 0;
  -webkit-transition: font-size 0.2s;
  -moz-transition: font-size 0.2s;
  -o-transition: font-size 0.2s;
  transition: font-size 0.2s;
}
.list-container-child .cards-child .card-child h4 {
  margin: 0;
  font-size: inherit;
}
.list-container-child .cards-child .card-child h5 {
  margin: 0;
  color: gray;
  font-weight: lighter;
  font-size: inherit;
}
.list-container-child .cards-child .btn-done {
  background-color: var(--color-green);
  width: var(--width-btn-done-card);
  border-radius: 0 var(--padding3) var(--padding3) 0;
  justify-content: center;
  display: none;
}
.list-container-child .cards-child .btn-done svg {
  width: 100%;
  height: auto;
}
.list-container-child .cards-child.active {
  position: relative;
}
.list-container-child .cards-child.active .text-container {
  font-size: small;
}
.list-container-child .cards-child.active .btn-done {
  display: flex;
  position: absolute;
  right: 0;
  height: 100%;
}.login {
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  height: 100%;
  width: 100%;
}
.login .content-wrapper {
  display: flex;
  flex-direction: column;
  width: 95%;
  max-width: var(--max-width-content-login);
  text-align: center;
  border-radius: var(--border_radius_base);
  padding: var(--padding4);
  row-gap: var(--padding4);
}
.login .content-wrapper .div-label-input {
  margin-bottom: var(--padding3);
}
.login h1 {
  letter-spacing: var(--padding1);
  margin: 0;
  font-size: calc(var(--font-size) * 2 - 2px);
}
.login .logo {
  width: var(--logo-width-login);
  height: auto;
  will-change: filter;
  transition: filter 300ms;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.login .logo:hover {
  filter: drop-shadow(0 0 2em rgba(100, 108, 255, 0.6666666667));
}
.login .link-recove {
  text-align: start;
  color: var(--color-orange);
  text-decoration: underline;
  padding-top: var(--padding2);
  font-weight: normal;
  cursor: pointer;
}
.login .btn-login {
  border-radius: 25px;
  border: 1px solid transparent;
  padding: 0.7em 2em;
  background-color: #FFF;
  cursor: pointer;
  transition: border-color 0.25s;
  color: var(--color-orange);
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  text-align: end;
  font-weight: bold;
}
.login .card-btn {
  text-align: end;
}
.login .input .ic-eye-pass {
  height: var(--eye-size);
  width: var(--eye-size);
  top: calc((var(--height-input-default) - var(--eye-size)) / 2);
}
.login .input .ic-eye-pass svg {
  width: 100%;
  height: 100%;
}
.login .input:has(.ic-eye-pass) input {
  padding-right: calc(var(--eye-size) + 10px);
}
@media only screen and (max-width: 811px) {
  .login .content-wrapper {
    row-gap: 1em;
    max-width: 340px;
  }
  .login .content-wrapper .logo {
    width: 90px;
    padding: 0;
  }
  .login .content-wrapper h1 {
    display: none;
  }
  .login .content-wrapper .input__field {
    height: 40px;
  }
  .login .content-wrapper .input__label {
    padding: 0.25em;
  }
  .login .content-wrapper .input .ic-eye-pass {
    right: 8px;
    top: 7px;
  }
  .login .content-wrapper .card-btn > button {
    height: 40px;
  }
}
.login .version_tag {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: var(--padding1);
  font-size: var(--font-size-mi-2);
}.profile {
  width: 100%;
  height: 100%;
}
.profile .header {
  display: flex;
  height: var(--height-header-bubbles);
  align-items: center;
}
.profile .header .img-exit {
  width: var(--sze-img-exit);
  height: var(--sze-img-exit);
  position: absolute;
  right: 0;
}
.profile .body {
  margin-left: calc(var(--margin-default) * 2);
  overflow: auto;
  height: calc(100% - var(--height-header-bubbles));
}
.profile .photo-birth {
  display: flex;
}
.profile .photo-birth .ic-birth {
  width: var(--sze-logo-birtdh);
  height: var(--sze-logo-birtdh);
}
.profile .photo-birth .photo-profile,
.profile .photo-birth .info-birth {
  display: flex;
  flex: 1;
  align-items: center;
}
.profile .photo-birth .photo-profile .txt-name,
.profile .photo-birth .info-birth .txt-name {
  margin-left: 15px;
}
.profile .photo-birth .photo-profile .txts-date-year,
.profile .photo-birth .info-birth .txts-date-year {
  display: block;
}
.profile .photo-birth .bubble-child {
  width: var(--sze-photo-profile);
  height: var(--sze-photo-profile);
  flex-basis: var(--sze-photo-profile);
  flex: none;
  display: block;
}
.profile .photo-birth .bubble-child .prof-child {
  margin: var(--padding1);
  width: calc(100% - var(--padding2));
  height: calc(100% - var(--padding2));
}
.profile .photo-birth .bubble-child .wrapper {
  width: 100%;
  position: relative;
  bottom: 38%;
}
.profile .photo-birth .bubble-child .wrapper .semi-circle {
  width: var(--sze-photo-profile);
  height: var(--sze-photo-profile);
  background-color: rgba(0, 0, 0, 0.25);
  clip-path: circle(50% at 48% -15%);
}
.profile .photo-birth .bubble-child .wrapper .semi-circle svg {
  margin-top: 3px;
  width: var(--sze-ic-take-photo-prof);
  height: var(--sze-ic-take-photo-prof);
  fill: white;
}
.profile .photo-birth .btn-choose-file {
  background-color: gray;
}
.profile .txt-secundary {
  font-weight: normal;
  margin: 0;
}
.profile .groups {
  margin-top: calc(var(--margin-default) * 2);
}
.profile .groups .txt-secundary {
  margin: 10px 0;
}
.profile .brothers {
  margin-top: calc(var(--margin-default) * 2);
}
.profile .brothers .list-brothers {
  margin-top: var(--padding3);
  display: flex;
  flex-wrap: wrap;
  row-gap: var(--padding2);
  column-gap: var(--padding2);
}.qr-view {
  background-color: black;
  width: 100%;
  height: 100%;
  display: flex;
}
.qr-view .header {
  display: flex;
  height: var(--height-header-bubbles);
  align-items: center;
}
.qr-view .header .img-exit {
  width: var(--sze-img-exit);
  height: var(--sze-img-exit);
  position: absolute;
  right: 0;
}
.qr-view .container {
  display: flex;
  flex: 1;
  flex-flow: column;
  place-content: center;
  align-items: center;
}
.qr-view .container .img-logo-kidi {
  width: var(--default-hgt-img-background);
  height: var(--default-hgt-img-background);
  transition: translate 0.25s;
}
.qr-view .container .title,
.qr-view .container .description {
  color: white;
}
.qr-view .container .title {
  margin-top: var(--margin-default);
  font-size: var(--font-size-ma-4);
}
.qr-view .container .description {
  margin-top: var(--padding4);
  font-weight: normal;
}
.qr-view .container .btn-confirm-qr {
  border: none;
  border-radius: var(--padding1);
  background-color: var(--color-green);
  cursor: pointer;
  transition: border-color 0.25s;
  color: white;
  font-weight: bold;
  margin-top: var(--margin-default);
  min-width: var(--min-width-header-hour-home);
  height: var(--height-default-button);
}:root {
  --color-green: #00D75A;
  --color-salida: #ff7f77;
  --color-orange: #fb8b24;
  --color-blue-action: #39a0ff;
  --color-child: #79A1D2;
  --color-girl: #D581B3;
  --profile-no-image-color: #d9d9d9;
  --color-primary1: #ffffff;
  --color-text1: #101010;
  --color-text-contrast: var(--color-primary1);
  --color-input-focus: --color-text1;
  --width-logo-option: 90px;
  --height-logo-option: 120px;
  --hgt-header: 70px;
  --hgt-footer: 70px;
  --margin-default: 30px;
  --color_borderbox1: #d1d1d1;
  --color-error: #ed0000;
  --color-enter: #00D75A;
  --color-departure: #FF7F77;
  --color-snooze: #44CCFF;
  --color-food: #E82C2C;
  --color-hygiene: #3066BE;
  --color-activities: #FFD23F;
  --color-win: #D30C7B;
  --color-photos: #EE6C4D;
  --color-comments: #3BCEAC;
  --color-humor: #7D3D99;
  --color-grupo-inactivo: #FBD050;
  --color-extemporaneo: #44ccff;
  --color-chat-head: #FFB156;
  --color-rgba-enter: 0, 215, 90;
  --color-rgba-departure: 255, 127, 119;
  --color-rgba-snooze: 68, 204, 255;
  --color-rgba-food: 232, 44, 44;
  --color-rgba-hygiene: 48, 102, 190;
  --color-rgba-activities: 255, 210, 63;
  --color-rgba-win: 211, 12, 123;
  --color-rgba-photos: 238, 108, 77;
  --color-rgba-comments: 59, 206, 172;
  --color-rgba-humor: 125, 61, 153;
  --color-rgb-reporte-salon: 0, 215, 90;
  --border-width: 2px;
  --height-default-button: 40px;
  --sze-btn-circle: 46px;
  --size-icon-default: 50px;
  --sze-img-profile: 50px;
  --height-defult-textarea: 120px;
  --default-hgt-img-background: 230px;
  --min-width-header-hour-home: 180px;
  --flex-cards-child: 194px;
  --width-btn-done-card: 40px;
  --max-width-opts-container: 400px;
  --max-height-opts-container: 420px;
  --flex-basis-options: 120px;
  --sze-icon-options: 60px;
  --max-width-toast: 400px;
  --wth-dialog-container: 320px;
  --min-hgt-dialog: 200px;
  --hgt-footer-dialog: 36px;
  --wth-opts-event: 80px;
  --height-header-bubbles: 100px;
  --sze-img-exit: 80px;
  --sze-bubble-child: 70px;
  --w-border-shadow: -4px;
  --height-inputContainer: 50px;
  --wth-list-chat-childs: auto;
  --min-hgt-message-item: 40px;
  --font-sze-time-chat: 12px;
  --min-hgt-send-file: 200px;
  --sze-icon-send-file: 70px;
  --max-width-content-login: 380px;
  --logo-width-login: 120px;
  --eye-size: 30px;
  --sze-icon-weather-main: 150px;
  --flx-b-weath-days: 130px;
  --hgt-header-report: 90px;
  --sze-icon-header-report: 36px;
  --sze-ic-exit-report: 64px;
  --min-item-ev-report: 250px;
  --sze-ic-evt-report: 30px;
  --height-footer-event: 50px;
  --hgt-tab-food: 40px;
  --flex-b-milestone: 280px;
  --wth-photo-item: 230px;
  --hgt-photo-item: 210px;
  --margin-icons-humor: 30px;
  --sze-photo-profile: 150px;
  --sze-ic-take-photo-prof: 40px;
  --sze-logo-birtdh: 100px;
}

:root {
  --color-main: #00d655;
  --color-g-primario: var(--color-green);
  --color-g-secundario: var(--color-orange);
}

:root {
  --color-border: #949494;
  --color-border-light: #d8d8d8;
}

:root {
  --color-accent: var(--color-orange);
  --size-bezel: 0.5rem;
  --size-radius: 5px;
  --height-input-default: 45px;
  --sze-icon-check: 40px;
  --input-date-defaultwidth: 140px;
}

:root {
  --border-with-bubble: 0.2em;
  --font-size: 16px;
  --font-size-mi-1: calc(var(--font-size) - 1px);
  --font-size-mi-2: calc(var(--font-size) - 2px);
  --font-size-mi-3: calc(var(--font-size) - 3px);
  --font-size-mi-4: calc(var(--font-size) - 4px);
  --font-size-ma-1: calc(var(--font-size) + 1px);
  --font-size-ma-2: calc(var(--font-size) + 2px);
  --font-size-ma-4: calc(var(--font-size) + 4px);
  --padding1: 5px;
  --padding2: calc(var(--padding1)*2);
  --padding3: calc(var(--padding1)*3);
  --padding4: calc(var(--padding1)*4);
  --padding5: calc(var(--padding1)*5);
  --padding6: calc(var(--padding1)*6);
}

@media only screen and (max-height: 500px) {
  :root {
    --hgt-header: 50px;
    --hgt-footer: 50px;
    --margin-default: 20px;
    --width-logo-option: 60px;
    --height-logo-option: 100px;
    --height-default-button: 32px;
    --font-size: 14px;
    --padding1: 3px;
    --sze-btn-circle: 34px;
    --size-icon-default: 36px;
    --height-defult-textarea: 80px;
    --min-width-header-hour-home: 130px;
    --sze-img-profile: 40px;
    --flex-cards-child: 164px;
    --width-btn-done-card: 30px;
    --max-width-opts-container: 300px;
    --max-height-opts-container: 380px;
    --flex-basis-options: 90px;
    --sze-icon-options: 46px;
    --max-width-toast: 300px;
    --wth-dialog-container: 250px;
    --min-hgt-dialog: 140px;
    --hgt-footer-dialog: 28px;
    --wth-opts-event: 40px;
    --height-header-bubbles: 70px;
    --sze-img-exit: 40px;
    --sze-bubble-child: 50px;
    --w-border-shadow: -2px;
    --height-inputContainer: 50px;
    --wth-list-chat-childs: auto;
    --default-hgt-img-background: 140px;
    --min-hgt-message-item: 36px;
    --font-sze-time-chat: 10px;
    --min-hgt-send-file: 120px;
    --sze-icon-send-file: 46px;
    --height-input-default: 32px;
    --sze-icon-check: 26px;
    --input-date-defaultwidth: 120px;
    --max-width-content-login: 320px;
    --logo-width-login: 80px;
    --eye-size: 24px;
    --sze-icon-weather-main: 80px;
    --flx-b-weath-days: 90px;
    --hgt-header-report: 60px;
    --sze-icon-header-report: 22px;
    --sze-ic-exit-report: 50px;
    --min-item-ev-report: 180px;
    --sze-ic-evt-report: 24px;
    --height-footer-event: 40px;
    --hgt-tab-food: 30px;
    --flex-b-milestone: 200px;
    --wth-photo-item: 120px;
    --hgt-photo-item: 110px;
    --margin-icons-humor: 10px;
    --sze-photo-profile: 80px;
    --sze-ic-take-photo-prof: 22px;
    --sze-logo-birtdh: 60px;
  }
}
.ui-report .body-container .header-events-container,
.ui-report .body-container .list-reports-hour {
  padding-left: var(--margin-default);
  padding-right: var(--margin-default);
}
.ui-report .header .title {
  pointer-events: none;
}
.ui-report .header .header-report {
  margin-left: var(--margin-default);
  height: 45%;
  width: auto;
}
.ui-report .header .header-report svg {
  fill: gray;
  left: var(--margin-default);
  height: 100%;
  width: auto;
  cursor: pointer;
}
.ui-report .header-events-container {
  width: 100%;
  height: var(--hgt-header-report);
  display: flex;
  align-items: center;
}
.ui-report .header-events-container .opts-events {
  flex: 1;
  text-align: center;
  height: 100%;
  position: relative;
  display: grid;
  align-items: center;
  cursor: pointer;
}
.ui-report .header-events-container .opts-events .img-event-icon > svg {
  width: var(--sze-icon-header-report);
  height: var(--sze-icon-header-report);
}
.ui-report .header-events-container .opts-events .title-ev {
  margin: 0;
}
.ui-report .header-events-container .opts-events .title-evt-0 {
  color: rgba(var(--color-rgb-reporte-salon), 1);
}
.ui-report .header-events-container .opts-events .title-evt--2 {
  color: rgba(var(--color-rgba-enter), 1);
}
.ui-report .header-events-container .opts-events .title-evt--1 {
  color: rgba(var(--color-rgba-departure), 1);
}
.ui-report .header-events-container .opts-events .title-evt-1 {
  color: rgba(var(--color-rgba-snooze), 1);
}
.ui-report .header-events-container .opts-events .title-evt-2 {
  color: rgba(var(--color-rgba-food), 1);
}
.ui-report .header-events-container .opts-events .title-evt-3 {
  color: rgba(var(--color-rgba-hygiene), 1);
}
.ui-report .header-events-container .opts-events .title-evt-4 {
  color: rgba(var(--color-rgba-activities), 1);
}
.ui-report .header-events-container .opts-events .title-evt-5 {
  color: rgba(var(--color-rgba-win), 1);
}
.ui-report .header-events-container .opts-events .title-evt-6 {
  color: rgba(var(--color-rgba-photos), 1);
}
.ui-report .header-events-container .opts-events .title-evt-7 {
  color: rgba(var(--color-rgba-comments), 1);
}
.ui-report .header-events-container .opts-events .title-evt-8 {
  color: rgba(var(--color-rgba-humor), 1);
}
.ui-report .header-events-container .opts-events .title-evt-9 {
  color: rgba(var(--color-rgba-enter), 1);
}
.ui-report .header-events-container .opts-events .title-evt-10 {
  color: rgba(var(--color-rgba-departure), 1);
}
.ui-report .header-events-container .opts-events .title-evt-11 {
  color: rgba(var(--color-rgba-win), 1);
}
.ui-report .header-events-container .opts-events .title-evt--999 {
  color: rgba(var(--color-rgba-enter), 1);
}
.ui-report .header-events-container .opts-events .title-evt--1000 {
  color: rgba(var(--color-rgba-departure), 1);
}
.ui-report .header-events-container .opts-events.disabled {
  cursor: not-allowed;
}
.ui-report .header-events-container .opts-events.disabled .title-ev {
  color: var(--color-border);
}
.ui-report .header-events-container .opts-events.disabled .img-event-icon > svg {
  fill: var(--color-border);
}
.ui-report .header-events-container .opts-events.evt-0 > div {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-right: 1px solid rgb(210, 210, 210);
}
.ui-report .header-events-container .opts-events.evt-0 svg circle {
  fill: rgb(var(--color-rgb-reporte-salon)) !important;
}
.ui-report .header-events-container .opts-events.evt-0 svg path {
  stroke: rgb(var(--color-rgb-reporte-salon)) !important;
}
.ui-report .header-events-container .opts-events.evt-0.selected {
  background-color: rgba(var(--color-rgb-reporte-salon), 0.05);
  transition: border-width 0.08s;
  border-bottom: rgb(var(--color-rgb-reporte-salon));
  border-width: 4px;
  border-style: none none solid none;
}
.ui-report .header-events-container .opts-events.evt-0.selected svg,
.ui-report .header-events-container .opts-events.evt-0.selected h4 {
  filter: brightness(0.85) drop-shadow(0px 0px 20px rgba(var(--color-rgb-reporte-salon), 1));
}
.ui-report .header-events-container .opts-events.evt-1 svg circle {
  fill: rgb(var(--color-rgba-snooze)) !important;
}
.ui-report .header-events-container .opts-events.evt-1 svg path {
  stroke: rgb(var(--color-rgba-snooze)) !important;
}
.ui-report .header-events-container .opts-events.evt-1.selected {
  background-color: rgba(var(--color-rgba-snooze), 0.05);
  transition: border-width 0.08s;
  border-bottom: rgb(var(--color-rgba-snooze));
  border-width: 4px;
  border-style: none none solid none;
}
.ui-report .header-events-container .opts-events.evt-1.selected svg,
.ui-report .header-events-container .opts-events.evt-1.selected h4 {
  filter: brightness(0.85) drop-shadow(0px 0px 20px rgba(var(--color-rgba-snooze), 1));
}
.ui-report .header-events-container .opts-events.evt-2 svg circle {
  fill: rgb(var(--color-rgba-food)) !important;
}
.ui-report .header-events-container .opts-events.evt-2 svg path {
  stroke: rgb(var(--color-rgba-food)) !important;
}
.ui-report .header-events-container .opts-events.evt-2.selected {
  background-color: rgba(var(--color-rgba-food), 0.05);
  transition: border-width 0.08s;
  border-bottom: rgb(var(--color-rgba-food));
  border-width: 4px;
  border-style: none none solid none;
}
.ui-report .header-events-container .opts-events.evt-2.selected svg,
.ui-report .header-events-container .opts-events.evt-2.selected h4 {
  filter: brightness(0.85) drop-shadow(0px 0px 20px rgba(var(--color-rgba-food), 1));
}
.ui-report .header-events-container .opts-events.evt-3 svg circle {
  fill: rgb(var(--color-rgba-hygiene)) !important;
}
.ui-report .header-events-container .opts-events.evt-3 svg path {
  stroke: rgb(var(--color-rgba-hygiene)) !important;
}
.ui-report .header-events-container .opts-events.evt-3.selected {
  background-color: rgba(var(--color-rgba-hygiene), 0.05);
  transition: border-width 0.08s;
  border-bottom: rgb(var(--color-rgba-hygiene));
  border-width: 4px;
  border-style: none none solid none;
}
.ui-report .header-events-container .opts-events.evt-3.selected svg,
.ui-report .header-events-container .opts-events.evt-3.selected h4 {
  filter: brightness(0.85) drop-shadow(0px 0px 20px rgba(var(--color-rgba-hygiene), 1));
}
.ui-report .header-events-container .opts-events.evt-4 svg circle {
  fill: rgb(var(--color-rgba-activities)) !important;
}
.ui-report .header-events-container .opts-events.evt-4 svg path {
  stroke: rgb(var(--color-rgba-activities)) !important;
}
.ui-report .header-events-container .opts-events.evt-4.selected {
  background-color: rgba(var(--color-rgba-activities), 0.05);
  transition: border-width 0.08s;
  border-bottom: rgb(var(--color-rgba-activities));
  border-width: 4px;
  border-style: none none solid none;
}
.ui-report .header-events-container .opts-events.evt-4.selected svg,
.ui-report .header-events-container .opts-events.evt-4.selected h4 {
  filter: brightness(0.85) drop-shadow(0px 0px 20px rgba(var(--color-rgba-activities), 1));
}
.ui-report .header-events-container .opts-events.evt-5 svg circle {
  fill: rgb(var(--color-rgba-win)) !important;
}
.ui-report .header-events-container .opts-events.evt-5 svg path {
  stroke: rgb(var(--color-rgba-win)) !important;
}
.ui-report .header-events-container .opts-events.evt-5.selected {
  background-color: rgba(var(--color-rgba-win), 0.05);
  transition: border-width 0.08s;
  border-bottom: rgb(var(--color-rgba-win));
  border-width: 4px;
  border-style: none none solid none;
}
.ui-report .header-events-container .opts-events.evt-5.selected svg,
.ui-report .header-events-container .opts-events.evt-5.selected h4 {
  filter: brightness(0.85) drop-shadow(0px 0px 20px rgba(var(--color-rgba-win), 1));
}
.ui-report .header-events-container .opts-events.evt-6 svg circle {
  fill: rgb(var(--color-rgba-photos)) !important;
}
.ui-report .header-events-container .opts-events.evt-6 svg path {
  stroke: rgb(var(--color-rgba-photos)) !important;
}
.ui-report .header-events-container .opts-events.evt-6.selected {
  background-color: rgba(var(--color-rgba-photos), 0.05);
  transition: border-width 0.08s;
  border-bottom: rgb(var(--color-rgba-photos));
  border-width: 4px;
  border-style: none none solid none;
}
.ui-report .header-events-container .opts-events.evt-6.selected svg,
.ui-report .header-events-container .opts-events.evt-6.selected h4 {
  filter: brightness(0.85) drop-shadow(0px 0px 20px rgba(var(--color-rgba-photos), 1));
}
.ui-report .header-events-container .opts-events.evt-7 svg circle {
  fill: rgb(var(--color-rgba-comments)) !important;
}
.ui-report .header-events-container .opts-events.evt-7 svg path {
  stroke: rgb(var(--color-rgba-comments)) !important;
}
.ui-report .header-events-container .opts-events.evt-7.selected {
  background-color: rgba(var(--color-rgba-comments), 0.05);
  transition: border-width 0.08s;
  border-bottom: rgb(var(--color-rgba-comments));
  border-width: 4px;
  border-style: none none solid none;
}
.ui-report .header-events-container .opts-events.evt-7.selected svg,
.ui-report .header-events-container .opts-events.evt-7.selected h4 {
  filter: brightness(0.85) drop-shadow(0px 0px 20px rgba(var(--color-rgba-comments), 1));
}
.ui-report .header-events-container .opts-events.evt-8 svg circle {
  fill: rgb(var(--color-rgba-humor)) !important;
}
.ui-report .header-events-container .opts-events.evt-8 svg path {
  stroke: rgb(var(--color-rgba-humor)) !important;
}
.ui-report .header-events-container .opts-events.evt-8.selected {
  background-color: rgba(var(--color-rgba-humor), 0.05);
  transition: border-width 0.08s;
  border-bottom: rgb(var(--color-rgba-humor));
  border-width: 4px;
  border-style: none none solid none;
}
.ui-report .header-events-container .opts-events.evt-8.selected svg,
.ui-report .header-events-container .opts-events.evt-8.selected h4 {
  filter: brightness(0.85) drop-shadow(0px 0px 20px rgba(var(--color-rgba-humor), 1));
}
.ui-report .header-events-container .opts-events.evt-11 svg circle {
  fill: rgb(var(--color-rgba-win)) !important;
}
.ui-report .header-events-container .opts-events.evt-11 svg path {
  stroke: rgb(var(--color-rgba-win)) !important;
}
.ui-report .header-events-container .opts-events.evt-11.selected {
  background-color: rgba(var(--color-rgba-win), 0.05);
  transition: border-width 0.08s;
  border-bottom: rgb(var(--color-rgba-win));
  border-width: 4px;
  border-style: none none solid none;
}
.ui-report .header-events-container .opts-events.evt-11.selected svg,
.ui-report .header-events-container .opts-events.evt-11.selected h4 {
  filter: brightness(0.85) drop-shadow(0px 0px 20px rgba(var(--color-rgba-win), 1));
}
.ui-report .list-reports-hour {
  width: 100%;
  height: calc(100% - var(--hgt-header-report));
  padding: var(--padding3) 0;
  overflow: auto;
  position: relative;
}
.ui-report .list-reports-hour .list-report {
  display: flex;
  align-items: center;
}
.ui-report .list-reports-hour .list-report .time {
  width: 100px;
}
.ui-report .list-reports-hour .list-report::before {
  position: relative;
  content: "";
  height: 50px;
  width: 4px;
  bottom: 0;
  left: 0;
  background: #64d7e7;
  margin-right: 10px;
  border-radius: 2px;
}
.ui-report .list-reports-hour .list-container-bubble {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  position: relative;
  flex: 1;
}
.ui-report .list-reports-hour .list-container-bubble .bubbles-report {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  margin: var(--padding2) var(--padding4) var(--padding2) 0px;
  flex-basis: var(--sze-img-profile);
  text-align: center;
}
.ui-report .list-reports-hour .list-container-bubble .bubbles-report .bubble-child {
  cursor: pointer;
  width: var(--sze-img-profile);
  height: var(--sze-img-profile);
}
.ui-report .list-reports-hour.evt-0 .list-report::before {
  background-color: rgba(var(--color-rgb-reporte-salon), 1);
}
.ui-report .list-reports-hour.evt--2 .list-report::before {
  background-color: rgba(var(--color-rgba-enter), 1);
}
.ui-report .list-reports-hour.evt--1 .list-report::before {
  background-color: rgba(var(--color-rgba-departure), 1);
}
.ui-report .list-reports-hour.evt-1 .list-report::before {
  background-color: rgba(var(--color-rgba-snooze), 1);
}
.ui-report .list-reports-hour.evt-2 .list-report::before {
  background-color: rgba(var(--color-rgba-food), 1);
}
.ui-report .list-reports-hour.evt-3 .list-report::before {
  background-color: rgba(var(--color-rgba-hygiene), 1);
}
.ui-report .list-reports-hour.evt-4 .list-report::before {
  background-color: rgba(var(--color-rgba-activities), 1);
}
.ui-report .list-reports-hour.evt-5 .list-report::before {
  background-color: rgba(var(--color-rgba-win), 1);
}
.ui-report .list-reports-hour.evt-6 .list-report::before {
  background-color: rgba(var(--color-rgba-photos), 1);
}
.ui-report .list-reports-hour.evt-7 .list-report::before {
  background-color: rgba(var(--color-rgba-comments), 1);
}
.ui-report .list-reports-hour.evt-8 .list-report::before {
  background-color: rgba(var(--color-rgba-humor), 1);
}
.ui-report .list-reports-hour.evt-9 .list-report::before {
  background-color: rgba(var(--color-rgba-enter), 1);
}
.ui-report .list-reports-hour.evt-10 .list-report::before {
  background-color: rgba(var(--color-rgba-departure), 1);
}
.ui-report .list-reports-hour.evt-11 .list-report::before {
  background-color: rgba(var(--color-rgba-win), 1);
}
.ui-report .list-reports-hour.evt--999 .list-report::before {
  background-color: rgba(var(--color-rgba-enter), 1);
}
.ui-report .list-reports-hour.evt--1000 .list-report::before {
  background-color: rgba(var(--color-rgba-departure), 1);
}
.ui-report .list-childs {
  width: 100%;
  height: calc(100% - var(--hgt-header-report));
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  padding: var(--padding3) calc(var(--padding3) * 2);
  gap: var(--padding4);
  overflow: auto;
  position: relative;
}
.ui-report .list-childs > .bubble-child {
  width: calc(var(--sze-img-profile) * 1.5) !important;
  height: calc(var(--sze-img-profile) * 1.5) !important;
  max-width: calc(var(--sze-img-profile) * 1.5) !important;
  min-width: calc(var(--sze-img-profile) * 1.5) !important;
  cursor: pointer;
}
.ui-report .list-childs > .bubble-child.grupo-inactivo {
  border-color: var(--color-grupo-inactivo);
}
.ui-report .list-childs > .bubble-child img[fail] {
  display: none;
}
.ui-report .list-childs > .bubble-child .name-child {
  font-size: calc(var(--font-size) - 4px);
}
.ui-report .body-container:has(.evt-0.selected) .empty_tag label {
  color: rgb(var(--color-rgb-reporte-salon)) !important;
}
.ui-report .body-container:has(.evt-0.selected) .empty_tag svg {
  fill: rgb(var(--color-rgb-reporte-salon)) !important;
}
.ui-report .body-container:has(.evt-0.selected) .empty_tag svg circle {
  fill: rgb(var(--color-rgb-reporte-salon)) !important;
}
.ui-report .body-container:has(.evt-0.selected) .empty_tag svg path {
  stroke: rgb(var(--color-rgb-reporte-salon)) !important;
}
.ui-report .body-container:has(.evt-1.selected) .empty_tag label {
  color: rgb(var(--color-rgba-snooze)) !important;
}
.ui-report .body-container:has(.evt-1.selected) .empty_tag svg {
  fill: rgb(var(--color-rgba-snooze)) !important;
}
.ui-report .body-container:has(.evt-1.selected) .empty_tag svg circle {
  fill: rgb(var(--color-rgba-snooze)) !important;
}
.ui-report .body-container:has(.evt-1.selected) .empty_tag svg path {
  stroke: rgb(var(--color-rgba-snooze)) !important;
}
.ui-report .body-container:has(.evt-2.selected) .empty_tag label {
  color: rgb(var(--color-rgba-food)) !important;
}
.ui-report .body-container:has(.evt-2.selected) .empty_tag svg {
  fill: rgb(var(--color-rgba-food)) !important;
}
.ui-report .body-container:has(.evt-2.selected) .empty_tag svg circle {
  fill: rgb(var(--color-rgba-food)) !important;
}
.ui-report .body-container:has(.evt-2.selected) .empty_tag svg path {
  stroke: rgb(var(--color-rgba-food)) !important;
}
.ui-report .body-container:has(.evt-3.selected) .empty_tag label {
  color: rgb(var(--color-rgba-hygiene)) !important;
}
.ui-report .body-container:has(.evt-3.selected) .empty_tag svg {
  fill: rgb(var(--color-rgba-hygiene)) !important;
}
.ui-report .body-container:has(.evt-3.selected) .empty_tag svg circle {
  fill: rgb(var(--color-rgba-hygiene)) !important;
}
.ui-report .body-container:has(.evt-3.selected) .empty_tag svg path {
  stroke: rgb(var(--color-rgba-hygiene)) !important;
}
.ui-report .body-container:has(.evt-4.selected) .empty_tag label {
  color: rgb(var(--color-rgba-activities)) !important;
}
.ui-report .body-container:has(.evt-4.selected) .empty_tag svg {
  fill: rgb(var(--color-rgba-activities)) !important;
}
.ui-report .body-container:has(.evt-4.selected) .empty_tag svg circle {
  fill: rgb(var(--color-rgba-activities)) !important;
}
.ui-report .body-container:has(.evt-4.selected) .empty_tag svg path {
  stroke: rgb(var(--color-rgba-activities)) !important;
}
.ui-report .body-container:has(.evt-5.selected) .empty_tag label {
  color: rgb(var(--color-rgba-win)) !important;
}
.ui-report .body-container:has(.evt-5.selected) .empty_tag svg {
  fill: rgb(var(--color-rgba-win)) !important;
}
.ui-report .body-container:has(.evt-5.selected) .empty_tag svg circle {
  fill: rgb(var(--color-rgba-win)) !important;
}
.ui-report .body-container:has(.evt-5.selected) .empty_tag svg path {
  stroke: rgb(var(--color-rgba-win)) !important;
}
.ui-report .body-container:has(.evt-6.selected) .empty_tag label {
  color: rgb(var(--color-rgba-photos)) !important;
}
.ui-report .body-container:has(.evt-6.selected) .empty_tag svg {
  fill: rgb(var(--color-rgba-photos)) !important;
}
.ui-report .body-container:has(.evt-6.selected) .empty_tag svg circle {
  fill: rgb(var(--color-rgba-photos)) !important;
}
.ui-report .body-container:has(.evt-6.selected) .empty_tag svg path {
  stroke: rgb(var(--color-rgba-photos)) !important;
}
.ui-report .body-container:has(.evt-7.selected) .empty_tag label {
  color: rgb(var(--color-rgba-comments)) !important;
}
.ui-report .body-container:has(.evt-7.selected) .empty_tag svg {
  fill: rgb(var(--color-rgba-comments)) !important;
}
.ui-report .body-container:has(.evt-7.selected) .empty_tag svg circle {
  fill: rgb(var(--color-rgba-comments)) !important;
}
.ui-report .body-container:has(.evt-7.selected) .empty_tag svg path {
  stroke: rgb(var(--color-rgba-comments)) !important;
}
.ui-report .body-container:has(.evt-8.selected) .empty_tag label {
  color: rgb(var(--color-rgba-humor)) !important;
}
.ui-report .body-container:has(.evt-8.selected) .empty_tag svg {
  fill: rgb(var(--color-rgba-humor)) !important;
}
.ui-report .body-container:has(.evt-8.selected) .empty_tag svg circle {
  fill: rgb(var(--color-rgba-humor)) !important;
}
.ui-report .body-container:has(.evt-8.selected) .empty_tag svg path {
  stroke: rgb(var(--color-rgba-humor)) !important;
}
.ui-report .body-container:has(.evt-11.selected) .empty_tag label {
  color: rgb(var(--color-rgba-win)) !important;
}
.ui-report .body-container:has(.evt-11.selected) .empty_tag svg {
  fill: rgb(var(--color-rgba-win)) !important;
}
.ui-report .body-container:has(.evt-11.selected) .empty_tag svg circle {
  fill: rgb(var(--color-rgba-win)) !important;
}
.ui-report .body-container:has(.evt-11.selected) .empty_tag svg path {
  stroke: rgb(var(--color-rgba-win)) !important;
}:root {
  --color-green: #00D75A;
  --color-salida: #ff7f77;
  --color-orange: #fb8b24;
  --color-blue-action: #39a0ff;
  --color-child: #79A1D2;
  --color-girl: #D581B3;
  --profile-no-image-color: #d9d9d9;
  --color-primary1: #ffffff;
  --color-text1: #101010;
  --color-text-contrast: var(--color-primary1);
  --color-input-focus: --color-text1;
  --width-logo-option: 90px;
  --height-logo-option: 120px;
  --hgt-header: 70px;
  --hgt-footer: 70px;
  --margin-default: 30px;
  --color_borderbox1: #d1d1d1;
  --color-error: #ed0000;
  --color-enter: #00D75A;
  --color-departure: #FF7F77;
  --color-snooze: #44CCFF;
  --color-food: #E82C2C;
  --color-hygiene: #3066BE;
  --color-activities: #FFD23F;
  --color-win: #D30C7B;
  --color-photos: #EE6C4D;
  --color-comments: #3BCEAC;
  --color-humor: #7D3D99;
  --color-grupo-inactivo: #FBD050;
  --color-extemporaneo: #44ccff;
  --color-chat-head: #FFB156;
  --color-rgba-enter: 0, 215, 90;
  --color-rgba-departure: 255, 127, 119;
  --color-rgba-snooze: 68, 204, 255;
  --color-rgba-food: 232, 44, 44;
  --color-rgba-hygiene: 48, 102, 190;
  --color-rgba-activities: 255, 210, 63;
  --color-rgba-win: 211, 12, 123;
  --color-rgba-photos: 238, 108, 77;
  --color-rgba-comments: 59, 206, 172;
  --color-rgba-humor: 125, 61, 153;
  --color-rgb-reporte-salon: 0, 215, 90;
  --border-width: 2px;
  --height-default-button: 40px;
  --sze-btn-circle: 46px;
  --size-icon-default: 50px;
  --sze-img-profile: 50px;
  --height-defult-textarea: 120px;
  --default-hgt-img-background: 230px;
  --min-width-header-hour-home: 180px;
  --flex-cards-child: 194px;
  --width-btn-done-card: 40px;
  --max-width-opts-container: 400px;
  --max-height-opts-container: 420px;
  --flex-basis-options: 120px;
  --sze-icon-options: 60px;
  --max-width-toast: 400px;
  --wth-dialog-container: 320px;
  --min-hgt-dialog: 200px;
  --hgt-footer-dialog: 36px;
  --wth-opts-event: 80px;
  --height-header-bubbles: 100px;
  --sze-img-exit: 80px;
  --sze-bubble-child: 70px;
  --w-border-shadow: -4px;
  --height-inputContainer: 50px;
  --wth-list-chat-childs: auto;
  --min-hgt-message-item: 40px;
  --font-sze-time-chat: 12px;
  --min-hgt-send-file: 200px;
  --sze-icon-send-file: 70px;
  --max-width-content-login: 380px;
  --logo-width-login: 120px;
  --eye-size: 30px;
  --sze-icon-weather-main: 150px;
  --flx-b-weath-days: 130px;
  --hgt-header-report: 90px;
  --sze-icon-header-report: 36px;
  --sze-ic-exit-report: 64px;
  --min-item-ev-report: 250px;
  --sze-ic-evt-report: 30px;
  --height-footer-event: 50px;
  --hgt-tab-food: 40px;
  --flex-b-milestone: 280px;
  --wth-photo-item: 230px;
  --hgt-photo-item: 210px;
  --margin-icons-humor: 30px;
  --sze-photo-profile: 150px;
  --sze-ic-take-photo-prof: 40px;
  --sze-logo-birtdh: 100px;
}

:root {
  --color-main: #00d655;
  --color-g-primario: var(--color-green);
  --color-g-secundario: var(--color-orange);
}

:root {
  --color-border: #949494;
  --color-border-light: #d8d8d8;
}

:root {
  --color-accent: var(--color-orange);
  --size-bezel: 0.5rem;
  --size-radius: 5px;
  --height-input-default: 45px;
  --sze-icon-check: 40px;
  --input-date-defaultwidth: 140px;
}

:root {
  --border-with-bubble: 0.2em;
  --font-size: 16px;
  --font-size-mi-1: calc(var(--font-size) - 1px);
  --font-size-mi-2: calc(var(--font-size) - 2px);
  --font-size-mi-3: calc(var(--font-size) - 3px);
  --font-size-mi-4: calc(var(--font-size) - 4px);
  --font-size-ma-1: calc(var(--font-size) + 1px);
  --font-size-ma-2: calc(var(--font-size) + 2px);
  --font-size-ma-4: calc(var(--font-size) + 4px);
  --padding1: 5px;
  --padding2: calc(var(--padding1)*2);
  --padding3: calc(var(--padding1)*3);
  --padding4: calc(var(--padding1)*4);
  --padding5: calc(var(--padding1)*5);
  --padding6: calc(var(--padding1)*6);
}

@media only screen and (max-height: 500px) {
  :root {
    --hgt-header: 50px;
    --hgt-footer: 50px;
    --margin-default: 20px;
    --width-logo-option: 60px;
    --height-logo-option: 100px;
    --height-default-button: 32px;
    --font-size: 14px;
    --padding1: 3px;
    --sze-btn-circle: 34px;
    --size-icon-default: 36px;
    --height-defult-textarea: 80px;
    --min-width-header-hour-home: 130px;
    --sze-img-profile: 40px;
    --flex-cards-child: 164px;
    --width-btn-done-card: 30px;
    --max-width-opts-container: 300px;
    --max-height-opts-container: 380px;
    --flex-basis-options: 90px;
    --sze-icon-options: 46px;
    --max-width-toast: 300px;
    --wth-dialog-container: 250px;
    --min-hgt-dialog: 140px;
    --hgt-footer-dialog: 28px;
    --wth-opts-event: 40px;
    --height-header-bubbles: 70px;
    --sze-img-exit: 40px;
    --sze-bubble-child: 50px;
    --w-border-shadow: -2px;
    --height-inputContainer: 50px;
    --wth-list-chat-childs: auto;
    --default-hgt-img-background: 140px;
    --min-hgt-message-item: 36px;
    --font-sze-time-chat: 10px;
    --min-hgt-send-file: 120px;
    --sze-icon-send-file: 46px;
    --height-input-default: 32px;
    --sze-icon-check: 26px;
    --input-date-defaultwidth: 120px;
    --max-width-content-login: 320px;
    --logo-width-login: 80px;
    --eye-size: 24px;
    --sze-icon-weather-main: 80px;
    --flx-b-weath-days: 90px;
    --hgt-header-report: 60px;
    --sze-icon-header-report: 22px;
    --sze-ic-exit-report: 50px;
    --min-item-ev-report: 180px;
    --sze-ic-evt-report: 24px;
    --height-footer-event: 40px;
    --hgt-tab-food: 30px;
    --flex-b-milestone: 200px;
    --wth-photo-item: 120px;
    --hgt-photo-item: 110px;
    --margin-icons-humor: 10px;
    --sze-photo-profile: 80px;
    --sze-ic-take-photo-prof: 22px;
    --sze-logo-birtdh: 60px;
  }
}
.report-child {
  width: 100%;
  height: 100%;
}
.report-child label,
.report-child h2,
.report-child h4,
.report-child span {
  user-select: text;
}
.report-child .header {
  display: flex;
  align-items: center;
  height: 50px;
  margin-left: calc(var(--margin-default) * 2);
  display: flex;
}
.report-child .header .txt-titles {
  flex: 1;
}
.report-child .header .img-exit {
  cursor: pointer;
  width: var(--sze-ic-exit-report);
  height: var(--sze-ic-exit-report);
}
.report-child .body {
  margin: 0 calc(var(--margin-default) * 2);
  overflow: auto;
  height: calc(100% - 50px);
  width: calc(100% - var(--margin-default) * 2);
  position: absolute;
  padding-right: var(--padding6);
}
.report-child .body .item-ev-report {
  display: flex;
  align-items: center;
  padding: var(--padding2) var(--padding3);
  margin-bottom: var(--padding3);
  border-radius: 0 var(--padding3) var(--padding3) 0;
  width: fit-content;
  min-width: var(--min-item-ev-report);
  max-width: 90%;
  overflow: hidden;
}
.report-child .body .item-ev-report .icon-event > svg {
  width: var(--sze-ic-evt-report);
  height: var(--sze-ic-evt-report);
  fill: black;
}
.report-child .body .item-ev-report .title-subtitle {
  margin-left: 15px;
}
.report-child .body .item-ev-report .title-subtitle .name,
.report-child .body .item-ev-report .title-subtitle .description {
  margin: 0;
}
.report-child .body .item-ev-report .title-subtitle .description {
  font-weight: normal;
  color: var(--color-text1);
}
.report-child .body .item-ev-report .title-subtitle .description .item-foto {
  height: calc(40px + var(--padding2));
  min-width: calc(15px + var(--padding2));
  border: 1px solid rgb(216, 216, 216);
  margin: var(--padding1) var(--padding2) 0 0;
  border-radius: 5px;
}
.report-child .body .item-ev-report .title-subtitle .date {
  font-family: "Lato-Light";
  font-size: calc(var(--font-size) - 2px);
}
.report-child .body .item-ev-report .eval_color {
  width: var(--font-size);
  height: var(--font-size);
  border-radius: 50%;
  display: inline-block;
}
.report-child .body .item-ev-report.grupo {
  padding: var(--padding2) 0 var(--padding3) 0;
  margin: 0 0 1px 0;
  width: 100%;
  max-width: 100%;
  position: sticky;
  top: 0;
  background-color: var(--color-primary1);
}
.report-child .body .item-ev-report.grupo + .item-ev-report {
  margin-top: var(--padding2) !important;
}
.report-child .body .item-ev-report.grupo .icon-event {
  display: none;
}
.report-child .body .item-ev-report.grupo .title-subtitle {
  margin-left: 0;
  display: flex;
  gap: 3px;
}
.report-child .body .item-ev-report.event-icon--1000 {
  margin-top: calc(var(--padding6) + 5px);
}
.report-child .body .item-ev-report.event-icon-0 {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--color-rgb-reporte-salon), 1) rgba(var(--color-rgb-reporte-salon), 1) rgba(var(--color-rgb-reporte-salon), 1) transparent;
}
.report-child .body .item-ev-report.event-icon-0 svg {
  fill: rgba(var(--color-rgb-reporte-salon), 1);
}
.report-child .body .item-ev-report.event-icon--2 {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--color-rgba-enter), 1) rgba(var(--color-rgba-enter), 1) rgba(var(--color-rgba-enter), 1) transparent;
}
.report-child .body .item-ev-report.event-icon--2 svg {
  fill: rgba(var(--color-rgba-enter), 1);
}
.report-child .body .item-ev-report.event-icon--1 {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--color-rgba-departure), 1) rgba(var(--color-rgba-departure), 1) rgba(var(--color-rgba-departure), 1) transparent;
}
.report-child .body .item-ev-report.event-icon--1 svg {
  fill: rgba(var(--color-rgba-departure), 1);
}
.report-child .body .item-ev-report.event-icon-1 {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--color-rgba-snooze), 1) rgba(var(--color-rgba-snooze), 1) rgba(var(--color-rgba-snooze), 1) transparent;
}
.report-child .body .item-ev-report.event-icon-1 svg {
  fill: rgba(var(--color-rgba-snooze), 1);
}
.report-child .body .item-ev-report.event-icon-2 {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--color-rgba-food), 1) rgba(var(--color-rgba-food), 1) rgba(var(--color-rgba-food), 1) transparent;
}
.report-child .body .item-ev-report.event-icon-2 svg {
  fill: rgba(var(--color-rgba-food), 1);
}
.report-child .body .item-ev-report.event-icon-3 {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--color-rgba-hygiene), 1) rgba(var(--color-rgba-hygiene), 1) rgba(var(--color-rgba-hygiene), 1) transparent;
}
.report-child .body .item-ev-report.event-icon-3 svg {
  fill: rgba(var(--color-rgba-hygiene), 1);
}
.report-child .body .item-ev-report.event-icon-4 {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--color-rgba-activities), 1) rgba(var(--color-rgba-activities), 1) rgba(var(--color-rgba-activities), 1) transparent;
}
.report-child .body .item-ev-report.event-icon-4 svg {
  fill: rgba(var(--color-rgba-activities), 1);
}
.report-child .body .item-ev-report.event-icon-5 {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--color-rgba-win), 1) rgba(var(--color-rgba-win), 1) rgba(var(--color-rgba-win), 1) transparent;
}
.report-child .body .item-ev-report.event-icon-5 svg {
  fill: rgba(var(--color-rgba-win), 1);
}
.report-child .body .item-ev-report.event-icon-6 {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--color-rgba-photos), 1) rgba(var(--color-rgba-photos), 1) rgba(var(--color-rgba-photos), 1) transparent;
}
.report-child .body .item-ev-report.event-icon-6 svg {
  fill: rgba(var(--color-rgba-photos), 1);
}
.report-child .body .item-ev-report.event-icon-7 {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--color-rgba-comments), 1) rgba(var(--color-rgba-comments), 1) rgba(var(--color-rgba-comments), 1) transparent;
}
.report-child .body .item-ev-report.event-icon-7 svg {
  fill: rgba(var(--color-rgba-comments), 1);
}
.report-child .body .item-ev-report.event-icon-8 {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--color-rgba-humor), 1) rgba(var(--color-rgba-humor), 1) rgba(var(--color-rgba-humor), 1) transparent;
}
.report-child .body .item-ev-report.event-icon-8 svg {
  fill: rgba(var(--color-rgba-humor), 1);
}
.report-child .body .item-ev-report.event-icon-9 {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--color-rgba-enter), 1) rgba(var(--color-rgba-enter), 1) rgba(var(--color-rgba-enter), 1) transparent;
}
.report-child .body .item-ev-report.event-icon-9 svg {
  fill: rgba(var(--color-rgba-enter), 1);
}
.report-child .body .item-ev-report.event-icon-10 {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--color-rgba-departure), 1) rgba(var(--color-rgba-departure), 1) rgba(var(--color-rgba-departure), 1) transparent;
}
.report-child .body .item-ev-report.event-icon-10 svg {
  fill: rgba(var(--color-rgba-departure), 1);
}
.report-child .body .item-ev-report.event-icon-11 {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--color-rgba-win), 1) rgba(var(--color-rgba-win), 1) rgba(var(--color-rgba-win), 1) transparent;
}
.report-child .body .item-ev-report.event-icon-11 svg {
  fill: rgba(var(--color-rgba-win), 1);
}
.report-child .body .item-ev-report.event-icon--999 {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--color-rgba-enter), 1) rgba(var(--color-rgba-enter), 1) rgba(var(--color-rgba-enter), 1) transparent;
}
.report-child .body .item-ev-report.event-icon--999 svg {
  fill: rgba(var(--color-rgba-enter), 1);
}
.report-child .body .item-ev-report.event-icon--1000 {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--color-rgba-departure), 1) rgba(var(--color-rgba-departure), 1) rgba(var(--color-rgba-departure), 1) transparent;
}
.report-child .body .item-ev-report.event-icon--1000 svg {
  fill: rgba(var(--color-rgba-departure), 1);
}
.report-child .txt-secundary {
  font-weight: normal;
}