/**
* app: Kidi Admin (QA)
* version name: 1.7.2
* author: elevenminds
* build date: 2025-12-03T01:20:00.000Z
*/
@charset "UTF-8";.ghostfollower-ghost {
  position: fixed;
  z-index: 10000;
}.input-tags-editor .tag {
  border-radius: var(--border_radius_base);
  background-color: var(--tag-color-bg);
  z-index: auto;
}
.input-tags-editor .tag > div::before {
  box-shadow: none;
}.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);
}.input-tags-container {
  --input-tags-gap: 5px;
  --input-tags-tag-padding: 1px;
  --input-tags-tag-margin: 2px;
  --input-tags-min-height: 30px;
  display: flex;
  flex-wrap: wrap;
  gap: var(--input-tags-gap);
  padding: var(--input-tags-gap);
  min-height: var(--input-tags-min-height);
  border: 1px solid rgb(212, 212, 212);
}
.input-tags-container,
.input-tags-container * {
  box-sizing: border-box;
}
.input-tags-container .tag {
  min-height: calc(var(--input-tags-min-height) - 2 * var(--input-tags-tag-margin));
  min-width: 5px;
  padding: var(--input-tags-tag-padding) calc(var(--input-tags-tag-padding) + 3px);
  display: flex;
  align-items: center;
}
.input-tags-container .adder {
  min-width: 1px;
  padding: var(--input-tags-tag-padding);
  margin: var(--input-tags-tag-margin);
  min-height: calc(var(--input-tags-min-height) - 2 * var(--input-tags-tag-margin));
  display: flex;
  align-items: center;
  outline: none;
}
.input-tags-container .adder:focus {
  border: none;
}.finanza-cargo-form .row .control_wrapper:has(.labelInfoMssg) .labelInfoMssg {
  display: block !important;
}
.finanza-cargo-form .row .control_wrapper .labelInfoMssg {
  display: none;
  font-size: var(--fontsize_me2);
  color: var(--color_app_green1);
}.alumnoedocuenta-facturacion-movs {
  --borderradius_tag: calc(var(--border_radius_base) * 3);
}
.alumnoedocuenta-facturacion-movs .lbl-seleccionado-info {
  display: block;
  font-family: Lato-Light;
}
.alumnoedocuenta-facturacion-movs .tag {
  border-radius: 0 var(--borderradius_tag) var(--borderradius_tag) 0;
  font-weight: bold;
  padding: var(--padding1) calc(var(--padding1) + 2px);
  color: var(--color_text4);
  cursor: pointer;
  background-color: var(--color_primary4);
}
.alumnoedocuenta-facturacion-movs .tag:hover {
  filter: brightness(0.95);
}
.alumnoedocuenta-facturacion-movs .tag.tag-selected {
  background-color: var(--color_app_green1);
}
.alumnoedocuenta-facturacion-movs .list > .item {
  display: flex;
  flex-direction: column;
  gap: var(--padding1);
  background-color: var(--color_primary1) !important;
}
.alumnoedocuenta-facturacion-movs > .list-cfdis > .item .list-conceptos-cfdi > .item .movimientos-agrupados-section {
  margin-left: calc(var(--padding1) * 6);
}
.alumnoedocuenta-facturacion-movs > .list-cfdis > .item .list-conceptos-cfdi > .item .movimientos-agrupados-section * {
  font-size: var(--fontsize_me2);
}
.alumnoedocuenta-facturacion-movs > .list-cfdis > .item .list-conceptos-cfdi > .item .movimientos-agrupados-section wc-checkbox {
  width: 18px !important;
  height: 18px !important;
}
.alumnoedocuenta-facturacion-movs > .list-cfdis > .item .list-conceptos-cfdi > .item i {
  font-family: Lato-Light;
  font-size: var(--fontsize_me2);
}.finanza-agrupador-asignar-cargo-item * {
  font-size: var(--fontsize_me4);
}
@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);
}
.fx_col {
  display: flex;
  flex-direction: column;
}
.fx_row {
  display: flex;
  flex-direction: row;
}
.fx_col_reverse {
  display: flex;
  flex-direction: column-reverse;
}
.fx_row_reverse {
  display: flex;
  flex-direction: row-reverse;
}
.fx_align_start_center {
  justify-content: flex-start;
  align-items: center;
}
.fx_align_start_start {
  justify-content: flex-start;
  align-items: flex-start;
}
.fx_align_start_end {
  justify-content: flex-start;
  align-items: flex-end;
}
.fx_align_start_stretch {
  justify-content: flex-start;
  align-items: stretch;
}
.fx_align_center_center {
  justify-content: center;
  align-items: center;
}
.fx_align_center_start {
  justify-content: center;
  align-items: flex-start;
}
.fx_align_center_end {
  justify-content: center;
  align-items: flex-end;
}
.fx_align_center_stretch {
  justify-content: center;
  align-items: stretch;
}
.fx_align_end_center {
  justify-content: flex-end;
  align-items: center;
}
.fx_align_end_start {
  justify-content: flex-end;
  align-items: flex-start;
}
.fx_align_end_end {
  justify-content: flex-end;
  align-items: flex-end;
}
.fx_align_end_stretch {
  justify-content: flex-end;
  align-items: stretch;
}
.fx_align_spacebetween_center {
  justify-content: space-between;
  align-items: center;
}
.fx_align_spacebetween_start {
  justify-content: space-between;
  align-items: flex-start;
}
.fx_align_spacebetween_end {
  justify-content: space-between;
  align-items: flex-end;
}
.fx_align_spacebetween_stretch {
  justify-content: space-between;
  align-items: stretch;
}
.fx_align_stretch_center {
  justify-content: stretch;
  align-items: center;
}
.fx_align_stretch_start {
  justify-content: stretch;
  align-items: flex-start;
}
.fx_align_stretch_end {
  justify-content: stretch;
  align-items: flex-end;
}
.fx_align_stretch_stretch {
  justify-content: stretch;
  align-items: stretch;
}
.fx_wrap {
  flex-wrap: wrap;
}
.fx_nowrap {
  flex-wrap: nowrap;
}
.fx_wrap_reverse {
  flex-wrap: wrap-reverse;
}

:root {
  --color_app_pink1: #d30c7b;
  --color_app_blue1: #44ccff;
  --color_app_green1: #47b350;
  --color_app_red1: #ff4040;
  --color_app_yellow1: #ffff00;
  --color_app_orange1: #ffa940;
  --color_app_orange2: #FF8730;
  --color_action1: #007bff;
  --color_action1focus: #3367d6;
  --color_action2: #284696;
  --color_text1: #1c1c1c;
  --color_text2: #4d4d4d;
  --color_text4: #fff;
  /* Destinado al fondo de todo */
  --color_primary0: #f4f4f4;
  /* Destinado para fondo de contenidos */
  --color_primary1: #fff;
  --color_primary2: #f4f4f4;
  --color_primary3: #ebebeb;
  --color_primary4: #d1d1d1;
  --color_secondary1: #3f3f3f;
  --color_secondary2: #454545;
  --color_secondary3: #484849;
  --color_secondary4: #666666;
  --color_borderbox1: #d1d1d1;
  --color_borderbox2: #2b2b2b76;
  --color_borderbox3: #2b2b2b33;
  --color_ico_gray: #747474;
  --color_materia_tag_bg_default: #f4f4f4;
  --color_table_header_drag_over: #dddcdc;
  --color_table_header_dragging: #d3d3d35c;
}

:root {
  --border_radius_base: 3px;
  --padding1: 5px;
  --padding2: calc(var(--padding1)*2);
  --padding3: calc(var(--padding1)*3);
  --padding4: calc(var(--padding1)*4);
  --fontsize: 16px;
  --fontsize_me2: calc(var(--fontsize) - 2px);
  --fontsize_me3: calc(var(--fontsize) - 3px);
  --fontsize_me4: calc(var(--fontsize) - 4px);
  --fontsize_me6: calc(var(--fontsize) - 6px);
}
@media screen and (max-width: 959px) {
  :root {
    --fontsize: 14px;
    --padding1: 4px;
  }
}

.devutil {
  --template-win-footer-background-color: #00AC48;
}

.input_style, .contenedor_combo, .input_base, .form_conf_escolaridad .row input[type=text],
.form_conf_escolaridad .row input[type=number], .input_base_w100, .modal_body .body_temp.edit_bolcal_v4 .section .section_item_info > .form_row > input, .modal_body .body_temp.edit_bolcal_v3 .section .section_item_info > .form_row > input, .element_wrapper .area_element input, .login > .content_wrapper > .form_wrapper > form > div > input, .filteredit_container .filter_input, .parambox_container > .param_body .filter_input, textarea, .form_modalbase .row > input, .input-form, .input_content > input,
.contenedor_combo > input {
  border-radius: var(--border_radius_base);
  border-width: 1px;
  border-color: var(--color_borderbox1);
  border-style: solid;
  box-sizing: border-box;
  color: var(--color_text1);
  background-color: var(--color_primary1);
}

.input_base, .form_conf_escolaridad .row input[type=text],
.form_conf_escolaridad .row input[type=number], .input_base_w100, .modal_body .body_temp.edit_bolcal_v4 .section .section_item_info > .form_row > input, .modal_body .body_temp.edit_bolcal_v3 .section .section_item_info > .form_row > input, .element_wrapper .area_element input, .login > .content_wrapper > .form_wrapper > form > div > input, .filteredit_container .filter_input, .parambox_container > .param_body .filter_input, textarea, .form_modalbase .row > input, .input-form, .input_content > input,
.contenedor_combo > input {
  padding: 5px;
  outline: none;
  resize: none;
}
.input_base:focus, .form_conf_escolaridad .row input[type=text]:focus,
.form_conf_escolaridad .row input[type=number]:focus, .input_base_w100:focus, .modal_body .body_temp.edit_bolcal_v4 .section .section_item_info > .form_row > input:focus, .modal_body .body_temp.edit_bolcal_v3 .section .section_item_info > .form_row > input:focus, .element_wrapper .area_element input:focus, .login > .content_wrapper > .form_wrapper > form > div > input:focus, .filteredit_container .filter_input:focus, .parambox_container > .param_body .filter_input:focus, textarea:focus, .form_modalbase .row > input:focus, .input-form:focus, .input_content > input:focus,
.contenedor_combo > input:focus {
  box-shadow: var(--color_borderbox1) 0 0.4px 2.5px;
}

.input_base_w100, .modal_body .body_temp.edit_bolcal_v4 .section .section_item_info > .form_row > input, .modal_body .body_temp.edit_bolcal_v3 .section .section_item_info > .form_row > input, .element_wrapper .area_element input, .login > .content_wrapper > .form_wrapper > form > div > input, .filteredit_container .filter_input, .parambox_container > .param_body .filter_input, textarea, .form_modalbase .row > input, .input-form, .input_content > input,
.contenedor_combo > input {
  width: 100%;
}

.fx_hov_minzoom, .pdf_preview > .file_container > .item_error > .btn_sync_cont > img,
.pdf_preview .document-control > .item_error > .btn_sync_cont > img,
.document_control_container > .file_container > .item_error > .btn_sync_cont > img,
.document_control_container .document-control > .item_error > .btn_sync_cont > img, .pdf_preview .area_options > .option img,
.document_control_container .area_options > .option img, .UI_CardInfo > .content .secciones .item_seccion .section_hermanos .item_carnal:hover wc-img, .hov_minzoom, .foto_control_container > .foto_control > .area_options > .option img {
  transition: 0.2s;
}
.fx_hov_minzoom:hover, .pdf_preview > .file_container > .item_error > .btn_sync_cont > img:hover,
.pdf_preview .document-control > .item_error > .btn_sync_cont > img:hover,
.document_control_container > .file_container > .item_error > .btn_sync_cont > img:hover,
.document_control_container .document-control > .item_error > .btn_sync_cont > img:hover, .pdf_preview .area_options > .option img:hover,
.document_control_container .area_options > .option img:hover, .UI_CardInfo > .content .secciones .item_seccion .section_hermanos .item_carnal:hover wc-img:hover, .hov_minzoom:hover, .foto_control_container > .foto_control > .area_options > .option img:hover {
  transform: scale(1.03);
}

@keyframes keyframe_anim_show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes keyframe_anim_rebote {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.01);
  }
  100% {
    transform: scale(1);
  }
}
/* 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, .dashboard .escuelas_selector_header, .form_conf_escolaridad .area_alimentos, .form_conf_escolaridad .area_alimentos > .cont_alimentos_inputtext, .grid_ayuda > .list, .fullview > .content_wrapper > .content, .expander_list, .card > .content, .UI_CardInfo > .content .secciones, .UI_Card > .content, .shy_scrollthin, .licenciamiento_bloqueo, .plan_licenciamiento, .calendarios_controller .area_eventos_wrapper > .area_eventos > .main_area > .events_container > .events_wrapper, .tabs_container > .header {
  /* webkit */
}
@supports not selector(::-webkit-scrollbar) {
  .shy_scroll, .dashboard .escuelas_selector_header, .form_conf_escolaridad .area_alimentos, .form_conf_escolaridad .area_alimentos > .cont_alimentos_inputtext, .grid_ayuda > .list, .fullview > .content_wrapper > .content, .expander_list, .card > .content, .UI_CardInfo > .content .secciones, .UI_Card > .content, .shy_scrollthin, .licenciamiento_bloqueo, .plan_licenciamiento, .calendarios_controller .area_eventos_wrapper > .area_eventos > .main_area > .events_container > .events_wrapper, .tabs_container > .header {
    /* Firefox style scroll*/
    scrollbar-color: transparent transparent;
    scrollbar-width: thin;
  }
}
.shy_scroll::-webkit-scrollbar, .dashboard .escuelas_selector_header::-webkit-scrollbar, .form_conf_escolaridad .area_alimentos::-webkit-scrollbar, .form_conf_escolaridad .area_alimentos > .cont_alimentos_inputtext::-webkit-scrollbar, .grid_ayuda > .list::-webkit-scrollbar, .fullview > .content_wrapper > .content::-webkit-scrollbar, .expander_list::-webkit-scrollbar, .card > .content::-webkit-scrollbar, .UI_CardInfo > .content .secciones::-webkit-scrollbar, .UI_Card > .content::-webkit-scrollbar, .shy_scrollthin::-webkit-scrollbar, .licenciamiento_bloqueo::-webkit-scrollbar, .plan_licenciamiento::-webkit-scrollbar, .calendarios_controller .area_eventos_wrapper > .area_eventos > .main_area > .events_container > .events_wrapper::-webkit-scrollbar, .tabs_container > .header::-webkit-scrollbar {
  background-color: transparent;
  width: 5px;
  height: 5px;
}
.shy_scroll::-webkit-scrollbar-track, .dashboard .escuelas_selector_header::-webkit-scrollbar-track, .form_conf_escolaridad .area_alimentos::-webkit-scrollbar-track, .form_conf_escolaridad .area_alimentos > .cont_alimentos_inputtext::-webkit-scrollbar-track, .grid_ayuda > .list::-webkit-scrollbar-track, .fullview > .content_wrapper > .content::-webkit-scrollbar-track, .expander_list::-webkit-scrollbar-track, .card > .content::-webkit-scrollbar-track, .UI_CardInfo > .content .secciones::-webkit-scrollbar-track, .UI_Card > .content::-webkit-scrollbar-track, .shy_scrollthin::-webkit-scrollbar-track, .licenciamiento_bloqueo::-webkit-scrollbar-track, .plan_licenciamiento::-webkit-scrollbar-track, .calendarios_controller .area_eventos_wrapper > .area_eventos > .main_area > .events_container > .events_wrapper::-webkit-scrollbar-track, .tabs_container > .header::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 5px;
}
.shy_scroll::-webkit-scrollbar-track-piece, .dashboard .escuelas_selector_header::-webkit-scrollbar-track-piece, .form_conf_escolaridad .area_alimentos::-webkit-scrollbar-track-piece, .form_conf_escolaridad .area_alimentos > .cont_alimentos_inputtext::-webkit-scrollbar-track-piece, .grid_ayuda > .list::-webkit-scrollbar-track-piece, .fullview > .content_wrapper > .content::-webkit-scrollbar-track-piece, .expander_list::-webkit-scrollbar-track-piece, .card > .content::-webkit-scrollbar-track-piece, .UI_CardInfo > .content .secciones::-webkit-scrollbar-track-piece, .UI_Card > .content::-webkit-scrollbar-track-piece, .shy_scrollthin::-webkit-scrollbar-track-piece, .licenciamiento_bloqueo::-webkit-scrollbar-track-piece, .plan_licenciamiento::-webkit-scrollbar-track-piece, .calendarios_controller .area_eventos_wrapper > .area_eventos > .main_area > .events_container > .events_wrapper::-webkit-scrollbar-track-piece, .tabs_container > .header::-webkit-scrollbar-track-piece {
  background-color: transparent;
  border-radius: 5px;
}
.shy_scroll::-webkit-scrollbar-thumb, .dashboard .escuelas_selector_header::-webkit-scrollbar-thumb, .form_conf_escolaridad .area_alimentos::-webkit-scrollbar-thumb, .form_conf_escolaridad .area_alimentos > .cont_alimentos_inputtext::-webkit-scrollbar-thumb, .grid_ayuda > .list::-webkit-scrollbar-thumb, .fullview > .content_wrapper > .content::-webkit-scrollbar-thumb, .expander_list::-webkit-scrollbar-thumb, .card > .content::-webkit-scrollbar-thumb, .UI_CardInfo > .content .secciones::-webkit-scrollbar-thumb, .UI_Card > .content::-webkit-scrollbar-thumb, .shy_scrollthin::-webkit-scrollbar-thumb, .licenciamiento_bloqueo::-webkit-scrollbar-thumb, .plan_licenciamiento::-webkit-scrollbar-thumb, .calendarios_controller .area_eventos_wrapper > .area_eventos > .main_area > .events_container > .events_wrapper::-webkit-scrollbar-thumb, .tabs_container > .header::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 5px;
}
.shy_scroll::-webkit-scrollbar-thumb:hover, .dashboard .escuelas_selector_header::-webkit-scrollbar-thumb:hover, .form_conf_escolaridad .area_alimentos::-webkit-scrollbar-thumb:hover, .form_conf_escolaridad .area_alimentos > .cont_alimentos_inputtext::-webkit-scrollbar-thumb:hover, .grid_ayuda > .list::-webkit-scrollbar-thumb:hover, .fullview > .content_wrapper > .content::-webkit-scrollbar-thumb:hover, .expander_list::-webkit-scrollbar-thumb:hover, .card > .content::-webkit-scrollbar-thumb:hover, .UI_CardInfo > .content .secciones::-webkit-scrollbar-thumb:hover, .UI_Card > .content::-webkit-scrollbar-thumb:hover, .shy_scrollthin::-webkit-scrollbar-thumb:hover, .licenciamiento_bloqueo::-webkit-scrollbar-thumb:hover, .plan_licenciamiento::-webkit-scrollbar-thumb:hover, .calendarios_controller .area_eventos_wrapper > .area_eventos > .main_area > .events_container > .events_wrapper::-webkit-scrollbar-thumb:hover, .tabs_container > .header::-webkit-scrollbar-thumb:hover {
  background-color: transparent;
}
.shy_scroll::-webkit-scrollbar-thumb:active, .dashboard .escuelas_selector_header::-webkit-scrollbar-thumb:active, .form_conf_escolaridad .area_alimentos::-webkit-scrollbar-thumb:active, .form_conf_escolaridad .area_alimentos > .cont_alimentos_inputtext::-webkit-scrollbar-thumb:active, .grid_ayuda > .list::-webkit-scrollbar-thumb:active, .fullview > .content_wrapper > .content::-webkit-scrollbar-thumb:active, .expander_list::-webkit-scrollbar-thumb:active, .card > .content::-webkit-scrollbar-thumb:active, .UI_CardInfo > .content .secciones::-webkit-scrollbar-thumb:active, .UI_Card > .content::-webkit-scrollbar-thumb:active, .shy_scrollthin::-webkit-scrollbar-thumb:active, .licenciamiento_bloqueo::-webkit-scrollbar-thumb:active, .plan_licenciamiento::-webkit-scrollbar-thumb:active, .calendarios_controller .area_eventos_wrapper > .area_eventos > .main_area > .events_container > .events_wrapper::-webkit-scrollbar-thumb:active, .tabs_container > .header::-webkit-scrollbar-thumb:active {
  background-color: transparent;
}
.shy_scroll:hover::-webkit-scrollbar-thumb, .dashboard .escuelas_selector_header:hover::-webkit-scrollbar-thumb, .form_conf_escolaridad .area_alimentos:hover::-webkit-scrollbar-thumb, .form_conf_escolaridad .area_alimentos > .cont_alimentos_inputtext:hover::-webkit-scrollbar-thumb, .grid_ayuda > .list:hover::-webkit-scrollbar-thumb, .fullview > .content_wrapper > .content:hover::-webkit-scrollbar-thumb, .expander_list:hover::-webkit-scrollbar-thumb, .card > .content:hover::-webkit-scrollbar-thumb, .UI_CardInfo > .content .secciones:hover::-webkit-scrollbar-thumb, .UI_Card > .content:hover::-webkit-scrollbar-thumb, .shy_scrollthin:hover::-webkit-scrollbar-thumb, .licenciamiento_bloqueo:hover::-webkit-scrollbar-thumb, .plan_licenciamiento:hover::-webkit-scrollbar-thumb, .calendarios_controller .area_eventos_wrapper > .area_eventos > .main_area > .events_container > .events_wrapper:hover::-webkit-scrollbar-thumb, .tabs_container > .header:hover::-webkit-scrollbar-thumb {
  background-color: #C1C1C1;
}
.shy_scroll:hover::-webkit-scrollbar-thumb:hover, .dashboard .escuelas_selector_header:hover::-webkit-scrollbar-thumb:hover, .form_conf_escolaridad .area_alimentos:hover::-webkit-scrollbar-thumb:hover, .form_conf_escolaridad .area_alimentos > .cont_alimentos_inputtext:hover::-webkit-scrollbar-thumb:hover, .grid_ayuda > .list:hover::-webkit-scrollbar-thumb:hover, .fullview > .content_wrapper > .content:hover::-webkit-scrollbar-thumb:hover, .expander_list:hover::-webkit-scrollbar-thumb:hover, .card > .content:hover::-webkit-scrollbar-thumb:hover, .UI_CardInfo > .content .secciones:hover::-webkit-scrollbar-thumb:hover, .UI_Card > .content:hover::-webkit-scrollbar-thumb:hover, .shy_scrollthin:hover::-webkit-scrollbar-thumb:hover, .licenciamiento_bloqueo:hover::-webkit-scrollbar-thumb:hover, .plan_licenciamiento:hover::-webkit-scrollbar-thumb:hover, .calendarios_controller .area_eventos_wrapper > .area_eventos > .main_area > .events_container > .events_wrapper:hover::-webkit-scrollbar-thumb:hover, .tabs_container > .header:hover::-webkit-scrollbar-thumb:hover {
  background-color: #A8A8A8;
}
.shy_scroll:hover::-webkit-scrollbar-thumb:active, .dashboard .escuelas_selector_header:hover::-webkit-scrollbar-thumb:active, .form_conf_escolaridad .area_alimentos:hover::-webkit-scrollbar-thumb:active, .form_conf_escolaridad .area_alimentos > .cont_alimentos_inputtext:hover::-webkit-scrollbar-thumb:active, .grid_ayuda > .list:hover::-webkit-scrollbar-thumb:active, .fullview > .content_wrapper > .content:hover::-webkit-scrollbar-thumb:active, .expander_list:hover::-webkit-scrollbar-thumb:active, .card > .content:hover::-webkit-scrollbar-thumb:active, .UI_CardInfo > .content .secciones:hover::-webkit-scrollbar-thumb:active, .UI_Card > .content:hover::-webkit-scrollbar-thumb:active, .shy_scrollthin:hover::-webkit-scrollbar-thumb:active, .licenciamiento_bloqueo:hover::-webkit-scrollbar-thumb:active, .plan_licenciamiento:hover::-webkit-scrollbar-thumb:active, .calendarios_controller .area_eventos_wrapper > .area_eventos > .main_area > .events_container > .events_wrapper:hover::-webkit-scrollbar-thumb:active, .tabs_container > .header:hover::-webkit-scrollbar-thumb:active {
  background-color: #808080;
}

.shy_scrollthin, .licenciamiento_bloqueo, .plan_licenciamiento, .calendarios_controller .area_eventos_wrapper > .area_eventos > .main_area > .events_container > .events_wrapper, .tabs_container > .header {
  /* webkit */
}
.shy_scrollthin::-webkit-scrollbar, .licenciamiento_bloqueo::-webkit-scrollbar, .plan_licenciamiento::-webkit-scrollbar, .calendarios_controller .area_eventos_wrapper > .area_eventos > .main_area > .events_container > .events_wrapper::-webkit-scrollbar, .tabs_container > .header::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.shy_scrollthin::-webkit-scrollbar-track, .licenciamiento_bloqueo::-webkit-scrollbar-track, .plan_licenciamiento::-webkit-scrollbar-track, .calendarios_controller .area_eventos_wrapper > .area_eventos > .main_area > .events_container > .events_wrapper::-webkit-scrollbar-track, .tabs_container > .header::-webkit-scrollbar-track {
  border-radius: 4px;
}
.shy_scrollthin::-webkit-scrollbar-track-piece, .licenciamiento_bloqueo::-webkit-scrollbar-track-piece, .plan_licenciamiento::-webkit-scrollbar-track-piece, .calendarios_controller .area_eventos_wrapper > .area_eventos > .main_area > .events_container > .events_wrapper::-webkit-scrollbar-track-piece, .tabs_container > .header::-webkit-scrollbar-track-piece {
  border-radius: 4px;
}
.shy_scrollthin::-webkit-scrollbar-thumb, .licenciamiento_bloqueo::-webkit-scrollbar-thumb, .plan_licenciamiento::-webkit-scrollbar-thumb, .calendarios_controller .area_eventos_wrapper > .area_eventos > .main_area > .events_container > .events_wrapper::-webkit-scrollbar-thumb, .tabs_container > .header::-webkit-scrollbar-thumb {
  border-radius: 4px;
}

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

html,
body {
  height: 100%;
  overflow: hidden;
  margin: 0px;
  padding: 0px;
  color: var(--color_text1);
  background-color: var(--color_primary0);
}

body {
  /* iOS Safari */
  -webkit-touch-callout: none;
  /* Safari */
  -webkit-user-select: none;
  /* Konqueror HTML */
  -khtml-user-select: none;
  /* Firefox */
  -moz-user-select: none;
  /* Internet Explorer/Edge */
  -ms-user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  user-select: none;
}

* {
  font-family: "Lato", Arial, sans-serif;
  font-size: var(--fontsize);
  margin: 0;
  padding: 0;
}

*:focus {
  outline: none;
}

pre {
  white-space: pre-line;
}

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

b:not(wc-tooltip b),
th {
  font-family: "Lato-Bold";
  font-weight: normal;
}

textarea {
  resize: vertical;
  min-height: 50px;
  max-height: 400px;
}

.font_bold, .tabs_container > .header > .tab {
  font-family: "Lato-Bold";
}

