@layer xone-reset, xone-base, xone-responsive, xone-layout, xone-components, xone-project;
@layer xone-project {
.xone-coll {
    font-family: IberPangeaVAR;
    tooltip-fontname: IberPangeaVAR;
    notab: true;
    group-swipe: false;
    dependent: false;
    check-owner: false;
    show-toolbar: false;
    editmask: 0;
    nomenmask: 0;
    show-selected-item: false;
    selected-item-start-index: -1;
    cell-border: false;
    cell-border-width: 0;
    cell-tpadding: 2px;
    cell-bpadding: 2px;
}

.xone-group {
    font-family: IberPangeaVAR;
    tooltip-fontname: IberPangeaVAR;
}

.xone-prop {
    font-family: IberPangeaVAR;
    tooltip-fontname: IberPangeaVAR;
    fieldsize: 14;
    labelwidth: 7;
    labelbox: false;
    text-border-top: false;
    text-border-bottom: true;
    text-border-right: false;
    text-border-left: false;
    grid-text-border: false;
    labelfont-bold: true;
    font-size: 15px;
    labelfont-size: 7;
    labelfontsize: 7;
    font-weight: normal;
    margin-left: 2px;
    img-spinner: bt_Arrow_down.png;
    img-spinner-sel: bt_Arrow_down_Sel.png;
    img-search: bt_Lupa.png;
    img-search-sel: bt_Lupa_sel.png;
    img-delete: bt_Delete.png;
    img-delete-sel: bt_Delete_sel.png;
    img-undo: undo.png;
    img-undo-sel: undo_click.png;
    img-phone: bt_Phone.png;
    img-phone-sel: bt_Phone_sel.png;
    img-date: bt_Date.png;
    img-date-sel: bt_Date_sel.png;
    img-time: bt_Time.png;
    img-time-sel: bt_Time_sel.png;
    img-checked: bt_check.png;
    img-checked-disabled: bt_check_disabled.png;
    img-unchecked: bt_uncheck.png;
    img-unchecked-disabled: bt_uncheck_disabled.png;
    img-att: bt_attach.png;
    img-att-sel: bt_attach_sel.png;
    img-camera: bt_camera.png;
    img-camera-sel: bt_camera_sel.png;
    img-video: bt_camera.png;
    img-video-sel: bt_camera_sel.png;
    img-height: 28;
    img-width: 28;
}

.darkColorColl {
    font-family: IberPangeaVAR;
    tooltip-fontname: IberPangeaVAR;
    notab: true;
    group-swipe: false;
    dependent: false;
    check-owner: false;
    show-toolbar: false;
    editmask: 0;
    nomenmask: 0;
    show-selected-item: false;
    selected-item-start-index: -1;
    cell-border: false;
    cell-border-width: 0;
    cell-tpadding: 2px;
    cell-bpadding: 2px;
}

.xnHeaderBar {
    width: 100%;
    height: 10%;
    --xone-align: left|center;
}

.xnBottomBar {
    width: 100%;
    height: 10%;
}

.xnDrawer {
    drawer-orientation: left;
    width: 75%;
    height: 75%;
}

.xnBodyOuterFrame {
    width: 100%;
    height: 100%;
    --xone-align: center;
}

.xnBodyInnerFrame {
    width: 98%;
    height: 100%;
}

.xnBodyDarkFrame {
    width: 100%;
    height: 100%;
    --xone-align: center;
}

.xnFloatingFrame {
    floating: true;
    border: none;
}

.xnFloatingBackFrame {
    floating: true;
    width: 100%;
    height: 100%;
    left: 0%;
    top: 0%;
    grid-framebox: false;
}

.xnDarkTitle {
    font-size: 17px;
    labelfontsize: 9;
    locked: true;
    locking: true;
}

.xnLightTitle {
    font-size: 17px;
    labelfontsize: 9;
    locked: true;
    locking: true;
}

.xnSubtitle {
    font-size: 16px;
    labelfontsize: 8;
    locked: true;
    locking: true;
}

.xnTextReadOnly {
    locked: true;
    locking: true;
    text-border-bottom: false;
}

.xnBorderTextEditable {
    font-family: IberPangeaVAR;
    tooltip-fontname: IberPangeaVAR;
    fieldsize: 14;
    labelwidth: 7;
    labelbox: false;
    text-border-top: true;
    text-border-bottom: true;
    text-border-right: true;
    text-border-left: true;
    grid-text-border: false;
    labelfont-bold: true;
    font-size: 15px;
    labelfont-size: 7;
    labelfontsize: 7;
    font-weight: normal;
    margin-left: 2px;
    img-spinner: bt_Arrow_down.png;
    img-spinner-sel: bt_Arrow_down_Sel.png;
    img-search: bt_Lupa.png;
    img-search-sel: bt_Lupa_sel.png;
    img-delete: bt_Delete.png;
    img-delete-sel: bt_Delete_sel.png;
    img-undo: undo.png;
    img-undo-sel: undo_click.png;
    img-phone: bt_Phone.png;
    img-phone-sel: bt_Phone_sel.png;
    img-date: bt_Date.png;
    img-date-sel: bt_Date_sel.png;
    img-time: bt_Time.png;
    img-time-sel: bt_Time_sel.png;
    img-checked: bt_check.png;
    img-checked-disabled: bt_check_disabled.png;
    img-unchecked: bt_uncheck.png;
    img-unchecked-disabled: bt_uncheck_disabled.png;
    img-att: bt_attach.png;
    img-att-sel: bt_attach_sel.png;
    img-camera: bt_camera.png;
    img-camera-sel: bt_camera_sel.png;
    img-video: bt_camera.png;
    img-video-sel: bt_camera_sel.png;
    img-height: 28;
    img-width: 28;
}

.xnLink {
    locked: true;
    locking: true;
    text-border-bottom: false;
    labelwidth: 0;
    font-style: italic;
}

.xnTextWebview {
    font-family: IberPangeaVAR;
    tooltip-fontname: IberPangeaVAR;
    fieldsize: 14;
    labelwidth: 0;
    labelbox: false;
    text-border-top: false;
    text-border-bottom: true;
    text-border-right: false;
    text-border-left: false;
    grid-text-border: false;
    labelfont-bold: true;
    font-size: 15px;
    labelfont-size: 7;
    labelfontsize: 7;
    font-weight: normal;
    margin-left: 2px;
    img-spinner: bt_Arrow_down.png;
    img-spinner-sel: bt_Arrow_down_Sel.png;
    img-search: bt_Lupa.png;
    img-search-sel: bt_Lupa_sel.png;
    img-delete: bt_Delete.png;
    img-delete-sel: bt_Delete_sel.png;
    img-undo: undo.png;
    img-undo-sel: undo_click.png;
    img-phone: bt_Phone.png;
    img-phone-sel: bt_Phone_sel.png;
    img-date: bt_Date.png;
    img-date-sel: bt_Date_sel.png;
    img-time: bt_Time.png;
    img-time-sel: bt_Time_sel.png;
    img-checked: bt_check.png;
    img-checked-disabled: bt_check_disabled.png;
    img-unchecked: bt_uncheck.png;
    img-unchecked-disabled: bt_uncheck_disabled.png;
    img-att: bt_attach.png;
    img-att-sel: bt_attach_sel.png;
    img-camera: bt_camera.png;
    img-camera-sel: bt_camera_sel.png;
    img-video: bt_camera.png;
    img-video-sel: bt_camera_sel.png;
    img-height: 28;
    img-width: 28;
    zoom-controls: false;
    --xone-align: justified;
}

.xnButtonAccent1 {
    border-radius: 8px;
    font-size: 15px;
}

.xnButtonAccent2 {
    border-radius: 8px;
    font-size: 15px;
}

.xnButtonAccent3 {
    border-radius: 8px;
    font-size: 15px;
}

.xnButtonImg {
    width: 10%;
    margin-left: 1%;
}

.xnDarkButtonLine {
    width: 100%;
    height: 4px;
}

.xnLightButtonLine {
    width: 100%;
    height: 4px;
}

.xnCalendar {
    width: 100%;
    height: 100%;
    cell-border-width: 4;
    cell-align: center;
    --xone-align: center;
    font-size: 22px;
    weekdays-fontsize: 6;
    weekdays-longname: false;
    weekdays-align: top|left;
    border-width: 2px;
    page-swipe: true;
    border: false;
}

.xnCalendarTitle {
    locked: true;
    font-size: 19px;
    --xone-align: center;
    text-border-bottom: false;
}

.xnCheckbox {
    font-family: IberPangeaVAR;
    tooltip-fontname: IberPangeaVAR;
    fieldsize: 14;
    labelwidth: 1;
    labelbox: false;
    text-border-top: false;
    text-border-bottom: true;
    text-border-right: false;
    text-border-left: false;
    grid-text-border: false;
    labelfont-bold: true;
    font-size: 15px;
    labelfont-size: 7;
    labelfontsize: 7;
    font-weight: normal;
    margin-left: 2px;
    img-spinner: bt_Arrow_down.png;
    img-spinner-sel: bt_Arrow_down_Sel.png;
    img-search: bt_Lupa.png;
    img-search-sel: bt_Lupa_sel.png;
    img-delete: bt_Delete.png;
    img-delete-sel: bt_Delete_sel.png;
    img-undo: undo.png;
    img-undo-sel: undo_click.png;
    img-phone: bt_Phone.png;
    img-phone-sel: bt_Phone_sel.png;
    img-date: bt_Date.png;
    img-date-sel: bt_Date_sel.png;
    img-time: bt_Time.png;
    img-time-sel: bt_Time_sel.png;
    img-checked: bt_check.png;
    img-checked-disabled: bt_check_disabled.png;
    img-unchecked: bt_uncheck.png;
    img-unchecked-disabled: bt_uncheck_disabled.png;
    img-att: bt_attach.png;
    img-att-sel: bt_attach_sel.png;
    img-camera: bt_camera.png;
    img-camera-sel: bt_camera_sel.png;
    img-video: bt_camera.png;
    img-video-sel: bt_camera_sel.png;
    img-height: 28;
    img-width: 50px;
    apply-css: true;
    background-color: #00000000;
}

.text-row {
    font-family: IberPangeaVAR;
    tooltip-fontname: IberPangeaVAR;
    labelwidth: 0;
    color: #333333;
    color: #333333;
    background-color: #FFFFFF;
    text-bgcolor-disabled: #F1F1F1;
    background-color: #00000000;
    border: false;
    text-border: false;
    text-align: left;
    padding-left: 5px;
}

.row {
    font-family: IberPangeaVAR;
    tooltip-fontname: IberPangeaVAR;
    background-color: #00000000;
    background-color: #00000000;
    border: false;
    text-border: false;
    padding-left: 5px;
}

.row2 {
    font-size: 10px;
    labelfontsize: 2;
    background-color: #00000000;
    background-color: #00000000;
    border: false;
    text-border: false;
    padding-left: 5px;
}

.button {
    font-family: IberPangeaVAR;
    tooltip-fontname: IberPangeaVAR;
    background-color: #2B7400;
    bgcolor-disabled: #CCCCCC;
    color: #FFFFFF;
    forecolor-disabled: #333333;
    elevation: 20;
    border-color: #1B4602;
    height: 32px;
}

.button-inverse {
    font-family: IberPangeaVAR;
    tooltip-fontname: IberPangeaVAR;
    background-color: #FFFFFF;
    bgcolor-disabled: #CCCCCC;
    color: #2B7400;
    forecolor-disabled: #333333;
    border-color: #2B7400;
    height: 32px;
}

.button2 {
    font-family: IberPangeaVAR;
    tooltip-fontname: IberPangeaVAR;
    background-color: #2B7400;
    bgcolor-disabled: #CCCCCC;
    color: #FFFFFF;
    forecolor-disabled: #333333;
    border-color: #1B4602;
    height: 32px;
}

.button-red {
    background-color: #FFFFFF;
    bgcolor-disabled: #CCCCCC;
    color: #D02A2A;
    forecolor-disabled: #333333;
    elevation: 20;
    border-color: #921D1D;
    height: 32px;
}

.button-listado {
    background-color: #FFFFFF;
    elevation: 20;
    border: false;
    xborder-color: #00000000;
    height: 32px;
}

.text-row-edit-label {
    color: #333333;
    color: #333333;
    background-color: #F1F1F1;
    background-color: #00000000;
    border: false;
    text-border: false;
    text-align: left;
    padding-left: 5px;
}

.font1 {
    font-size: 9px;
    font-size: 9px;
    font-size: 9px;
    textfontsize: 1;
    labelfontsize: 1;
    no-data-fontsize: 1;
}

.label-font1 {
    font-size: 9px;
    labelfontsize: 1;
}

.text-font1 {
    font-size: 9px;
    textfontsize: 1;
}

.font2 {
    font-size: 10px;
    font-size: 10px;
    font-size: 10px;
    textfontsize: 2;
    labelfontsize: 2;
    no-data-fontsize: 2;
}

.label-font2 {
    font-size: 10px;
    labelfontsize: 2;
}

.text-font2 {
    font-size: 10px;
    textfontsize: 2;
}

.font3 {
    font-size: 11px;
    font-size: 11px;
    font-size: 11px;
    textfontsize: 3;
    labelfontsize: 3;
    no-data-fontsize: 3;
}

.label-font3 {
    font-size: 11px;
    labelfontsize: 3;
}

.text-font3 {
    font-size: 11px;
    textfontsize: 3;
}

.font4 {
    font-size: 12px;
    font-size: 12px;
    font-size: 12px;
    textfontsize: 4;
    labelfontsize: 4;
    no-data-fontsize: 4;
}

.label-font4 {
    font-size: 12px;
    labelfontsize: 4;
}

.text-font4 {
    font-size: 12px;
    textfontsize: 4;
}

.font5 {
    font-size: 13px;
    font-size: 13px;
    font-size: 13px;
    textfontsize: 5;
    labelfontsize: 5;
    no-data-fontsize: 5;
}

.label-font5 {
    font-size: 13px;
    labelfontsize: 5;
}

.text-font5 {
    font-size: 13px;
    textfontsize: 5;
}

.font6 {
    font-size: 14px;
    font-size: 14px;
    font-size: 14px;
    textfontsize: 6;
    labelfontsize: 6;
    no-data-fontsize: 6;
}

.label-font6 {
    font-size: 14px;
    labelfontsize: 6;
}

.text-font6 {
    font-size: 14px;
    textfontsize: 6;
}

.font7 {
    font-size: 15px;
    font-size: 15px;
    font-size: 15px;
    textfontsize: 7;
    labelfontsize: 7;
    no-data-fontsize: 7;
}

.label-font7 {
    font-size: 15px;
    labelfontsize: 7;
}

.text-font7 {
    font-size: 15px;
    textfontsize: 7;
}

.font8 {
    font-size: 16px;
    font-size: 16px;
    font-size: 16px;
    textfontsize: 8;
    labelfontsize: 8;
    no-data-fontsize: 8;
}

.label-font8 {
    font-size: 16px;
    labelfontsize: 8;
}

.text-font8 {
    font-size: 16px;
    textfontsize: 8;
}

.font10 {
    font-size: 18px;
    font-size: 18px;
    font-size: 18px;
    textfontsize: 10;
    labelfontsize: 10;
    no-data-fontsize: 10;
}

.label-font10 {
    font-size: 18px;
    labelfontsize: 10;
}

.text-font10 {
    font-size: 18px;
    textfontsize: 10;
}

.font6 {
    font-size: 14px;
    font-size: 14px;
    font-size: 14px;
    textfontsize: 6;
    labelfontsize: 6;
    no-data-fontsize: 6;
}

.label-font6 {
    font-size: 14px;
    labelfontsize: 6;
}

.text-font6 {
    font-size: 14px;
    textfontsize: 6;
}

.font7 {
    font-size: 15px;
    font-size: 15px;
    font-size: 15px;
    textfontsize: 7;
    labelfontsize: 7;
    no-data-fontsize: 7;
}

.label-font7 {
    font-size: 15px;
    labelfontsize: 7;
}

.text-font7 {
    font-size: 15px;
    textfontsize: 7;
}

.font8 {
    font-size: 16px;
    font-size: 16px;
    font-size: 16px;
    textfontsize: 8;
    labelfontsize: 8;
    no-data-fontsize: 8;
}

.label-font8 {
    font-size: 16px;
    labelfontsize: 8;
}

.text-font8 {
    font-size: 16px;
    textfontsize: 8;
}

.font10 {
    font-size: 18px;
    font-size: 18px;
    font-size: 18px;
    textfontsize: 10;
    labelfontsize: 10;
    no-data-fontsize: 10;
}

.label-font10 {
    font-size: 18px;
    labelfontsize: 10;
}

.text-font10 {
    font-size: 18px;
    textfontsize: 10;
}

.font24 {
    font-size: 32px;
    font-size: 32px;
    font-size: 32px;
    textfontsize: 24;
    labelfontsize: 24;
    no-data-fontsize: 24;
}
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
  @view-transition { navigation: none; }
}