.inputpass_content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.inputpass_content > input {
  padding-right: 30px !important;
}
.inputpass_content > .eye_container {
  position: absolute;
  width: 30px;
  height: 100%;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.inputpass_content > .eye_container > img {
  width: 70%;
  filter: invert(0.3);
}

a,
.link_item {
  cursor: pointer;
  color: var(--color_action2) !important;
  text-decoration-color: var(--color_action2);
  text-decoration: none;
}
a:hover,
.link_item:hover {
  text-decoration: underline;
}

wc-fileloader {
  padding: var(--padding1);
}

.hide {
  display: none !important;
}

.hide_transparent {
  opacity: 0;
  cursor: auto !important;
  pointer-events: none;
}

.shadow1, .parentcard_container > header, .grid_ayuda > .list > .item_ayuda, .template > .win_container > .topbar, .tabla_container > .area_control > .space_tabla > .rhead > tr > td .sticker,
.tabla_container > .area_control > .space_tabla > .rhead > tr > th .sticker,
.tabla_container > .area_control > .space_tabla > .rhead .tr_body > tr > td .sticker,
.tabla_container > .area_control > .space_tabla > .rhead .tr_body > tr > th .sticker,
.tabla_container > .area_control > .space_tabla > .rhead .tr_body > tr > tr > td .sticker,
.tabla_container > .area_control > .space_tabla > .rhead .tr_body > tr > tr > th .sticker,
.tabla_container > .area_control > .space_tabla .rbodyA > tr > td .sticker,
.tabla_container > .area_control > .space_tabla .rbodyA > tr > th .sticker,
.tabla_container > .area_control > .space_tabla .rbodyA .tr_body > tr > td .sticker,
.tabla_container > .area_control > .space_tabla .rbodyA .tr_body > tr > th .sticker,
.tabla_container > .area_control > .space_tabla .rbodyA .tr_body > tr > tr > td .sticker,
.tabla_container > .area_control > .space_tabla .rbodyA .tr_body > tr > tr > th .sticker,
.tabla_container > .area_control > .space_tabla .rbodyB > tr > td .sticker,
.tabla_container > .area_control > .space_tabla .rbodyB > tr > th .sticker,
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body > tr > td .sticker,
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body > tr > th .sticker,
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body > tr > tr > td .sticker,
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body > tr > tr > th .sticker, .btn_base:hover, .btn_base:focus, .btn_roundbase:hover, .btn_roundbase:focus, .btn_round:hover, .btn_round:focus, .window_base > .left > .header > .btn_collapser:hover, .UI_CardInfo > .btn_collapser:hover,
.UI_CardInfo > .btn_returninfogral:hover, .window_base > .left > .header > .btn_collapser:focus, .UI_CardInfo > .btn_collapser:focus,
.UI_CardInfo > .btn_returninfogral:focus {
  -webkit-box-shadow: 0px 0px 4px 1px var(--color_borderbox1);
  -moz-box-shadow: 0px 0px 4px 1px var(--color_borderbox1);
  -ms-box-shadow: 0px 0px 4px 1px var(--color_borderbox1);
  -o-box-shadow: 0px 0px 4px 1px var(--color_borderbox1);
  box-shadow: 0px 0px 4px 1px var(--color_borderbox1);
}

.shadow2, .template_viewinfo_container > .content, .template_viewinfo_container > .content > .close_wrapper, .template > .menu_hover, .template.menu_expanded > .menu_container, .notificacion_container .notificacion, .modal_container .modal_content, .foto_control_container > .foto_control, .dropdown_ghost > .dropdown_list, .dropdown_list, .dropdown_container {
  -webkit-box-shadow: 0px 1px 4px 1px var(--color_borderbox2);
  -moz-box-shadow: 0px 1px 4px 1px var(--color_borderbox2);
  -ms-box-shadow: 0px 1px 4px 1px var(--color_borderbox2);
  -o-box-shadow: 0px 1px 4px 1px var(--color_borderbox2);
  box-shadow: 0px 1px 4px 1px var(--color_borderbox2);
}

.shadow3, .dashboard_basic .welcome_box, .list_container, .color_select {
  -webkit-box-shadow: 0px 0px 4px 1px var(--color_borderbox3);
  -moz-box-shadow: 0px 0px 4px 1px var(--color_borderbox3);
  -ms-box-shadow: 0px 0px 4px 1px var(--color_borderbox3);
  -o-box-shadow: 0px 0px 4px 1px var(--color_borderbox3);
  box-shadow: 0px 0px 4px 1px var(--color_borderbox3);
}

.shadow_white_card, .dashboard .escuelas_selector_header .escuela_item_select.active, .dashboard .card {
  -webkit-box-shadow: 2px 2px 5px 0px var(--color_borderbox1);
  -moz-box-shadow: 2px 2px 5px 0px var(--color_borderbox1);
  -ms-box-shadow: 2px 2px 5px 0px var(--color_borderbox1);
  -o-box-shadow: 2px 2px 5px 0px var(--color_borderbox1);
  box-shadow: 2px 2px 5px 0px var(--color_borderbox1);
}

.border_rad {
  border-radius: var(--border_radius_base);
}

.cursor_pointer,
.cursor_pointer * {
  cursor: pointer !important;
}

.anim_rebote {
  animation: keyframe_anim_rebote 0.4s;
}

iframe {
  position: absolute;
  top: 100%;
}

li::marker {
  color: var(--color_text2);
}

.card_base {
  border: 1px solid var(--color_borderbox1);
  background-color: var(--color_primary1);
  border-radius: var(--border_radius_base);
}

.anyitemscontrol_cont {
  width: 100%;
  flex-direction: row;
  padding-top: 5px;
  padding-bottom: 5px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.anyitemscontrol_cont .anyitems_cont {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding-right: 20px;
  box-sizing: border-box;
  width: 100%;
}
.anyitemscontrol_cont .anyitems_cont > .item_base {
  position: relative;
  width: min-content;
  max-width: 90%;
  overflow: hidden;
  border-radius: 30px;
  box-sizing: border-box;
  padding: 6px 20px 6px;
  display: flex;
  align-items: center;
  font-size: 15px;
  margin: 4px 10px 4px 0px;
  white-space: nowrap;
}
.anyitemscontrol_cont .anyitems_cont > .item_button {
  border-color: var(--color_borderbox2);
  color: var(--color_text2);
  border-style: dashed;
  border-width: 1px;
  font-weight: 500;
  background-color: var(--color_primary1);
}
.anyitemscontrol_cont .anyitems_cont > .item_button > label {
  padding-left: 10px;
}
.anyitemscontrol_cont .anyitems_cont > .item_button:hover {
  background-color: var(--color_primary3);
}
.anyitemscontrol_cont .anyitems_cont > .item_button > svg {
  min-width: 15px;
  min-height: 15px;
  width: 15px;
  height: 15px;
}
.anyitemscontrol_cont .anyitems_cont > .item_button > svg path {
  stroke-width: 15px;
}
.anyitemscontrol_cont .anyitems_cont > .item_d {
  background-color: var(--color_primary3);
  column-gap: 10px;
  border: 1px solid var(--color_borderbox1);
}
.anyitemscontrol_cont .anyitems_cont > .item_d:hover {
  background-color: var(--color_primary4);
}
.anyitemscontrol_cont .anyitems_cont > .item_d > .cont {
  overflow: hidden;
}
.anyitemscontrol_cont .anyitems_cont > .item_d > .cont label {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 350px;
}
.anyitemscontrol_cont .anyitems_cont > .item_d .button_quit {
  position: absolute;
  right: 3px;
}
.anyitemscontrol_cont .clear_cont {
  height: 100%;
  width: 80px;
  display: flex;
  font-size: 13px;
  text-align: center;
  align-items: flex-end;
  box-sizing: border-box;
  font-family: "Lato-Bold";
  color: var(--color_text2);
}
.anyitemscontrol_cont .clear_cont label {
  padding-right: 20px;
}
.anyitemscontrol_cont .clear_cont:hover {
  color: var(--color_text1);
}
.anyitemscontrol_cont .clear_cont label {
  cursor: pointer;
}

.bg_blue, .buttons {
  color: var(--color_text4);
  background-color: var(--color_action1);
}
.bg_blue:hover, .buttons:hover {
  background-color: var(--color_action1focus);
}
.bg_blue:focus, .buttons:focus {
  background-color: var(--color_action1focus);
}
.bg_blue:active, .buttons:active {
  scale: 0.99;
}

.bg_red {
  color: white;
  background-color: #dc3545;
}
.bg_red:hover {
  background-color: #d72536;
}
.bg_red:active {
  zoom: 0.99;
}

.bg_orange {
  color: white;
  background-color: #fd7e14;
}
.bg_orange:hover {
  background-color: #fa7302;
}
.bg_orange:active {
  zoom: 0.99;
}

.bg_yellow {
  color: #343a40;
  background-color: #ffc107;
}
.bg_yellow:hover {
  background-color: #f2b500;
}
.bg_yellow:active {
  zoom: 0.99;
}

.bg_green {
  color: white;
  background-color: #28a745;
}
.bg_green:hover {
  background-color: #24973e;
}
.bg_green:active {
  zoom: 0.99;
}

.bg_default {
  color: #343a40;
  background-color: #e9e9e9;
}
.bg_default:hover {
  background-color: #dfdfdf;
}
.bg_default:active {
  zoom: 0.99;
}

.bg_light {
  background-color: white;
  color: #3f474e;
}
.bg_light:hover {
  color: #292d32;
}

.UI_Button, .buttons {
  padding: 4px 5px;
  outline: none;
  border: none;
  border-radius: var(--border_radius_base);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  min-width: 30px;
  box-sizing: border-box;
}
.UI_Button:disabled, .buttons:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.btn_close {
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.btn_close * {
  cursor: pointer;
}
.btn_close path {
  stroke-width: 15px;
  stroke: grey;
}

.btn_disable {
  opacity: 0.6 !important;
  pointer-events: none !important;
  cursor: default !important;
}
.btn_disable * {
  cursor: default !important;
  pointer-events: none !important;
}

.btn_close_circle {
  width: 15px;
  height: 15px;
  min-width: 15px;
  fill: rgb(150, 150, 150);
  stroke: rgb(225, 225, 225);
  cursor: pointer;
}
.btn_close_circle:hover {
  fill: rgb(160, 160, 160);
}
.btn_close_circle path {
  stroke-width: 8px;
}

.anim_syncing {
  filter: brightness(0);
  animation: rotate360 2s infinite;
}

@keyframes rotate360 {
  100% {
    transform: rotate(360deg);
  }
}
.btn_base, .btn_roundbase, .btn_round, .window_base > .left > .header > .btn_collapser, .UI_CardInfo > .btn_collapser,
.UI_CardInfo > .btn_returninfogral {
  box-sizing: border-box;
  border: 1px solid var(--color_borderbox2);
  transition: scale 0.3s, box-shadow 0.3s;
}
.btn_base > *:not(.dropdown_list, .list_container), .btn_roundbase > *:not(.dropdown_list, .list_container), .btn_round > *:not(.dropdown_list, .list_container), .window_base > .left > .header > .btn_collapser > *:not(.dropdown_list, .list_container), .UI_CardInfo > .btn_collapser > *:not(.dropdown_list, .list_container),
.UI_CardInfo > .btn_returninfogral > *:not(.dropdown_list, .list_container) {
  width: 100%;
  height: 100%;
}
.btn_roundbase, .btn_round, .window_base > .left > .header > .btn_collapser, .UI_CardInfo > .btn_collapser,
.UI_CardInfo > .btn_returninfogral {
  border-radius: 50%;
}

.btn_round, .window_base > .left > .header > .btn_collapser, .UI_CardInfo > .btn_collapser,
.UI_CardInfo > .btn_returninfogral {
  width: 22px;
  height: 22px;
  padding: 2px;
  background-color: var(--color_primary1);
  margin: 1px;
}

.container_calendar_grid {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.container_calendar_grid > .header {
  display: inherit;
  align-items: center;
  justify-content: center;
}
.container_calendar_grid > .sub_header {
  display: flex;
}
.container_calendar_grid > .body {
  display: flex;
  justify-content: space-between;
  overflow: auto;
}
.container_calendar_grid > .body > .area_calendar_grid {
  height: 100%;
  width: 100%;
  min-height: 150px;
  min-width: 200px;
  overflow: auto;
  box-sizing: border-box;
  display: grid;
  gap: 10px 10px;
}
.container_calendar_grid > .body > .area_calendar_grid.gT-columns-4 {
  grid-template-columns: repeat(4, auto);
}
@media screen and (max-width: 1279px) {
  .container_calendar_grid > .body > .area_calendar_grid.gT-columns-4 {
    grid-template-columns: repeat(3, auto) !important;
  }
}
@media screen and (max-width: 959px) {
  .container_calendar_grid > .body > .area_calendar_grid.gT-columns-4 {
    grid-template-columns: repeat(2, auto) !important;
  }
}
@media screen and (max-width: 599px) {
  .container_calendar_grid > .body > .area_calendar_grid.gT-columns-4 {
    grid-template-columns: repeat(1, auto) !important;
  }
}
.container_calendar_grid > .body > .area_calendar_grid.gT-columns-3 {
  grid-template-columns: repeat(3, auto);
}
@media screen and (max-width: 959px) {
  .container_calendar_grid > .body > .area_calendar_grid.gT-columns-3 {
    grid-template-columns: repeat(2, auto) !important;
  }
}
@media screen and (max-width: 599px) {
  .container_calendar_grid > .body > .area_calendar_grid.gT-columns-3 {
    grid-template-columns: repeat(1, auto) !important;
  }
}
.container_calendar_grid > .body > .area_calendar_grid.gT-columns-2 {
  grid-template-columns: repeat(2, auto);
}
@media screen and (max-width: 599px) {
  .container_calendar_grid > .body > .area_calendar_grid.gT-columns-2 {
    grid-template-columns: repeat(1, auto) !important;
  }
}
.container_calendar_grid > .body > .area_calendar_grid.gT-columns-1 {
  grid-template-columns: repeat(1, auto);
}
.container_calendar_grid > .body > .area_calendar_grid > .month {
  display: flex;
  flex-direction: column;
}
.container_calendar_grid > .body > .area_calendar_grid > .month > .header {
  display: inherit;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgb(209, 209, 209);
  background-color: rgb(245, 245, 245);
  font-family: "Lato-Bold";
}
.container_calendar_grid > .body > .area_calendar_grid > .month > .header > .area_name {
  display: flex;
  align-items: center;
  justify-content: center;
}
.container_calendar_grid > .body > .area_calendar_grid > .month > .body {
  display: grid;
  grid-template-columns: repeat(7, auto);
  grid-template-rows: repeat(7, auto);
}
.container_calendar_grid > .body > .area_calendar_grid > .month > .body > .name_days {
  display: contents;
}
.container_calendar_grid > .body > .area_calendar_grid > .month > .body > .name_days > div {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border-bottom: 1px solid rgb(225, 225, 225);
  background-color: rgb(240, 240, 240);
}
.container_calendar_grid > .body > .area_calendar_grid > .month > .body > .date_cells {
  display: contents;
}
.container_calendar_grid > .body > .area_calendar_grid > .month > .body > .date_cells > .lastMonthCell,
.container_calendar_grid > .body > .area_calendar_grid > .month > .body > .date_cells > .nextMonthCell {
  border: 1px solid rgb(250, 250, 250);
}
.container_calendar_grid > .body > .area_calendar_grid > .month > .body > .date_cells > .cell {
  border: 1px solid rgb(245, 245, 245);
}
.container_calendar_grid > .body > .area_calendar_grid > .month > .body > .date_cells > .cell_disabled {
  cursor: no-drop !important;
  background-color: rgb(254, 254, 254);
  opacity: 0.3;
}
.container_calendar_grid > .body > .area_calendar_grid > .month > .body > .date_cells > .cell_disabled label {
  color: var(--color_text2);
}
.container_calendar_grid > .body > .area_calendar_grid > .month > .body > .date_cells > .cell_disabled * {
  cursor: no-drop !important;
}
.container_calendar_grid > .body > .area_calendar_grid > .month > .body > .date_cells > div {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-wrap: wrap;
  box-sizing: border-box;
  position: relative;
  padding: 1px;
}
.container_calendar_grid > .body > .area_calendar_grid > .month > .body > .date_cells > div .selectors_container {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}
.container_calendar_grid > .body > .area_calendar_grid > .month > .body > .date_cells > div .selectors_container .date_selector {
  border-radius: 50%;
  background-color: var(--color_action1focus);
  width: 15px;
  height: 15px;
  opacity: 0.6;
}
.container_calendar_grid > .body > .area_calendar_grid > .month > .body > .date_cells > div .selectors_container .ondrag {
  box-shadow: var(--color_borderbox2) 0 0.5px 10px;
  opacity: 0.9 !important;
  width: 18px;
  height: 18px;
}
.container_calendar_grid > .body .size_reals_1 label {
  font-size: 16px;
}
.container_calendar_grid > .body .size_reals_1 .month > .header {
  min-height: 30px;
}
.container_calendar_grid > .body .size_reals_1 .month > .body .name_days {
  min-height: 27px;
}
.container_calendar_grid > .body .size_reals_1 .month > .body .name_days > div {
  padding: 4px;
}
.container_calendar_grid > .body .size_reals_1 .month > .body .date_cells > div {
  min-height: 40px;
}
.container_calendar_grid > .body .size_reals_1 .month > .body .date_cells > div:last-child label {
  font-size: 15px;
}
.container_calendar_grid > .body .size_reals_2 label {
  font-size: 14px;
}
.container_calendar_grid > .body .size_reals_2 .month > .header {
  min-height: 25px;
}
.container_calendar_grid > .body .size_reals_2 .month > .body .name_days {
  min-height: 22px;
}
.container_calendar_grid > .body .size_reals_2 .month > .body .name_days > div {
  padding: 3px;
}
.container_calendar_grid > .body .size_reals_2 .month > .body .date_cells > div {
  min-height: 36px;
}
.container_calendar_grid > .body .size_reals_2 .month > .body .date_cells > div:last-child label {
  font-size: 14px;
}
.container_calendar_grid > .body .size_reals_3 label {
  font-size: 11px;
}
.container_calendar_grid > .body .size_reals_3 .month > .header {
  min-height: 20px;
}
.container_calendar_grid > .body .size_reals_3 .month > .body .name_days {
  min-height: 17px;
}
.container_calendar_grid > .body .size_reals_3 .month > .body .name_days > div {
  padding: 2px;
}
.container_calendar_grid > .body .size_reals_3 .month > .body .date_cells > div {
  min-height: 32px;
}
.container_calendar_grid > .body .size_reals_3 .month > .body .date_cells > div .date_selector {
  width: 12px !important;
  height: 12px !important;
}
.container_calendar_grid > .body .size_reals_3 .month > .body .date_cells > div:last-child label {
  font-size: 11px;
}
.container_calendar_grid > .body .size_reals_4 label {
  font-size: 8px;
}
.container_calendar_grid > .body .size_reals_4 .month > .header {
  min-height: 15px;
}
.container_calendar_grid > .body .size_reals_4 .month > .body .name_days {
  min-height: 12px;
}
.container_calendar_grid > .body .size_reals_4 .month > .body .name_days > div {
  padding: 2px;
}
.container_calendar_grid > .body .size_reals_4 .month > .body .date_cells > div {
  min-height: 28px;
}
.container_calendar_grid > .body .size_reals_4 .month > .body .date_cells > div .date_selector {
  width: 12px !important;
  height: 12px !important;
}
.container_calendar_grid > .body .size_reals_4 .month > .body .date_cells > div:last-child label {
  font-size: 8px;
}
.container_calendar_grid > .body .size_bases_1 label {
  font-size: 16px;
}
.container_calendar_grid > .body .size_bases_1 .month > .header {
  min-height: 30px;
}
.container_calendar_grid > .body .size_bases_1 .month > .body .name_days {
  min-height: 27px;
}
.container_calendar_grid > .body .size_bases_1 .month > .body .name_days > div {
  padding: 4px;
}
.container_calendar_grid > .body .size_bases_1 .month > .body .date_cells > div {
  min-height: 40px;
}
.container_calendar_grid > .body .size_bases_1 .month > .body .date_cells > div:last-child label {
  font-size: 12px;
}
.container_calendar_grid > .body .size_bases_2 label {
  font-size: 14px;
}
.container_calendar_grid > .body .size_bases_2 .month > .header {
  min-height: 25px;
}
.container_calendar_grid > .body .size_bases_2 .month > .body .name_days {
  min-height: 22px;
}
.container_calendar_grid > .body .size_bases_2 .month > .body .name_days > div {
  padding: 3px;
}
.container_calendar_grid > .body .size_bases_2 .month > .body .date_cells > div {
  min-height: 36px;
}
.container_calendar_grid > .body .size_bases_2 .month > .body .date_cells > div:last-child label {
  font-size: 11px;
}
.container_calendar_grid > .body .size_bases_3 label {
  font-size: 11px;
}
.container_calendar_grid > .body .size_bases_3 .month > .header {
  min-height: 20px;
}
.container_calendar_grid > .body .size_bases_3 .month > .body .name_days {
  min-height: 17px;
}
.container_calendar_grid > .body .size_bases_3 .month > .body .name_days > div {
  padding: 2px;
}
.container_calendar_grid > .body .size_bases_3 .month > .body .date_cells > div {
  min-height: 32px;
}
.container_calendar_grid > .body .size_bases_3 .month > .body .date_cells > div .date_selector {
  width: 12px !important;
  height: 12px !important;
}
.container_calendar_grid > .body .size_bases_3 .month > .body .date_cells > div:last-child label {
  font-size: 8px;
}
.container_calendar_grid > .body .size_bases_4 label {
  font-size: 8px;
}
.container_calendar_grid > .body .size_bases_4 .month > .header {
  min-height: 15px;
}
.container_calendar_grid > .body .size_bases_4 .month > .body .name_days {
  min-height: 12px;
}
.container_calendar_grid > .body .size_bases_4 .month > .body .name_days > div {
  padding: 2px;
}
.container_calendar_grid > .body .size_bases_4 .month > .body .date_cells > div {
  min-height: 28px;
}
.container_calendar_grid > .body .size_bases_4 .month > .body .date_cells > div .date_selector {
  width: 12px !important;
  height: 12px !important;
}
.container_calendar_grid > .body .size_bases_4 .month > .body .date_cells > div:last-child label {
  font-size: 5px;
}
.container_calendar_grid > .footer {
  display: inherit;
}

.UI_Card {
  display: flex;
  flex-direction: column;
  background-color: var(--color_primary1);
  border: 1px solid var(--color_borderbox1);
  box-sizing: border-box;
  height: max-content;
  width: 100%;
  position: relative;
  max-height: 100%;
  border-radius: var(--border_radius_base);
}
@media screen and (max-width: 959px) {
  .UI_Card > header {
    height: 35px !important;
  }
}
.UI_Card > header {
  height: 40px;
  font-family: "Lato-Bold";
}
.UI_Card .div_header {
  padding: var(--padding2) var(--padding3);
}
.UI_Card > .content {
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
  /* &>:first-child:not(.tabla_container, .schedule_container, wc-progress) {
      padding-top: var(--padding3);
  } */
}
.UI_Card > .content > *:not(.tabla_container, .schedule_container, wc-progress) {
  padding: 0 var(--padding3);
}
.UI_Card > .content > :nth-child(2):not(.tabla_container, .schedule_container, wc-progress) {
  padding-top: var(--padding3);
}
.UI_Card > .content > :last-child:not(.tabla_container, .schedule_container, wc-progress) {
  padding-bottom: var(--padding3);
}
.UI_Card > footer {
  padding: var(--padding3);
  background-color: var(--color_primary2);
  width: 100%;
  min-height: auto;
  padding: var(--padding2);
  gap: var(--padding2);
  box-sizing: border-box;
  display: flex;
  bottom: 0px;
  justify-content: flex-end;
}
.UI_Card > footer:empty {
  padding: 0;
}

.UI_CardCollapse > header {
  display: flex;
  justify-content: space-between;
}
.UI_CardCollapse > header.expandido {
  background-color: var(--color_primary1);
  border-bottom: 2px solid var(--color_borderbox1);
}
.UI_CardCollapse > header .div_header {
  width: 100%;
  display: flex;
  column-gap: 10px;
}
.UI_CardCollapse .content {
  row-gap: var(--padding3);
}
.UI_CardCollapse .cardheader_acciones {
  width: max-content;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: var(--padding3);
  column-gap: var(--padding2);
}
.UI_CardCollapse .cardheader_acciones > .important {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: inherit;
}
.UI_CardCollapse .cardheader_acciones > .important > .mark_infoerror {
  display: flex;
  z-index: 2;
}
.UI_CardCollapse .cardheader_acciones > .important > .mark_infoerror > img {
  width: 20px;
  height: 20px;
  margin-right: 5px;
  cursor: help;
}
.UI_CardCollapse .cardheader_acciones > .normal {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: inherit;
}
.UI_CardCollapse .cardheader_acciones > .normal > .btn_sync {
  width: 20px;
  height: 20px;
  margin-right: 5px;
  cursor: pointer;
}

.UI_CardContainer {
  display: flex;
  flex-direction: column;
  row-gap: var(--padding2);
  width: 100%;
  height: 100%;
  max-height: 100%;
}

.UI_CardInfo {
  transition: width 200ms, min-width 200ms, max-width 200ms, min-height 200ms, max-height 200ms, height 200ms;
}
.UI_CardInfo .div_header {
  padding: 10px;
}
.UI_CardInfo > .content {
  padding: var(--padding3) !important;
}
.UI_CardInfo > .content > * {
  padding: 0 !important;
}
.UI_CardInfo > .content .resumen_gral {
  padding-bottom: 10px !important;
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid var(--color_borderbox1);
  column-gap: var(--padding2);
}
.UI_CardInfo > .content .resumen_gral .foto_control_container .foto_control .area_options {
  opacity: 0;
}
.UI_CardInfo > .content .resumen_gral .foto_control_container .foto_control:hover > .area_options {
  opacity: 1;
}
.UI_CardInfo > .content .resumen_gral .descripcion_gral {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: var(--padding1);
}
.UI_CardInfo > .content .resumen_gral .descripcion_gral > *:first-child {
  font-size: calc(var(--fontsize) + 3px);
  width: calc(100% - 20px);
}
.UI_CardInfo > .content .resumen_gral wc-tooltip {
  display: none;
}
.UI_CardInfo > .content .resumen_gral wc-tooltip.tooltip_resumen * {
  color: var(--color_primary1) !important;
}
.UI_CardInfo > .content .secciones {
  height: 100%;
  overflow-y: auto;
}
.UI_CardInfo > .content .secciones .item_seccion {
  padding: 10px 0px;
  display: grid;
  row-gap: 5px;
}
.UI_CardInfo > .content .secciones .item_seccion:nth-child(2):last-child {
  border-top: 1px solid var(--color_borderbox1);
}
.UI_CardInfo > .content .secciones .item_seccion .section_hermanos {
  gap: 5px;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.UI_CardInfo > .content .secciones .item_seccion .section_hermanos .item_carnal {
  width: 80px;
  height: 80px;
  cursor: pointer;
  position: relative;
}
.UI_CardInfo > .content .secciones .item_seccion .section_hermanos .item_carnal > label {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: max-content;
  width: 85%;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--color_text1);
  font-size: calc(var(--fontsize) - 1px);
}
.UI_CardInfo > .content .secciones .item_seccion .section_hermanos .item_carnal wc-img {
  transition: border-width 0.3s, border-color 0.3s;
  border-radius: 50%;
  border-width: 4px;
  border-style: solid;
  border-color: var(--color_borderbox1);
  width: 80px;
  height: 80px;
}
.UI_CardInfo > .content .secciones .item_seccion .section_hermanos .item_carnal > * {
  cursor: pointer;
}
.UI_CardInfo > .content .secciones :last-child {
  padding-bottom: 0;
}
.UI_CardInfo > .btn_collapser,
.UI_CardInfo > .btn_returninfogral {
  position: absolute;
  right: var(--padding2);
  top: var(--padding2);
  width: 25px;
  height: 25px;
  cursor: pointer;
  transition: transform 300ms;
}
.UI_CardInfo > .btn_collapser {
  transform: rotate(90deg);
}
.UI_CardInfo > .btn_returninfogral {
  display: none;
  transform: rotate(180deg);
}
@media screen and (min-width: 960px) {
  .UI_CardInfo {
    min-width: 350px;
    max-width: 400px;
    height: max-content;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .UI_CardInfo {
    min-width: 270px;
    max-width: 300px;
    height: max-content;
  }
}
@media screen and (max-width: 599px) {
  .UI_CardInfo {
    max-width: 100% !important;
    width: 100% !important;
    height: 118px !important;
    background-color: var(--color_primary1) !important;
    box-sizing: border-box !important;
    border: 1px solid var(--color_borderbox1) !important;
    border-radius: var(--border_radius_base) !important;
  }
  .UI_CardInfo > .content > .resumen_gral > .foto_control_container {
    position: relative !important;
  }
  .UI_CardInfo > .content > .resumen_gral > .descripcion_gral {
    display: flex !important;
  }
  .UI_CardInfo > .content > .resumen_gral wc-tooltip {
    display: none !important;
  }
  .UI_CardInfo > .content > .secciones {
    display: flex !important;
    overflow: visible !important;
  }
  .UI_CardInfo > .btn_collapser {
    display: none;
  }
  .UI_CardInfo > .btn_returninfogral {
    display: block !important;
  }
}
.UI_CardInfo.collapsed {
  max-width: 105px;
  min-width: 105px;
  height: 105px;
  background-color: transparent;
  border: none;
}
.UI_CardInfo.collapsed > .content > .resumen_gral > .foto_control_container {
  position: absolute;
  top: 0;
  left: 0;
}
.UI_CardInfo.collapsed > .content > .resumen_gral > .descripcion_gral {
  display: none;
}
.UI_CardInfo.collapsed > .content > .resumen_gral wc-tooltip {
  display: contents;
}
.UI_CardInfo.collapsed > .content > .secciones {
  display: none;
}
.UI_CardInfo.collapsed > .btn_collapser {
  transform: rotate(-90deg);
  right: 0px;
}

.card {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  max-height: 100%;
  background-color: var(--color_primary1);
  box-sizing: border-box;
  border: 1px solid var(--color_borderbox1);
  border-radius: var(--border_radius_base);
}
@media screen and (max-width: 959px) {
  .card > .header {
    height: 35px !important;
  }
}
.card > * {
  box-sizing: border-box;
}
.card .actions_container {
  display: flex;
  align-items: center;
  column-gap: var(--padding2);
  position: absolute;
  top: calc(var(--padding2) - 2px);
  right: var(--padding3);
}
.card .actions_container > * {
  height: 22px;
}
.card > .header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 40px;
  padding: var(--padding3);
  border-bottom: 1px solid var(--color_borderbox1);
}
.card > .header > .title {
  font-family: "Lato-Bold";
}
.card > .header > div {
  display: flex;
  column-gap: var(--padding3);
}
.card > .content {
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  /* &>:first-child:not(.tabla_container, .schedule_container, wc-progress) {
      padding-top: var(--padding3);
  } */
}
.card > .content > *:not(.tabla_container, .schedule_container, wc-progress) {
  padding: 0 var(--padding3);
}
.card > .content > :nth-child(2):not(.tabla_container, .schedule_container, wc-progress) {
  padding-top: var(--padding3);
}
.card > .content > :last-child:not(.tabla_container, .schedule_container, wc-progress) {
  padding-bottom: var(--padding3);
}
.card > .footer {
  padding: var(--padding3);
  background-color: var(--color_primary2);
  width: 100%;
  min-height: auto;
  padding: var(--padding2);
  gap: var(--padding2);
  box-sizing: border-box;
  display: flex;
  bottom: 0px;
  justify-content: flex-end;
}
.card > .footer:empty {
  padding: 0;
}

.card_collapse > header {
  display: flex;
  justify-content: space-between;
}
.card_collapse > header.expandido {
  background-color: var(--color_primary1);
  border-bottom: 2px solid var(--color_borderbox1);
}
.card_collapse > header .div_header {
  width: 100%;
  padding: var(--padding2) var(--padding3);
  display: flex;
  column-gap: var(--padding3);
}
.card_collapse .content {
  row-gap: var(--padding3);
}
.card_collapse .mark_infoerror {
  display: flex;
  z-index: 2;
}
.card_collapse .mark_infoerror > img {
  width: 22px;
  cursor: help;
}
.card_collapse .btn_sync {
  width: 22px;
  cursor: pointer;
}

.circleitems_component {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: var(--border_radius_base);
}
.circleitems_component * {
  box-sizing: border-box;
}
.circleitems_component .header {
  width: 100%;
}
.circleitems_component .content {
  display: flex;
  align-items: center;
  overflow-x: auto;
  overflow-y: hidden;
  max-width: 100%;
  min-height: 10px;
  column-gap: 5px;
}
.circleitems_component .content > .item {
  height: 100%;
  padding: 5px;
}
.circleitems_component .content > .item > .circle {
  background-color: rgba(0, 139, 139, 0.5);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 85px;
  height: 85px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  cursor: pointer;
}
.circleitems_component .content > .item > .circle * {
  cursor: pointer;
}
.circleitems_component .content > .item > .circle:hover {
  box-shadow: var(--color_secondary4) 0px 0px 0px 5px;
}
.circleitems_component .content > .item > .circle > div {
  max-height: 80%;
  max-width: 80%;
  overflow: hidden;
  text-align: center;
  display: flex;
}
.circleitems_component .content > .item > .circle > div > span {
  color: var(--color_text2);
  overflow: hidden;
  text-overflow: ellipsis;
}
.circleitems_component .content > .item.selected > .circle {
  box-shadow: var(--color_secondary4) 0px 0px 0px 5px;
}
.circleitems_component .content > .item.selected > .circle text {
  color: var(--color_text4);
}

.color_select {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3;
  max-height: 306px;
  background-color: white;
  min-width: 180px;
  max-width: 306px;
  border-radius: var(--border_radius_base);
}
.color_select .color_options {
  flex: 7;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
  align-content: space-between;
  padding: 15px;
  overflow: hidden auto;
}
.color_select .option_color {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  box-sizing: border-box;
  border: 1px solid var(--color_borderbox1);
  cursor: pointer;
}
.color_select .option_color:not(.circle_option_selected):hover {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}
.color_select .option_color.circle_option_selected {
  border: 3px var(--color_text1) solid;
}
.color_select .footer_options {
  border-top: 1px solid #c8c8c8;
  flex: 2;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 12px;
}
.color_select .footer_options .footer_color_options {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
  align-content: space-between;
  padding: 12px;
  overflow: hidden auto;
}

.color_input {
  width: 25px;
  height: 25px;
  background-color: #FFFFFF;
  border-radius: 50%;
  border: 1px solid var(--color_borderbox1);
  cursor: pointer;
  box-sizing: border-box;
}
.color_input.color_input_selected {
  border: 2px solid var(--color_text1) !important;
}

.date-input {
  width: 100%;
  height: max-content;
  display: flex;
  flex-direction: row;
}
.date-input .area-input {
  width: 100%;
  margin-right: 15px;
  font-weight: 600;
}
.date-input .area-input > div {
  display: flex;
}
.date-input .area-input > div label {
  margin-bottom: 5px;
}
.date-input .area-input > div input {
  margin-bottom: 10px !important;
}
.date-input .area-input .area-date-range {
  flex-direction: column;
}
.date-input .area-input .area-year {
  flex-direction: column;
}
.date-input .area-input .area-yearmonth {
  flex-direction: row;
}
.date-input .area-input .area-date {
  flex-direction: column;
}
.date-input .area-options {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  width: 30%;
  max-width: 115px;
}
.date-input .area-options > div {
  width: 100%;
  box-sizing: border-box;
  cursor: pointer;
}
.date-input .area-options > div:hover {
  background-color: var(--color_primary3);
}
.date-input .area-options > div label {
  cursor: inherit;
}
.date-input .area-options > .opc-selected {
  font-family: "Lato-Bold" !important;
}

/* Menu de opciones extra*/
/* Por remover cuando se haya terminado de implementar nuevos menús y Selects*/
.dropdown_ghost {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.dropdown_ghost > .dropdown_list {
  position: absolute;
  max-width: 200px;
  min-width: 160px;
  border-radius: var(--border_radius_base);
  background-color: var(--color_primary1);
  z-index: 13;
  overflow-x: hidden;
  overflow-y: auto;
}
.dropdown_ghost > .dropdown_list > .item {
  font-weight: normal;
  text-anchor: start;
  text-overflow: ellipsis;
  padding: 7px 10px;
  box-sizing: border-box;
  width: 100%;
  display: block;
  background-color: var(--color_primary1);
}
.dropdown_ghost > .dropdown_list > .item:hover {
  background-color: var(--color_primary3);
}
.dropdown_ghost > .dropdown_list > .item:focus {
  background-color: var(--color_primary3);
}
.dropdown_ghost > .dropdown_list > .item.focused {
  background-color: var(--color_primary3);
}
.dropdown_ghost > .dropdown_list .item_disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.dropdown_list {
  position: fixed;
  max-width: 200px;
  min-width: 160px;
  border-radius: var(--border_radius_base);
  background-color: var(--color_primary1);
  z-index: 2;
  overflow-x: hidden;
  overflow-y: auto;
}
.dropdown_list > .item {
  font-weight: normal;
  text-anchor: start;
  text-overflow: ellipsis;
  padding: 7px 10px;
  box-sizing: border-box;
  width: 100%;
  display: block;
  background-color: var(--color_primary1);
  cursor: pointer;
}
.dropdown_list > .item > label {
  cursor: pointer;
}
.dropdown_list > .item:hover {
  background-color: var(--color_primary3);
}
.dropdown_list > .item:focus {
  background-color: var(--color_primary3);
}
.dropdown_list > .item.focused {
  background-color: var(--color_primary3);
}
.dropdown_list .item_disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* Menu de opciones extra*/
.dropdown_container {
  position: absolute;
  width: 200px;
  border-radius: var(--border_radius_base);
  background-color: var(--color_primary1);
  z-index: 13;
}

.dropdown_container .opcion_item {
  font-weight: normal;
  text-anchor: start;
  text-overflow: ellipsis;
  padding: 7px 10px;
  box-sizing: border-box;
  width: 100%;
  display: block;
  background-color: var(--color_primary1);
}

.dropdown_container .opcion_item:hover {
  background-color: var(--color_primary3);
}

.opcion_disabled {
  opacity: 0.6;
  cursor: default;
}

.ghost_none {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.expander_list {
  display: flex;
  flex-direction: column;
  row-gap: var(--padding2);
  max-height: 100%;
  overflow: overlay auto;
}
@media screen and (max-width: 959px) {
  .expander_list > .card_style {
    height: 35px !important;
  }
  .expander_list > .content {
    height: calc(100% - 35px) !important;
  }
}
.expander_list > .item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  column-gap: var(--padding2);
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  flex: none;
  cursor: pointer;
  max-height: 40px;
}
.expander_list > .item > label {
  font-family: "Lato-Bold";
  cursor: pointer;
  width: 100%;
}
.expander_list > .item > .mark_infoerror > img {
  width: 20px;
  height: 20px;
  margin-right: 5px;
  cursor: help;
}
.expander_list > .item.card_style {
  background-color: var(--color_primary1);
  border-width: 1px;
  border-style: solid;
  border-color: var(--color_borderbox1);
  border-radius: var(--border_radius_base);
}
.expander_list > .content {
  width: 100%;
  height: 100%;
}
.expander_list > .content > * {
  box-sizing: border-box;
}

.listViewer {
  overflow: auto;
  max-height: 100%;
}
.listViewer header {
  background-color: var(--color_primary3);
  position: sticky;
  top: 0;
  z-index: 1;
}
.listViewer header span {
  height: max-content;
  width: max-content;
}
.listViewer header,
.listViewer .content .fila_item {
  display: grid;
  grid-auto-rows: 30px;
  row-gap: 5px;
  column-gap: 5px;
  align-items: center;
}
.listViewer .content .fila_item {
  border-bottom: 1px solid var(--color_borderbox1);
}
.listViewer .content .fila_item:hover {
  background-color: var(--color_primary2);
}
.fileListViewer {
  height: calc(100% - 50px);
  border: 1px solid var(--color_borderbox1);
}
.fileListViewer .content {
  height: 100%;
  /* .fila_item:hover .label_input img {
      opacity: 0.5;
  } */
  /* .fila_item:hover .remove{
      opacity: 1;
  } */
}
.fileListViewer .content .fila_item:hover .rename,
.fileListViewer .content .fila_item:hover .remove {
  opacity: 1;
}
.fileListViewer .content .remove {
  opacity: 0;
  justify-self: center;
  transition: all 0.5s;
}
.fileListViewer .content .remove:hover {
  cursor: pointer;
}
.fileListViewer .content .size {
  font-size: small;
}
.fileListViewer .content .label_input {
  display: flex;
  justify-content: space-between;
  /* &:hover img{
      opacity: 0.4;
  } */
}
.fileListViewer .content .label_input input {
  background-color: none;
  width: 90%;
  border: none;
  border-style: none;
}
.fileListViewer .content .label_input input:focus {
  border-bottom: 1px solid var(--color_borderbox1);
  cursor: text;
}
.fileListViewer .content .label_input img {
  opacity: 0;
  transition: all 0.5s;
}
.fileListViewer .content .label_input img:hover {
  cursor: pointer;
  opacity: 1;
}
.fileListViewer footer {
  padding-top: 10px;
  display: flex;
  justify-content: space-between;
}

.text_overflow_hidde {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fileButton {
  width: max-content;
  transition: all 0.5s;
  display: flex;
  justify-content: start;
}
.fileButton img {
  margin-right: 3px;
}
.fileButton input[type=file] {
  display: none;
}
.fileButton:hover {
  cursor: pointer;
}

.filter_container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  box-sizing: border-box;
  user-select: none;
}
.filter_container .without-border {
  border: none !important;
}
.filter_container .filters-wrapper {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  padding: var(--padding1) var(--padding3);
  column-gap: var(--padding1);
  box-sizing: border-box;
}
.filter_container .filters-wrapper .area_parametros {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--padding1);
  box-sizing: border-box;
  width: 100%;
}
.filter_container .filters-wrapper .area_parametros .button_gen {
  position: relative;
  width: min-content;
  height: max-content;
  border-radius: 30px;
  box-sizing: border-box;
  padding: var(--padding1) var(--padding2) var(--padding1);
  display: flex;
  align-items: center;
  font-size: 15px;
  column-gap: var(--padding2);
  cursor: pointer;
  white-space: nowrap;
}
.filter_container .filters-wrapper .area_parametros .button_gen * {
  cursor: pointer;
}
.filter_container .filters-wrapper .area_parametros .button_add {
  border-color: var(--color_borderbox2);
  color: var(--color_text2);
  border-style: dashed;
  border-width: 1px;
  font-weight: 500;
  background-color: var(--color_primary1);
}
.filter_container .filters-wrapper .area_parametros .button_add:hover {
  background-color: var(--color_primary3);
}
.filter_container .filters-wrapper .area_parametros .button_add > svg {
  width: 15px;
  height: 15px;
}
.filter_container .filters-wrapper .area_parametros .button_add > svg path {
  stroke-width: 15px;
}
.filter_container .filters-wrapper .area_parametros > .item_filter {
  background-color: var(--color_primary3);
  border: 1px solid var(--color_borderbox1);
}
@media screen and (min-width: 1280px) {
  .filter_container .filters-wrapper .area_parametros > .item_filter {
    max-width: 750px;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .filter_container .filters-wrapper .area_parametros > .item_filter {
    max-width: 550px;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .filter_container .filters-wrapper .area_parametros > .item_filter {
    max-width: 350px;
  }
}
@media screen and (max-width: 599px) {
  .filter_container .filters-wrapper .area_parametros > .item_filter {
    max-width: 210px;
  }
}
.filter_container .filters-wrapper .area_parametros > .item_filter:hover {
  background-color: var(--color_primary4);
}
.filter_container .filters-wrapper .area_parametros > .item_filter > label {
  cursor: pointer;
  color: var(--color_text2);
  text-overflow: ellipsis;
  overflow: hidden;
}
.filter_container .filters-wrapper .area_parametros > .item_filter .button_quit {
  position: absolute;
  right: 3px;
}
.filter_container .filters-wrapper .btn_clear {
  height: 100%;
  width: min-content;
  display: flex;
  text-align: center;
  align-items: flex-end;
  box-sizing: border-box;
  font-family: "Lato-Bold";
  color: var(--color_text2);
  font-size: calc(var(--fontsize) - 1px);
}
.filter_container .filters-wrapper .btn_clear:hover {
  color: var(--color_text1);
}
.filter_container .search-wrapper {
  border-top: 1px solid var(--color_borderbox1);
  width: 100%;
  overflow: hidden;
  padding-top: var(--padding1);
  padding-bottom: var(--padding1);
}
.filter_container .search-wrapper .search {
  width: 100%;
  display: flex;
  box-sizing: border-box;
  padding: 0 var(--padding3);
  align-items: center;
}
.filter_container .search-wrapper .search input {
  box-sizing: border-box;
  width: 100%;
  height: 30px;
  border: none;
  outline: none;
  color: var(--color_text2);
  background-color: var(--color_primary1);
}
.filter_container .search-wrapper .search img {
  width: 20px;
  height: max-content;
  opacity: 0.6;
  cursor: pointer;
}
.filter_container .search-wrapper .search img:hover {
  opacity: 1;
}

/** ParamBoxControl */
.parambox_container {
  font-size: 14px;
  min-width: 200px;
  position: absolute;
  border-radius: var(--border_radius_base);
  overflow: hidden;
  background-color: var(--color_primary1);
  box-shadow: var(--color_borderbox1) 0px 1px 4px;
}
.parambox_container > .param_head {
  width: 100%;
  height: 40px;
  display: flex;
  padding: 10px;
  margin: 0px;
  box-sizing: border-box;
  cursor: default;
  grid: "head_title head_close";
  background-color: var(--color_action1focus);
  stroke: var(--color_text4);
  color: var(--color_text4);
}
.parambox_container > .param_head > .head_title {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.parambox_container > .param_head > .head_close {
  display: flex;
  justify-content: flex-end;
  width: 20px;
}
.parambox_container > .param_head > .head_close > svg {
  width: 15px;
  height: 15px;
}
.parambox_container > .param_head > .head_close > svg:hover {
  cursor: pointer;
  stroke: rgb(255, 255, 255);
}
.parambox_container > .param_head > .head_close > svg > path {
  stroke-width: 15;
}
.parambox_container > .param_body {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  min-height: 50px;
  padding: 10px;
}
.parambox_container > .param_body > div {
  width: 100%;
}
.parambox_container > .param_body .input_war {
  box-shadow: var(--color_app_red1) 0px 0.5px 3px;
  border-color: var(--color_app_red1);
  animation: keyframe_anim_rebote 0.4s;
}
.parambox_container > .param_body .filter_select {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 31px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  box-sizing: border-box;
  padding-right: 5px;
  cursor: pointer;
  fill: #646464;
}
.parambox_container > .param_body .filter_select > svg {
  width: 20px;
  height: 12px;
}
.parambox_container > .param_footer {
  background-color: var(--color_primary2);
  width: 100%;
  min-height: 40px;
  padding: var(--padding2);
  gap: var(--padding2);
  box-sizing: border-box;
  display: flex;
  padding: 10px;
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-end;
  color: var(--color_action1);
  font-weight: 600;
}
.parambox_container > .param_footer > label:hover {
  cursor: pointer;
  font-family: "Lato-Bold";
  color: var(--color_action1focus);
}

.formulario_generator {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  color: var(--color_text1);
}

.formulario_generator .row {
  display: flex;
  margin-bottom: 10px;
}

.formulario_generator .row:last-child {
  margin-bottom: 0;
}

.input_err {
  border-width: 1px !important;
  border-style: solid !important;
  border-top-color: var(--color_app_red1) !important;
  border-bottom-color: var(--color_app_red1) !important;
  border-left-color: var(--color_app_red1) !important;
  border-right-color: var(--color_app_red1) !important;
}
.input_err:not(:has(.list_container)) {
  animation: keyframe_anim_rebote 0.4s;
}

.form_verified input:invalid:not(.login input) {
  border-width: 1px !important;
  border-style: solid !important;
  border-top-color: var(--color_app_red1) !important;
  border-bottom-color: var(--color_app_red1) !important;
  border-left-color: var(--color_app_red1) !important;
  border-right-color: var(--color_app_red1) !important;
}
.form_verified input:invalid:not(.login input):not(:has(.list_container)) {
  animation: keyframe_anim_rebote 0.4s;
}

.form_modalbase.lbl_no_wrap .row > label:first-child {
  text-wrap: nowrap;
}
.form_modalbase .row {
  position: relative;
  gap: var(--padding1);
}
.form_modalbase .row:has(*[required]):not(.preview_mode > .row:has(*[required])) > label:first-child::after {
  content: "*";
}
.form_modalbase .row > label:first-child {
  margin-top: var(--padding1);
  flex: 50%;
  max-width: 180px;
  color: var(--color_text2);
  white-space: break-spaces;
}
.form_modalbase .row > label:first-child > .datainfo {
  position: absolute;
  top: 8px;
  cursor: help;
  width: 10px;
  margin-left: 2px;
}
.form_modalbase .row > label:first-child wc-tooltip {
  display: inline-flex;
}
.form_modalbase .row > div {
  width: 100%;
  position: relative;
}
.form_modalbase .row > div:has(.alinear_foto) {
  justify-content: center;
  display: flex;
}
.form_modalbase .row > div .failmessage {
  color: var(--color_app_red1);
  font-size: calc(var(--fontsize) - 4px);
}
.form_modalbase .row > div .failmessage * {
  font-size: calc(var(--fontsize) - 4px);
}
.form_modalbase .row .combo-borde {
  border: 0 none !important;
}
.form_modalbase .row .combo-borde wc-ic-collapse {
  display: none;
}
.form_modalbase.preview_mode .row > * {
  pointer-events: none;
}
.form_modalbase.preview_mode .row .titulos_base svg.ic_info {
  pointer-events: all;
}
.form_modalbase.preview_mode .row input {
  border: none;
}
.form_modalbase.preview_mode .row .contenedor_combo {
  border: 0 none !important;
}
.form_modalbase.preview_mode .row .contenedor_combo wc-ic-collapse {
  display: none;
}
.form_modalbase.preview_mode .row .control_wrapper > .input_content > input {
  border: 0 none !important;
}
.form_modalbase.preview_mode .row .radiolist_container > .itemradio:not(:has(> input:checked)) {
  display: none;
}
.form_modalbase.preview_mode .row .radiolist_container > .itemradio > input:checked {
  display: none;
}

.input_content {
  display: flex;
}
.input_content .input-borde {
  border-width: 0;
  background-color: var(--color_primary1);
}

.input_dial_code {
  gap: 5px;
}
.input_dial_code .dial_code {
  flex: 3;
}
.input_dial_code > input {
  flex: 12;
}

.input_symbol {
  position: absolute;
  top: 0;
  width: 20px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.input_currency input {
  text-align: left;
  padding-left: 20px !important;
}
.input_currency .input_symbol {
  left: 0;
}

.input_percent input {
  text-align: right;
  padding-right: 20px !important;
}
.input_percent .input_symbol {
  right: 0;
}

.gallery_grid {
  overflow: hidden auto;
  padding: 0 5px;
}
.gallery_grid > .grid_bloque > .grid_items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
@media (max-width: 1260px) {
  .gallery_grid > .grid_bloque > .grid_items {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}
@media (max-width: 1130px) {
  .gallery_grid > .grid_bloque > .grid_items {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.gallery_grid > .grid_bloque > .grid_items > .item_grid {
  box-sizing: border-box;
}

.foto_control_container {
  position: relative;
  width: 90px;
  height: 90px;
  margin: 2px;
}
.foto_control_container > .foto_control {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-color: var(--color_primary1);
  display: flex;
  background-size: 100%;
  border-style: solid;
  border-width: 0;
  box-sizing: border-box;
}
.foto_control_container > .foto_control:hover > .area_options {
  opacity: 1;
}
.foto_control_container > .foto_control > img {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.foto_control_container > .foto_control > .area_options {
  position: absolute;
  bottom: 0px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 30%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0.5;
  transition: opacity 0.5s;
  max-height: 30px;
  z-index: 1;
  box-sizing: border-box;
}
.foto_control_container > .foto_control > .area_options > .option {
  height: 80%;
  width: max-content;
}
.foto_control_container > .foto_control > .area_options > .option img {
  height: 100%;
  filter: brightness(1.8);
  cursor: pointer;
}
.foto_control_container > .foto_control > .area_options > .option img:hover {
  filter: brightness(2.5);
}
.foto_control_container > .foto_control.circle {
  border-radius: 50%;
}
.foto_control_container > .foto_control.square_roundededges {
  border-radius: 5%;
}
.foto_control_container > .foto_control.none {
  box-shadow: none;
}
.foto_control_container > .foto_control > .tag_text_back {
  position: absolute;
  top: 10%;
  left: 0;
  width: 100%;
  height: 80%;
  padding: 5%;
  box-sizing: border-box;
  text-overflow: ellipsis;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.foto_control_container > .foto_control > .tag_text_back > label {
  font-size: 14px;
  text-align: center;
  color: var(--color_text2) !important;
  font-family: "Lato-Bold";
  text-overflow: ellipsis;
  overflow: hidden;
}
.foto_control_container > .tag_ext {
  position: absolute;
  top: 5px;
  right: 5px;
  background-color: var(--color_primary1);
  border-radius: 5px;
  box-shadow: var(--color_borderbox2) 0px 0.4px 2.5px 1px;
  max-width: 65%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 2px;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 9px;
}
.foto_control_container > .tag_ext_error {
  box-shadow: var(--color_app_red1) 0px 0.4px 2.5px 1px !important;
  color: var(--color_app_red1) !important;
}

.foto_control_style2 > .foto_control > .area_options {
  background-color: transparent;
  justify-content: end;
  column-gap: 10px;
  max-height: 40%;
  height: 10%;
  min-height: 30px;
  padding: 0 3% 1% 3%;
}
.foto_control_style2 > .foto_control > .area_options > .option {
  background-color: rgba(0, 0, 0, 0.5);
  border: solid white 1px;
  border-radius: 50%;
  padding: 0.5%;
  overflow: hidden;
}
.foto_control_style2 > .foto_control > .area_options > .option:hover {
  padding: 1%;
}
.foto_control_style2 > .foto_control {
  box-shadow: none;
}

.foto_control_style3 > .foto_control > .area_options {
  background-color: transparent;
  justify-content: end;
  column-gap: 10px;
  max-height: 40%;
  height: 10%;
  min-height: 30px;
  padding: 0 3% 1% 3%;
}
.foto_control_style3 > .foto_control > .area_options > .option {
  background-color: rgba(0, 0, 0, 0.5);
  border: solid white 1px;
  border-radius: 50%;
  padding: 0.5%;
  overflow: hidden;
}
.foto_control_style3 > .foto_control > .area_options > .option:hover {
  padding: 1%;
}

.menuflex {
  height: 99%;
  background: linear-gradient(to left, var(--color_primary2) 95%, transparent);
  display: flex;
  align-items: center;
  width: max-content;
  column-gap: var(--padding3);
  user-select: none !important;
}
.menuflex > .area_extras {
  box-sizing: border-box;
  font-family: "Lato-Bold";
  user-select: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--color_text2);
}
.menuflex > .items_container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  height: 100%;
  column-gap: var(--padding3);
}
.menuflex > .items_container > .item {
  display: inline-block;
  cursor: pointer;
  font-weight: normal;
  text-anchor: start;
  text-overflow: clip;
  overflow: hidden;
  white-space: nowrap;
  color: var(--color_action1);
}
.menuflex > .items_container > .item > label {
  cursor: pointer;
}
.menuflex > .items_container > .item:hover {
  color: var(--color_action1focus);
}
.menuflex > .items_container > .item.disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.menuflex > .items_container > .item.disabled > * {
  cursor: not-allowed !important;
}
.menuflex.righttoleft {
  justify-content: right;
  padding-right: var(--padding3);
}
.menuflex.lefttoright {
  justify-content: left;
  padding-left: var(--padding3);
}

.menuinrow {
  height: 99%;
  background-color: linear-gradient(to left, var(--color_primary2) 95%, transparent);
  display: flex;
  justify-content: right;
  width: max-content;
  column-gap: var(--padding3);
  padding-right: var(--padding3);
  user-select: none !important;
}

.sticky_webkit-menurow {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: sticky;
  right: 0px;
}

.menu_extraclose,
.menu_close,
.menu_select,
.menu_title,
.menu_options {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  height: 100%;
  column-gap: var(--padding3);
}

.menu_close,
.menu_select,
.menu_title {
  box-sizing: border-box;
  font-family: "Lato-Bold";
  user-select: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.menu_title span {
  padding: 0px 0px 0px 10px;
  color: var(--color_text2);
}

.menu_select {
  color: var(--color_text2);
}

.display_none {
  display: none;
}

.accion_item {
  display: inline-block;
  cursor: pointer;
  font-weight: normal;
  text-anchor: start;
  text-overflow: clip;
  overflow: hidden;
  white-space: nowrap;
  color: var(--color_action1);
}
.accion_item:hover {
  color: var(--color_action1focus);
}

.opcion_disabled {
  opacity: 0.6;
  cursor: default;
}

.modal_container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.4);
  animation: keyframe_anim_show 0.2s ease-in;
}
.modal_container .modal_content {
  display: flex;
  flex-direction: column;
  width: 450px;
  max-height: 90%;
  max-width: 95%;
  overflow: hidden;
  border-radius: var(--border_radius_base);
  background-color: var(--color_primary1);
  transition: width 0.2s, height 0.2s;
}
.modal_container .modal_content > .modal_header {
  position: relative;
  display: flex;
  box-sizing: border-box;
  align-items: center;
  gap: var(--padding2);
  padding: var(--padding2);
  min-height: 40px;
  width: 100%;
  color: var(--color_text4);
  background-color: var(--color_action1focus);
  justify-content: space-between;
}
.modal_container .modal_content > .modal_header h1 {
  font-weight: normal;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 85%;
}
.modal_container .modal_content > .modal_header > .area_actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.modal_container .modal_content > .modal_body {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  overflow-y: hidden;
  overflow-x: hidden;
  height: 100%;
  position: relative;
}
.modal_container .modal_content > .modal_body > div,
.modal_container .modal_content > .modal_body > form {
  padding: 10px;
  box-sizing: border-box;
  overflow: auto;
}
.modal_container .modal_content > .modal_footer {
  background-color: var(--color_primary2);
  width: 100%;
  min-height: 40px;
  padding: var(--padding2);
  gap: var(--padding2);
  box-sizing: border-box;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.modal_details_1 * {
  box-sizing: box-sizing;
}
.modal_details_1 .datalist {
  display: flex;
  flex-direction: column;
  max-height: 600px;
  overflow: auto;
  margin-top: 15px;
  white-space: pre-wrap;
}
.modal_details_1 .datalist > div {
  display: flex;
  column-gap: 15px;
  padding: 5px 0;
}
.modal_details_1 .datalist > div div:nth-child(1) {
  width: 100%;
}
.modal_details_1 .datalist > div div:nth-child(2) {
  width: 100%;
  min-width: 50px;
}
.modal_details_1 .datalist :hover {
  background-color: rgb(245, 245, 245);
}

.notificacion_container {
  position: absolute;
  display: flex;
  align-items: center;
  flex-direction: column;
  row-gap: 10px;
  color: var(--color_text4);
  z-index: 2147483647;
  top: 50%;
  left: 50%;
  max-height: 95%;
  max-width: 95%;
  overflow: auto;
  transform: translate(-50%, -50%);
  padding: 10px;
}
.notificacion_container .notificacion {
  opacity: 0;
  display: none;
  text-align: center;
  background-color: var(--color_secondary4);
  min-height: 30px;
  width: auto;
  min-width: 100px;
  white-space: break-spaces;
  border-radius: var(--border_radius_base);
  padding: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.notificacion_container .notificacion_warning {
  background-color: var(--color_app_red1);
}
.notificacion_container .notificacion_info {
  background-color: var(--color_app_green1);
}
.notificacion_container .notificacion_required {
  color: var(--color_text1);
  background-color: var(--color_app_yellow1);
}
.notificacion_container .notificacion_message {
  background-color: var(--color_primary3);
  color: var(--color_text1);
}

.radiolist_container {
  display: flex;
  border-radius: var(--border_radius_base);
  flex-wrap: wrap;
  max-width: 100%;
  gap: var(--padding1);
}
.radiolist_container > .itemradio {
  padding: var(--padding1);
  display: flex;
  align-items: center;
  gap: var(--padding1);
}
.radiolist_container > .itemradio > input,
.radiolist_container > .itemradio > label {
  cursor: pointer;
}

.schedule_container {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  overflow: hidden;
}
.schedule_container * {
  box-sizing: border-box;
}
.schedule_container .schedule_headers {
  display: flex;
  min-height: 20px;
  width: 100%;
  border-bottom: solid 1px #b1b1b1;
  top: 0;
  position: sticky;
  z-index: 1;
}
.schedule_container .schedule_headers .rows_header {
  width: 60px;
  border-right: solid 1px #b1b1b1;
}
.schedule_container .schedule_headers .columns_header {
  display: flex;
  width: 100%;
  min-width: 100px;
}
.schedule_container .schedule_headers .columns_header > div {
  width: 100%;
  overflow: hidden;
  border-right: solid 1px #b1b1b1;
}
.schedule_container .schedule_body {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: auto;
}
.schedule_container .schedule_body .rows_aux {
  width: 100%;
  height: 100%;
  position: absolute;
}
.schedule_container .schedule_body .rows_aux > hr {
  width: calc(100% - 30px);
  border-style: none;
  border-bottom: solid #e9d8d8 1px;
  position: absolute;
  right: 0;
}
.schedule_container .schedule_body .rows_cont {
  display: flex;
  flex-direction: column;
  width: 60px;
  height: 100%;
  border-right: solid 1px #b1b1b1;
}
.schedule_container .schedule_body .rows_cont > div {
  overflow: hidden;
}
.schedule_container .schedule_body .columns_cont {
  display: flex;
  width: 100%;
  min-width: 100px;
  height: 100%;
}
.schedule_container .schedule_body .columns_cont > div {
  width: 100%;
  height: inherit;
  padding: 0 5px;
  position: relative;
  border-right: solid 1px #e9d8d8;
  overflow: hidden;
}
.schedule_container .schedule_body .columns_cont > div .schedule_item_range {
  width: 90%;
  background-color: rgba(23, 190, 207, 0.8);
  border-radius: 5%;
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.schedule_container .schedule_body .columns_cont > div .schedule_item_range > .content_cont {
  width: 100%;
  height: 100%;
}
.schedule_container .schedule_body .columns_cont > div .schedule_item_range .r_options {
  position: absolute;
  top: -2px;
  right: -4px;
  display: none;
}
.schedule_container .schedule_body .columns_cont > div .schedule_item_range .resizer {
  width: 80%;
  position: absolute;
  border-radius: 20%;
  background-color: rgb(0, 220, 26);
  border: #138f21 solid 1px;
  height: 5px;
  opacity: 0.5;
}
.schedule_container .schedule_body .columns_cont > div .schedule_item_range .resizer[pos=top] {
  top: -1px;
}
.schedule_container .schedule_body .columns_cont > div .schedule_item_range .resizer[pos=bottom] {
  bottom: -1px;
}
.schedule_container .schedule_body .columns_cont > div .schedule_item_range .resizer:hover {
  width: 85%;
  opacity: 1;
}
.schedule_container .schedule_body .columns_cont > div .schedule_item_range:hover .resizer {
  opacity: 1;
}
.schedule_container .schedule_body .columns_cont > div .schedule_item_range:last-child .r_options {
  display: flex;
  flex-direction: column;
}

.schedule_container .schedule_headers {
  height: 30px;
}
.schedule_container .schedule_headers .rows_header {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 2px;
  background-color: rgb(220, 225, 228);
}
.schedule_container .schedule_headers .columns_header > div {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(220, 225, 228);
  border-right-color: white;
  column-gap: 10%;
}
.schedule_container .schedule_body .rows_cont > div {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  flex-direction: column;
  padding: 2px 2px 2px 0;
  background-color: rgb(232, 232, 232);
}
.schedule_container .schedule_body .rows_cont > div label {
  font-size: calc(var(--fontsize) - 5px);
}
.schedule_container .schedule_body .columns_cont > .column_disable {
  background-color: rgba(0, 0, 0, 0.1);
}
.schedule_container .schedule_body .columns_cont > .column_disable .schedule_item_range > .content_cont,
.schedule_container .schedule_body .columns_cont > .column_disable .schedule_item_range > .resizer {
  pointer-events: none;
}
.schedule_container .schedule_body .columns_cont > div .schedule_item_range > .r_options > .btn_close_circle {
  border-radius: 50%;
}
.schedule_container .schedule_body .columns_cont > div .schedule_item_range > .content_cont {
  padding: var(--padding1);
}
.schedule_container .schedule_body .columns_cont > div .schedule_item_range > .content_cont label {
  font-size: calc(var(--fontsize) - 3px);
  cursor: pointer;
}

.schedule_container_alumno .schedule_body .columns_cont > div > .item_disable {
  background-color: transparent !important;
  border-top: transparent solid 1px !important;
  border-bottom: transparent solid 1px !important;
}
.schedule_container_alumno .schedule_body .columns_cont > div > .item_disable .lbl_limit {
  display: none;
}
.schedule_container_alumno .schedule_body .columns_cont > div .schedule_item_range {
  background-color: rgba(0, 0, 0, 0.2);
  border-top: grey solid 1px;
  border-bottom: grey solid 1px;
}
.schedule_container_alumno .schedule_body .columns_cont > div .schedule_item_range > .content_cont {
  padding: 0;
}
.schedule_container_alumno .schedule_body .columns_cont > div .schedule_item_range > .content_cont > .horario_personal {
  position: absolute;
  display: flex;
  justify-content: center;
  left: 1%;
  width: 98%;
  border-left: gray solid 1px;
  padding: 0 5px;
  border-radius: 5%;
}
.schedule_container_alumno .schedule_body .columns_cont > div .schedule_item_range > .content_cont > .horario_personal > .cont {
  background-color: inherit;
  width: 100%;
}
.schedule_container_alumno .schedule_body .columns_cont > div .schedule_item_range > .content_cont > .horario_personal > .cont > .cont_groupname {
  width: max-content;
  max-width: 100%;
  background-color: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  height: max-content;
}
.schedule_container_alumno .schedule_body .columns_cont > div .schedule_item_range > .content_cont > .horario_personal > .cont > .cont_groupname > label[class=lbl_groupname] {
  text-overflow: ellipsis;
  background-color: inherit;
  font-family: "Lato-Bold";
  font-size: calc(var(--fontsize) - 3px);
}
.schedule_container_alumno .schedule_body .columns_cont > div .schedule_item_range > .content_cont > .horario_personal > .cont label {
  background-color: inherit;
  display: block;
  overflow: hidden;
}
.schedule_container_alumno .schedule_body .columns_cont > div .schedule_item_range > .content_cont > .horario_personal > .cont label[class=lbl_hour] {
  white-space: nowrap;
  font-size: calc(var(--fontsize) - 3px);
}
.schedule_container_alumno .schedule_body .columns_cont > div .schedule_item_range > .content_cont > .horario_personal > .resizer {
  cursor: ns-resize;
}

.contenedor_combo {
  width: 100%;
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  background-color: var(--color_primary1);
  border-radius: var(--border_radius_base);
}
.contenedor_combo > .input_text_seleccion {
  width: 100%;
  border-style: none !important;
  user-select: none !important;
  cursor: pointer !important;
  outline: none !important;
  text-overflow: ellipsis !important;
  box-sizing: border-box !important;
  padding-left: var(--padding1);
  background-color: transparent !important;
}
.contenedor_combo > .input_text_seleccion:focus {
  box-shadow: none !important;
}
.contenedor_combo > .n_selected,
.contenedor_combo > .collapser_indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  width: min-content;
  height: 100%;
  padding-right: var(--padding1);
  color: var(--color_secondary1);
}
.contenedor_combo:focus-within {
  box-shadow: var(--color_borderbox1) 0 0.4px 2.5px;
}
.contenedor_combo:has(input:disabled) {
  cursor: default;
}
.contenedor_combo:has(input:disabled) input:disabled {
  cursor: default !important;
}

.list_container {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3;
  max-height: 400px;
  background-color: white;
  min-width: 100px;
  border: 1px solid var(--color_borderbox1);
  border-radius: var(--border_radius_base);
}
.list_container > .recycler_view_root .recycler_view_container {
  position: relative;
}
.list_container > .recycler_view_root .recycler_view_container .recycler_view_item {
  position: absolute;
  width: 100%;
  /* >.elemento_lista {
      @include item_list();
  }
  */
}
.list_container > .recycler_view_root .recycler_view_container .recycler_view_item.hidden {
  display: none;
}
.list_container > .recycler_view_root .recycler_view_container .recycler_view_item > * {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: var(--padding1) var(--padding2);
  box-sizing: border-box;
  overflow: hidden;
}
.list_container > .recycler_view_root .recycler_view_container .recycler_view_item > .elemento_lista:not(.disabled_item):hover {
  background-color: var(--color_primary2);
}
.list_container > .recycler_view_root .recycler_view_container .recycler_view_item > .elemento_lista_seleccionado {
  background-color: var(--color_primary3);
}
.list_container > .search_wrapper {
  width: 100%;
  padding: var(--padding2) calc(var(--padding1) + var(--padding2));
  box-sizing: border-box;
  border-bottom: 1px solid var(--color_borderbox1);
  cursor: default;
}
.list_container > .search_wrapper > input {
  width: 100%;
  border: none;
  outline: none;
  color: #414141;
}
.list_container > .masteritem_wrapper {
  border-bottom: 1px solid var(--color_borderbox1);
  display: flex;
  align-items: center;
  padding: var(--padding2);
  box-sizing: border-box;
  width: 100%;
  background-color: var(--color_primary1);
  cursor: pointer;
}
.list_container > .masteritem_wrapper * {
  cursor: pointer;
}
.list_container > .masteritem_wrapper > .check_wrapper {
  display: flex;
  width: min-content;
  padding-right: var(--padding1);
  box-sizing: border-box;
}
.list_container > .masteritem_wrapper > .item_content {
  width: 100%;
  padding-left: var(--padding1);
  box-sizing: border-box;
}
.list_container > .masteritem_wrapper:focus > .item_content {
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.2));
}
.list_container > .masteritem_wrapper .item_content {
  font-family: "Lato-Bold";
  color: var(--color_ico_gray);
}
.list_container > .lista_de_elementos {
  list-style: none;
  width: 100%;
  overflow: hidden auto;
  border-radius: var(--border_radius_base);
}
.list_container > .lista_de_elementos > .disabled_item {
  opacity: 0.6 !important;
  cursor: default !important;
}
.list_container > .lista_de_elementos > .disabled_item * {
  cursor: default !important;
}
.list_container > .lista_de_elementos > .elemento_lista {
  display: flex;
  align-items: center;
  padding: var(--padding2);
  box-sizing: border-box;
  width: 100%;
  background-color: var(--color_primary1);
  cursor: pointer;
}
.list_container > .lista_de_elementos > .elemento_lista * {
  cursor: pointer;
}
.list_container > .lista_de_elementos > .elemento_lista > .check_wrapper {
  display: flex;
  width: min-content;
  padding-right: var(--padding1);
  box-sizing: border-box;
}
.list_container > .lista_de_elementos > .elemento_lista > .item_content {
  width: 100%;
  padding-left: var(--padding1);
  box-sizing: border-box;
}
.list_container > .lista_de_elementos > .elemento_lista:focus > .item_content {
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.2));
}
.list_container > .lista_de_elementos > .elemento_lista:not(.disabled_item):hover {
  background-color: var(--color_primary2);
}
.list_container > .lista_de_elementos > .elemento_lista_seleccionado {
  background-color: var(--color_primary3);
}
.list_container > .n_selection_wrapper {
  display: flex;
  width: 100%;
  padding: 2px;
  flex-direction: column;
  box-sizing: border-box;
  font-size: 11px;
  color: var(--color_text2);
  border-top: 1px solid var(--color_borderbox1);
}
.list_container > .n_selection_wrapper > .n_selected_label {
  align-self: end;
  font-size: var(--fontsize_me4);
  padding: 3px;
}
.list_container > .btn_footer_container {
  display: flex;
  width: 100%;
  flex-direction: column;
  box-sizing: border-box;
  border-top: 1px solid var(--color_borderbox1);
}
.list_container > .btn_footer_container .foot_btn_list {
  padding: 4px 5px;
  outline: none;
  border: none;
  border-radius: var(--border_radius_base);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  box-sizing: border-box;
  margin: 3px !important;
}

body > .overlayselect {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

.mostrar_combo {
  animation: combo_animation 0.3s;
}

@keyframes combo_animation {
  from {
    transform: scaleX(1) scaleY(1);
    opacity: 0;
  }
  to {
    transform: scaleX(1) scaleY(1);
    opacity: 1;
  }
}
.ocultar_combo {
  animation: ocultar_combo 0.3s;
}

@keyframes ocultar_combo {
  from {
    transform: scaleX(1) scaleY(1);
    opacity: 1;
  }
  to {
    transform: scaleX(1) scaleY(1);
    opacity: 0;
  }
}
.flex_colcontrol {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  vertical-align: middle;
  flex-direction: column;
}

.flex_rowcontrol {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.tabla_container {
  width: 100%;
  height: 100%;
  background-color: var(--color_primary1);
  overflow: hidden;
  box-sizing: border-box;
  border-top: 1px solid var(--color_borderbox1);
  border-bottom: 1px solid var(--color_borderbox1);
}
@media screen and (max-width: 959px) {
  .tabla_container .space_tabla .rhead > tr {
    height: 35px !important;
  }
}
.tabla_container > .area_acciones {
  padding: var(--padding2) 0;
  height: 20px;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: left;
  align-items: center;
  border-bottom: 1px solid var(--color_borderbox1);
  background-color: var(--color_primary3);
}
.tabla_container > .area_acciones > .area_sync {
  position: absolute;
  right: 0;
  margin-right: var(--padding3);
  width: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: inherit;
}
.tabla_container > .area_acciones > .area_sync > img {
  cursor: pointer;
  width: 90%;
}
.tabla_container > .area_filtros {
  max-width: 100%;
}
.tabla_container > .area_control {
  width: 100%;
  height: 100%;
  overflow: hidden;
  box-sizing: border-box;
}
.tabla_container > .area_control > .without_collapsers .rhead > tr > td:nth-child(2),
.tabla_container > .area_control > .without_collapsers .rhead > tr > th:nth-child(2),
.tabla_container > .area_control > .without_collapsers .tr_body > tr > td:nth-child(2),
.tabla_container > .area_control > .without_collapsers .tr_body > tr > th:nth-child(2),
.tabla_container > .area_control > .without_collapsers .tr_body > tr > tr > td:nth-child(2),
.tabla_container > .area_control > .without_collapsers .tr_body > tr > tr > th:nth-child(2) {
  display: none !important;
}
.tabla_container > .area_control > .without_checkboxes tr > td:first-child,
.tabla_container > .area_control > .without_checkboxes tr > th:first-child {
  display: none !important;
}
.tabla_container > .area_control > .without_checkboxes tr > td:nth-child(2),
.tabla_container > .area_control > .without_checkboxes tr > th:nth-child(2) {
  padding-left: var(--padding3) !important;
}
.tabla_container > .area_control > .auxpadding tr > td:nth-child(3),
.tabla_container > .area_control > .auxpadding tr > th:nth-child(3) {
  padding-left: var(--padding3) !important;
}
.tabla_container > .area_control > .space_tabla {
  width: 100%;
  height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  border-collapse: collapse;
  white-space: normal;
  line-height: normal;
  font-weight: normal;
  font-style: normal;
  text-align: start;
  border-spacing: 0;
  border-color: grey;
  font-variant: normal;
  user-select: text;
}
.tabla_container > .area_control > .space_tabla .dim_width {
  height: 1px;
}
.tabla_container > .area_control > .space_tabla > .rhead,
.tabla_container > .area_control > .space_tabla .rbodyA,
.tabla_container > .area_control > .space_tabla .rbodyB {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: sticky;
  left: 0;
}
.tabla_container > .area_control > .space_tabla > .rhead .tr_body.row_extra > tr,
.tabla_container > .area_control > .space_tabla .rbodyA .tr_body.row_extra > tr,
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body.row_extra > tr {
  background: rgb(245, 245, 245);
}
.tabla_container > .area_control > .space_tabla > .rhead > tr,
.tabla_container > .area_control > .space_tabla > .rhead .tr_body > tr,
.tabla_container > .area_control > .space_tabla > .rhead .tr_body > tr > tr,
.tabla_container > .area_control > .space_tabla .rbodyA > tr,
.tabla_container > .area_control > .space_tabla .rbodyA .tr_body > tr,
.tabla_container > .area_control > .space_tabla .rbodyA .tr_body > tr > tr,
.tabla_container > .area_control > .space_tabla .rbodyB > tr,
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body > tr,
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body > tr > tr {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.tabla_container > .area_control > .space_tabla > .rhead > tr .sticky,
.tabla_container > .area_control > .space_tabla > .rhead .tr_body > tr .sticky,
.tabla_container > .area_control > .space_tabla > .rhead .tr_body > tr > tr .sticky,
.tabla_container > .area_control > .space_tabla .rbodyA > tr .sticky,
.tabla_container > .area_control > .space_tabla .rbodyA .tr_body > tr .sticky,
.tabla_container > .area_control > .space_tabla .rbodyA .tr_body > tr > tr .sticky,
.tabla_container > .area_control > .space_tabla .rbodyB > tr .sticky,
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body > tr .sticky,
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body > tr > tr .sticky {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: sticky;
  left: 0;
  right: 0;
  z-index: 999;
  background-color: inherit;
}
.tabla_container > .area_control > .space_tabla > .rhead > tr .sticky .sticker,
.tabla_container > .area_control > .space_tabla > .rhead .tr_body > tr .sticky .sticker,
.tabla_container > .area_control > .space_tabla > .rhead .tr_body > tr > tr .sticky .sticker,
.tabla_container > .area_control > .space_tabla .rbodyA > tr .sticky .sticker,
.tabla_container > .area_control > .space_tabla .rbodyA .tr_body > tr .sticky .sticker,
.tabla_container > .area_control > .space_tabla .rbodyA .tr_body > tr > tr .sticky .sticker,
.tabla_container > .area_control > .space_tabla .rbodyB > tr .sticky .sticker,
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body > tr .sticky .sticker,
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body > tr > tr .sticky .sticker {
  background-color: #9FB2B1;
}
.tabla_container > .area_control > .space_tabla > .rhead > tr .sticky .sticker img,
.tabla_container > .area_control > .space_tabla > .rhead .tr_body > tr .sticky .sticker img,
.tabla_container > .area_control > .space_tabla > .rhead .tr_body > tr > tr .sticky .sticker img,
.tabla_container > .area_control > .space_tabla .rbodyA > tr .sticky .sticker img,
.tabla_container > .area_control > .space_tabla .rbodyA .tr_body > tr .sticky .sticker img,
.tabla_container > .area_control > .space_tabla .rbodyA .tr_body > tr > tr .sticky .sticker img,
.tabla_container > .area_control > .space_tabla .rbodyB > tr .sticky .sticker img,
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body > tr .sticky .sticker img,
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body > tr > tr .sticky .sticker img {
  filter: opacity(80%);
}
.tabla_container > .area_control > .space_tabla > .rhead > tr > td,
.tabla_container > .area_control > .space_tabla > .rhead > tr > th,
.tabla_container > .area_control > .space_tabla > .rhead .tr_body > tr > td,
.tabla_container > .area_control > .space_tabla > .rhead .tr_body > tr > th,
.tabla_container > .area_control > .space_tabla > .rhead .tr_body > tr > tr > td,
.tabla_container > .area_control > .space_tabla > .rhead .tr_body > tr > tr > th,
.tabla_container > .area_control > .space_tabla .rbodyA > tr > td,
.tabla_container > .area_control > .space_tabla .rbodyA > tr > th,
.tabla_container > .area_control > .space_tabla .rbodyA .tr_body > tr > td,
.tabla_container > .area_control > .space_tabla .rbodyA .tr_body > tr > th,
.tabla_container > .area_control > .space_tabla .rbodyA .tr_body > tr > tr > td,
.tabla_container > .area_control > .space_tabla .rbodyA .tr_body > tr > tr > th,
.tabla_container > .area_control > .space_tabla .rbodyB > tr > td,
.tabla_container > .area_control > .space_tabla .rbodyB > tr > th,
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body > tr > td,
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body > tr > th,
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body > tr > tr > td,
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body > tr > tr > th {
  flex: auto;
}
.tabla_container > .area_control > .space_tabla > .rhead > tr > td:nth-child(2),
.tabla_container > .area_control > .space_tabla > .rhead > tr > th:nth-child(2),
.tabla_container > .area_control > .space_tabla > .rhead .tr_body > tr > td:nth-child(2),
.tabla_container > .area_control > .space_tabla > .rhead .tr_body > tr > th:nth-child(2),
.tabla_container > .area_control > .space_tabla > .rhead .tr_body > tr > tr > td:nth-child(2),
.tabla_container > .area_control > .space_tabla > .rhead .tr_body > tr > tr > th:nth-child(2),
.tabla_container > .area_control > .space_tabla .rbodyA > tr > td:nth-child(2),
.tabla_container > .area_control > .space_tabla .rbodyA > tr > th:nth-child(2),
.tabla_container > .area_control > .space_tabla .rbodyA .tr_body > tr > td:nth-child(2),
.tabla_container > .area_control > .space_tabla .rbodyA .tr_body > tr > th:nth-child(2),
.tabla_container > .area_control > .space_tabla .rbodyA .tr_body > tr > tr > td:nth-child(2),
.tabla_container > .area_control > .space_tabla .rbodyA .tr_body > tr > tr > th:nth-child(2),
.tabla_container > .area_control > .space_tabla .rbodyB > tr > td:nth-child(2),
.tabla_container > .area_control > .space_tabla .rbodyB > tr > th:nth-child(2),
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body > tr > td:nth-child(2),
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body > tr > th:nth-child(2),
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body > tr > tr > td:nth-child(2),
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body > tr > tr > th:nth-child(2) {
  padding-left: var(--padding1);
  padding-right: var(--padding1);
}
.tabla_container > .area_control > .space_tabla > .rhead > tr > td:last-child,
.tabla_container > .area_control > .space_tabla > .rhead > tr > th:last-child,
.tabla_container > .area_control > .space_tabla > .rhead .tr_body > tr > td:last-child,
.tabla_container > .area_control > .space_tabla > .rhead .tr_body > tr > th:last-child,
.tabla_container > .area_control > .space_tabla > .rhead .tr_body > tr > tr > td:last-child,
.tabla_container > .area_control > .space_tabla > .rhead .tr_body > tr > tr > th:last-child,
.tabla_container > .area_control > .space_tabla .rbodyA > tr > td:last-child,
.tabla_container > .area_control > .space_tabla .rbodyA > tr > th:last-child,
.tabla_container > .area_control > .space_tabla .rbodyA .tr_body > tr > td:last-child,
.tabla_container > .area_control > .space_tabla .rbodyA .tr_body > tr > th:last-child,
.tabla_container > .area_control > .space_tabla .rbodyA .tr_body > tr > tr > td:last-child,
.tabla_container > .area_control > .space_tabla .rbodyA .tr_body > tr > tr > th:last-child,
.tabla_container > .area_control > .space_tabla .rbodyB > tr > td:last-child,
.tabla_container > .area_control > .space_tabla .rbodyB > tr > th:last-child,
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body > tr > td:last-child,
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body > tr > th:last-child,
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body > tr > tr > td:last-child,
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body > tr > tr > th:last-child {
  display: flex !important;
  justify-content: flex-end !important;
  padding: 0 !important;
  max-width: 0 !important;
}
.tabla_container > .area_control > .space_tabla > .rhead > tr > td.auxcell-resize,
.tabla_container > .area_control > .space_tabla > .rhead > tr > th.auxcell-resize,
.tabla_container > .area_control > .space_tabla > .rhead .tr_body > tr > td.auxcell-resize,
.tabla_container > .area_control > .space_tabla > .rhead .tr_body > tr > th.auxcell-resize,
.tabla_container > .area_control > .space_tabla > .rhead .tr_body > tr > tr > td.auxcell-resize,
.tabla_container > .area_control > .space_tabla > .rhead .tr_body > tr > tr > th.auxcell-resize,
.tabla_container > .area_control > .space_tabla .rbodyA > tr > td.auxcell-resize,
.tabla_container > .area_control > .space_tabla .rbodyA > tr > th.auxcell-resize,
.tabla_container > .area_control > .space_tabla .rbodyA .tr_body > tr > td.auxcell-resize,
.tabla_container > .area_control > .space_tabla .rbodyA .tr_body > tr > th.auxcell-resize,
.tabla_container > .area_control > .space_tabla .rbodyA .tr_body > tr > tr > td.auxcell-resize,
.tabla_container > .area_control > .space_tabla .rbodyA .tr_body > tr > tr > th.auxcell-resize,
.tabla_container > .area_control > .space_tabla .rbodyB > tr > td.auxcell-resize,
.tabla_container > .area_control > .space_tabla .rbodyB > tr > th.auxcell-resize,
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body > tr > td.auxcell-resize,
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body > tr > th.auxcell-resize,
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body > tr > tr > td.auxcell-resize,
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body > tr > tr > th.auxcell-resize {
  display: flex !important;
  justify-content: flex-end !important;
  padding: 0 !important;
  max-width: 0 !important;
}
.tabla_container > .area_control > .space_tabla > .rhead > tr > td .sticker,
.tabla_container > .area_control > .space_tabla > .rhead > tr > th .sticker,
.tabla_container > .area_control > .space_tabla > .rhead .tr_body > tr > td .sticker,
.tabla_container > .area_control > .space_tabla > .rhead .tr_body > tr > th .sticker,
.tabla_container > .area_control > .space_tabla > .rhead .tr_body > tr > tr > td .sticker,
.tabla_container > .area_control > .space_tabla > .rhead .tr_body > tr > tr > th .sticker,
.tabla_container > .area_control > .space_tabla .rbodyA > tr > td .sticker,
.tabla_container > .area_control > .space_tabla .rbodyA > tr > th .sticker,
.tabla_container > .area_control > .space_tabla .rbodyA .tr_body > tr > td .sticker,
.tabla_container > .area_control > .space_tabla .rbodyA .tr_body > tr > th .sticker,
.tabla_container > .area_control > .space_tabla .rbodyA .tr_body > tr > tr > td .sticker,
.tabla_container > .area_control > .space_tabla .rbodyA .tr_body > tr > tr > th .sticker,
.tabla_container > .area_control > .space_tabla .rbodyB > tr > td .sticker,
.tabla_container > .area_control > .space_tabla .rbodyB > tr > th .sticker,
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body > tr > td .sticker,
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body > tr > th .sticker,
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body > tr > tr > td .sticker,
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body > tr > tr > th .sticker {
  background-color: #f2f2f2;
  margin-left: 5px;
  border-radius: 50%;
  min-width: 20px;
  min-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tabla_container > .area_control > .space_tabla > .rhead > tr > td .sticker img,
.tabla_container > .area_control > .space_tabla > .rhead > tr > th .sticker img,
.tabla_container > .area_control > .space_tabla > .rhead .tr_body > tr > td .sticker img,
.tabla_container > .area_control > .space_tabla > .rhead .tr_body > tr > th .sticker img,
.tabla_container > .area_control > .space_tabla > .rhead .tr_body > tr > tr > td .sticker img,
.tabla_container > .area_control > .space_tabla > .rhead .tr_body > tr > tr > th .sticker img,
.tabla_container > .area_control > .space_tabla .rbodyA > tr > td .sticker img,
.tabla_container > .area_control > .space_tabla .rbodyA > tr > th .sticker img,
.tabla_container > .area_control > .space_tabla .rbodyA .tr_body > tr > td .sticker img,
.tabla_container > .area_control > .space_tabla .rbodyA .tr_body > tr > th .sticker img,
.tabla_container > .area_control > .space_tabla .rbodyA .tr_body > tr > tr > td .sticker img,
.tabla_container > .area_control > .space_tabla .rbodyA .tr_body > tr > tr > th .sticker img,
.tabla_container > .area_control > .space_tabla .rbodyB > tr > td .sticker img,
.tabla_container > .area_control > .space_tabla .rbodyB > tr > th .sticker img,
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body > tr > td .sticker img,
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body > tr > th .sticker img,
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body > tr > tr > td .sticker img,
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body > tr > tr > th .sticker img {
  width: 14px;
  height: 14px;
  filter: opacity(50%);
}
.tabla_container > .area_control > .space_tabla > .rhead > tr .field,
.tabla_container > .area_control > .space_tabla > .rhead .tr_body > tr .field,
.tabla_container > .area_control > .space_tabla > .rhead .tr_body > tr > tr .field,
.tabla_container > .area_control > .space_tabla .rbodyA > tr .field,
.tabla_container > .area_control > .space_tabla .rbodyA .tr_body > tr .field,
.tabla_container > .area_control > .space_tabla .rbodyA .tr_body > tr > tr .field,
.tabla_container > .area_control > .space_tabla .rbodyB > tr .field,
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body > tr .field,
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body > tr > tr .field {
  padding: var(--padding1);
}
.tabla_container > .area_control > .space_tabla > .rhead > tr .actioncell,
.tabla_container > .area_control > .space_tabla > .rhead .tr_body > tr .actioncell,
.tabla_container > .area_control > .space_tabla > .rhead .tr_body > tr > tr .actioncell,
.tabla_container > .area_control > .space_tabla .rbodyA > tr .actioncell,
.tabla_container > .area_control > .space_tabla .rbodyA .tr_body > tr .actioncell,
.tabla_container > .area_control > .space_tabla .rbodyA .tr_body > tr > tr .actioncell,
.tabla_container > .area_control > .space_tabla .rbodyB > tr .actioncell,
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body > tr .actioncell,
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body > tr > tr .actioncell {
  justify-content: space-between;
  max-width: fit-content;
  padding: var(--padding2) var(--padding2) var(--padding2) var(--padding3);
}
.tabla_container > .area_control > .space_tabla > .rhead > tr .collapsercell,
.tabla_container > .area_control > .space_tabla > .rhead .tr_body > tr .collapsercell,
.tabla_container > .area_control > .space_tabla > .rhead .tr_body > tr > tr .collapsercell,
.tabla_container > .area_control > .space_tabla .rbodyA > tr .collapsercell,
.tabla_container > .area_control > .space_tabla .rbodyA .tr_body > tr .collapsercell,
.tabla_container > .area_control > .space_tabla .rbodyA .tr_body > tr > tr .collapsercell,
.tabla_container > .area_control > .space_tabla .rbodyB > tr .collapsercell,
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body > tr .collapsercell,
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body > tr > tr .collapsercell {
  min-width: 15px;
  position: relative;
}
.tabla_container > .area_control > .space_tabla > .rhead > tr .collapsercell wc-ic-collapse,
.tabla_container > .area_control > .space_tabla > .rhead .tr_body > tr .collapsercell wc-ic-collapse,
.tabla_container > .area_control > .space_tabla > .rhead .tr_body > tr > tr .collapsercell wc-ic-collapse,
.tabla_container > .area_control > .space_tabla .rbodyA > tr .collapsercell wc-ic-collapse,
.tabla_container > .area_control > .space_tabla .rbodyA .tr_body > tr .collapsercell wc-ic-collapse,
.tabla_container > .area_control > .space_tabla .rbodyA .tr_body > tr > tr .collapsercell wc-ic-collapse,
.tabla_container > .area_control > .space_tabla .rbodyB > tr .collapsercell wc-ic-collapse,
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body > tr .collapsercell wc-ic-collapse,
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body > tr > tr .collapsercell wc-ic-collapse {
  width: 15px;
}
.tabla_container > .area_control > .space_tabla > .rhead > tr .checkcell,
.tabla_container > .area_control > .space_tabla > .rhead .tr_body > tr .checkcell,
.tabla_container > .area_control > .space_tabla > .rhead .tr_body > tr > tr .checkcell,
.tabla_container > .area_control > .space_tabla .rbodyA > tr .checkcell,
.tabla_container > .area_control > .space_tabla .rbodyA .tr_body > tr .checkcell,
.tabla_container > .area_control > .space_tabla .rbodyA .tr_body > tr > tr .checkcell,
.tabla_container > .area_control > .space_tabla .rbodyB > tr .checkcell,
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body > tr .checkcell,
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body > tr > tr .checkcell {
  min-width: 18px;
}
.tabla_container > .area_control > .space_tabla > .rhead > tr > td[class="actioncell checkcell sticky"],
.tabla_container > .area_control > .space_tabla > .rhead .tr_body > tr > td[class="actioncell checkcell sticky"],
.tabla_container > .area_control > .space_tabla > .rhead .tr_body > tr > tr > td[class="actioncell checkcell sticky"],
.tabla_container > .area_control > .space_tabla .rbodyA > tr > td[class="actioncell checkcell sticky"],
.tabla_container > .area_control > .space_tabla .rbodyA .tr_body > tr > td[class="actioncell checkcell sticky"],
.tabla_container > .area_control > .space_tabla .rbodyA .tr_body > tr > tr > td[class="actioncell checkcell sticky"],
.tabla_container > .area_control > .space_tabla .rbodyB > tr > td[class="actioncell checkcell sticky"],
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body > tr > td[class="actioncell checkcell sticky"],
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body > tr > tr > td[class="actioncell checkcell sticky"] {
  background-color: var(--color_primary1);
}
.tabla_container > .area_control > .space_tabla > .rhead {
  flex: none;
  overflow: hidden;
}
.tabla_container > .area_control > .space_tabla > .rhead tr {
  height: 40px;
  min-width: 1000px;
  background-color: var(--color_primary3);
  border-bottom: 1px solid var(--color_borderbox1);
  border-top: 1px solid var(--color_borderbox1);
}
.tabla_container > .area_control > .space_tabla > .rhead tr.sizing {
  cursor: col-resize;
}
.tabla_container > .area_control > .space_tabla > .rhead tr.sizing > th {
  cursor: col-resize;
}
.tabla_container > .area_control > .space_tabla > .rhead tr > .field {
  color: var(--color_text2);
  cursor: pointer;
}
.tabla_container > .area_control > .space_tabla > .rhead tr > .field .order_arrows {
  min-width: 13px;
  max-height: 13px;
}
.tabla_container > .area_control > .space_tabla > .rhead tr > .field > * {
  cursor: inherit;
}
.tabla_container > .area_control > .space_tabla > .rhead tr > .field:hover > wc-resizer {
  display: grid;
}
.tabla_container > .area_control > .space_tabla > .rhead tr > th {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  vertical-align: middle;
  border-color: inherit;
  text-align: left;
  align-items: center;
  user-select: none;
  z-index: 99;
  position: relative;
}
.tabla_container > .area_control > .space_tabla > .rhead tr > th > .icon {
  height: 90%;
  max-width: 30px;
}
.tabla_container > .area_control > .space_tabla > .rhead tr > th > .icon:empty {
  display: none;
}
.tabla_container > .area_control > .space_tabla > .rhead tr > th > .icon > * {
  width: 100%;
  height: 100%;
}
.tabla_container > .area_control > .space_tabla .rbodyA,
.tabla_container > .area_control > .space_tabla .rbodyB {
  overflow-y: auto;
  overflow-x: hidden;
}
.tabla_container > .area_control > .space_tabla .rbodyA .tr_body,
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body {
  display: flex;
  flex-direction: column;
  min-width: 1000px;
}
.tabla_container > .area_control > .space_tabla .rbodyA .row_extra .checkbox_table .check_border,
.tabla_container > .area_control > .space_tabla .rbodyB .row_extra .checkbox_table .check_border {
  stroke: rgb(140, 140, 140);
}
.tabla_container > .area_control > .space_tabla .rbodyA .row_extra .checkbox_table .check_action,
.tabla_container > .area_control > .space_tabla .rbodyB .row_extra .checkbox_table .check_action {
  fill: rgb(140, 140, 140);
}
.tabla_container > .area_control > .space_tabla .rbodyA .tr_body > tr,
.tabla_container > .area_control > .space_tabla .rbodyA .tr_body > tr > tr,
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body > tr,
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body > tr > tr {
  border-bottom: 1px solid var(--color_borderbox1);
}
.tabla_container > .area_control > .space_tabla .rbodyA .tr_body > tr > td,
.tabla_container > .area_control > .space_tabla .rbodyA .tr_body > tr > tr > td,
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body > tr > td,
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body > tr > tr > td {
  display: flex;
  align-items: center;
  color: var(--color_text1);
  text-align: left;
}
.tabla_container > .area_control > .space_tabla .rbodyA .tr_body > tr > td > .item_cont,
.tabla_container > .area_control > .space_tabla .rbodyA .tr_body > tr > tr > td > .item_cont,
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body > tr > td > .item_cont,
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body > tr > tr > td > .item_cont {
  max-width: 100%;
  overflow: hidden;
  white-space: pre-line;
  text-overflow: ellipsis;
}
.tabla_container > .area_control > .space_tabla .rbodyA .tr_body > tr > td > .item_cont wc-tooltip,
.tabla_container > .area_control > .space_tabla .rbodyA .tr_body > tr > tr > td > .item_cont wc-tooltip,
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body > tr > td > .item_cont wc-tooltip,
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body > tr > tr > td > .item_cont wc-tooltip {
  display: inline-flex;
}
.tabla_container > .area_control > .space_tabla .rbodyA .tr_disabled td:not(.lastcell) > div,
.tabla_container > .area_control > .space_tabla .rbodyB .tr_disabled td:not(.lastcell) > div {
  opacity: 0.7 !important;
}
.tabla_container > .area_control > .space_tabla .rbodyA .tr_disabled .checkbox_table,
.tabla_container > .area_control > .space_tabla .rbodyB .tr_disabled .checkbox_table {
  pointer-events: none;
}
.tabla_container > .area_control > .space_tabla .rbodyA .tr_disabled *,
.tabla_container > .area_control > .space_tabla .rbodyB .tr_disabled * {
  stroke: lightgray !important;
}
.tabla_container > .area_control > .space_tabla .rbodyA .trcopy:last-child > td,
.tabla_container > .area_control > .space_tabla .rbodyB .trcopy:last-child > td {
  padding-bottom: var(--padding2) !important;
}
.tabla_container > .area_control > .space_tabla .rbodyA {
  flex: none;
  max-height: 40%;
}
.tabla_container > .area_control > .space_tabla .rbodyB {
  max-height: 100%;
  flex: auto;
}
.tabla_container > .area_control > .space_tabla .border_bottom_2 {
  border-bottom: 2px solid var(--color_borderbox1);
}
.tabla_container > .area_control > .space_pie {
  color: var(--color_text2);
  font-family: "Lato-Bold";
  box-sizing: border-box;
  padding: var(--padding2) var(--padding3);
  border-top: 1px solid var(--color_borderbox1);
}

.checkbox_table {
  width: 18px;
  height: 18px;
}
.checkbox_table .check_border {
  stroke: rgb(117, 117, 117);
  fill: none;
  width: 90px;
  height: 90px;
  stroke-width: 10;
}
.checkbox_table .check_action {
  fill: rgb(117, 117, 117);
}

.tablafilas_coloresintercalados .rbodyA > .tr_body:nth-child(even),
.tablafilas_coloresintercalados .rbodyB > .tr_body:nth-child(even) {
  background-color: rgb(240, 240, 240);
}
.tablafilas_coloresintercalados .rbodyA > .tr_body:nth-child(even) *.principal td,
.tablafilas_coloresintercalados .rbodyB > .tr_body:nth-child(even) *.principal td {
  background-color: rgb(240, 240, 240) !important;
}
.tablafilas_coloresintercalados .rbodyA > .tr_body:nth-child(odd),
.tablafilas_coloresintercalados .rbodyB > .tr_body:nth-child(odd) {
  background-color: rgb(252, 252, 252);
}
.tablafilas_coloresintercalados .rbodyA > .tr_body:nth-child(odd) *.principal td,
.tablafilas_coloresintercalados .rbodyB > .tr_body:nth-child(odd) *.principal td {
  background-color: rgb(252, 252, 252) !important;
}

.tbl_gridescuelas .tr_click wc-checkbox {
  display: inline-block !important;
}
.tbl_gridescuelas .tr_click > td {
  box-shadow: inset 0 10px 8px -10px var(--color_borderbox1), inset 0 -10px 8px -10px var(--color_borderbox1) !important;
}
.tbl_gridescuelas.row_selected .menu_top {
  display: none !important;
}

.row_shadow_inset:hover > td, .tabla_container > .area_control > .space_tabla .rbodyA .tr_body .principal:hover > td,
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body .principal:hover > td, .tabla_container > .area_control > .space_tabla .rbodyA .tr_body .principal > .trorigin:hover > td,
.tabla_container > .area_control > .space_tabla .rbodyB .tr_body .principal > .trorigin:hover > td {
  box-shadow: inset 0 10px 4px -10px var(--color_borderbox1), inset 0 -10px 4px -10px var(--color_borderbox1);
}

.tabla_container .space_tabla > .rhead tr > th.field.dragging {
  background: var(--color_table_header_dragging);
  opacity: 0.5;
}
.tabla_container .space_tabla > .rhead tr > th.field.drag_over {
  color: var(--color_text1);
  background-color: var(--color_table_header_drag_over);
}

.tabs_container {
  width: 100%;
  height: 100%;
}
.tabs_container > .header {
  display: flex;
  width: 100%;
  height: 45px;
  border-left: 1px solid var(--color_borderbox1);
  border-right: 1px solid var(--color_borderbox1);
  overflow: auto hidden;
  border-radius: var(--border_radius_base);
  box-sizing: border-box;
}
.tabs_container > .header > .tab {
  width: 100%;
  padding: var(--padding1);
  border-top: 1px solid var(--color_borderbox1);
  border-bottom-width: 2px;
  border-bottom: var(--color_borderbox1) solid;
  background-color: var(--color_primary1);
  text-align: center;
  cursor: pointer;
  min-width: 110px;
}
.tabs_container > .header > .tab:hover {
  border-bottom-color: var(--color_borderbox1);
  background-color: var(--color_primary3);
}
.tabs_container > .header > .tab.active {
  border-bottom-color: var(--color_action1focus) !important;
  color: var(--color_action1focus) !important;
  background-color: var(--color_primary3);
  cursor: default;
}
.tabs_container > .header > .tab.disabled {
  opacity: 0.6;
  cursor: default;
  pointer-events: none;
}
.tabs_container > .content_container {
  position: relative;
  width: 100%;
  height: 100%;
}
.tabs_container > .content_container > * {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
}

:root {
  --template-menu-maxwidth: 245px;
  --template-menu-minwidth: 60px;
  --template-padding: var(--padding2);
  --template-head-height: 50px;
  --template-transition-duration: 0.25s;
  --template-menu-background-color: var(--color_secondary3);
  --template-menu-footer-background-color: var(--color_secondary2);
  --template-menuitem-focus-background-color: var(--color_secondary1);
  --template-menuitem-focusbar-width: 2px;
  --template-win-footer-background-color: var(--color_secondary4);
  --template-menuitem-ico-width: 34px;
}
@media screen and (max-width: 959px) {
  :root {
    --template-head-height: 40px;
  }
}

.template {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.template > div {
  height: 100%;
  box-sizing: border-box;
}
.template > .menu_container {
  position: absolute;
  top: 0;
  left: 0;
  width: var(--template-menu-minwidth);
  z-index: 4;
  max-width: 95%;
  transition: width var(--template-transition-duration);
  background-color: var(--template-menu-background-color);
  color: var(--color_text4);
  display: flex;
  flex-direction: column;
}
.template > .menu_container > div {
  width: 100%;
  box-sizing: border-box;
}
.template > .menu_container > .header {
  height: var(--template-head-height);
  min-height: var(--template-head-height);
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: space-between;
  padding: var(--template-padding);
}
.template > .menu_container > .header > label {
  font-size: var(--fontsize_me2);
  text-align: center;
  font-family: "Lato-Bold";
  transition: font-size var(--template-transition-duration);
}
.template > .menu_container > .header > img {
  width: 0px;
  cursor: pointer;
}
.template > .menu_container > .header > img.btn_pin {
  filter: invert(100%);
  display: block;
}
.template > .menu_container > .header > img.btn_hidemenu {
  display: none;
  transform: rotate(90deg);
}
.template > .menu_container > .header > img.btn_hidemenu:hover {
  filter: brightness(2);
}
.template > .menu_container > hr {
  border-color: var(--color_borderbox1);
  margin: 0 var(--template-padding);
  border-style: solid;
}
.template > .menu_container > .menu_content {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden auto;
  padding: var(--template-padding) 0;
}
.template > .menu_container > .menu_content > .item.inline > .subitems {
  margin-left: calc(var(--template-menuitem-ico-width) + var(--padding3) + var(--padding1));
}
.template > .menu_container > .menu_content > .item > .subitems .item.inline > .item_content {
  min-height: 40px;
}
.template > .menu_container > .menu_content > .item > .subitems .item.inline > .subitems {
  margin-left: var(--padding2);
}
.template > .menu_container > .menu_content > .item > .subitems .item.inline > .subitems > .item > .item_content {
  min-height: 40px;
}
.template > .menu_container > .menu_content > .item > .subitems > .item > .item_content {
  padding-left: calc(var(--template-padding) + 45px);
}
.template > .menu_container > .menu_content > .item > .subitems > .item > .subitems > .item > .item_content {
  padding-left: calc(var(--template-padding) + 70px);
}
.template > .menu_container > .menu_content .item {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
.template > .menu_container > .menu_content .item > .item_content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  box-sizing: border-box;
  padding: 0 13px;
  transition: padding var(--template-transition-duration);
  column-gap: 10px;
  min-height: 40px;
  cursor: pointer;
  background-color: var(--template-menu-background-color);
}
.template > .menu_container > .menu_content .item > .item_content > .img_ico {
  width: var(--template-menuitem-ico-width);
  padding: 5px 0px;
}
.template > .menu_container > .menu_content .item > .item_content > label {
  display: none;
  cursor: pointer;
}
.template > .menu_container > .menu_content .item > .item_content > .ico_childs {
  width: 0px;
  transition: width var(--template-transition-duration), transform var(--template-transition-duration);
  position: absolute;
  right: var(--template-padding);
}
.template > .menu_container > .menu_content .item > .item_content:hover {
  background-color: var(--template-menuitem-focus-background-color);
}
.template > .menu_container > .menu_content .item > .item_content:hover .item_content {
  background-color: inherit;
}
.template > .menu_container > .menu_content .item > .item_content:hover > label {
  font-family: "Lato-Bold";
}
.template > .menu_container > .menu_content .item > .item_content:hover > .ico_childs {
  filter: brightness(2);
}
.template > .menu_container > .menu_content .item.inline > .item_content {
  filter: brightness(1.08);
}
.template > .menu_container > .menu_content .item.inline > .item_content .ico_childs {
  transform: rotate(0deg);
}
.template > .menu_container > .menu_content .item.inline:has(.subitems) > .item_content > .ico_childs {
  transform: rotate(180deg);
}
.template > .menu_container > .menu_content .item.inline > .subitems {
  filter: brightness(1.08);
  max-width: 100%;
  box-shadow: none;
  border-left: 1px solid var(--color_secondary4);
}
.template > .menu_container > .menu_content .item.floating > .subitems {
  position: fixed;
}
.template > .menu_container > .menu_content .item.inline > .subitems {
  position: unset;
}
.template > .menu_container > .menu_content .item > .subitems {
  min-width: 150px;
  background-color: var(--template-menu-background-color);
  z-index: 1;
  display: none;
  overflow: hidden auto;
}
.template > .menu_container > .menu_content .item.selected {
  background-color: var(--template-menuitem-focus-background-color);
}
.template > .menu_container > .menu_content .item.selected .item_content {
  background-color: inherit;
}
.template > .menu_container > .menu_content .item.selected > label {
  font-family: "Lato-Bold";
}
.template > .menu_container > .menu_content .item.selected > .ico_childs {
  filter: brightness(2);
}
.template > .menu_container > .menu_content .item.selected:not(.whitoutview) {
  color: var(--color_app_blue1);
}
.template > .menu_container > .menu_content .item.selected:not(.whitoutview) > .item_content {
  border-left: var(--template-menuitem-focusbar-width) solid var(--color_borderbox1);
}
.template > .menu_container > .menu_content .whitoutview {
  cursor: default !important;
}
.template > .menu_container > .menu_content .whitoutview > label {
  cursor: default !important;
}
.template > .menu_container > .footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--template-padding);
  overflow: hidden;
  height: 50px;
  background-color: var(--template-menu-footer-background-color);
  row-gap: 3px;
}
.template > .menu_container > .footer > img {
  width: 100%;
  max-height: 20px;
}
.template > .menu_container > .footer > .lbl_version {
  font-size: 8px;
}
.template > .win_container {
  display: flex;
  flex-direction: column;
  width: 100%;
  transition: padding-left var(--template-transition-duration);
  padding-left: var(--template-menu-minwidth);
}
.template > .win_container > div {
  width: 100%;
  box-sizing: border-box;
}
.template > .win_container > .topbar {
  min-height: var(--template-head-height);
  padding: 0 var(--template-padding);
  box-sizing: border-box;
  background-color: var(--color_primary1);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(20px, 1fr));
  align-items: center;
  justify-content: space-between;
  color: var(--color_text1);
  z-index: 3;
}
.template > .win_container > .topbar > .locations {
  display: flex;
  align-items: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 100%;
}
.template > .win_container > .topbar > .locations div:last-child label {
  font-family: "Lato-Bold";
}
.template > .win_container > .topbar > .locations .lbl_location_enable:hover {
  cursor: pointer;
  text-decoration: underline;
}
.template > .win_container > .topbar > .locations span {
  padding-left: 3px;
  padding-right: 3px;
}
@media screen and (max-width: 599px) {
  .template > .win_container > .topbar > .locations div * {
    display: inline-block;
    max-width: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.template > .win_container > .topbar > .licencia_pago {
  color: var(--color_app_red1);
  border: 1px solid var(--color_app_red1);
  padding: var(--padding1);
  border-radius: var(--border_radius_base);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
  margin: 0 auto;
  width: max-content;
  background-color: inherit;
  z-index: 1;
  cursor: pointer;
}
.template > .win_container > .topbar > .licencia_pago:hover {
  background-color: var(--color_primary0);
}
.template > .win_container > .topbar > .userinfo {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.template > .win_container > .topbar > .userinfo > * {
  margin-left: var(--template-padding);
}
.template > .win_container > .topbar > .userinfo > label {
  font-family: "Lato-Bold";
  cursor: pointer;
}
.template > .win_container > .topbar > .userinfo > label:hover {
  text-decoration: underline;
}
.template > .win_container > .principal_content {
  height: 100%;
  box-sizing: border-box;
  display: flex;
  overflow: hidden;
  padding: calc(var(--template-padding) * 3);
  flex-direction: column;
  align-items: center;
  position: relative;
}
.template > .win_container > .footer {
  display: flex;
  height: 20px;
  align-items: center;
  justify-content: center;
  background-color: var(--template-win-footer-background-color);
}
.template > .win_container > .footer > label {
  font-weight: normal;
  font-size: 12px;
  color: var(--color_text4);
}
.template > .menu_hover {
  width: var(--template-menu-maxwidth);
}
.template > .menu_hover > .header > label {
  font-size: var(--fontsize);
}
.template > .menu_hover > .header > img {
  width: 25px;
}
.template > .menu_hover > .menu_content .item {
  min-height: auto !important;
  overflow: visible !important;
}
.template > .menu_hover > .menu_content .item > .subitems {
  display: block;
  overflow: hidden;
}
.template > .menu_hover > .menu_content .item > .item_content {
  padding: 0 var(--template-padding);
}
.template > .menu_hover > .menu_content .item label {
  display: block !important;
}
.template > .menu_hover > .menu_content .item .ico_childs {
  width: 15px !important;
}
.template.menu_expanded > .menu_container {
  width: var(--template-menu-maxwidth);
}
.template.menu_expanded > .menu_container > .header > label {
  font-size: var(--fontsize);
}
.template.menu_expanded > .menu_container > .header > img {
  width: 25px;
}
.template.menu_expanded > .menu_container > .menu_content .item {
  min-height: auto !important;
  overflow: visible !important;
}
.template.menu_expanded > .menu_container > .menu_content .item > .subitems {
  display: block;
  overflow: hidden;
}
.template.menu_expanded > .menu_container > .menu_content .item > .item_content {
  padding: 0 var(--template-padding);
}
.template.menu_expanded > .menu_container > .menu_content .item label {
  display: block !important;
}
.template.menu_expanded > .menu_container > .menu_content .item .ico_childs {
  width: 15px !important;
}
.template.menu_expanded > .win_container {
  padding-left: var(--template-menu-maxwidth);
}
@media screen and (min-width: 600px) {
  .template > .menu_container > .menu_content .item {
    min-height: 40px;
  }
}
@media screen and (max-width: 959px) {
  .template > .win_container > .principal_content {
    padding: calc(var(--template-padding) * 2) !important;
  }
}
@media screen and (max-width: 599px) {
  .template > .menu_container {
    transition: height var(--template-transition-duration);
    height: var(--template-head-height);
    overflow: hidden;
  }
  .template > .menu_container.menu_hover {
    height: 100%;
    box-shadow: 30px 0px 80px 50px var(--color_borderbox2);
    width: var(--template-menu-maxwidth) !important;
  }
  .template > .menu_container > .header > .btn_pin {
    display: none !important;
  }
  .template > .menu_container > .header > .btn_hidemenu {
    display: block !important;
  }
  .template > .menu_container > .menu_content .item > .subitems {
    max-height: max-content !important;
    position: initial !important;
    box-shadow: none;
  }
  .template > .win_container {
    padding-left: 0 !important;
  }
  .template > .win_container > .topbar {
    padding-left: calc(var(--template-menu-minwidth) + var(--template-padding)) !important;
  }
  .template > .win_container > .topbar > .userinfo > label {
    height: 30px;
    width: 30px;
    overflow: hidden;
    border-radius: 50%;
    box-shadow: 0px 1px 4px 1px var(--color_borderbox2);
    text-align: center;
    box-sizing: border-box;
    padding: 5px;
  }
  .template > .win_container > .topbar > .userinfo > label > span {
    display: none;
  }
  .template > .win_container > .principal_content {
    padding: var(--template-padding) !important;
  }
}

:root {
  --template-viewinfo-transition-duration: 0.25s;
  --template-viewinfo-collapsed-dim: 30px;
  --template-viewinfo-expanded-dim: 220px;
  --template-viewinfo-expanded-top: -30px;
  --template-viewinfo-expanded-right: -15px;
  --template-viewinfo-background-color: var(--color_app_pink1);
  --template-viewinfo-primary-color: var(--color_text4);
}

.template_viewinfo_container {
  width: var(--template-viewinfo-collapsed-dim);
  height: var(--template-viewinfo-collapsed-dim);
  position: relative;
  z-index: 3;
  transition: width var(--template-viewinfo-transition-duration), height var(--template-viewinfo-transition-duration);
}
.template_viewinfo_container > .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  width: inherit;
  height: inherit;
  border-radius: 50%;
  color: var(--template-viewinfo-primary-color);
  box-sizing: border-box;
  padding: 0;
  background-color: var(--template-viewinfo-background-color);
  transition: all var(--template-viewinfo-transition-duration);
  animation: dancing 9s ease 0.5s 100;
}
@keyframes dancing {
  3%, 15% {
    transform: translateY(-5px) rotate(-10deg);
  }
  0%, 6%, 12%, 18%, 24% {
    transform: translateY(0) rotate(0deg);
  }
  9%, 21% {
    transform: translateY(-5px) rotate(10deg);
  }
}
.template_viewinfo_container > .content::before {
  content: "?";
  font-family: "Lato-Bold";
  font-size: 22px;
  overflow: hidden;
  width: 33%;
}
.template_viewinfo_container > .content:hover {
  transform: scale(1.1);
}
.template_viewinfo_container > .content > div {
  display: none;
}
.template_viewinfo_container > .content > .viewinfo_principal {
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.template_viewinfo_container > .content > .viewinfo_principal > .info_current {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 75%;
  height: 84%;
}
.template_viewinfo_container > .content > .viewinfo_principal > .info_current > div {
  font-size: 14px;
  width: 0%;
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.template_viewinfo_container > .content > .viewinfo_principal > .info_current > div.focus {
  width: 100%;
}
.template_viewinfo_container > .content > .viewinfo_principal > .info_previous {
  transform: rotate(90deg);
  opacity: 0.5;
}
.template_viewinfo_container > .content > .viewinfo_principal > .info_previous:hover {
  opacity: 1;
  filter: brightness(3);
  transform: rotate(90deg) scale(1.3);
}
.template_viewinfo_container > .content > .viewinfo_principal > .info_next {
  transform: rotate(270deg);
  opacity: 0.5;
}
.template_viewinfo_container > .content > .viewinfo_principal > .info_next:hover {
  opacity: 1;
  filter: brightness(3);
  transform: rotate(270deg) scale(1.3);
}
.template_viewinfo_container > .content > .viewinfo_principal > .info_previous,
.template_viewinfo_container > .content > .viewinfo_principal > .info_next {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  filter: brightness(2);
  padding: 2px;
  cursor: pointer;
  transition: transform var(--template-viewinfo-transition-duration);
}
.template_viewinfo_container > .content > .viewinfo_allnav {
  align-items: center;
  justify-content: center;
  column-gap: 5px;
  width: 70%;
  height: 15px;
}
.template_viewinfo_container > .content > .viewinfo_allnav div {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.6);
  cursor: pointer;
  transition: transform var(--template-viewinfo-transition-duration);
}
.template_viewinfo_container > .content > .viewinfo_allnav div:hover {
  transform: scale(1.3);
}
.template_viewinfo_container > .content > .viewinfo_allnav > .focus {
  background-color: rgba(255, 255, 255, 0.9);
  transform: scale(1.3);
}
.template_viewinfo_container > .content > .close_wrapper {
  position: absolute;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  top: 23px;
  right: 9px;
  border-radius: 50%;
  background-color: var(--template-win-footer-background-color);
  padding: 5px;
  transition: transform var(--template-viewinfo-transition-duration);
}
.template_viewinfo_container > .content > .close_wrapper:hover {
  filter: brightness(1.1);
  transform: scale(1.1);
}
.template_viewinfo_container.expanded {
  background-color: inherit;
}
.template_viewinfo_container.expanded > .content {
  top: var(--template-viewinfo-expanded-top);
  right: var(--template-viewinfo-expanded-right);
  width: var(--template-viewinfo-expanded-dim);
  height: var(--template-viewinfo-expanded-dim);
  display: flex;
  cursor: default;
  padding: 20px 10px 10px 5px;
  animation: none;
}
.template_viewinfo_container.expanded > .content::before {
  content: "";
}
.template_viewinfo_container.expanded > .content > div {
  display: flex;
}
.template_viewinfo_container.expanded > .content:hover {
  transform: none;
}

.window_base {
  height: 100%;
  width: 100%;
  max-width: 1300px;
  display: flex;
  column-gap: var(--padding2);
}
.window_base > .left,
.window_base > .right {
  border: 1px solid var(--color_borderbox1);
  background-color: var(--color_primary1);
  border-radius: var(--border_radius_base);
}
.window_base > .left > .tabla_container,
.window_base > .right > .tabla_container {
  border-top: none;
  border-bottom: none;
}
.window_base > .left {
  display: flex;
  flex-direction: column;
  transition: background-color 300ms, flex 300ms;
  height: 100%;
  box-sizing: border-box;
  overflow: hidden;
  padding: var(--padding2);
}
.window_base > .left > .header {
  padding-bottom: var(--padding2);
  margin-bottom: var(--padding1);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--color_borderbox1);
}
.window_base > .left > .header > .lbl_header {
  font-family: "Lato-Bold";
}
.window_base > .left > .header > .btn_collapser {
  width: 25px;
  height: 25px;
  cursor: pointer;
  transition: transform 300ms;
  transform: rotate(90deg);
  padding-top: 3px;
}
.window_base > .left > .tree {
  height: calc(100% - 40px);
}
.window_base > .left > .tree > .sub_container {
  height: calc(100% - 30px);
  overflow: hidden auto;
}
.window_base > .left > .tree > .sub_container > .sub_itemtree > wc-checkbox {
  transition: left 300ms, top 300ms;
}
.window_base > .left > .tree > .sub_container > .sub_itemtree > .sub_itemcontent > wc-img {
  border: 1px solid var(--color_borderbox1);
  border-radius: 50%;
  transition: width 300ms, height 300ms;
  display: none;
  width: 0;
  height: 0;
}
.window_base > .left > .tree > .sub_container > .sub_itemtree > .sub_itemcontent > .tooltip-name {
  display: none;
}
.window_base > .right {
  width: 100%;
}
.window_base.collapsed > .left {
  flex: 0 0 50px;
  border: 0;
  background-color: transparent;
  border-radius: 0;
  padding: 0;
  overflow: visible;
}
.window_base.collapsed > .left > .header {
  border-bottom-style: none;
  justify-content: center;
}
.window_base.collapsed > .left > .header > .lbl_header {
  display: none;
}
.window_base.collapsed > .left > .header > .btn_collapser {
  transform: rotate(-90deg);
  width: 35px;
  height: 35px;
  padding-top: 6px;
}
.window_base.collapsed > .left > .tree > .top_tree {
  display: none;
}
.window_base.collapsed > .left > .tree > .sub_container {
  /* Firefox style scroll*/
  /* webkit */
}
@supports not selector(::-webkit-scrollbar) {
  .window_base.collapsed > .left > .tree > .sub_container {
    scrollbar-color: transparent transparent;
    scrollbar-width: thin;
  }
}
.window_base.collapsed > .left > .tree > .sub_container::-webkit-scrollbar {
  background-color: transparent;
  width: 0px;
  height: 0px;
}
.window_base.collapsed > .left > .tree > .sub_container > .sub_itemtree {
  position: relative;
  padding-left: 0;
  transition: transform 300ms;
  justify-content: center;
}
.window_base.collapsed > .left > .tree > .sub_container > .sub_itemtree > wc-checkbox {
  position: absolute;
  left: 28px;
  top: 5px;
  z-index: 1;
}
.window_base.collapsed > .left > .tree > .sub_container > .sub_itemtree > .sub_itemcontent > wc-img {
  display: block;
  width: 35px !important;
  height: 35px !important;
}
.window_base.collapsed > .left > .tree > .sub_container > .sub_itemtree > .sub_itemcontent > label:not(.tooltip-name) {
  display: none;
}
.window_base.collapsed > .left > .tree > .sub_container > .sub_itemtree > .sub_itemcontent:hover .tooltip-name {
  opacity: 1;
}
.window_base.collapsed > .left > .tree > .sub_container:hover .tooltip-name {
  transition: opacity 0.1s;
  display: block;
  opacity: 0.5;
  background-color: rgb(0, 0, 0) !important;
  color: var(--color_text4);
  margin-left: calc(35px + var(--padding1));
  text-wrap: nowrap;
  box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.3);
  border-radius: var(--border_radius_base);
  padding: var(--padding1);
}
@media screen and (min-width: 960px) {
  .window_base > .left {
    flex: 0 0 250px;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .window_base > .left {
    flex: 0 0 200px;
  }
}
@media screen and (max-width: 599px) {
  .window_base > .left {
    flex: 0 0 50px;
    border: 0;
    background-color: transparent;
    border-radius: 0;
    padding: 0;
    overflow: visible;
  }
  .window_base > .left > .header {
    border-bottom-style: none;
    justify-content: center;
  }
  .window_base > .left > .header > .lbl_header {
    display: none;
  }
  .window_base > .left > .header > .btn_collapser {
    transform: rotate(-90deg);
    width: 35px;
    height: 35px;
    padding-top: 6px;
  }
  .window_base > .left > .tree > .top_tree {
    display: none;
  }
  .window_base > .left > .tree > .sub_container {
    /* Firefox style scroll*/
    /* webkit */
  }
  @supports not selector(::-webkit-scrollbar) {
    .window_base > .left > .tree > .sub_container {
      scrollbar-color: transparent transparent;
      scrollbar-width: thin;
    }
  }
  .window_base > .left > .tree > .sub_container::-webkit-scrollbar {
    background-color: transparent;
    width: 0px;
    height: 0px;
  }
  .window_base > .left > .tree > .sub_container > .sub_itemtree {
    position: relative;
    padding-left: 0;
    transition: transform 300ms;
    justify-content: center;
  }
  .window_base > .left > .tree > .sub_container > .sub_itemtree > wc-checkbox {
    position: absolute;
    left: 28px;
    top: 5px;
    z-index: 1;
  }
  .window_base > .left > .tree > .sub_container > .sub_itemtree > .sub_itemcontent > wc-img {
    display: block;
    width: 35px !important;
    height: 35px !important;
  }
  .window_base > .left > .tree > .sub_container > .sub_itemtree > .sub_itemcontent > label:not(.tooltip-name) {
    display: none;
  }
  .window_base > .left > .tree > .sub_container > .sub_itemtree > .sub_itemcontent:hover .tooltip-name {
    opacity: 1;
  }
  .window_base > .left > .tree > .sub_container:hover .tooltip-name {
    transition: opacity 0.1s;
    display: block;
    opacity: 0.5;
    background-color: rgb(0, 0, 0) !important;
    color: var(--color_text4);
    margin-left: calc(35px + var(--padding1));
    text-wrap: nowrap;
    box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.3);
    border-radius: var(--border_radius_base);
    padding: var(--padding1);
  }
  .window_base > .left > .header {
    display: none;
  }
}

.window_paneles {
  column-gap: var(--padding2);
}

.tree {
  display: flex;
  flex-direction: column;
}
.tree > .top_tree > .sub_itemtree {
  padding: var(--padding1) 0;
}
.tree > .sub_container > .sub_itemtree {
  padding: var(--padding1) 0 var(--padding1) calc(var(--padding1) + var(--padding2));
}
.tree > .sub_container > .sub_itemtree:hover {
  background-color: var(--color_primary2);
}
.tree .sub_itemtree {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: var(--padding1);
  cursor: pointer;
}
.tree .sub_itemtree.selected > input[type=checkbox],
.tree .sub_itemtree.selected .sub_itemcontent {
  background-color: var(--color_primary2);
}

.cursor-progress {
  cursor: progress !important;
}
.cursor-progress * {
  cursor: progress !important;
}

:root {
  --ventanapanel-top-options: -42px;
  --ventanapanel-toptab-options: calc(-70px - var(--padding3));
}
@media screen and (max-width: 959px) {
  :root {
    --ventanapanel-top-options: -37px;
    --ventanapanel-toptab-options: calc(-70px - var(--padding2));
  }
}

@media screen and (max-width: 599px) {
  .panel {
    flex-direction: column;
  }
}
.panel > .tabs_container {
  overflow: auto hidden;
}
.panel .expander_list:has(.itemlist_error):has(.content) .itemlist_error {
  border-top: 2px solid var(--color_app_red1) !important;
  border-left: 2px solid var(--color_app_red1) !important;
  border-right: 2px solid var(--color_app_red1) !important;
  border-bottom: 2px solid var(--color_borderbox1) !important;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.panel .expander_list:has(.itemlist_error):has(.content) .itemlist_error .mark_infoerror {
  display: none;
}
.panel .expander_list:has(.itemlist_error):has(.content) > .content > .card {
  border-radius: 0px;
  border-width: 2px !important;
  border-style: none solid solid solid !important;
  border-color: var(--color_app_red1) !important;
  box-sizing: border-box;
}
.panel .expander_list:has(.itemlist_error):not(:has(.content)) .itemlist_error {
  border: 2px solid var(--color_app_red1) !important;
}
.panel .expander_list > .item > .mark_infoerror > .circle-priority {
  margin-right: 5px;
  text-align: center;
  height: 18px;
  width: 18px;
  display: block;
  line-height: 18px;
  border-radius: 50%;
  border: 1px solid var(--color_secondary4);
  font-size: 14px;
  padding: 0;
  color: var(--color_app_red1);
  font-family: "Lato-Bold";
}

.element_wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  border-radius: 5px;
  border: var(--color_borderbox1) solid 1px;
  box-sizing: border-box;
}
.element_wrapper > .area_label {
  display: inherit;
  align-items: inherit;
  width: 100%;
  max-width: 30%;
  height: 100%;
  padding: 5px;
  border-right: var(--color_borderbox1) solid 1px;
  box-sizing: border-box;
}
.element_wrapper > .area_label > label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--color_text2);
}
.element_wrapper > .area_element {
  display: inherit;
  align-items: inherit;
  border-radius: inherit;
  overflow: hidden;
  width: 100%;
}

.combo_wrapper .area_element .contenedor_combo {
  border: none !important;
}

.list {
  display: flex;
  flex-direction: column;
  overflow: hidden auto;
}
.list:first-child {
  border-top: 1px solid var(--color_borderbox1);
}
.list > .item {
  min-width: 20px;
  padding: var(--padding2);
  box-sizing: border-box;
  background-color: var(--color_primary1);
  width: 100%;
  border-bottom: 1px solid var(--color_borderbox1);
}
.list > .item:hover {
  background-color: var(--color_primary2);
}

table {
  border-spacing: 0;
  box-sizing: border-box;
}
table * {
  box-sizing: border-box;
}
table thead {
  height: 30px;
  background-color: var(--color_primary3);
  border-top: 1px solid var(--color_borderbox1);
}
table th {
  text-align: start;
  color: var(--color_text2);
}
table th,
table td {
  padding: var(--padding1);
}
table tbody > tr {
  background-color: var(--color_primary1);
}
table tbody > tr :not(:has([sin-borde])) > td {
  border-width: 1px;
}
table tbody > tr:not(:last-child) > td,
table tbody > tr:not(:last-child) > th {
  border-bottom-color: var(--color_borderbox1);
}
table > tr {
  background-color: var(--color_primary1);
}
table > tr > td,
table > tr > th {
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
}
table > tr:not(:last-child) > td,
table > tr:not(:last-child) > th {
  border-bottom-color: var(--color_borderbox1);
}
table tfoot > tr:not(:last-child) {
  background-color: var(--color_primary1);
  border-bottom: 1px solid var(--color_borderbox1);
}
table > * > tr > td,
table > * tr > th {
  padding: var(--padding1);
  border-bottom: 1px solid var(--color_borderbox1);
}
table .text_right {
  text-align: end;
}

.fullview {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 5;
}
.fullview > .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--color_borderbox1);
  width: 100%;
  padding: var(--padding1);
  box-sizing: border-box;
  background-color: rgba(255, 255, 255, 0.9);
}
.fullview > .content_wrapper {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.fullview > .content_wrapper > .content {
  position: relative;
  height: 100%;
  overflow: auto;
  display: flex;
  justify-content: center;
  padding: var(--padding1);
  box-sizing: border-box;
}
.fullview > .content_wrapper > .content > * {
  box-sizing: border-box;
}
.fullview > .content_wrapper > .content > img {
  max-width: 100%;
  max-height: 100%;
  object-fit: scale-down;
}
.fullview > .content_wrapper > .content > .pdf_view {
  color: var(--color_primary1);
  display: flex;
  align-items: center;
}
.fullview > .content_wrapper > .content > .pdf_view .pdfview_filewrapper {
  width: max-content;
}
.fullview > .content_wrapper > .content > .pdf_view .pdfview_filewrapper > canvas {
  border: none !important;
  box-sizing: border-box;
  min-height: 600px !important;
  max-width: 100%;
  object-fit: scale-down;
}
.fullview > .content_wrapper > .content > wc-fileico {
  height: 140px;
  width: 105px;
  margin: auto;
  color: #fff;
}
.fullview > .content_wrapper > .content > .lbl_error {
  width: max-content;
  height: min-content;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  color: var(--color_primary1);
}
.fullview > .footer {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
}
.fullview > .footer:has(.description:not(:empty)), .fullview > .footer:has(.actions:not(:empty)) {
  padding: var(--padding2);
}
.fullview > .footer > .description {
  padding: 0 10%;
  text-align: center;
  overflow: auto;
  min-height: 25px;
  max-height: 50px;
}
.fullview > .footer > .description:empty {
  display: none;
}
.fullview > .footer > .actions {
  padding-top: var(--padding1);
  text-align: center;
  border-top: 1px solid var(--color_borderbox2);
}
.fullview > .footer > .actions:empty {
  display: none;
}
.fullview > .footer > .actions > * {
  width: 40px;
  height: 40px;
}
.fullview .actions {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: var(--padding2);
}
.fullview .actions > * {
  width: 30px;
  height: 30px;
  cursor: pointer;
  padding: 2px;
  background-color: rgba(255, 255, 255, 0.9);
  overflow: hidden;
}
.fullview .actions > * > img {
  border-radius: 50%;
}
.fullview .actions > *:hover {
  background-color: #fff;
}

.fullview_files .content_wrapper {
  position: relative;
}
.fullview_files .content_wrapper .btn {
  position: absolute;
  top: 5%;
  height: 90%;
  width: 14%;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.fullview_files .content_wrapper .btn > img {
  width: 65%;
  max-width: 50px;
  opacity: 0;
  margin: 10px;
}
.fullview_files .content_wrapper .btn:hover {
  animation: keyframe_anim_show 0.2s ease-in;
}
.fullview_files .content_wrapper .btn:hover > div {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000;
  filter: blur(35px);
  opacity: 0.4;
}
.fullview_files .content_wrapper .btn:hover > img {
  opacity: 0.5;
  filter: brightness(10);
}
.fullview_files .content_wrapper .btn_left {
  justify-content: start;
  left: 0;
}
.fullview_files .content_wrapper .btn_left > div {
  left: -20px;
}
.fullview_files .content_wrapper .btn_left > img {
  transform: rotate(90deg);
}
.fullview_files .content_wrapper .btn_right {
  justify-content: end;
  right: 0;
}
.fullview_files .content_wrapper .btn_right > div {
  right: -20px;
}
.fullview_files .content_wrapper .btn_right > img {
  transform: rotate(265deg);
}

.file_loader {
  display: inline-block;
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color_borderbox1);
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  height: max-content;
  padding: var(--padding1);
  transition: border 0.3s;
}
.file_loader.file_hover {
  box-shadow: var(--color_borderbox1) 0 0.4px 2.5px;
  border-width: 1px;
  border-style: dashed;
  border-color: var(--color_action1);
}
.file_loader.file_hover .drag_text {
  display: flex !important;
  background-color: rgba(0, 0, 0, 0.05);
}
.file_loader.file_hover .drag_text span {
  color: var(--color_action1);
}
.file_loader:hover, .file_loader:focus {
  box-shadow: var(--color_borderbox1) 0 0.4px 2.5px;
}
.file_loader:hover .drag_text {
  display: flex !important;
  background-color: rgba(0, 0, 0, 0.05);
  opacity: 1;
}
.file_loader .file_upload_input {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  outline: none;
  opacity: 0;
  cursor: pointer;
}
.file_loader .files_preview {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.file_loader .drag_text {
  display: flex;
  align-items: center;
  flex-direction: column;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  color: var(--color_text2);
  font-size: var(--fontsize_me2);
  opacity: 0.7;
  transition: opacity 0.3s;
  pointer-events: none;
}
.file_loader .drag_text > span {
  font-size: calc(var(--fontsize) - 5px);
}

.evento_opts .btn_close {
  position: absolute;
  top: var(--padding2);
  right: var(--padding2);
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.evento_opts .btn_close svg {
  fill: var(--color_ico_gray);
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.evento_opts .event_preview {
  pointer-events: none;
}

.calendarios_controller {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: calc(130px + var(--padding2) * 14) minmax(400px, auto);
  grid-template-rows: 40px calc(100% - 40px);
  grid-template-areas: "calendars navs" "calendars events";
  box-sizing: border-box;
}
.calendarios_controller * {
  box-sizing: border-box;
}
.calendarios_controller > .area_navegacion,
.calendarios_controller .area_calendarios {
  padding: var(--padding2);
}
.calendarios_controller > .area_navegacion {
  grid-area: navs;
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  background-color: var(--color_primary1);
  border-style: solid;
  border-color: var(--color_borderbox1);
  border-width: 1px 1px 0;
  border-radius: var(--border_radius_base);
  gap: var(--padding3);
}
.calendarios_controller > .area_navegacion .contenedor_combo {
  width: 150px;
  border: 1px solid var(--color_borderbox1) !important;
  border-radius: var(--border_radius_base);
  box-sizing: border-box;
}
.calendarios_controller > .area_navegacion .area_current_date {
  padding: var(--padding1);
  border: 1px solid var(--color_borderbox1);
  border-radius: var(--border_radius_base);
  position: relative;
}
.calendarios_controller > .area_navegacion .area_current_date input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  border: none;
  box-sizing: border-box;
  outline: 0;
  padding: 0.75rem;
  width: 100%;
}
.calendarios_controller > .area_navegacion .area_current_date input[type=date]::-webkit-calendar-picker-indicator {
  background: transparent;
  bottom: 0;
  color: transparent;
  cursor: pointer;
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
}
.calendarios_controller > .area_navegacion .btn_sync {
  width: 50px;
}
.calendarios_controller > .area_calendarios {
  border: 1px solid var(--color_borderbox1);
  background-color: var(--color_primary1);
  border-radius: var(--border_radius_base);
  grid-area: calendars;
  height: 100%;
  margin-right: var(--padding2);
}
.calendarios_controller > .area_calendarios > .g_cal_header {
  height: 25px;
  padding-bottom: var(--padding1);
  border-bottom: 1px solid var(--color_borderbox1);
}
.calendarios_controller > .area_calendarios > .g_cal_content {
  overflow: auto;
  max-height: calc(100% - 25px - var(--padding1));
}
.calendarios_controller > .area_calendarios > .g_cal_content > .g_calendarios {
  margin-bottom: var(--padding2);
  padding-top: var(--padding1);
}
.calendarios_controller > .area_calendarios > .g_cal_content > .g_calendarios > * {
  padding-bottom: var(--padding1);
}
.calendarios_controller > .area_calendarios > .g_cal_content > .g_calendarios .lbl_gruponame {
  font-family: "Lato-Bold";
  padding-bottom: var(--padding1);
}
.calendarios_controller > .area_calendarios > .g_cal_content > .g_calendarios > .item wc-checkbox,
.calendarios_controller > .area_calendarios > .g_cal_content > .g_calendarios > .group_item wc-checkbox {
  flex: none;
  margin-right: var(--padding1);
  margin-top: calc(var(--padding1) - 4px);
  cursor: pointer;
}
.calendarios_controller > .area_calendarios > .g_cal_content > .g_calendarios > .item {
  display: flex;
}
.calendarios_controller > .area_calendarios > .g_cal_content > .g_calendarios > .item.level {
  padding-left: calc(18px + var(--padding1));
}
.calendarios_controller > .area_calendarios > .g_cal_content > .g_calendarios > .item:not(.level) {
  padding-left: calc(36px + var(--padding2));
}
.calendarios_controller > .area_calendarios > .g_cal_content > .g_calendarios > .item > label {
  padding: calc(var(--padding1) / 2);
  cursor: pointer;
  font-size: var(--fontsize_me2);
}
.calendarios_controller > .area_calendarios > .g_cal_content > .g_calendarios > .group_item > label {
  font-family: "Lato-Bold";
  padding-bottom: var(--padding1);
  cursor: pointer;
}
.calendarios_controller > .area_calendarios > .g_cal_content > .g_calendarios:not(:last-child) {
  border-bottom: 1px solid var(--color_borderbox1);
}
.calendarios_controller:has(.header_expanded) .header > .content > .events_wrapper {
  overflow: auto !important;
}
.calendarios_controller:has(.header_expanded) .area_eventos {
  grid-template-rows: minmax(min-content, 100px) auto !important;
}
.calendarios_controller:has(.header_expanded) .btn_expand {
  transform: rotate(180deg);
}
.calendarios_controller .area_eventos_wrapper {
  grid-area: events;
  position: relative;
}
.calendarios_controller .area_eventos_wrapper > .area_eventos {
  border: 1px solid var(--color_borderbox1);
  background-color: var(--color_primary1);
  border-radius: var(--border_radius_base);
  position: relative;
  overflow: auto;
  display: grid;
  height: 100%;
  transition: grid-template-rows 0.2s;
  grid-template-columns: calc(45px + var(--padding1)) auto;
  grid-template-rows: calc(50px + var(--padding1)) auto;
  grid-template-areas: "none header" "time_axis main_area";
}
.calendarios_controller .area_eventos_wrapper > .area_eventos .list_container .btn_close {
  position: absolute;
  top: var(--padding2);
  right: var(--padding2);
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.calendarios_controller .area_eventos_wrapper > .area_eventos .list_container .btn_close svg {
  fill: var(--color_ico_gray);
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.calendarios_controller .area_eventos_wrapper > .area_eventos .list_container .event_preview {
  pointer-events: none;
}
.calendarios_controller .area_eventos_wrapper > .area_eventos .event_item {
  border-radius: 5px;
  width: 90%;
  height: max-content;
  padding: var(--padding1);
  border: 1px solid var(--color_primary1);
  overflow: hidden;
  min-height: calc(var(--fontsize) - 2px + var(--padding1));
  z-index: 1;
}
.calendarios_controller .area_eventos_wrapper > .area_eventos .event_item.ev_focus, .calendarios_controller .area_eventos_wrapper > .area_eventos .event_item:focus, .calendarios_controller .area_eventos_wrapper > .area_eventos .event_item:focus-visible {
  outline: none;
  box-shadow: var(--color_borderbox1) 1px 1px 3px 2px;
  border: initial;
  left: 0 !important;
  width: 96% !important;
  z-index: 2;
}
.calendarios_controller .area_eventos_wrapper > .area_eventos .event_item.TEMP {
  z-index: 1;
}
.calendarios_controller .area_eventos_wrapper > .area_eventos .event_item.is_fullday {
  max-height: 55px;
  position: relative !important;
  position: relative;
}
.calendarios_controller .area_eventos_wrapper > .area_eventos .event_item.is_fullday .content * {
  color: white !important;
}
.calendarios_controller .area_eventos_wrapper > .area_eventos .event_item.is_fullday > .color {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  border-radius: var(--border_radius_base) !important;
  z-index: -1;
}
.calendarios_controller .area_eventos_wrapper > .area_eventos .event_item.is_fullday > .content > .lbl_hr {
  display: none;
}
.calendarios_controller .area_eventos_wrapper > .area_eventos .event_item > .color {
  flex: none;
  width: calc(var(--padding1) * 2.5);
  height: calc(var(--padding1) * 2.5);
  border-radius: 50%;
  margin-right: calc(var(--padding1) / 2);
  z-index: -1;
}
.calendarios_controller .area_eventos_wrapper > .area_eventos .event_item > .content {
  display: grid;
  grid-template-areas: "lbl_desc" "lbl_hr" "lbl_cal";
  gap: calc(var(--padding1) - 2px);
  color: #000000;
  z-index: 1;
}
.calendarios_controller .area_eventos_wrapper > .area_eventos .event_item > .content > label {
  font-size: calc(var(--fontsize) - 2px);
}
.calendarios_controller .area_eventos_wrapper > .area_eventos .event_item > .content > .lbl_desc {
  grid-area: lbl_desc;
  font-size: calc(var(--fontsize) - 2px);
}
.calendarios_controller .area_eventos_wrapper > .area_eventos .event_item > .content > .lbl_hr {
  grid-area: lbl_hr;
}
.calendarios_controller .area_eventos_wrapper > .area_eventos .event_item > .content > .lbl_hr,
.calendarios_controller .area_eventos_wrapper > .area_eventos .event_item > .content > .lbl_hr * {
  font-family: "Lato-Light";
  font-size: calc(var(--fontsize) - 2px - 2px);
}
.calendarios_controller .area_eventos_wrapper > .area_eventos .event_item > .content > .lbl_cal {
  border-radius: var(--border_radius_base);
  background-color: rgba(0, 0, 0, 0.3);
  font-size: calc(var(--fontsize) - 2px - 3px);
  width: min-content;
  width: fit-content;
  padding: 2px;
}
.calendarios_controller .area_eventos_wrapper > .area_eventos > .main_area,
.calendarios_controller .area_eventos_wrapper > .area_eventos > .time_axis,
.calendarios_controller .area_eventos_wrapper > .area_eventos > .header {
  display: grid;
}
.calendarios_controller .area_eventos_wrapper > .area_eventos > .header {
  min-width: 600px;
  grid-area: header;
  border-bottom: 1px solid var(--color_borderbox1);
  background-color: var(--color_primary1);
  position: sticky;
  top: 0;
  z-index: 2;
}
.calendarios_controller .area_eventos_wrapper > .area_eventos > .header > .content {
  display: flex;
  align-items: center;
  justify-content: start;
  flex-direction: column;
  overflow: hidden;
  padding: var(--padding1);
  position: relative;
}
.calendarios_controller .area_eventos_wrapper > .area_eventos > .header > .content > label:nth-child(2) {
  font-family: "Lato-Light";
}
.calendarios_controller .area_eventos_wrapper > .area_eventos > .header > .content .today_2 {
  background-color: rgba(56, 218, 104, 0.466);
  border-radius: 50%;
  width: var(--fontsize);
  text-align: center;
  width: calc(2 * var(--padding2));
  height: calc(2 * var(--padding2));
}
.calendarios_controller .area_eventos_wrapper > .area_eventos > .header > .content > .events_wrapper {
  width: 100%;
  overflow: hidden;
}
.calendarios_controller .area_eventos_wrapper > .area_eventos > .header > .content > .events_wrapper > .event_item {
  height: 20px;
  padding: calc(var(--padding1) - 3px);
  width: 100% !important;
}
.calendarios_controller .area_eventos_wrapper > .area_eventos > .header > .content > .events_wrapper > .event_item > .content > .lbl_cal {
  display: none;
}
.calendarios_controller .area_eventos_wrapper > .area_eventos > .main_area {
  min-width: 600px;
  grid-area: main_area;
}
.calendarios_controller .area_eventos_wrapper > .area_eventos > .main_area > .events_container {
  position: relative;
  padding: 2px;
  border-right: 1px solid var(--color_borderbox1);
  overflow: visible hidden;
}
.calendarios_controller .area_eventos_wrapper > .area_eventos > .main_area > .events_container > .lbl_tag {
  position: absolute;
  top: var(--padding1);
  margin: 0 auto;
  font-size: var(--fontsize_me4);
}
.calendarios_controller .area_eventos_wrapper > .area_eventos > .main_area > .events_container > .lbl_tag > .dropdown_list {
  background-color: var(--color_primary1);
}
.calendarios_controller .area_eventos_wrapper > .area_eventos > .main_area > .events_container > .events_wrapper {
  display: contents;
  flex-direction: column;
  gap: calc(var(--padding1) - 2px);
  max-height: 85px;
  max-width: 100%;
  overflow: auto;
}
.calendarios_controller .area_eventos_wrapper > .area_eventos > .main_area .today > .lbl_tag {
  background-color: rgba(56, 218, 104, 0.466);
  border-radius: 50%;
  padding: var(--padding1);
}
.calendarios_controller .area_eventos_wrapper > .area_eventos > .main_area .disabled > *:not(.list_container, .dropdown_list) {
  opacity: 0.5;
}
.calendarios_controller .area_eventos_wrapper > .area_eventos:has(.time_axis)::after {
  content: "";
  grid-area: none;
  position: sticky;
  top: 0;
  left: 0;
  background-color: var(--color_primary1);
  border-bottom: 1px solid var(--color_borderbox1);
  z-index: 1;
}
.calendarios_controller .area_eventos_wrapper > .area_eventos > .time_axis_labels {
  z-index: 1;
}
.calendarios_controller .area_eventos_wrapper > .area_eventos > .time_axis_lines {
  z-index: 0 !important;
}
.calendarios_controller .area_eventos_wrapper > .area_eventos > .time_axis {
  grid-area: time_axis;
  border-right: 1px solid var(--color_borderbox1);
  overflow: visible;
  background-color: var(--color_primary3);
  position: sticky;
  left: 0;
}
.calendarios_controller .area_eventos_wrapper > .area_eventos > .time_axis * {
  font-size: var(--fontsize_me4);
}
.calendarios_controller .area_eventos_wrapper > .area_eventos > .time_axis > .content {
  display: flex;
  align-items: end;
  justify-content: end;
  position: relative;
}
.calendarios_controller .area_eventos_wrapper > .area_eventos > .time_axis > .content hr {
  position: absolute;
  bottom: 0;
  left: 0;
  border-width: 0 0 1px;
}
.calendarios_controller:has(.header > .content > .events_wrapper > .event_item) .btn_expand {
  display: block;
}
.calendarios_controller .btn_expand {
  display: none;
  width: 25px;
  height: 25px;
  position: absolute;
  top: calc(25px - var(--padding1));
  left: 25px;
  z-index: 1;
  border-radius: 50%;
  padding: calc(var(--padding1) - 1px);
  border: 1px solid var(--color_borderbox1);
  background-color: var(--color_primary1);
  cursor: pointer;
}
.calendarios_controller .btn_expand > svg {
  width: 100%;
  height: 100%;
}
.calendarios_controller.view_month .events_wrapper {
  width: 100%;
}
.calendarios_controller.view_month .events_wrapper .event_item {
  display: flex;
  width: 95%;
}
.calendarios_controller.view_year .event_item, .calendarios_controller.view_week .event_item, .calendarios_controller.view_day .event_item {
  position: relative;
}
.calendarios_controller.view_year .event_item .content *, .calendarios_controller.view_week .event_item .content *, .calendarios_controller.view_day .event_item .content * {
  color: white !important;
}
.calendarios_controller.view_year .event_item > .color, .calendarios_controller.view_week .event_item > .color, .calendarios_controller.view_day .event_item > .color {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  border-radius: var(--border_radius_base) !important;
  z-index: -1;
}
.calendarios_controller.view_day .event_item > .content > .lbl_desc, .calendarios_controller.view_week .event_item > .content > .lbl_desc {
  background-color: rgba(0, 0, 0, 0.15);
}
.calendarios_controller.view_day .event_item > .content > .lbl_hr > span, .calendarios_controller.view_week .event_item > .content > .lbl_hr > span {
  background-color: rgba(0, 0, 0, 0.15);
}
.calendarios_controller.view_day .area_eventos > .header {
  grid-template-columns: auto;
}
.calendarios_controller.view_day .area_eventos > .time_axis {
  grid-template-rows: repeat(24, 60px);
}
.calendarios_controller.view_day .area_eventos > .main_area {
  grid-template-columns: auto;
}
.calendarios_controller.view_day .area_eventos .event_item {
  position: absolute;
}
.calendarios_controller.view_week .area_eventos > .header {
  grid-template-columns: repeat(7, 1fr);
}
.calendarios_controller.view_week .area_eventos > .time_axis {
  grid-template-rows: repeat(24, 45px);
}
.calendarios_controller.view_week .area_eventos > .main_area {
  grid-template-columns: repeat(7, 1fr);
}
.calendarios_controller.view_week .area_eventos .event_item {
  position: absolute;
}
.calendarios_controller.view_month .area_eventos {
  grid-template-columns: auto;
  grid-template-rows: calc((45px + var(--padding1)) / 2) auto;
  grid-template-areas: "header" "main_area";
}
.calendarios_controller.view_month .area_eventos > .header {
  grid-template-columns: repeat(7, 1fr);
}
.calendarios_controller.view_month .area_eventos > .main_area {
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(6, 1fr);
}
.calendarios_controller.view_month .area_eventos > .main_area > .events_container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
  flex-wrap: wrap;
  gap: var(--padding1);
  padding-top: calc(var(--padding2) * 3);
  border-bottom: 1px solid var(--color_borderbox1);
  overflow: hidden auto;
}
.calendarios_controller.view_month .area_eventos > .main_area > .events_container > .events_wrapper {
  display: flex;
}
.calendarios_controller.view_month .area_eventos > .main_area > .events_container > .lbl_tag {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
}
.calendarios_controller.view_month .area_eventos > .main_area > .events_container > .lbl_tag:hover {
  background-color: rgba(0, 215, 90, 0.6);
  border-radius: 50%;
}
.calendarios_controller.view_month .area_eventos > .main_area > .events_container .event_item {
  padding-left: var(--padding2);
  padding: 1px;
}
.calendarios_controller.view_month .area_eventos > .main_area > .events_container .event_item > .content {
  display: grid;
  grid-template-columns: min-content 1fr;
  grid-template-areas: "lbl_hr lbl_desc";
  gap: var(--padding1);
}
.calendarios_controller.view_month .area_eventos > .main_area > .events_container .event_item > .content .lbl_hr {
  font-size: var(--fontsize_me6);
}
.calendarios_controller.view_month .area_eventos > .main_area > .events_container .event_item > .content .lbl_hr > span:not(.lbl_hr_start) {
  display: none;
}
.calendarios_controller.view_month .area_eventos > .main_area > .events_container .event_item > .content .lbl_desc {
  font-size: var(--fontsize_me4);
  text-overflow: ellipsis;
  text-wrap: nowrap;
}
.calendarios_controller.view_month .area_eventos > .main_area > .events_container .event_item > .content .lbl_cal {
  display: none;
}
.calendarios_controller.view_year .area_eventos {
  grid-template-columns: auto;
  grid-template-rows: auto;
  grid-template-areas: "main_area";
}
.calendarios_controller.view_year .area_eventos > .main_area {
  gap: 1.5%;
  justify-content: space-evenly;
  align-items: start;
  padding: 1.5% 2%;
  min-width: auto;
  flex-wrap: wrap;
}
@media only screen and (max-width: 900px) {
  .calendarios_controller.view_year .area_eventos > .main_area {
    grid-template-columns: repeat(1, minmax(50px, 300px));
  }
}
@media only screen and (min-width: 901px) and (max-width: 1220px) {
  .calendarios_controller.view_year .area_eventos > .main_area {
    grid-template-columns: repeat(2, minmax(50px, 300px));
  }
}
@media only screen and (min-width: 1221px) and (max-width: 1450px) {
  .calendarios_controller.view_year .area_eventos > .main_area {
    grid-template-columns: repeat(3, minmax(50px, 300px));
  }
}
@media only screen and (min-width: 1451px) {
  .calendarios_controller.view_year .area_eventos > .main_area {
    grid-template-columns: repeat(4, minmax(50px, 300px));
  }
}
.calendarios_controller.view_year .area_eventos > .main_area > .events_container {
  border: none;
  min-width: 200px;
  height: max-content;
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: 30px auto;
  grid-template-areas: "header_month_name" "header_2" "main_area_2";
}
.calendarios_controller.view_year .area_eventos > .main_area > .events_container > .header_month_name {
  grid-area: header_month_name;
  display: flex;
  align-items: center;
  justify-content: center;
}
.calendarios_controller.view_year .area_eventos > .main_area > .events_container > .header {
  grid-area: header_2;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: 25px;
}
.calendarios_controller.view_year .area_eventos > .main_area > .events_container > .header > div {
  display: flex;
  align-items: center;
  justify-content: center;
  text-wrap: nowrap;
  overflow: hidden;
  border-bottom: 1px solid var(--color_borderbox1);
  border-top: 1px solid var(--color_borderbox1);
}
.calendarios_controller.view_year .area_eventos > .main_area > .events_container > .main_area {
  grid-area: main_area_2;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(6, 1fr);
}
.calendarios_controller.view_year .area_eventos > .main_area > .events_container > .main_area .today {
  border: 1px solid rgba(56, 218, 104, 0.466);
}
.calendarios_controller.view_year .area_eventos > .main_area > .events_container > .main_area > .events_container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  width: 28px;
  height: 28px;
  border-radius: 50%;
}
.calendarios_controller.view_year .area_eventos > .main_area > .events_container > .main_area > .events_container:hover {
  background-color: rgba(0, 215, 90, 0.6);
}
.calendarios_controller.view_year .area_eventos > .main_area > .events_container > .main_area > .events_container.disabled {
  color: transparent;
  background-color: transparent !important;
  opacity: 0;
}
.calendarios_controller.view_year .area_eventos > .main_area > .events_container > .main_area > .events_container .lbl_tag {
  font-size: var(--fontsize_me6);
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.calendarios_controller.view_year .area_eventos > .main_area > .events_container > .main_area > .events_container .events_wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
}
.calendarios_controller.view_year .area_eventos > .main_area > .events_container > .main_area > .events_container .events_wrapper :not(:first-child) {
  display: none;
}
.calendarios_controller.view_year .area_eventos > .main_area > .events_container > .main_area > .events_container .events_wrapper .event_item {
  width: 15px !important;
  height: 15px !important;
  border-radius: 50%;
  opacity: 0.5;
  min-height: calc(var(--fontsize) - 2px);
}
.calendarios_controller.view_year .area_eventos > .main_area > .events_container > .main_area > .events_container .events_wrapper .event_item > .content {
  display: none;
}
.calendarios_controller.view_year .area_eventos .event_item {
  width: 20px !important;
  height: 20px !important;
  border-radius: 50%;
}
.calendarios_controller.view_diary .area_eventos {
  grid-template-columns: auto;
  grid-template-rows: auto;
  grid-template-areas: "main_area";
}
.calendarios_controller.view_diary .area_eventos > .header {
  grid-template-columns: auto;
}
.calendarios_controller.view_diary .area_eventos > .main_area {
  grid-template-columns: auto;
}
.calendarios_controller.view_diary .area_eventos > .main_area > .events_container > .events_wrapper {
  max-height: 100%;
}
.calendarios_controller.view_diary .area_eventos .event_item {
  margin-bottom: var(--padding2);
}

.control_optionlist {
  position: fixed;
  background-color: var(--color_primary0);
  padding: 5px;
  border-radius: 30px;
}
.control_optionlist .options_container {
  border-radius: 15px;
  max-height: 30px;
  display: flex;
  column-gap: 5px;
  overflow-x: auto;
  overflow-y: hidden;
}
.control_optionlist .options_container .item {
  box-sizing: border-box;
  animation: keyframe_anim_show 0.1s;
  max-width: 185px;
  display: flex;
  column-gap: 10px;
  justify-items: center;
  text-align: start;
  align-items: center;
  cursor: pointer;
  padding: 5px 10px 5px 10px;
  border-radius: 15px;
}
.control_optionlist .options_container .item > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-height: 30px;
  font-size: 13px;
}
.control_optionlist .options_container .item > img {
  width: 22px;
}
.control_optionlist .options_container .item:hover {
  background-color: var(--color_primary3);
}
.control_optionlist .options_container .item:hover span,
.control_optionlist .options_container .item:hover img {
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.3));
}

.pdf_preview,
.document_control_container {
  display: flex;
  flex-direction: column;
  gap: var(--padding1);
  height: 100%;
  width: 100%;
  border: 1px solid var(--color_borderbox1);
  border-radius: 10px;
  padding: 5px;
  box-sizing: border-box;
  max-height: 300px;
  position: relative;
  min-height: 150px;
}
.pdf_preview > .file_container,
.pdf_preview .document-control,
.document_control_container > .file_container,
.document_control_container .document-control {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  overflow: hidden;
}
.pdf_preview > .file_container > .item_error,
.pdf_preview .document-control > .item_error,
.document_control_container > .file_container > .item_error,
.document_control_container .document-control > .item_error {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--padding1);
}
.pdf_preview > .file_container > .item_error > label,
.pdf_preview .document-control > .item_error > label,
.document_control_container > .file_container > .item_error > label,
.document_control_container .document-control > .item_error > label {
  color: var(--color_app_red1);
}
.pdf_preview > .file_container > .item_error > .btn_sync_cont,
.pdf_preview .document-control > .item_error > .btn_sync_cont,
.document_control_container > .file_container > .item_error > .btn_sync_cont,
.document_control_container .document-control > .item_error > .btn_sync_cont {
  cursor: pointer;
  display: flex;
  width: 35px;
}
.pdf_preview > .file_container > .item_error > .btn_sync_cont > img,
.pdf_preview .document-control > .item_error > .btn_sync_cont > img,
.document_control_container > .file_container > .item_error > .btn_sync_cont > img,
.document_control_container .document-control > .item_error > .btn_sync_cont > img {
  width: 100%;
}
.pdf_preview > .file_container > canvas,
.pdf_preview .document-control > canvas,
.document_control_container > .file_container > canvas,
.document_control_container .document-control > canvas {
  object-fit: cover;
  width: 100%;
  align-self: flex-start;
}
.pdf_preview:hover > .area_options,
.document_control_container:hover > .area_options {
  opacity: 1;
}
.pdf_preview wc-fileico,
.document_control_container wc-fileico {
  width: 35px;
  height: 40px;
  position: absolute;
  top: 5px;
  opacity: 0.7;
}
.pdf_preview .area_options,
.document_control_container .area_options {
  position: absolute;
  bottom: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  opacity: 0.5;
  transition: opacity 0.5s;
  z-index: 1;
  box-sizing: border-box;
  background-color: transparent;
  justify-content: end;
  column-gap: 10px;
  max-height: 40%;
  height: 10%;
  min-height: 30px;
  padding: 0 3% 1% 3%;
}
.pdf_preview .area_options > .option,
.document_control_container .area_options > .option {
  background-color: rgba(0, 0, 0, 0.5);
  border: solid white 1px;
  border-radius: 50%;
  padding: 0.5%;
  overflow: hidden;
  height: 80%;
  width: max-content;
}
.pdf_preview .area_options > .option:hover,
.document_control_container .area_options > .option:hover {
  padding: 1%;
}
.pdf_preview .area_options > .option img,
.document_control_container .area_options > .option img {
  height: 100%;
  filter: brightness(1.8);
  cursor: pointer;
}
.pdf_preview .area_options > .option img:hover,
.document_control_container .area_options > .option img:hover {
  filter: brightness(2.5);
}

.grouped_list_container {
  max-height: 400px;
  overflow: auto;
}
.grouped_list_container > .list_general_item {
  gap: var(--padding3);
  padding-top: var(--padding1);
  padding-bottom: var(--padding1);
  border-bottom: 1px solid var(--color_borderbox1);
}
.grouped_list_container > .list_general_item > label {
  flex: 3;
  padding-bottom: var(--padding1);
  padding-top: var(--padding1);
}
.grouped_list_container > .list_general_item > .grouped_item_list {
  flex: 4;
  gap: var(--padding1);
}
.grouped_list_container > .list_general_item > .grouped_item_list > .grouped_item {
  cursor: pointer;
  padding: var(--padding1);
  gap: var(--padding2);
}
.grouped_list_container > .list_general_item > .grouped_item_list > .grouped_item:hover {
  border-radius: var(--padding1);
  background-color: var(--color_primary0);
}
.grouped_list_container > .list_general_item > .grouped_item_list > .grouped_item:not(:has(input[type=checkbox]:checked)) > label {
  color: var(--color_primary4);
}
.grouped_list_container > .list_general_item > .grouped_item_list > .grouped_item > * {
  cursor: pointer;
}
.grouped_list_container > .list_general_item > .grouped_item_list > .grouped_item > label {
  flex: 1;
}
.grouped_list_container > .list_general_item > .grouped_item_list > .grouped_item > input[type=checkbox] {
  pointer-events: none;
}

.pdf_view {
  display: flex;
  flex-direction: column;
  gap: var(--padding1);
  width: 100%;
  height: 100%;
  --pdf_view_actions_height: 25px;
}
.pdf_view > .pdfview_actions {
  display: flex;
  align-items: center;
  gap: var(--padding1);
  height: var(--pdf_view_actions_height);
}
.pdf_view > .pdfview_actions .btn_round {
  height: var(--pdf_view_actions_height);
  width: var(--pdf_view_actions_height);
  cursor: pointer;
}
.pdf_view > .pdfview_actions .btn_round#prev {
  transform: rotate(90deg);
}
.pdf_view > .pdfview_actions .btn_round#next {
  transform: rotate(-90deg);
}
.pdf_view > .pdfview_filewrapper {
  height: 100%;
  overflow: auto;
  padding: var(--padding1);
}
.pdf_view > .pdfview_filewrapper canvas[id=the-canvas] {
  min-height: 400px;
  border: 1px solid var(--color_borderbox1);
  transform-origin: 50% 0px;
  transform: scale 100ms;
}

.litepicker {
  box-shadow: 1px 1px 6px 1px var(--color_borderbox3);
  border-radius: var(--border_radius_base);
}
.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__footer {
  margin: 0;
  box-shadow: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.litepicker .container__footer button {
  cursor: pointer;
}
.litepicker .container__footer .button-apply,
.litepicker .container__footer .button-cancel {
  background-color: var(--color_action1);
  opacity: 1;
}

.grid_ayuda {
  display: flex;
  flex-direction: column;
}
.grid_ayuda > .ayuda_header {
  margin-bottom: 10px;
}
.grid_ayuda > .ayuda_header > .filter_container {
  background-color: transparent;
  margin: 0 0px;
}
.grid_ayuda > .ayuda_header > .filter_container .search-wrapper {
  margin: 0 5px;
  width: auto;
}
.grid_ayuda > .ayuda_header > .filter_container .search-wrapper > .element_wrapper {
  background-color: var(--color_primary1);
  width: 48%;
}
.grid_ayuda > .list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  flex-wrap: wrap;
  overflow: hidden auto;
  padding: 5px 5px;
  gap: 1.1em;
}
.grid_ayuda > .list > .item_ayuda {
  display: flex;
  flex-direction: column;
  border-radius: var(--border_radius_base);
  height: auto;
  padding: 10px;
  box-sizing: border-box;
  background-color: var(--color_primary1);
}
.grid_ayuda > .list > .item_ayuda > .header {
  padding-bottom: 10px;
  box-sizing: border-box;
  border-bottom: solid 1px var(--color_borderbox1);
}
.grid_ayuda > .list > .item_ayuda > .header > .lbl_title {
  font-family: "Lato-Bold";
}
.grid_ayuda > .list > .item_ayuda > .content {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding-top: 10px;
}
.grid_ayuda > .list > .item_ayuda > .content .a[class=lbl_link] {
  overflow-wrap: anywhere;
}
.grid_ayuda > .list > .item_ayuda > .footer {
  padding-top: 10px;
}
.grid_ayuda > .list > .item_ayuda > .footer > label[class=lbl_footer] {
  font-family: "Lato-Bold";
}
.grid_ayuda > .list > .item_ayuda > .footer > label[class=lbl_footer] span {
  font-weight: normal;
}

.escuela_infoedit {
  flex-wrap: wrap;
}
.escuela_infoedit > div {
  flex: 1;
  min-width: 280px;
  row-gap: 10px;
  display: flex;
  flex-direction: column;
}
.escuela_infoedit > div > div .row .cont_days {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 110px;
  column-gap: 10px;
  overflow: hidden;
}
.escuela_infoedit > div > div .row .cont_days > .item_day {
  padding: 3px 0;
  gap: 10px;
  cursor: pointer;
  width: 50%;
}
.escuela_infoedit > div > div .row .cont_days > .item_day * {
  cursor: pointer;
}
.escuela_infoedit > div > div .row .cont_days > .item_day:hover {
  background-color: var(--color_primary3);
}
.escuela_infoedit > div > div > .map_row {
  position: relative;
}
.escuela_infoedit > div > div > .map_row .search_wrapper {
  position: absolute;
  top: 40px;
  left: 10px;
}
.escuela_infoedit .sub_area {
  margin-bottom: 10px;
}
.escuela_infoedit .sub_area > h3 {
  margin-right: 10px;
}

.form_cicloescolar_periodos .periods_form_row {
  flex-direction: column;
}
.form_cicloescolar_periodos .periods_form_row .control_wrapper {
  display: none;
}
.form_cicloescolar_periodos .periods_form_row:has(.control_wrapper.input_err) .periods_manager_container:not(:has(.periods_list_container .period_item)) .periods_manager_header_actions .action_addperiod {
  color: var(--color_app_red1);
}
.form_cicloescolar_periodos .periods_form_row .periods_row_title {
  font-family: "Lato-Bold";
  max-width: unset !important;
}
.form_cicloescolar_periodos .periods_form_row .periods_manager_container {
  display: flex;
  flex-direction: column;
  gap: var(--padding3);
}
.form_cicloescolar_periodos .periods_form_row .periods_manager_container .periods_manager_header_actions .action_addperiod {
  color: var(--color_action1);
  text-decoration: underline;
  cursor: pointer;
}
.form_cicloescolar_periodos .periods_form_row .periods_manager_container .periods_list_container {
  display: flex;
  flex-wrap: wrap;
  row-gap: var(--padding3);
  column-gap: var(--padding3);
}
.form_cicloescolar_periodos .periods_form_row .periods_manager_container .periods_list_container .period_item {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: var(--padding1);
  background-color: var(--color_primary0);
  width: fit-content;
  border-radius: 4px;
  cursor: pointer;
}
.form_cicloescolar_periodos .periods_form_row .periods_manager_container .periods_list_container .period_item * {
  cursor: pointer;
}
.form_cicloescolar_periodos .periods_form_row .periods_manager_container .periods_list_container .period_item:hover {
  background-color: var(--color_primary3);
}
.form_cicloescolar_periodos .periods_form_row .periods_manager_container .periods_list_container .period_item:hover .close_icon {
  display: flex;
}
.form_cicloescolar_periodos .periods_form_row .periods_manager_container .periods_list_container .period_item .period_name {
  font-family: "Lato-Bold";
}
.form_cicloescolar_periodos .periods_form_row .periods_manager_container .periods_list_container .period_item .period_range {
  font-size: var(--fontsize_me4);
}
.form_cicloescolar_periodos .periods_form_row .periods_manager_container .periods_list_container .period_item .close_icon {
  display: none;
  position: absolute;
  width: 18px;
  height: 18px;
  top: -5px;
  right: -5px;
  border-radius: 9999px;
  background-color: var(--color_primary0);
  cursor: pointer;
  justify-content: center;
  align-items: center;
}
.form_cicloescolar_periodos .periods_form_row .periods_manager_container .periods_list_container .period_item .close_icon:hover {
  transform: scale(1.18);
}

.form_conf_escolaridad .row {
  flex-direction: column;
  align-items: flex-start;
  padding: 5px 0;
}
.form_conf_escolaridad .row > .titulos_base {
  font-family: "Lato-Bold";
  padding-bottom: 5px;
  color: var(--color_text1) !important;
}
.form_conf_escolaridad .row .input_err {
  box-shadow: none !important;
}
.form_conf_escolaridad .row:last-child {
  padding-bottom: 0;
}
.form_conf_escolaridad .row[model=NivelSAT] {
  max-width: 300px;
}
.form_conf_escolaridad .area_actividades {
  flex-wrap: wrap;
  display: flex;
}
.form_conf_escolaridad .area_actividades img {
  width: 30px;
  height: 30px;
}
.form_conf_escolaridad .area_actividades > .item_actividad,
.form_conf_escolaridad .area_actividades > .item_emocion,
.form_conf_escolaridad .area_actividades > div > .item_alimento {
  padding: 10px 5px;
  border-radius: var(--border_radius_base);
}
.form_conf_escolaridad .area_actividades > .item_actividad:hover,
.form_conf_escolaridad .area_actividades > .item_emocion:hover,
.form_conf_escolaridad .area_actividades > div > .item_alimento:hover {
  background-color: var(--color_primary2);
}
.form_conf_escolaridad .area_actividades > .item_actividad {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  width: 10.5%;
  border-radius: calc(var(--border_radius_base));
  margin: 0 2px;
  min-width: 85px;
  cursor: pointer;
}
.form_conf_escolaridad .area_actividades > .item_actividad * {
  cursor: pointer;
}
.form_conf_escolaridad .area_actividades > .item_actividad > .div_top {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  position: relative;
}
.form_conf_escolaridad .area_actividades > .item_actividad > .div_top > input[type=checkbox] {
  position: absolute;
  top: -2px;
  right: -10px;
}
.form_conf_escolaridad .area_actividades > .item_actividad > label {
  width: 100%;
  text-align: center;
}
.form_conf_escolaridad .area_emociones {
  flex-wrap: wrap;
  display: flex;
}
.form_conf_escolaridad .area_emociones img {
  width: 30px;
  height: 30px;
}
.form_conf_escolaridad .area_emociones > .item_actividad,
.form_conf_escolaridad .area_emociones > .item_emocion,
.form_conf_escolaridad .area_emociones > div > .item_alimento {
  padding: 10px 5px;
  border-radius: var(--border_radius_base);
}
.form_conf_escolaridad .area_emociones > .item_actividad:hover,
.form_conf_escolaridad .area_emociones > .item_emocion:hover,
.form_conf_escolaridad .area_emociones > div > .item_alimento:hover {
  background-color: var(--color_primary2);
}
.form_conf_escolaridad .area_emociones > .item_emocion {
  display: flex;
  flex-direction: column;
  row-gap: 5px;
  align-items: center;
  justify-content: center;
  width: 11%;
  min-width: 80px;
}
.form_conf_escolaridad .area_emociones > .item_emocion > input {
  width: 100%;
  text-align: center;
  text-overflow: ellipsis;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
}
.form_conf_escolaridad .area_alimentos {
  flex-direction: column;
  overflow: auto;
  display: flex;
}
.form_conf_escolaridad .area_alimentos img {
  width: 30px;
  height: 30px;
}
.form_conf_escolaridad .area_alimentos > .item_actividad,
.form_conf_escolaridad .area_alimentos > .item_emocion,
.form_conf_escolaridad .area_alimentos > div > .item_alimento {
  padding: 10px 5px;
  border-radius: var(--border_radius_base);
}
.form_conf_escolaridad .area_alimentos > .item_actividad:hover,
.form_conf_escolaridad .area_alimentos > .item_emocion:hover,
.form_conf_escolaridad .area_alimentos > div > .item_alimento:hover {
  background-color: var(--color_primary2);
}
.form_conf_escolaridad .area_alimentos > .cont_alimentos_inputtext {
  display: inherit;
  overflow: auto;
}
.form_conf_escolaridad .area_alimentos > .cont_alimentos_inputtext > .item_alimento {
  display: flex;
  align-items: center;
  column-gap: 5px;
}
.form_conf_escolaridad .area_alimentos > .cont_alimentos_inputtext > .item_alimento > input[type=text] {
  width: 100%;
  min-width: 55px;
  text-overflow: ellipsis;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
}
.form_conf_escolaridad .area_alimentos > .cont_alimentos_biberonpapilla {
  display: inherit;
  flex-direction: column;
}
.form_conf_escolaridad .area_alimentos > .cont_alimentos_biberonpapilla > .item_alimento {
  display: flex;
  column-gap: 10px;
  padding: 10px 5px;
  align-items: center;
  cursor: pointer;
}
.form_conf_escolaridad .area_alimentos > .cont_alimentos_biberonpapilla > .item_alimento * {
  cursor: pointer;
}
.form_conf_escolaridad .area_entradas,
.form_conf_escolaridad .area_salidas {
  flex-wrap: wrap;
  column-gap: 10px;
  padding-top: 10px;
  display: flex;
}
.form_conf_escolaridad .area_entradas img,
.form_conf_escolaridad .area_salidas img {
  width: 30px;
  height: 30px;
}
.form_conf_escolaridad .area_entradas > .item_actividad,
.form_conf_escolaridad .area_entradas > .item_emocion,
.form_conf_escolaridad .area_entradas > div > .item_alimento,
.form_conf_escolaridad .area_salidas > .item_actividad,
.form_conf_escolaridad .area_salidas > .item_emocion,
.form_conf_escolaridad .area_salidas > div > .item_alimento {
  padding: 10px 5px;
  border-radius: var(--border_radius_base);
}
.form_conf_escolaridad .area_entradas > .item_actividad:hover,
.form_conf_escolaridad .area_entradas > .item_emocion:hover,
.form_conf_escolaridad .area_entradas > div > .item_alimento:hover,
.form_conf_escolaridad .area_salidas > .item_actividad:hover,
.form_conf_escolaridad .area_salidas > .item_emocion:hover,
.form_conf_escolaridad .area_salidas > div > .item_alimento:hover {
  background-color: var(--color_primary2);
}
.form_conf_escolaridad .area_entradas > div,
.form_conf_escolaridad .area_salidas > div {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.form_conf_escolaridad .area_entradas > div > input,
.form_conf_escolaridad .area_salidas > div > input {
  width: 65px;
  text-overflow: ellipsis;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
}
.form_conf_escolaridad.preview_mode .cont_alimentos_inputtext > .opaque {
  display: none;
}
.form_conf_escolaridad.preview_mode .cont_alimentos_inputtext > .item_alimento > input[type=checkbox] {
  display: none;
}
.form_conf_escolaridad.preview_mode .area_emociones > *,
.form_conf_escolaridad.preview_mode .area_actividades > *,
.form_conf_escolaridad.preview_mode .cont_alimentos_biberonpapilla > *,
.form_conf_escolaridad.preview_mode .cont_alimentos_inputtext > *,
.form_conf_escolaridad.preview_mode .radiolist_container > *,
.form_conf_escolaridad.preview_mode .area_entradas > *,
.form_conf_escolaridad.preview_mode .area_salidas > * {
  pointer-events: none;
}

.finanzas_cargo_nombre_tag_agrupador {
  border-radius: var(--border_radius_base);
}
.finanzas_cargo_nombre_tag_agrupador * {
  font-size: var(--fontsize_me4);
}

.modal_body .cargo_periodicidad .cont_calendar .container_calendar_grid .sub_header {
  position: sticky;
  top: 0;
  background-color: var(--color_primary1);
  z-index: 1;
  height: 25px;
  padding: 10px 0;
}
.modal_body .body_informacion {
  display: flex;
  flex-direction: column;
  position: relative;
  row-gap: 10px;
  text-overflow: ellipsis;
}
.modal_body .cargo_periodo {
  row-gap: 10px;
  width: 100% !important;
}
.modal_body .cargo_periodo .container_calendar_grid .sub_header {
  justify-content: space-between;
}
.modal_body .cargo_periodo .container_calendar_grid .sub_header > div {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 0;
}
.modal_body .cargo_periodo .container_calendar_grid .sub_header .lastyear,
.modal_body .cargo_periodo .container_calendar_grid .sub_header .nextyear {
  cursor: pointer;
  fill: var(--color_action1);
}
.modal_body .cargo_periodo .container_calendar_grid .sub_header .lastyear:hover,
.modal_body .cargo_periodo .container_calendar_grid .sub_header .nextyear:hover {
  background-color: rgb(250, 250, 250);
}
.modal_body .cargo_periodo .container_calendar_grid .month .date_cells .cell:hover {
  background-color: rgb(230, 230, 230);
}
.modal_body .cargo_periodo .container_calendar_grid > .body {
  border-top: 1px solid var(--color_borderbox1);
  border-bottom: 1px solid var(--color_borderbox1);
}
.modal_body .cargo_periodicidad .cont_info,
.modal_body .cargo_periodo .cont_info {
  display: flex;
  flex-direction: column;
  row-gap: 5px;
  padding-top: 10px;
  box-sizing: border-box;
  position: sticky;
  bottom: 0;
  background-color: var(--color_primary1);
}
.modal_body .cargo_periodicidad .cont_info > div,
.modal_body .cargo_periodo .cont_info > div {
  display: flex;
  align-items: center;
  column-gap: 5px;
  max-width: 100%;
  width: max-content;
}
.modal_body .cargo_periodicidad .cont_info > div .selector,
.modal_body .cargo_periodo .cont_info > div .selector {
  border-radius: 50%;
  width: 15px;
  height: 15px;
  opacity: 0.7;
}
.modal_body .cargo_periodicidad .cont_info > div .info,
.modal_body .cargo_periodo .cont_info > div .info {
  text-overflow: ellipsis;
}
.modal_body .cargo_periodicidad .sel_1,
.modal_body .cargo_periodo .sel_1 {
  background-color: green !important;
}
.modal_body .cargo_periodicidad .sel_2,
.modal_body .cargo_periodo .sel_2 {
  background-color: rgb(200, 0, 0) !important;
}
.modal_body .cargo_periodicidad .sel_3,
.modal_body .cargo_periodo .sel_3 {
  background-color: rgb(60, 0, 135) !important;
}
.modal_body .cargo_info {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
}
.modal_body .cargo_info .info_header {
  display: inherit;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.modal_body .cargo_info .info_header label {
  padding-bottom: 10px;
}

.modalbase_cargos_pie {
  padding-left: 15px;
  justify-content: space-between !important;
}

.parentcard_container {
  background-color: transparent !important;
  box-shadow: none;
  border-width: 0;
}
.parentcard_container > header {
  background-color: var(--color_primary1);
  margin-bottom: 10px;
}
.parentcard_container > .expandido {
  border-bottom: none !important;
}
.parentcard_container > .content {
  background-color: transparent;
  display: flex;
  flex-direction: column;
  background-color: inherit;
  gap: var(--padding2) 0;
}

.finanzas_edocuenta {
  justify-content: space-between;
  height: 100%;
}
.finanzas_edocuenta .area_menu {
  gap: 0 10px;
  flex-wrap: nowrap;
}
.finanzas_edocuenta .area_info {
  gap: 0 15px;
}
.finanzas_edocuenta .area_info .escuela_logo {
  min-width: 75px;
  max-width: 75px;
  height: 75px;
  border-radius: var(--border_radius_base);
  border: 1px solid var(--color_borderbox1);
}
.finanzas_edocuenta .area_info .subareainfo_left,
.finanzas_edocuenta .area_info .subareainfo_right {
  gap: calc(var(--padding1) - 1px) 0;
}
.finanzas_edocuenta .area_info .subareainfo_left label,
.finanzas_edocuenta .area_info .subareainfo_right label {
  font-family: "Lato-Bold";
  font-size: var(--fontsize_me2);
  flex-wrap: wrap;
}
.finanzas_edocuenta .area_info .subareainfo_left label span,
.finanzas_edocuenta .area_info .subareainfo_right label span {
  font-weight: lighter;
  max-width: 300px;
  font-size: var(--fontsize_me2);
}
.finanzas_edocuenta .area_info .subareainfo_left {
  width: 50%;
}
.finanzas_edocuenta .area_info .subareainfo_left > label {
  display: flex;
  gap: var(--padding1);
}
.finanzas_edocuenta .area_info .subareainfo_right {
  width: 50%;
  max-width: 400px;
}
.finanzas_edocuenta .area_info .subareainfo_right label {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 959px) {
  .finanzas_edocuenta .area_info {
    overflow: auto;
  }
  .finanzas_edocuenta .area_info .escuela_logo {
    width: 60px;
    min-width: 60px;
    max-width: 60px;
    height: 60px;
  }
  .finanzas_edocuenta .area_info label,
  .finanzas_edocuenta .area_info span {
    font-size: calc(var(--fontsize_me2) - 2px) !important;
  }
}
.finanzas_edocuenta > .tabla_container .tag_factura {
  border-radius: var(--border_radius_base);
  padding: 1px 2px;
  margin-top: 2px;
  width: min-content;
}
.finanzas_edocuenta > .tabla_container .tag_factura.tag_factura_ok {
  background-color: var(--color_app_blue1);
}
.finanzas_edocuenta > .tabla_container .tag_factura.tag_factura_fallo {
  color: var(--color_app_red1);
  border: var(--color_app_red1) 1px solid;
  width: max-content;
}

.sometotal {
  color: dodgerblue;
}

.body_pagodos_info,
.body_pago_errores {
  display: flex;
  flex-direction: column;
  gap: 15px 0;
}
.body_pagodos_info > .description,
.body_pago_errores > .description {
  font-family: "Lato-Bold";
}
.body_pagodos_info > .list,
.body_pago_errores > .list {
  gap: 5px 0;
}
.body_pagodos_info > .list .totales,
.body_pago_errores > .list .totales {
  padding-bottom: 10px;
}
.body_pagodos_info > .list .totales .item_row,
.body_pago_errores > .list .totales .item_row {
  padding: 5px 0;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 0 20px;
  width: 100%;
}
.body_pagodos_info > .list .totales .item_row .desc,
.body_pago_errores > .list .totales .item_row .desc {
  display: flex;
  flex-direction: column;
  width: 60%;
}
.body_pagodos_info > .list .totales .item_row .debe,
.body_pago_errores > .list .totales .item_row .debe {
  display: flex;
  justify-content: flex-end;
  width: 20%;
}
.body_pagodos_info > .list .totales .item_row .pago,
.body_pago_errores > .list .totales .item_row .pago {
  display: flex;
  justify-content: flex-end;
  width: 20%;
}
.body_pagodos_info > .list .cargos_header,
.body_pago_errores > .list .cargos_header {
  font-family: "Lato-Bold";
}
.body_pagodos_info > .list .cargos_header .item_row,
.body_pago_errores > .list .cargos_header .item_row {
  padding: 5px 0;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 0 20px;
  width: 100%;
}
.body_pagodos_info > .list .cargos_header .item_row .desc,
.body_pago_errores > .list .cargos_header .item_row .desc {
  display: flex;
  flex-direction: column;
  width: 60%;
}
.body_pagodos_info > .list .cargos_header .item_row .debe,
.body_pago_errores > .list .cargos_header .item_row .debe {
  display: flex;
  justify-content: flex-end;
  width: 20%;
}
.body_pagodos_info > .list .cargos_header .item_row .pago,
.body_pago_errores > .list .cargos_header .item_row .pago {
  display: flex;
  justify-content: flex-end;
  width: 20%;
}
.body_pagodos_info > .list .cargos,
.body_pago_errores > .list .cargos {
  padding-bottom: 10px;
  border-bottom: 1px solid var(--color_borderbox1);
  max-height: 450px;
  overflow: auto;
}
.body_pagodos_info > .list .cargos .item_row,
.body_pago_errores > .list .cargos .item_row {
  padding: 5px 0;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 0 20px;
  width: 100%;
}
.body_pagodos_info > .list .cargos .item_row .desc,
.body_pago_errores > .list .cargos .item_row .desc {
  display: flex;
  flex-direction: column;
  width: 60%;
}
.body_pagodos_info > .list .cargos .item_row .debe,
.body_pago_errores > .list .cargos .item_row .debe {
  display: flex;
  justify-content: flex-end;
  width: 20%;
}
.body_pagodos_info > .list .cargos .item_row .pago,
.body_pago_errores > .list .cargos .item_row .pago {
  display: flex;
  justify-content: flex-end;
  width: 20%;
}
.body_pagodos_info > .list .cargos .item_row:hover,
.body_pago_errores > .list .cargos .item_row:hover {
  background-color: rgb(245, 245, 245);
}

.form_openpay_data .row_expiracion > .inputs_wrapper {
  display: flex;
  column-gap: 15px;
}
.form_openpay_data .row .cvv2 {
  margin-right: calc(50% + 8px);
}
.form_openpay_data .cards {
  display: flex;
  overflow: hidden;
  column-gap: 3px;
  height: 32px;
  padding-top: 15px;
}
.form_openpay_data .cards > div {
  color: var(--color_text2);
  font-size: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
  text-align: center;
  box-sizing: border-box;
}
.form_openpay_data .cards .credit_cards {
  width: 20%;
  background-image: url("../../image/openpay/ic_cards1.png");
}
.form_openpay_data .cards .debit_cards {
  width: 55%;
  padding-left: 15px;
  border-left: solid #c0c0c0 1px;
  background-image: url("../../image/openpay/ic_cards2.png");
}
.form_openpay_data .cards .openpay_logo {
  width: 25%;
  padding-left: 15px;
  border-left: solid #c0c0c0 1px;
  background-image: url("../../image/openpay/ic_openpay.png");
  background-size: 40%;
}

.horasextras_modalbody {
  height: 400px !important;
  column-gap: 10px;
}
.horasextras_modalbody > .area_table {
  width: 75%;
  height: 100%;
  box-sizing: border-box;
}
.horasextras_modalbody > .area_info {
  display: flex;
  flex-direction: column;
  width: 25%;
  gap: 10px 0;
}
.horasextras_modalbody > .area_info label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0 20px;
  font-family: "Lato-Bold";
  width: 100%;
}
.horasextras_modalbody > .area_info label span {
  font-weight: lighter;
}

.login {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 100% !important;
  position: absolute;
  left: 0;
}
.login > .content_wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
  width: 95%;
  max-width: 300px;
}
.login > .content_wrapper > .logo_wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.login > .content_wrapper > .logo_wrapper > img {
  width: 35%;
}
.login > .content_wrapper > .logo_wrapper > label {
  font-size: 9px;
  color: var(--color_text2);
}
.login > .content_wrapper > .form_wrapper > form {
  display: flex;
  flex-direction: column;
  row-gap: 25px;
}
.login > .content_wrapper > .form_wrapper > form > div {
  display: flex;
  position: relative;
}
.login > .content_wrapper > .form_wrapper > form > div > input {
  width: 100%;
  padding: 16px 5px;
  height: 32px;
  font-size: 12px;
  outline: 0;
}
.login > .content_wrapper > .form_wrapper > form > button {
  border-radius: var(--border_radius_base);
  border: 0;
  background-color: var(--color_secondary1);
  color: var(--color_text4);
  cursor: pointer;
  height: 32px;
  float: left;
  font-size: 15px;
  position: relative;
  margin-top: 20px;
}

.usuario_infoedit {
  max-height: 100%;
  flex-direction: row;
  column-gap: var(--padding3);
}
.usuario_infoedit > div {
  width: 100%;
  row-gap: 10px;
  display: flex;
  flex-direction: column;
}
.usuario_infoedit > div > .row_permisos {
  flex-direction: column !important;
  align-items: flex-start !important;
  row-gap: 10px;
  height: 100%;
  overflow: hidden;
  border-radius: var(--border_radius_base);
}
.usuario_infoedit > div > .row_permisos > label {
  flex: none !important;
}
.usuario_infoedit > div > .row_permisos > .treeview_container {
  overflow: auto;
}
.usuario_infoedit > div > .row_permisos > .treeview_container .treeview_itemcontent {
  padding-top: 5px;
  padding-bottom: 5px;
}
.usuario_infoedit > div > .row_permisos > .treeview_container .treeview_itemcontent wc-ic-collapse {
  width: 15px;
}
.usuario_infoedit > div > .row_permisos > .treeview_container .treeview_itemcontent .checkbox_table,
.usuario_infoedit > div > .row_permisos > .treeview_container .treeview_itemcontent wc-ic-collapse,
.usuario_infoedit > div > .row_permisos > .treeview_container .treeview_itemcontent .treeitem_contentdata {
  margin-left: 6px;
}
.usuario_infoedit > div > .row_permisos > .treeview_container .treeview_itemcontent:hover {
  background-color: var(--color_primary2);
}
.usuario_infoedit > div > .row_permisos > .cont_superpermisos {
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden auto;
}
.usuario_infoedit > div > .row_permisos > .cont_superpermisos > .item_1 {
  padding: 5px;
  gap: 10px;
  cursor: pointer;
  width: 100%;
}
.usuario_infoedit > div > .row_permisos > .cont_superpermisos > .item_1 * {
  cursor: pointer;
}
.usuario_infoedit > div > .row_permisos > .cont_superpermisos > .item_1:hover {
  background-color: var(--color_primary2);
}
.usuario_infoedit .sub_area {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.usuario_infoedit .sub_area > h3 {
  min-width: max-content;
  margin-right: 10px;
  color: black;
}

.only_name .principal {
  pointer-events: none;
}
.only_name .principal td:nth-child(4) .item_cont {
  pointer-events: all;
}

.selects_up .overlayselect {
  z-index: 10000;
}

.modal_content .modal_body .body_temp .divPadreLateral {
  width: 28%;
  min-width: 150px;
  display: flex;
  flex-direction: column;
}
.modal_content .modal_body .body_temp .divPadreLateral .divButtons {
  /* position: absolute;
  bottom: var(--padding2);
  left: var(--padding2); */
  display: flex;
  gap: var(--padding1);
  flex-wrap: wrap;
  padding-top: var(--padding2);
  border-top: 1px solid var(--color_borderbox1);
}
@media screen and (max-width: 1279px) {
  .modal_content .modal_body .body_temp .divPadreLateral .divButtons {
    flex-direction: column;
  }
}
.modal_content .modal_body .body_temp .divPadreLateral .list {
  height: calc(100% - 40px);
}
.modal_content .modal_body .body_temp .divPadreLateral .list .item {
  cursor: pointer;
}
.modal_content .modal_body .body_temp .divPadreLateral .list .item label {
  cursor: pointer;
}
.modal_content .modal_body .body_temp .divPadreLateral .list .item label pre {
  font-size: calc(var(--fontsize) - 3px);
}
.modal_content .modal_body .body_temp .pdfViewerContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--color_primary0);
  width: 72%;
  box-sizing: border-box;
  padding: var(--padding1);
  border-left: 1px solid var(--color_borderbox1);
  border-top: 1px solid var(--color_borderbox1);
}

.grid_egreso_movimiento .right {
  display: flex;
  flex-direction: column;
}
.grid_egreso_movimiento .right > .top_container {
  display: flex;
  flex-direction: column;
  row-gap: var(--padding2);
  padding: var(--padding2);
  border-bottom: 1px solid var(--color_borderbox1);
}
.grid_egreso_movimiento .right > .top_container > .top_filtros_container {
  display: flex;
  gap: var(--padding2);
  flex-wrap: wrap;
  max-width: 1100px;
}
.grid_egreso_movimiento .right > .top_container > .top_filtros_container > * {
  flex: 1;
  height: 35px;
}
.grid_egreso_movimiento .right > .top_container > .top_filtros_container > .combo_wrapper {
  max-width: 200px;
  min-width: 110px;
}
.grid_egreso_movimiento .right > .top_container > .top_filtros_container > .periodos_container,
.grid_egreso_movimiento .right > .top_container > .top_filtros_container > .modo_vista {
  padding: var(--padding1);
  gap: var(--padding1);
  max-width: 220px;
  width: max-content;
  border: 1px solid var(--color_borderbox1);
  border-radius: var(--border_radius_base);
  box-sizing: border-box;
  cursor: pointer;
}
.grid_egreso_movimiento .right > .top_container > .top_filtros_container > .periodos_container label,
.grid_egreso_movimiento .right > .top_container > .top_filtros_container > .modo_vista label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.grid_egreso_movimiento .right > .top_container > .top_filtros_container > .periodos_container > *,
.grid_egreso_movimiento .right > .top_container > .top_filtros_container > .modo_vista > * {
  cursor: pointer;
}
.grid_egreso_movimiento .right > .top_container > .top_filtros_container > .modo_vista {
  max-width: 156px;
}
.grid_egreso_movimiento .right > .top_container > .top_filtros_container > .modo_vista > input {
  display: hide;
}
.grid_egreso_movimiento .right > .top_container > .info {
  display: flex;
  column-gap: calc(var(--padding2) * 2);
}
.grid_egreso_movimiento .right > .top_container > .info wc-img {
  border: 1px solid var(--color_borderbox1);
  border-radius: var(--border_radius_base);
  width: 90px;
  height: 90px;
}
.grid_egreso_movimiento .right > .top_container > .info .resumen {
  display: flex;
  flex-direction: column;
  row-gap: var(--padding1);
}

tr.vencido > td, tr.vencido > .trorigin > td {
  color: var(--color_app_red1) !important;
}
tr.vencido > td .fecha_venc, tr.vencido > .trorigin > td .fecha_venc {
  font-family: "Lato-Bold";
}

.cfdi_view {
  background-color: var(--color_primary1);
  border: 1px solid var(--color_borderbox1);
  min-width: 200px;
  max-width: 1000px;
  height: min-content;
  min-height: 100%;
}
.cfdi_view b,
.cfdi_view label,
.cfdi_view th,
.cfdi_view td {
  user-select: text;
  line-break: anywhere;
}
.cfdi_view > table > tbody > tr td .impuestos_header {
  width: 100%;
  padding: var(--padding1);
  margin-top: var(--padding1);
  border-top: 1px solid var(--color_borderbox1);
  text-align: center;
  font-family: "Lato-Bold";
}
.cfdi_view > table > tbody > tr td table {
  width: 100%;
}
.cfdi_view > table > tbody > tr td table tbody tr:last-child td {
  border-bottom-color: transparent;
}
.cfdi_view td {
  vertical-align: text-top;
}

.frm_egreso_manual {
  gap: var(--padding2) var(--padding3);
}
.frm_egreso_manual > div {
  flex: 1;
}
.frm_egreso_manual > div b + div {
  margin-top: var(--padding2);
}
@media screen and (max-width: 599px) {
  .frm_egreso_manual {
    flex-direction: column !important;
  }
}
@media screen and (min-width: 600px) {
  .frm_egreso_manual {
    flex-direction: row !important;
  }
}

.item_cont.alumno_foto_cont {
  position: relative;
  overflow: visible;
  cursor: pointer;
  min-width: 35px;
  min-height: 35px;
}
.item_cont.alumno_foto_cont .alumno_thumbnail1 {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 35px !important;
  height: 35px !important;
  border: 1px solid var(--color_borderbox1);
  border-radius: 50%;
}

.element_wrapper.wrapper_rangedate {
  width: 50%;
}
.element_wrapper:has(input:invalid) {
  border: 1px solid var(--color_app_red1);
}
.element_wrapper .area_element input {
  width: 100%;
  border-style: none !important;
}
.element_wrapper .area_element input:focus {
  box-shadow: none !important;
}

.modal_container_list_err .list_err_container {
  display: flex;
  flex-direction: column;
  row-gap: var(--padding1);
  margin-top: var(--padding1);
}
.modal_container_list_err .list_err_container > span {
  font-family: "Lato-Bold";
}
.modal_container_list_err .list_err_container .list_err {
  display: flex;
  flex-direction: column;
  max-height: 600px;
  overflow: auto;
  row-gap: var(--padding1);
}
.modal_container_list_err .list_err_container .list_err > div {
  display: flex;
  flex-direction: column;
  border-left: 1px solid var(--color_primary4);
  padding: var(--padding1);
  padding-right: 0px;
}
.modal_container_list_err .list_err_container .list_err > div > .detail {
  color: var(--color_app_red1);
  font-size: var(--fontsize_me4);
}
.modal_container_list_err .list_err_container .list_err :hover {
  background-color: var(--color_primary2);
}

.materia_form {
  flex-wrap: wrap;
}
.materia_form > .row_1 {
  min-width: 300px;
  flex: 3;
}
.materia_form > .row_2 {
  min-width: 250px;
  flex: 2;
}
.materia_form .borderErr {
  border: 2px solid var(--color_app_red1) !important;
}
.materia_form .input-color {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  width: 30px;
  height: 30px;
  border: none;
  cursor: pointer;
}
.materia_form .input-color::-webkit-color-swatch {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid var(--color_borderbox1);
}
.materia_form .input-color::-moz-color-swatch {
  width: 90%;
  height: 90%;
  border-radius: 50%;
  border: 1px solid var(--color_borderbox1);
}
.materia_form .input-color-err::-webkit-color-swatch {
  border: 2px solid var(--color_app_red1) !important;
}
.materia_form .input-color-err::-moz-color-swatch {
  border: 2px solid var(--color_app_red1) !important;
}

.modal_body .asignacion_periodo {
  row-gap: 10px;
  width: 100% !important;
}
.modal_body .asignacion_periodo .container_calendar_grid .sub_header {
  justify-content: space-between;
}
.modal_body .asignacion_periodo .container_calendar_grid .sub_header > div {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 0;
}
.modal_body .asignacion_periodo .container_calendar_grid .sub_header .lastyear,
.modal_body .asignacion_periodo .container_calendar_grid .sub_header .nextyear {
  cursor: pointer;
  fill: var(--color_action1);
}
.modal_body .asignacion_periodo .container_calendar_grid .sub_header .lastyear:hover,
.modal_body .asignacion_periodo .container_calendar_grid .sub_header .nextyear:hover {
  background-color: rgb(250, 250, 250);
}
.modal_body .asignacion_periodo .container_calendar_grid .month .date_cells .cell:hover {
  background-color: rgb(230, 230, 230);
}
.modal_body .asignacion_periodo .container_calendar_grid > .body {
  border-top: 1px solid var(--color_borderbox1);
  border-bottom: 1px solid var(--color_borderbox1);
}
.modal_body .asignacion_periodo .cont_info {
  display: flex;
  flex-direction: column;
  row-gap: 5px;
  padding-top: 10px;
  box-sizing: border-box;
  position: sticky;
  bottom: 0;
  background-color: var(--color_primary1);
}
.modal_body .asignacion_periodo .cont_info > div {
  display: flex;
  align-items: center;
  column-gap: 5px;
  max-width: 100%;
  width: max-content;
}
.modal_body .asignacion_periodo .cont_info > div .selector {
  border-radius: 50%;
  width: 15px;
  height: 15px;
  opacity: 0.7;
}
.modal_body .asignacion_periodo .cont_info > div .info {
  text-overflow: ellipsis;
}
.modal_body .asignacion_periodo .sel_1 {
  background-color: green !important;
}
.modal_body .asignacion_periodo .sel_2 {
  background-color: rgb(200, 0, 0) !important;
}
.modal_body .asignacion_periodo .sel_3 {
  background-color: rgb(60, 0, 135) !important;
}

.materia_name_tag .materia_tags {
  display: block;
}
.materia_name_tag .materia_tags > .materia_tag {
  margin-top: 2px;
}

.materia_tag {
  background-color: var(--color_materia_tag_bg_default);
  border-radius: var(--border_radius_base);
  border: 1px solid var(--color_borderbox3);
  margin-right: 4px;
  font-size: calc(var(--fontsize) - 3px);
  padding: 1px 2px;
  display: inline-block;
  white-space: nowrap;
}

/* .criteriosLine {
    &:not(:has(+div)) {
        display: none !important;
    }
} */
.boleta_dia {
  width: 21.59cm;
  position: absolute;
  top: 0;
  z-index: -1;
  height: max-content;
  padding: 10px;
  background-color: #fff;
  font-size: 16px;
}
.boleta_dia,
.boleta_dia * {
  box-sizing: border-box;
  font-family: Helvetica;
  color: #000;
}
.boleta_dia > * {
  padding: 8px;
  width: 100%;
  border-radius: 2px;
}
.boleta_dia > *:not(:last-child) {
  margin-bottom: 10px;
}
.boleta_dia > section {
  border-width: 1px;
  border-style: solid;
  margin: 0 20px;
  width: calc(100% - 40px);
  box-sizing: border-box;
}
.boleta_dia > .title {
  width: 100%;
  font-family: "Lato-Bold";
  margin-bottom: 5px;
  text-align: center;
}
.boleta_dia .section_title {
  width: 100%;
  font-family: "Lato-Bold";
  margin-bottom: 0;
  text-align: center;
}
.boleta_dia > .header {
  padding: 0;
  border-bottom: 5px solid #3367d6;
  text-align: center;
}
.boleta_dia > .header .img {
  height: 60px;
  width: auto;
}
.boleta_dia > .header td:first-child {
  padding-left: 20px;
  padding-right: 0;
  text-align: start;
}
.boleta_dia > .header td:nth-child(2) > * {
  font-family: "Lato-Bold";
  font-size: 20px;
}
.boleta_dia > .header td:last-child {
  padding-right: 20px;
  text-align: end;
}
.boleta_dia > .header td {
  padding: 0;
  vertical-align: middle;
  height: 60px;
}
.boleta_dia table {
  border-spacing: 0 5px;
  width: 100%;
}
.boleta_dia table tr {
  background-color: transparent;
}
.boleta_dia table tr th,
.boleta_dia table tr td {
  border: none;
}
.boleta_dia table tr td:nth-child(odd) {
  font-family: "Lato-Bold";
  padding-right: 15px;
}
.boleta_dia .box {
  border: 1px solid gray;
  background-color: #fff;
  border-radius: 15px;
  padding: 4px 10px;
  white-space: pre;
}
.boleta_dia .color {
  border: 1px solid gray;
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.boleta_dia > .alumno_info {
  background-color: rgb(255, 208, 138);
  border-color: rgb(227, 163, 93);
}
.boleta_dia > .alumno_info tr td:nth-child(3) {
  padding-left: 5%;
}
.boleta_dia > .alumno_info .box {
  border-color: rgb(227, 163, 93);
}
.boleta_dia > .content {
  background-color: rgb(216, 226, 204);
  border-color: rgb(160, 183, 160);
}
.boleta_dia > .content .box {
  border-color: rgb(160, 183, 160);
}
.boleta_dia > .content td.evaluaciones {
  vertical-align: top;
  width: 70%;
  padding-right: 15px;
}
.boleta_dia > .content td.evaluaciones td,
.boleta_dia > .content td.evaluaciones .box {
  font-weight: normal;
}
.boleta_dia > .content td.evaluaciones .box.color:not(:last-child) {
  margin-right: 5px;
}
.boleta_dia > .content td.evaluaciones tr td:nth-child(2) {
  text-align: center;
}
.boleta_dia > .content td.leyendas {
  min-width: 60px;
  background-color: rgba(255, 255, 255, 0.6431372549);
  padding: 8px;
  border-radius: 5px;
  vertical-align: top;
}
.boleta_dia > .content td.leyendas * {
  font-size: 14px;
}
.boleta_dia > .comments {
  background-color: rgba(231, 127, 127, 0.574);
  border-color: rgb(208, 45, 45);
}
.boleta_dia > .comments > div {
  text-align: center;
  padding: 8px 16px;
  background-color: #fff;
  border-radius: inherit;
}
.boleta_dia > .comments > .content {
  min-height: 40px;
}

.boleta_v2 {
  width: 21.59cm;
  position: absolute;
  top: 0;
  z-index: 1;
  height: max-content;
  padding: 10px;
  background-color: #fff;
  font-size: 16px;
}
.boleta_v2 .font_bold {
  font-weight: bold !important;
}
.boleta_v2,
.boleta_v2 * {
  box-sizing: border-box;
  font-family: Helvetica;
  color: #000;
}
.boleta_v2 > * {
  padding: 8px;
  width: 100%;
  border-radius: 6px;
}
.boleta_v2 > *:not(:last-child) {
  margin-bottom: 10px;
}
.boleta_v2 > section {
  border-width: 2px;
  border-style: solid;
  margin: 0 20px;
  width: calc(100% - 40px);
}
.boleta_v2 > .leyends {
  margin: 0 20px;
  width: calc(100% - 40px);
  padding: 0;
  font-size: 13px;
}
.boleta_v2 .section_title {
  width: 100%;
  font-weight: bold;
  margin-bottom: 0;
  text-align: center;
}
.boleta_v2 > .header {
  width: calc(100% - 40px);
  margin: 0 20px 20px;
  padding: 0;
  text-align: center;
}
.boleta_v2 > .header .img {
  height: 70px;
  width: auto;
}
.boleta_v2 > .header td:first-child {
  padding-right: 0;
  text-align: start;
  width: 30%;
}
.boleta_v2 > .header td:nth-child(2) {
  font-family: "Lato-Bold";
  font-weight: bold;
  font-size: 20px;
}
.boleta_v2 > .header td:last-child {
  padding-right: 20px;
  text-align: end;
  width: 30%;
}
.boleta_v2 > .header td {
  padding: 0;
  vertical-align: middle;
  height: 70px;
}
.boleta_v2 > .header hr {
  border: none;
  width: 100%;
  border-bottom: 2px solid #000;
}
.boleta_v2 table {
  border-spacing: 5px;
  width: 100%;
}
.boleta_v2 table tr {
  background-color: transparent;
}
.boleta_v2 table tr th,
.boleta_v2 table tr td {
  border: none;
}
.boleta_v2 table tr th.comentario,
.boleta_v2 table tr td.comentario {
  font-size: 14px;
  max-width: 400px;
  text-wrap: wrap;
}
.boleta_v2 table tr td:nth-child(odd) {
  padding-right: 15px;
}
.boleta_v2 .box {
  border: 2px solid #8b8b8b;
  background-color: #fff;
  border-radius: 15px;
  padding: 4px 10px;
  white-space: pre;
}
.boleta_v2 .color {
  border: 1px solid gray;
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.boleta_v2 > .alumno_info {
  border-color: #8b8b8b;
}
.boleta_v2 > .alumno_info tr td:nth-child(3) {
  padding-left: 5%;
}
.boleta_v2 > .alumno_info .box {
  border-color: #8b8b8b;
}
.boleta_v2 > .content {
  border-color: #8b8b8b;
}
.boleta_v2 > .content .box {
  border-color: #8b8b8b;
}
.boleta_v2 > .content td.evaluaciones {
  vertical-align: top;
  width: 70%;
  padding-right: 15px;
}
.boleta_v2 > .content td.evaluaciones td,
.boleta_v2 > .content td.evaluaciones .box {
  font-weight: normal;
}
.boleta_v2 > .content td.evaluaciones .box.color:not(:last-child) {
  margin-right: 5px;
}
.boleta_v2 > .content td.evaluaciones tr td:nth-child(2) {
  text-align: center;
}
.boleta_v2 > .comments {
  border-color: #8b8b8b;
}
.boleta_v2 > .comments > div {
  text-align: center;
  padding: 8px 16px;
  background-color: #fff;
  border-radius: inherit;
}
.boleta_v2 > .comments > .content {
  min-height: 40px;
}

tr.vencido > td {
  color: var(--color_app_red1) !important;
}
tr.vencido > td .fecha_venc {
  font-family: "Lato-Bold";
}

.modal_body .body_temp.edit_bolcal_v4, .modal_body .body_temp.edit_bolcal_v3 {
  display: grid;
  gap: 20px;
}
.modal_body .body_temp.edit_bolcal_v4 .section, .modal_body .body_temp.edit_bolcal_v3 .section {
  display: grid;
  gap: 15px;
}
.modal_body .body_temp.edit_bolcal_v4 .section .section_item_info, .modal_body .body_temp.edit_bolcal_v3 .section .section_item_info {
  display: grid;
  gap: 8px;
}
.modal_body .body_temp.edit_bolcal_v4 .section .section_item_info > label, .modal_body .body_temp.edit_bolcal_v3 .section .section_item_info > label {
  font-family: "Lato-BoldItalic";
}
.modal_body .body_temp.edit_bolcal_v4 .section .section_item_info .subsection_item_info, .modal_body .body_temp.edit_bolcal_v3 .section .section_item_info .subsection_item_info {
  display: grid;
  gap: 2px;
}
.modal_body .body_temp.edit_bolcal_v4 .section .section_item_info textarea, .modal_body .body_temp.edit_bolcal_v3 .section .section_item_info textarea {
  resize: vertical;
  min-height: 70px;
  max-height: 150px;
}
.modal_body .body_temp.edit_bolcal_v4 .section .section_item_info > .form_row, .modal_body .body_temp.edit_bolcal_v3 .section .section_item_info > .form_row {
  width: 100%;
  display: flex;
}
.modal_body .body_temp.edit_bolcal_v4 .section .section_item_info > .form_row > input.inasitencias, .modal_body .body_temp.edit_bolcal_v3 .section .section_item_info > .form_row > input.inasitencias {
  max-width: 90px;
  border-bottom: 1px solid var(--color_action1);
}
.modal_body .body_temp.edit_bolcal_v4 .section > label, .modal_body .body_temp.edit_bolcal_v3 .section > label {
  font-family: "Lato-Bold";
  font-size: calc(var(--fontsize) * 1.1);
}

.tabla_container .area_filtros .filter_container .date-search {
  width: 100%;
  display: flex;
  box-sizing: border-box;
  align-items: center;
}
.tabla_container .area_filtros .filter_container .date-search .date-wrapper {
  justify-content: space-evenly;
}
.tabla_container .area_filtros .filter_container .date-search .date-wrapper .element_wrapper {
  max-width: 480px;
}
.tabla_container .area_filtros .filter_container .date-search .date-wrapper .element_wrapper .area_element {
  cursor: pointer;
  justify-content: center;
  height: 100%;
}
.tabla_container .area_filtros .filter_container .date-search .date-wrapper .element_wrapper .area_element label {
  padding: 0px 5px;
  cursor: pointer;
}
.tabla_container .area_filtros .filter_container .date-search .date-wrapper .element_wrapper .area_element label.err_range {
  color: var(--color_app_red1);
}

.alumnopanel_fotos .area_filtros {
  flex-wrap: wrap;
  gap: 10px;
}
.alumnopanel_fotos .area_filtros > .anio_wrapper {
  width: 30%;
  min-width: 160px;
  max-width: 190px;
}
.alumnopanel_fotos .area_filtros > .mes_wrapper {
  width: 30%;
  min-width: 160px;
  max-width: 190px;
}
.alumnopanel_fotos .area_filtros > .semana_wrapper {
  width: 30%;
  min-width: 320px;
  max-width: 330px;
}
@media screen and (max-width: 959px) {
  .alumnopanel_fotos .area_filtros > * {
    min-width: 145px;
  }
  .alumnopanel_fotos .area_filtros > .semana_wrapper {
    min-width: 280px;
    max-width: 300px;
  }
}
@media screen and (max-width: 599px) {
  .alumnopanel_fotos .area_filtros > .semana_wrapper {
    width: 35%;
    min-width: 170px;
    max-width: 280px;
  }
}

.evento_opts .event_preview {
  display: flex !important;
  flex-direction: column;
  align-items: start !important;
  gap: var(--padding2);
}
.evento_opts .event_preview > div {
  display: flex;
  align-items: center;
  gap: var(--padding1);
}
.evento_opts .event_preview .ev_tag {
  max-width: 90%;
}
.evento_opts .event_preview .cal_color {
  flex: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
.evento_opts .event_preview .cal_date {
  flex-direction: column;
  align-items: start;
}
.evento_opts .event_preview .cal_name {
  border-width: 1px;
  border-style: solid;
  border-radius: var(--border_radius_base);
  padding: calc(var(--padding1) / 2);
}

.win_calendario > .calendarios_controller > .area_navegacion {
  position: relative;
}
.win_calendario > .calendarios_controller > .area_navegacion .btn_sync {
  position: absolute;
  right: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.win_calendario > .calendarios_controller > .area_navegacion .btn_sync > svg {
  cursor: pointer;
  width: 22px;
  height: 22px;
}
.win_calendario > .calendarios_controller .event_preview {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: var(--padding2);
}
.win_calendario > .calendarios_controller .event_preview > div {
  display: flex;
  align-items: center;
  gap: var(--padding1);
}
.win_calendario > .calendarios_controller .event_preview .ev_tag {
  max-width: 90%;
}
.win_calendario > .calendarios_controller .event_preview .cal_color {
  flex: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
.win_calendario > .calendarios_controller .event_preview .cal_date {
  flex-direction: column;
  align-items: start;
}
.win_calendario > .calendarios_controller .event_preview .cal_name {
  border-width: 1px;
  border-style: solid;
  border-radius: var(--border_radius_base);
  padding: calc(var(--padding1) / 2);
}

.calendarios_form_event .row[model=IdCalendarios] .lista_de_elementos > .elemento_lista:not(:has(.check_wrapper)) {
  display: grid;
}
.calendarios_form_event .row[model=IdCalendarios] .lista_de_elementos > .elemento_lista:not(:has(.check_wrapper)) .cal_cont,
.calendarios_form_event .row[model=IdCalendarios] .lista_de_elementos > .elemento_lista > .item_content .cal_cont {
  width: 100%;
  display: grid;
  gap: var(--padding1);
  grid-template-columns: 15px 1fr auto;
  align-items: center;
  justify-content: space-between;
}
.calendarios_form_event .row[model=IdCalendarios] .lista_de_elementos > .elemento_lista:not(:has(.check_wrapper)) .cal_cont > .color,
.calendarios_form_event .row[model=IdCalendarios] .lista_de_elementos > .elemento_lista > .item_content .cal_cont > .color {
  width: 15px;
  height: 15px;
  border-radius: var(--border_radius_base);
}
.calendarios_form_event .row[model=IdCalendarios] .lista_de_elementos > .elemento_lista:not(:has(.check_wrapper)) .cal_cont > .cal_info .is_school,
.calendarios_form_event .row[model=IdCalendarios] .lista_de_elementos > .elemento_lista > .item_content .cal_cont > .cal_info .is_school {
  font-family: "Lato-Bold";
}
.calendarios_form_event .row[model=IdCalendarios] .lista_de_elementos > .elemento_lista:not(:has(.check_wrapper)) .cal_cont > .cal_info .school_aux,
.calendarios_form_event .row[model=IdCalendarios] .lista_de_elementos > .elemento_lista > .item_content .cal_cont > .cal_info .school_aux {
  font-family: "Lato-Light";
  font-size: var(--fontsize_me4);
}
.calendarios_form_event .row[model=IdCalendarios] .lista_de_elementos > .elemento_lista:not(:has(.check_wrapper)) .cal_cont > :last-child,
.calendarios_form_event .row[model=IdCalendarios] .lista_de_elementos > .elemento_lista > .item_content .cal_cont > :last-child {
  font-family: "Lato-LightItalic";
}
.calendarios_form_event .row[model=TipoFinRecurrencia] .itemradio:has(#TipoFinRecurrencia_1) .row {
  flex-direction: row-reverse;
}
.calendarios_form_event .row[model=TipoFinRecurrencia] .itemradio:has(#TipoFinRecurrencia_1) .row input {
  width: 80px;
}
.calendarios_form_event .row[model=FechasPersonalizadas] > .control_wrapper.input_err {
  border: none !important;
}
.calendarios_form_event .row[model=FechasPersonalizadas] > .control_wrapper.input_err > .contenedor_combo > div {
  color: red;
}
.calendarios_form_event .row[model=FechasPersonalizadas] > .control_wrapper > .failmessage {
  display: none;
}
.calendarios_form_event .row[model=FechasPersonalizadas] > .control_wrapper > .contenedor_combo {
  border: none;
  overflow: auto;
  width: fit-content;
}
.calendarios_form_event .row[model=FechasPersonalizadas] > .control_wrapper > .contenedor_combo > div {
  max-height: 128px;
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  gap: var(--padding1);
  text-decoration: underline;
  color: var(--color_action1);
}
.calendarios_form_event .row[model=FechasPersonalizadas] > .control_wrapper > .contenedor_combo > div:has(.date_selected) {
  text-decoration: none;
}
.calendarios_form_event .row[model=FechasPersonalizadas] > .control_wrapper > .contenedor_combo > div > .date_selected {
  padding: 5px;
  background-color: var(--color_primary2);
  border-radius: var(--padding3);
  font-size: calc(var(--fontsize_me2));
  color: var(--color_text2);
}
.calendarios_form_event .row[model=FechasPersonalizadas] > .control_wrapper > .contenedor_combo > * {
  pointer-events: none;
}
.calendarios_form_event .row .control_wrapper:has(input#FechaFinYMD),
.calendarios_form_event .row .control_wrapper:has(input#FechaInicioYMD) {
  display: flex;
  flex-direction: column;
}
.calendarios_form_event .row .control_wrapper:has(input#FechaFinYMD) > div,
.calendarios_form_event .row .control_wrapper:has(input#FechaInicioYMD) > div {
  width: 100%;
}
.calendarios_form_event:not(:has(#IsAllDay:checked)) .row[model=FechaUnicaYMD] {
  display: flex;
}
.calendarios_form_event:not(:has(#IsAllDay:checked)) .row[model=FechaInicioYMD],
.calendarios_form_event:not(:has(#IsAllDay:checked)) .row[model=FechaFinYMD] {
  display: none;
}
.calendarios_form_event:has(#IsAllDay:checked) .row[model=FechaUnicaYMD] {
  display: none;
}
.calendarios_form_event:has(#IsAllDay:checked) .row[model=HoraInicioHM],
.calendarios_form_event:has(#IsAllDay:checked) .row[model=HoraFinHM] {
  display: none;
}
.calendarios_form_event:has(> .row[model=TipoRecurrencia] .contenedor_combo:where(:not([selected="5"]))) .row[model=FechaInicioYMD] .free_recurrence_msg,
.calendarios_form_event:has(> .row[model=TipoRecurrencia] .contenedor_combo:where(:not([selected="5"]))) .row[model=FechaUnicaYMD] .free_recurrence_msg {
  display: none;
}
.calendarios_form_event:has(> .row[model=TipoRecurrencia] .contenedor_combo:where(:not([selected="5"]))) .row[model=FechasPersonalizadas] {
  display: none !important;
}
.calendarios_form_event:has(> .row[model=TipoRecurrencia] .contenedor_combo:where([selected="5"])) .row[model=FechaFinYMD] {
  display: none !important;
}
.calendarios_form_event:has(> .row[model=TipoRecurrencia] .contenedor_combo:where([selected="5"])) .row[model=FechaUnicaYMD] .free_recurrence_msg,
.calendarios_form_event:has(> .row[model=TipoRecurrencia] .contenedor_combo:where([selected="5"])) .row[model=FechaInicioYMD] .free_recurrence_msg {
  display: none;
}
.calendarios_form_event:has(> .row[model=TipoRecurrencia] .contenedor_combo:where([selected="5"])) .row[model=FechaUnicaYMD]:has(.custom_dt_remove) > .control_wrapper > .custom_dt_remove > input,
.calendarios_form_event:has(> .row[model=TipoRecurrencia] .contenedor_combo:where([selected="5"])) .row[model=FechaInicioYMD]:has(.custom_dt_remove) > .control_wrapper > .custom_dt_remove > input {
  border: 1px solid var(--color_app_orange2);
}
.calendarios_form_event:has(> .row[model=TipoRecurrencia] .contenedor_combo:where([selected="5"])) .row[model=FechaUnicaYMD]:has(.custom_dt_remove) > .control_wrapper > .free_recurrence_msg,
.calendarios_form_event:has(> .row[model=TipoRecurrencia] .contenedor_combo:where([selected="5"])) .row[model=FechaInicioYMD]:has(.custom_dt_remove) > .control_wrapper > .free_recurrence_msg {
  display: flex;
  font-size: var(--fontsize_me2);
  color: var(--color_app_orange2);
}
.calendarios_form_event:has(> .row[model=TipoRecurrencia] .contenedor_combo:where([selected="0"], [selected="5"])) .row:has(#TipoFinRecurrencia_0) {
  display: none !important;
}
.calendarios_form_event:not(:has(> .row[model=TipoRecurrencia] .contenedor_combo[selected="3"])) .row[model=VarianteRecurrencia] {
  display: none;
}
.calendarios_form_event .row:has(#TipoFinRecurrencia_0) .row:has(#FechaFinRecurrenciaYMD),
.calendarios_form_event .row:has(#TipoFinRecurrencia_1) .row:has(#NRecurrencias) {
  opacity: 0.5;
  pointer-events: none;
}
.calendarios_form_event .row:has(#TipoFinRecurrencia_0:checked) .row:has(#FechaFinRecurrenciaYMD),
.calendarios_form_event .row:has(#TipoFinRecurrencia_1:checked) .row:has(#NRecurrencias) {
  opacity: 1;
  pointer-events: all;
}

.modal_factura_clienteinfo:has(.full_mode) {
  width: 1000px !important;
}
.modal_factura_clienteinfo .formulario_generator.full_mode {
  display: grid;
  gap: var(--padding2);
  grid-template-columns: auto auto;
}

.edo_licencia_info_bubble {
  width: 18px;
  height: 18px;
  position: absolute;
  left: 5px;
  top: 5px;
  z-index: 1;
}
.edo_licencia_info_bubble > img {
  background: var(--color_primary1);
  border-radius: 50%;
  cursor: help;
}
.edo_licencia_info_bubble wc-tooltip {
  pointer-events: none;
}

.licenciapay_payform .payform {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 5px;
  cursor: pointer;
  padding: 5px;
}
.licenciapay_payform .payform > .img {
  width: 90px;
  height: 90px;
  opacity: 0.8;
  background-repeat: no-repeat;
  background-size: 70px;
  background-position: center;
}
.licenciapay_payform .payform:hover > .img {
  background-size: 75px;
}
.licenciapay_payform .selected .img {
  opacity: 1;
  background-size: 75px;
}
.licenciapay_payform .selected label {
  font-family: "Lato-Bold";
}

.licencia_pagar_view_seleccionados .escuela_logo {
  width: 90px;
  height: 90px;
  border-radius: var(--border_radius_base);
}

.plan_licenciamiento {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #929292;
  background-image: url("../../image/general/banner-bg.svg");
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: text;
  overflow: hidden auto;
  z-index: 1501;
}
.plan_licenciamiento .background {
  position: absolute;
  width: 80%;
  height: 100%;
  filter: blur(150px);
  opacity: 0.8;
}
.plan_licenciamiento .c1 {
  top: -20%;
  right: -20%;
  background-color: var(--color_app_pink1);
}
.plan_licenciamiento .c2 {
  bottom: -20%;
  left: -20%;
  background-color: rgb(29, 117, 233);
}
.plan_licenciamiento .btn_logout {
  padding: var(--padding2);
  position: absolute;
  top: calc(var(--padding2) * 2);
  right: calc(var(--padding2) * 3);
  box-shadow: 5px 10px 15px 5px var(--color_borderbox2);
  z-index: 1;
}
.plan_licenciamiento .box {
  flex: auto;
  box-sizing: border-box;
  position: absolute;
  height: 99%;
  width: 95%;
  max-width: 900px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.plan_licenciamiento .box > img {
  width: 13%;
  filter: drop-shadow(var(--color_borderbox2) 5px 15px 5px);
}
.plan_licenciamiento .box > b {
  font-size: calc(var(--fontsize) + 15px);
  color: var(--color_primary1);
  filter: drop-shadow(var(--color_borderbox2) 5px 15px 5px);
  text-align: center;
}
.plan_licenciamiento .box > pre {
  color: var(--color_primary1);
  background-color: rgba(0, 0, 0, 0.1);
  filter: drop-shadow(var(--color_borderbox2) 5px 15px 5px);
  text-align: center;
  margin-top: calc(var(--padding2) * 2);
}
.plan_licenciamiento .box > .apps_content {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: calc(var(--padding2) * 3);
  margin-top: calc(var(--padding2) * 3);
  width: 100%;
}
.plan_licenciamiento .box > .apps_content *[app_desc] {
  background-color: rgba(0, 0, 0, 0.2);
  color: var(--color_primary1);
  padding: var(--padding1);
  border-radius: calc(var(--border_radius_base) + 3);
}
.plan_licenciamiento .box > .apps_content *[app_desc] * {
  font-size: calc(var(--fontsize) - 5px);
}
.plan_licenciamiento .box > .apps_content *[app_desc] span[extra] {
  display: none;
}
.plan_licenciamiento .box > .apps_content.see_more span[extra] {
  display: block;
}
.plan_licenciamiento .box > .btn_see_more {
  font-size: calc(var(--fontsize) - 5px);
  color: var(--color_primary1);
  padding: 1px var(--padding1);
  border-radius: calc(var(--border_radius_base) + 3);
  background-color: rgba(0, 0, 0, 0.2);
}
.plan_licenciamiento .box *[app_desc] {
  display: flex;
  align-items: start;
  justify-content: start;
  gap: var(--padding1);
  margin-bottom: var(--padding1);
}
.plan_licenciamiento .box *[app_desc] img {
  width: 35px;
  align-self: self-start;
}
.plan_licenciamiento .box > .planes {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-template-rows: repeat(auto-fit, minmax(300px, 1fr));
  gap: calc(var(--padding2) * 3);
  margin-top: calc(var(--padding2) * 3);
  justify-items: center;
}
.plan_licenciamiento .box > .planes .item {
  background-color: var(--color_primary1);
  box-shadow: 5px 10px 15px 5px var(--color_borderbox2);
  box-sizing: border-box;
  padding: calc(var(--padding2) * 2) calc(var(--padding2) * 3);
  width: 100%;
  max-width: 400px;
  border-radius: calc(var(--border_radius_base) * 3);
  display: flex;
  flex-direction: column;
  gap: var(--padding2);
  max-height: 96%;
}
.plan_licenciamiento .box > .planes .item.selected {
  box-shadow: 5px 10px 15px 10px var(--color_app_blue1);
}
.plan_licenciamiento .box > .planes .item b {
  font-size: calc(var(--fontsize) + 5px);
}
.plan_licenciamiento .box > .planes .item pre {
  font-family: "Lato-LightItalic";
}
.plan_licenciamiento .box > .planes .item button {
  margin-top: var(--padding2);
  padding: var(--padding2) calc(var(--padding2) * 2);
  font-family: "Lato-Bold";
}
.plan_licenciamiento .box > .planes .item > div:nth-child(2) {
  border-top: 1px solid var(--color_borderbox1);
  border-bottom: 1px solid var(--color_borderbox1);
  padding: var(--padding2) 0;
  overflow: auto;
  height: 100%;
}
.plan_licenciamiento .box > .planes .item > div:nth-child(2) *[app_desc] {
  align-items: center;
}

.licenciamiento_bloqueo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #929292;
  background-image: url("../../image/general/banner-bg.svg");
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: text;
  overflow: hidden auto;
  z-index: 1502;
}
.licenciamiento_bloqueo .background {
  position: absolute;
  width: 80%;
  height: 100%;
  filter: blur(150px);
  opacity: 0.8;
}
.licenciamiento_bloqueo .c1 {
  top: -20%;
  right: -20%;
  background-color: var(--color_app_pink1);
}
.licenciamiento_bloqueo .c2 {
  bottom: -20%;
  left: -20%;
  background-color: rgb(29, 117, 233);
}
.licenciamiento_bloqueo .btn_logout {
  padding: var(--padding2);
  position: absolute;
  top: calc(var(--padding2) * 2);
  right: calc(var(--padding2) * 3);
  box-shadow: 5px 10px 15px 5px var(--color_borderbox2);
  z-index: 1;
}
.licenciamiento_bloqueo .box {
  flex: auto;
  box-sizing: border-box;
  position: absolute;
  height: 99%;
  width: 95%;
  max-width: 1000px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.licenciamiento_bloqueo .box > img {
  width: 13%;
  filter: drop-shadow(var(--color_borderbox2) 5px 15px 5px);
}
.licenciamiento_bloqueo .box > b {
  font-size: calc(var(--fontsize) + 15px);
  color: var(--color_primary1);
  filter: drop-shadow(var(--color_borderbox2) 5px 15px 5px);
  text-align: center;
}
.licenciamiento_bloqueo .box > pre {
  color: var(--color_primary1);
  background-color: rgba(0, 0, 0, 0.1);
  filter: drop-shadow(var(--color_borderbox2) 5px 15px 5px);
  text-align: center;
  margin-top: var(--padding4);
}
.licenciamiento_bloqueo .box > .cuenta_pago {
  display: flex;
  flex-direction: column;
  background-color: rgba(0, 0, 0, 0.15);
  color: var(--color_primary1);
  margin-top: var(--padding4);
  padding: var(--padding1) var(--padding4);
  box-shadow: 4px 10px 15px 2px rgba(0, 0, 0, 0.2);
}
.licenciamiento_bloqueo .box > .cuenta_pago > div:not(:last-child) {
  border-bottom: 1px solid var(--color_primary1);
  padding-bottom: var(--padding1);
}
.licenciamiento_bloqueo .box > .cuenta_pago > div:not(:first-child) {
  padding-top: var(--padding1);
}
.licenciamiento_bloqueo .box > .cuenta_pago :has(*[pago_copiar]) {
  display: flex;
  align-items: center;
  gap: var(--padding4);
  justify-content: space-between;
}
.licenciamiento_bloqueo .box > .cuenta_pago :has(*[pago_copiar]) > *[pago_copiar] {
  width: 20px;
  height: 20px;
  filter: brightness(1.5);
  cursor: pointer;
}
.licenciamiento_bloqueo .box > .cuenta_pago :has(*[pago_copiar]) > *[pago_copiar]:hover {
  filter: brightness(2);
}
.licenciamiento_bloqueo .box > .cuenta_pago pre[pago_total] {
  font-size: calc(var(--fontsize) + 5px);
}
.licenciamiento_bloqueo .box > .licencias {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
  grid-template-rows: repeat(auto-fit, minmax(50px, 1fr));
  gap: calc(var(--padding2) * 3) calc(var(--padding2) * 2);
  margin-top: calc(var(--padding2) * 3);
  padding-bottom: calc(var(--padding2) * 3);
  justify-items: center;
}
.licenciamiento_bloqueo .box > .licencias .item {
  background-color: var(--color_primary1);
  box-shadow: 5px 10px 15px 5px var(--color_borderbox2);
  box-sizing: border-box;
  padding: calc(var(--padding1) * 4) calc(var(--padding1) * 3);
  width: 100%;
  max-width: 480px;
  border-radius: calc(var(--border_radius_base) * 3);
  display: flex;
  align-items: center;
  gap: var(--padding2);
}
.licenciamiento_bloqueo .box > .licencias .item.selected {
  box-shadow: 5px 10px 15px 10px var(--color_app_blue1);
}
.licenciamiento_bloqueo .box > .licencias .item > img {
  width: 20%;
  object-fit: contain;
}
.licenciamiento_bloqueo .box > .licencias .item > div {
  height: min-content;
}

div[dashboard_tooltip_chart_content] {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  gap: var(--padding2);
  padding: var(--padding1);
}
div[dashboard_tooltip_chart_content] > label[amount] {
  font-family: "Lato-Bold";
}
div[dashboard_tooltip_chart_content].income > label[amount] {
  color: #50aaff;
}
div[dashboard_tooltip_chart_content].outcome > label[amount] {
  color: #ff554c;
}

.principal_content:has(> div.dashboard) {
  background-color: #FDF9FF;
}

.dashboard {
  flex-direction: column;
  overflow: hidden;
  row-gap: 10px;
}
.dashboard .escuelas_selector_header {
  display: flex;
  flex-direction: row;
  gap: 30px;
  flex-wrap: nowrap;
  overflow: auto;
  min-height: 65px;
  align-items: center;
}
.dashboard .escuelas_selector_header .escuela_item_select {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 10px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
  padding-right: 15px;
  border: 1px solid var(--color_borderbox3);
  border-radius: 5px;
  filter: opacity(0.6);
}
.dashboard .escuelas_selector_header .escuela_item_select:hover {
  background-color: var(--color_primary4);
}
.dashboard .escuelas_selector_header .escuela_item_select.active {
  background-color: rgb(255, 255, 255);
  transition: background-color 1s;
  filter: none;
}
.dashboard .escuelas_selector_header .escuela_item_select.animated-background {
  max-height: 40px;
  min-width: 220px;
  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%, #ececec 20%, rgba(238, 238, 238, 0) 35%);
  background-size: 800px 104px;
  min-height: 25px;
  border-radius: 5px;
  height: 100%;
}
.dashboard .escuelas_selector_header .escuela_item_select wc-img {
  display: flex;
  width: 30px;
  height: 30px;
  border-radius: 100%;
}
.dashboard .escuelas_selector_header .escuela_item_select span {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dashboard .cards {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(1, min-content);
  gap: calc(var(--padding2) * 2);
  overflow: auto;
  height: max-content;
  padding-right: 20px;
  padding-top: 5px;
  padding-bottom: 10px;
}
.dashboard .card {
  align-items: flex-start;
  padding: var(--padding2);
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  row-gap: 10px;
  border: 1px solid #f0f0f0;
}
.dashboard .card[big] {
  max-height: 355px;
}
.dashboard .card[medium] {
  max-height: 300px;
}
.dashboard .card[small] {
  max-height: 210px;
}
.dashboard .card > div[container] {
  overflow: auto;
}
.dashboard .card > b,
.dashboard .card > div[header] > b {
  font-size: calc(var(--fontsize) + 1px);
  font-family: "Lato-Bold";
}
.dashboard .card1 {
  grid-column: span 1;
}
.dashboard .card2 {
  grid-column: span 2;
}
.dashboard .card3 {
  grid-column: span 3;
}
.dashboard .card4 {
  grid-column: span 4;
}
.dashboard .card5 {
  grid-column: span 5;
}
.dashboard .card6 {
  grid-column: span 6;
}
.dashboard .card_info_gral > b {
  font-size: calc(var(--fontsize) + 5px);
}
.dashboard .card_info_gral > b.animated-background {
  min-height: 30px;
  min-width: 150px;
}
.dashboard .card_info_gral > b.animated-background::before {
  content: "";
  display: block;
  height: 90%;
  width: 100%;
  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%, #ececec 20%, rgba(238, 238, 238, 0) 35%);
  background-size: 800px 104px;
  min-height: 25px;
  border-radius: 5px;
  height: 100%;
}
.dashboard .card_info_gral > div[container] {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 5px;
  height: 100%;
  width: 100%;
  align-items: center;
}
.dashboard .card_info_gral > div[container] > span[info] {
  padding: var(--padding1);
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 120px;
}
.dashboard .card_info_gral > div[container] > span[info] > span:not([val]) {
  font-size: calc(var(--fontsize_me4));
}
.dashboard .card_info_gral > div[container] > span[info] span[val] {
  font-size: calc(var(--fontsize) + 20px);
  font-family: "Lato-Bold";
  font-size: calc(var(--fontsize) + 22px);
}
.dashboard .card_info_gral > div[container] > span[info][lbl_1_grupos] span[val] {
  color: var(--color_app_pink1);
}
.dashboard .card_info_gral > div[container] > span[info][lbl_1_maestr] span[val] {
  color: var(--color_app_orange2);
}
.dashboard .card_info_gral > div[container] > span[info][lbl_1_activs] span[val] {
  color: var(--color_app_green1);
}
.dashboard .card_asistencia > div[container] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 10px;
}
.dashboard .card_asistencia > div[container] .chart_container {
  position: relative;
  height: min-content;
  min-height: 80%;
  max-height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dashboard .card_asistencia > div[container] .chart_container .donut-ring {
  stroke: var(--color_primary3);
}
.dashboard .card_asistencia > div[container] .chart_container .donut-segment-2 {
  stroke: var(--color_app_green1);
}
.dashboard .card_asistencia > div[container] .chart_container > label {
  font-size: calc(var(--fontsize) + 20px);
  font-family: "Lato-Bold";
  position: absolute;
}
.dashboard .card_asistencia > div[container] > span {
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: calc(var(--fontsize_me2));
}
.dashboard .card_ev > div[container] {
  display: grid;
  width: 100%;
  column-gap: 10px;
  row-gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(135px, 1fr));
  padding-bottom: var(--padding2);
}
.dashboard .card_ev > div[container] > div {
  display: flex;
  column-gap: 10px;
  align-items: center;
}
.dashboard .card_ev > div[container] > div > div[ev_img] {
  align-items: center;
  display: flex;
}
.dashboard .card_ev > div[container] > div > div[ev_img] > img {
  width: 30px;
  align-self: center;
}
.dashboard .card_ev > div[container] > div > div[ev_counts] {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
}
.dashboard .card_ev > div[container] > div > div[ev_counts] > span {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dashboard .card_ev > div[container] > div > div[ev_counts] > span:not([val]) {
  font-size: calc(var(--fontsize_me4));
}
.dashboard .card_ev > div[container] > div > div[ev_counts] > span[val] {
  font-size: calc(var(--fontsize) + 20px);
  font-family: "Lato-Bold";
  font-size: calc(var(--fontsize) + 22px);
}
.dashboard .card_ev > div[container] > div.animated-background {
  min-height: 50px;
}
.dashboard .card_ev > div[container] > div.animated-background > div {
  height: 100%;
  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%, #ececec 20%, rgba(238, 238, 238, 0) 35%);
  background-size: 800px 104px;
  min-height: 25px;
  border-radius: 5px;
  height: 100%;
}
.dashboard .card_ev > div[container] > div.animated-background > div[ev_counts] {
  width: 100%;
}
.dashboard .card_finanza1 > div[container] {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  column-gap: 20px;
  row-gap: 20px;
}
.dashboard .card_finanza1 > div[container] > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 10px;
}
.dashboard .card_finanza1 > div[container] > div[lbl_ingreso] > span[val] {
  color: var(--color_action1);
}
.dashboard .card_finanza1 > div[container] > div[lbl_egreso] > span[val] {
  color: var(--color_app_red1);
}
.dashboard .card_finanza1 > div[container] > div[lbl_saldo] > span[val] {
  color: var(--color_app_green1);
}
.dashboard .card_finanza1 > div[container] > div > span[val] {
  font-size: calc(var(--fontsize) + 20px);
  font-family: "Lato-Bold";
}
.dashboard .card_finanza1 > div[container] > div > span:not([val]) {
  font-size: calc(var(--fontsize_me4));
}
.dashboard .card_finanza1 > div[container] > div .semi-donut {
  --percentage: 0;
  --fill: #fff;
  width: 120px;
  height: 60px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  box-sizing: border-box;
}
.dashboard .card_finanza1 > div[container] > div .semi-donut:after {
  content: "";
  width: 120px;
  height: 120px;
  border: 15px solid;
  border-color: var(--color_primary3) var(--color_primary3) var(--fill) var(--fill);
  position: absolute;
  border-radius: 50%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  transform: rotate(calc(1deg * (-45 + var(--percentage) * 1.8)));
}
.dashboard .card_finanza2 div[container] {
  width: 100%;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 5px;
  height: 100%;
}
.dashboard .card_finanza2 div[container] > div {
  display: flex;
  flex-direction: column;
  padding: 5px;
  align-items: center;
  min-width: 120px;
  max-width: 140px;
}
.dashboard .card_finanza2 div[container] > div span {
  text-align: center;
}
.dashboard .card_finanza2 div[container] > div[income] span[val], .dashboard .card_finanza2 div[container] > div[outcome] span[val] {
  color: var(--color_app_pink1);
}
.dashboard .card_finanza2 div[container] > div[pending] span[val] {
  color: var(--color_app_orange2);
}
.dashboard .card_finanza2 div[container] > div[student-pending] span[val] {
  color: var(--color_app_green1);
}
.dashboard .card_finanza2 div[container] > div span[val] {
  font-size: calc(var(--fontsize) + 20px);
  font-family: "Lato-Bold";
  font-size: calc(var(--fontsize) + 22px);
}
.dashboard .card_finanza2 div[container] > div > span:not([val]) {
  font-size: calc(var(--fontsize_me4));
}
.dashboard .card_finanza2.outcome div[container] {
  align-items: center;
}
.dashboard .card_cal_evs,
.dashboard .card_cal_birthdays {
  min-height: 250px;
}
.dashboard .card_cal_evs:has(> div[empty]) > div[container],
.dashboard .card_cal_birthdays:has(> div[empty]) > div[container] {
  display: none;
}
.dashboard .card_cal_evs > div:not([empty]),
.dashboard .card_cal_birthdays > div:not([empty]) {
  display: flex;
  justify-content: space-between;
}
.dashboard .card_cal_evs > div:not([empty]) div.animated-background,
.dashboard .card_cal_birthdays > div:not([empty]) div.animated-background {
  position: relative;
}
.dashboard .card_cal_evs > div:not([empty]) div.animated-background > label::before,
.dashboard .card_cal_birthdays > div:not([empty]) div.animated-background > label::before {
  content: "";
  display: block;
  height: 90%;
  width: 100%;
  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%, #ececec 20%, rgba(238, 238, 238, 0) 35%);
  background-size: 800px 104px;
  min-height: 25px;
  border-radius: 5px;
  height: 100%;
}
.dashboard .card_cal_evs > div[empty],
.dashboard .card_cal_birthdays > div[empty] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 100%;
  align-items: center;
  align-self: center;
  justify-content: center;
  padding: var(--padding4);
}
.dashboard .card_cal_evs > div[empty] label,
.dashboard .card_cal_birthdays > div[empty] label {
  color: var(--color_borderbox2);
}
.dashboard .card_cal_evs > div[empty] > div img,
.dashboard .card_cal_birthdays > div[empty] > div img {
  width: 80px;
  filter: opacity(0.4);
}
.dashboard .card_cal_evs > div[header],
.dashboard .card_cal_birthdays > div[header] {
  width: 100%;
}
.dashboard .card_cal_evs > div[header] > div[header_icon] > img,
.dashboard .card_cal_birthdays > div[header] > div[header_icon] > img {
  width: 25px;
}
.dashboard .card_cal_evs > div[container],
.dashboard .card_cal_birthdays > div[container] {
  overflow: auto;
  width: 100%;
  row-gap: 10px;
  flex-direction: column;
}
.dashboard .card_cal_evs > div[container] > div,
.dashboard .card_cal_birthdays > div[container] > div {
  display: grid;
  justify-content: space-between;
  border-bottom: 1px solid var(--color_borderbox1);
  padding-bottom: 4px;
  column-gap: 35px;
}
.dashboard .card_cal_evs > div[container] > div > label,
.dashboard .card_cal_birthdays > div[container] > div > label {
  font-size: calc(var(--fontsize));
}
.dashboard .card_cal_evs > div[container] > div {
  grid-template-columns: 9fr 4fr;
}
.dashboard .card_cal_birthdays > div[container] > div {
  grid-template-columns: 6fr 2fr 4fr;
}
.dashboard .card_graf > .grafica {
  display: grid;
  grid-template-columns: min-content;
  grid-template-rows: auto min-content;
  grid-template-areas: "axis_y area" "none axis_x";
  width: 100%;
  height: 100%;
  min-height: 400px;
  overflow: auto;
  padding-bottom: 10px;
}
.dashboard .card_graf > .grafica .axis_y > *,
.dashboard .card_graf > .grafica .axis_x > * {
  font-size: calc(var(--fontsize) - 4px);
  font-family: "Lato-Light";
}
.dashboard .card_graf > .grafica .axis_y {
  position: sticky;
  top: 0;
  left: 0;
  grid-area: axis_y;
  flex-direction: column;
  background-color: white;
  padding-right: 10px;
}
.dashboard .card_graf > .grafica .axis_y > div {
  display: flex;
  align-items: end;
  justify-content: end;
  padding-left: var(--padding2);
}
.dashboard .card_graf > .grafica .axis_y > div:not(:last-child) {
  border-bottom: 1px solid var(--color_borderbox1);
}
.dashboard .card_graf > .grafica .axis_x,
.dashboard .card_graf > .grafica .axis_y,
.dashboard .card_graf > .grafica .area {
  display: flex;
  gap: var(--padding2);
}
.dashboard .card_graf > .grafica .axis_x > div,
.dashboard .card_graf > .grafica .axis_y > div,
.dashboard .card_graf > .grafica .area > div {
  flex: 1 1 0;
  margin-left: var(--padding1);
}
.dashboard .card_graf > .grafica .axis_x {
  grid-area: axis_x;
  border-top: 1px solid var(--color_borderbox1);
  border-left: 1px solid var(--color_borderbox1);
}
.dashboard .card_graf > .grafica .axis_x > div {
  display: flex;
  min-width: 200px;
  justify-content: center;
  padding-top: var(--padding1);
  transform: rotate(-60deg);
}
.dashboard .card_graf > .grafica .area {
  grid-area: area;
}
.dashboard .card_graf > .grafica .area > div {
  display: flex;
  align-items: end;
  justify-content: center;
  gap: var(--padding1);
}
.dashboard .card_graf > .grafica .area > div div[ingreso],
.dashboard .card_graf > .grafica .area > div div[egreso] {
  flex: 1 1 0;
  transition: 0.3s height;
  max-width: 80px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.dashboard .card_graf > .grafica .area > div div[ingreso] {
  height: 70%;
  background-color: #A1D1FF;
}
.dashboard .card_graf > .grafica .area > div div[ingreso]:hover {
  background-color: #1E90FF;
}
.dashboard .card_graf > .grafica .area > div div[egreso] {
  height: 80%;
  background-color: #FF7C74;
}
.dashboard .card_graf > .grafica .area > div div[egreso]:hover {
  background-color: #F2190B;
}
.dashboard .card_finanzas_chart {
  min-width: 150px;
}
.dashboard .card_finanzas_chart > div[header] {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.dashboard .card_finanzas_chart > div[header] > div[chart_labels] {
  display: flex;
  padding-top: var(--padding1);
  padding-bottom: var(--padding1);
  padding-left: var(--padding2);
  padding-right: var(--padding2);
  border: 1px solid var(--color_primary4);
  gap: 15px;
  border-radius: 50px;
}
.dashboard .card_finanzas_chart > div[header] > div[chart_labels] > div {
  display: flex;
  gap: var(--padding1);
  align-items: center;
}
.dashboard .card_finanzas_chart > div[header] > div[chart_labels] > div > div[circle] {
  width: 16px;
  height: 16px;
  border-radius: 100%;
}
.dashboard .card_finanzas_chart > div[header] > div[chart_labels] > div[ingresos_label] > div[circle] {
  background-color: #50aaff;
}
.dashboard .card_finanzas_chart > div[header] > div[chart_labels] > div[egresos_label] > div[circle] {
  background-color: #ff554c;
}
.dashboard .card_finanzas_chart > div[container] {
  position: relative;
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: min-content auto;
  grid-template-rows: auto 10px min-content;
  grid-template-areas: "axis_y area" "chart_none2 area" "chart_none charts_footer";
  overflow-x: auto;
  padding-bottom: 10px;
  align-content: end;
}
.dashboard .card_finanzas_chart > div[container] .amount_axis_label,
.dashboard .card_finanzas_chart > div[container] .amount_axis_lines {
  display: grid;
  grid-template-rows: repeat(11, 36.3636363636px);
  min-height: 400px;
}
.dashboard .card_finanzas_chart > div[container] .amount_axis_label > span {
  font-size: var(--fontsize_me2);
}
.dashboard .card_finanzas_chart > div[container] .amount_axis_label > span.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%, #ececec 20%, rgba(238, 238, 238, 0) 35%);
  background-size: 800px 104px;
  min-height: 25px;
  border-radius: 5px;
  height: 100%;
  height: 20px;
  width: 80px;
}
.dashboard .card_finanzas_chart > div[container] .amount_axis {
  grid-area: axis_y;
  position: sticky;
  left: 0;
  background-color: white;
  z-index: 2;
  padding-right: 10px;
  align-items: end;
  text-align: end;
}
.dashboard .card_finanzas_chart > div[container] .axis_months {
  grid-area: charts_footer;
  display: flex;
  gap: calc(var(--padding4) + 5px);
  border-top: 2px solid var(--color_primary4);
}
.dashboard .card_finanzas_chart > div[container] .axis_months > div {
  display: flex;
  align-items: end;
  justify-content: center;
  gap: var(--padding1);
  flex: 1 1 0;
  min-width: 150px;
}
.dashboard .card_finanzas_chart > div[container] .chart_line {
  grid-area: area;
  max-height: 410px;
  pointer-events: none;
  z-index: 2;
  position: relative;
}
.dashboard .card_finanzas_chart > div[container] .chart_line svg[line_chart] {
  max-height: 400px;
  height: 100%;
  width: 100%;
  overflow: visible;
  pointer-events: none;
}
.dashboard .card_finanzas_chart > div[container] .chart_line svg[line_chart] > path {
  pointer-events: auto;
}
.dashboard .card_finanzas_chart > div[container] .chart_line > div[points_container] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  pointer-events: none;
  display: flex;
}
.dashboard .card_finanzas_chart > div[container] .chart_line > div[points_container] > div {
  display: flex;
  flex: 1 1 0;
  min-width: 150px;
  pointer-events: none;
}
.dashboard .card_finanzas_chart > div[container] .chart_line > div[points_container] > div div[ingreso],
.dashboard .card_finanzas_chart > div[container] .chart_line > div[points_container] > div div[egreso] {
  display: flex;
  flex: 1 1 0;
  transition: 0.3s height;
  justify-content: center;
  pointer-events: none;
}
.dashboard .card_finanzas_chart > div[container] .chart_line > div[points_container] > div div[ingreso] > div,
.dashboard .card_finanzas_chart > div[container] .chart_line > div[points_container] > div div[egreso] > div {
  border-radius: 100%;
  position: absolute;
}
.dashboard .card_finanzas_chart > div[container] .chart_line > div[points_container] > div div[ingreso] > div.zero,
.dashboard .card_finanzas_chart > div[container] .chart_line > div[points_container] > div div[egreso] > div.zero {
  background-color: var(--color_primary3);
}
.dashboard .card_finanzas_chart > div[container] .chart_line > div[points_container] > div div[ingreso]:hover > div.zero,
.dashboard .card_finanzas_chart > div[container] .chart_line > div[points_container] > div div[egreso]:hover > div.zero {
  background-color: var(--color_primary4);
}
.dashboard .card_finanzas_chart > div[container] .chart_line > div[points_container] > div div[ingreso]:not(.zero) > div:not(.zero) {
  background-color: #1E90FF;
}
.dashboard .card_finanzas_chart > div[container] .chart_line > div[points_container] > div div[ingreso]:not(.zero):hover > div:not(.zero) {
  background-color: #1E90FF;
}
.dashboard .card_finanzas_chart > div[container] .chart_line > div[points_container] > div div[egreso] > div:not(.zero) {
  background-color: #F2190B;
}
.dashboard .card_finanzas_chart > div[container] .chart_line > div[points_container] > div div[egreso]:hover > div:not(.zero) {
  background-color: #F2190B;
}
.dashboard .card_finanzas_chart > div[container] .area {
  grid-area: area;
}
.dashboard .card_finanzas_chart > div[container] .area.amount_axis_lines {
  overflow: visible;
  z-index: 0 !important;
}
.dashboard .card_finanzas_chart > div[container] .area.amount_axis_lines > hr {
  border: none;
  border-top: 1px dashed var(--color_primary4);
}
.dashboard .card_finanzas_chart > div[container] .area.amount_axis_lines > hr:last-child {
  border-bottom: 1px dashed var(--color_primary4);
}
.dashboard .card_finanzas_chart > div[container] .area.charts_container {
  z-index: 1;
  display: flex;
  position: relative;
}
.dashboard .card_finanzas_chart > div[container] .area.charts_container > div {
  display: flex;
  align-items: end;
  justify-content: center;
  flex: 1 1 0;
  min-width: 150px;
}
.dashboard .card_finanzas_chart > div[container] .area.charts_container > div:not(:first-child) {
  border-left: 1px dashed var(--color_primary3);
}
.dashboard .card_finanzas_chart > div[container] .area.charts_container > div.animated-background > div {
  background-color: var(--color_primary3);
}
.dashboard .card_finanzas_chart > div[container] .area.charts_container > div.animated-background div[ingreso] {
  background-color: var(--color_primary3);
  animation: chart_down2up 2s infinite;
}
.dashboard .card_finanzas_chart > div[container] .area.charts_container > div.animated-background div[egreso] {
  background-color: var(--color_primary3);
  animation: chart_up2down 2s infinite;
}
.dashboard .card_finanzas_chart > div[container] .area.charts_container > div div[ingreso],
.dashboard .card_finanzas_chart > div[container] .area.charts_container > div div[egreso] {
  display: flex;
  flex: 1 1 0;
  transition: 0.3s height;
  height: 100%;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  justify-content: center;
}
.dashboard .card_finanzas_chart > div[container] .area.charts_container > div div[ingreso] > div,
.dashboard .card_finanzas_chart > div[container] .area.charts_container > div div[egreso] > div {
  border-radius: 100%;
  position: absolute;
}
.dashboard .card_finanzas_chart > div[container] .area.charts_container > div div[ingreso] > div.zero,
.dashboard .card_finanzas_chart > div[container] .area.charts_container > div div[egreso] > div.zero {
  background-color: transparent;
}
.dashboard .card_finanzas_chart > div[container] .area.charts_container > div div[ingreso]:hover > div.zero,
.dashboard .card_finanzas_chart > div[container] .area.charts_container > div div[egreso]:hover > div.zero {
  background-color: transparent;
}
.dashboard .card_finanzas_chart > div[container] .area.charts_container > div:not(.animated-background) div[ingreso]:not(.zero) > div:not(.zero) {
  background-color: transparent;
}
.dashboard .card_finanzas_chart > div[container] .area.charts_container > div:not(.animated-background) div[egreso] > div:not(.zero) {
  background-color: transparent;
}
.dashboard .card_finanzas_chart > div[container]::before {
  content: "";
  grid-area: chart_none2;
  position: sticky;
  top: 0;
  left: 0;
  background-color: white;
  z-index: 3;
  height: 10px;
}
.dashboard .card_finanzas_chart > div[container]::after {
  content: "";
  grid-area: chart_none;
  position: sticky;
  top: 0;
  left: 0;
  background-color: white;
  z-index: 1;
}

.dashboard {
  container-type: inline-size;
  container-name: dashboard;
}

@container dashboard (width < 960px) {
  .cards {
    grid-template-columns: repeat(2, 1fr) !important;
    grid-template-areas: "info asistencia" "eventos eventos" "agenda cumples" "finanzas_mes finanzas_mes" "finanzas_anio finanzas_anio" "ingresos egresos" "grafica grafica" !important;
  }
  .cards .card.card_info_gral {
    grid-area: info;
  }
  .cards .card.card_asistencia {
    grid-area: asistencia;
  }
  .cards .card.card_ev {
    grid-area: eventos;
    max-height: none;
  }
  .cards .card.mes {
    grid-area: finanzas_mes;
    max-height: none;
  }
  .cards .card.anio {
    grid-area: finanzas_anio;
    max-height: none;
  }
  .cards .card.income {
    grid-area: ingresos;
  }
  .cards .card.outcome {
    grid-area: egresos;
  }
  .cards .card.card_cal_evs {
    grid-area: agenda;
  }
  .cards .card.card_cal_birthdays {
    grid-area: cumples;
  }
  .cards .card.card_finanzas_chart {
    grid-area: grafica;
  }
  .cards .card.card_cal_evs {
    min-height: unset;
    max-height: 300px;
  }
  .cards .card.card_cal_birthdays {
    min-height: unset;
    max-height: 300px;
  }
}
@container dashboard (width < 600px) {
  .cards {
    grid-template-columns: 1fr !important;
    grid-template-areas: "info" "asistencia" "eventos" "agenda" "cumples" "finanzas_mes" "finanzas_anio" "ingresos" "egresos" "grafica" !important;
  }
  .cards .card.card_info_gral, .cards .card.card_asistencia {
    max-height: none;
  }
}
@keyframes chart_down2up {
  0% {
    height: 0%;
  }
  50% {
    height: 50%;
  }
  100% {
    height: 0%;
  }
}
@keyframes chart_up2down {
  0% {
    height: 50%;
  }
  50% {
    height: 0%;
  }
  100% {
    height: 50%;
  }
}
@keyframes placeHolderShimmer {
  0% {
    background-position: -800px 0;
  }
  100% {
    background-position: 800px 0;
  }
}
.dashboard_basic {
  position: relative;
  min-width: 100%;
  background-image: url("../../image/home/home-background.jpg");
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  border-radius: var(--border_radius_base);
}
.dashboard_basic .welcome_box {
  background-color: rgba(255, 255, 255, 0.94);
  width: 90%;
  padding: calc(var(--padding2) * 2);
  font-size: 4.5vh;
  text-align: center;
  font-family: "Lato-Light";
  border-radius: var(--border_radius_base);
}

.modal_body > .info_cfdi .list {
  gap: var(--padding2);
}
.modal_body > .info_cfdi .list .item {
  position: relative;
  padding-bottom: calc(var(--padding3) * 2);
  padding-left: var(--padding3);
  margin-left: calc(var(--padding1) + 1px);
}
.modal_body > .info_cfdi .list .item:first-child {
  margin-top: var(--padding2);
}
.modal_body > .info_cfdi .list .item:last-child {
  padding-bottom: 0;
}
.modal_body > .info_cfdi .list .item:hover::before {
  background-color: var(--color_borderbox2);
}
.modal_body > .info_cfdi .list .item::before {
  content: "";
  position: absolute;
  left: calc((var(--padding1) + 1px) * -1);
  top: 0%;
  height: 100%;
  width: calc(var(--padding1) + 1px);
  background-color: var(--color_borderbox1);
  border-radius: calc(var(--padding1) + 1px) 0 0 calc(var(--padding1) + 1px);
}
.modal_body > .info_cfdi .list .item table {
  margin-bottom: var(--padding2);
}
.modal_body > .info_cfdi .list .item table wc-tooltip table tr {
  background-color: transparent;
}
.modal_body > .info_cfdi .list .item table wc-tooltip table tr * {
  font-size: var(--fontsize_me2);
}
.modal_body > .info_cfdi .view_complemento_iedu.error {
  border: 1px solid var(--color_app_red1);
  color: var(--color_app_red1);
  background-color: var(--color_primary0);
}

.card_alumno_materias > .area_filtros {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: var(--padding2);
  width: 100%;
  box-sizing: border-box;
}

.card_grupo_materia > .area_filtros {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: var(--padding2);
  width: 100%;
  box-sizing: border-box;
}

.finanza-agrupador-cargos-modal {
  display: flex;
  flex-direction: column;
  gap: var(--padding4);
}
.finanza-agrupador-cargos-modal .main-content {
  display: flex;
  min-height: 600px;
}
.finanza-agrupador-cargos-modal .main-content .escuelas-list-container {
  min-width: calc(150px + var(--padding4));
  width: 25%;
  display: flex;
  flex-direction: column;
  border-right: 1px solid var(--color_borderbox3);
  overflow-y: auto;
}
.finanza-agrupador-cargos-modal .main-content .escuelas-list-container .item:hover {
  background-color: var(--color_primary2);
  cursor: pointer;
}
.finanza-agrupador-cargos-modal .main-content .escuelas-list-container .item.active {
  background-color: var(--color_primary3);
}
.finanza-agrupador-cargos-modal .main-content .agrupadores-table-container {
  padding-left: var(--padding2);
  width: 75%;
}

.finanza-agrupador-cargos-modal-preview {
  display: flex;
  flex-direction: column;
  gap: var(--padding1);
  margin-top: var(--padding4);
}
.finanza-agrupador-cargos-modal-preview table {
  width: 100%;
  opacity: 0.8;
}
.finanza-agrupador-cargos-modal-preview table th {
  text-wrap: nowrap;
}