@font-face {
    font-family: Montserat;
    font-style: normal;
    src: url('/fonts/Montserrat-VariableFont_wght.ttf');
    font-display: swap;
}

@font-face {
    font-family: Montserat;
    font-style: italic;
    src: url('/fonts/Montserrat-Italic-VariableFont_wght.ttf');
    font-display: swap;
}

:root {
    --colors_headerforecolor: #fff;
    --colors_pdf: #ea4c3a;
    --colors_excelcolor: #08743b;
    --colors_danger: #f56a67;
    --colors_danger_condform: #dd4b39;
    --colors_danger_condform_row_background: #f2dede;
    --colors_danger_condform_action: #e5cccc;
    --colors_danger_condform_action_hover: rgba(245, 106, 103, 0.5);
    --colors_warning: #f39c12;
    --colors_warning_condform: #fb6e52;
    --colors_warning_condform_row_background: #faf2cc;
    --colors_warning_condform_action: #fed6be;
    --colors_warning_condform_action_hover: rgba(251, 110, 82, 0.5);
    --colors_success_condform: #00a65a;
    --colors_success_condform_row_background: #dff0d8;
    --colors_success_condform_action: #b9ccb7;
    --colors_success_condform_action_hover: rgba(0, 166, 90, 0.5);
    --colors_info_condform: #3c8dbc;
    --colors_info_condform_row_background: #e0f1ff;
    --colors_info_condform_action: #bcdcf5;
    --colors_info_condform_action_hover: rgba(60, 141, 188, 0.5);
    --colors_infolight: #00c0ef;
    --fonts_primary-regular: Montserrat;
    --fontsizes_font-icon-xxs: 10px;
    --fontsizes_font-icon-xs: 12px;
    --fontsizes_font-icon-s: 16px;
    --fontsizes_font-icon-m: 19px;
    --fontsizes_font-icon-l: 24px;
    --fontsizes_font-icon-xl: 36px;
    --borders_xs: 1px;
    --borders_s: 2px;
    --radius_s: 2px;
    --radius_m: 4px;
    --radius_l: 6px;

    --colors_basecolor: #0073ae;
    --colors_basecolorforecolor: #0073ae;
    --colors_actionborder_and_focuscolor: #005a95;
    --colors_actionhover: #0069a4;
    --colors_actionhoverborder: #005f9a;
    --colors_basecolorshadow: rgba(0, 115, 174, 0.7);
    --colors_baseforecolor80: rgba(255, 255, 255, 0.8);
    --colors_basecolor30: rgba(0, 115, 174, 0.3);
    --colors_baseforecolor: #fff;
    --colors_sidebarmenu_itemhoverforecolor: #0073ae;
    --colors_sidebarmenu_itemopenbackground: #0073ae;
    --colors_sidebarmenu_submenuitemhoverforecolor: #0073ae;
    --colors_sidebarmenu_selecteditembackground: #0073ae;

    --colors_gray01: #fbfbfb;
    --colors_gray02: #f7f7f7;
    --colors_gray03: #f5f4f4;
    --colors_gray04: #eee;
    --colors_gray05: #d9d9d9;
    --colors_gray06: #c8c8c8;
    --colors_gray07: #8c8d8e;
    --colors_gray08: #575b5d;
    --colors_gxqv-color-01: #182f53;
    --colors_gxqv-color-02: #a7e9e1;
    --colors_gxqv-color-03: #f57a4d;
    --colors_gxqv-color-04: #fbbc58;
    --colors_gxqv-color-05: #9c3725;
    --colors_gxqv-color-06: #2ed3c6;
    --colors_gxqv-color-07: #aa6890;
    --colors_gxqv-color-08: #c53b3d;
    --colors_gxqv-color-09: #8d89a3;
    --colors_gxqv-color-10: #095d6a;
    --colors_backgroundcolor: white;
    --colors_databackgroundcolor: #fff;
    --colors_gridforecolor: #000;
    --colors_gridactioniconcolor: #fff;

    --colors_sidebarmenu_backgroundcolor: #fcfcfc;
    --colors_sidebarmenu_itemforecolor: #607d8b;
    --colors_sidebarmenu_selecteditemforecolor: #fff;
    --colors_sidebarmenu_submenuitemforecolor: #607d8b;
    --colors_sidebarmenu_submenuselecteditembackground: #fcfcfc;
    --colors_sidebarmenu_submenuselecteditemforecolor: #263238;
    --colors_sidebarmenu_lineseparator: #fcfcfc;
    --colors_sidebarmenu_itemhoverbackground: #fcfcfc;
    --colors_sidebarmenu_linesubmenuitemcolor: #fcfcfc;
    --colors_sidebarmenu_circlesubmenuitemcolor: #fcfcfc;
    --colors_sidebarmenu_circlesubmenuitembackground: #fcfcfc;
    --colors_sidebarmenu_circelsubmenuitemactivecolor: #fcfcfc;
    --colors_sidebarmenu_bordersecondlevelsubmenu: #fcfcfc;
    --colors_sidebarmenu_submenuitembackground: #fcfcfc;
    --colors_sidebarmenu_scrollbackground: #fcfcfc;
    --colors_sidebarmenu_headerbackground: #f9f9f9;
    --colors_sidebarmenu_searchbackground: #fcfcfc;
    --colors_sidebarmenu_searchbordercolor: #ddd;
    --colors_sidebarmenu_searchfocusbackground: #fff;
    --colors_sidebarmenu_subtitlebackground: #fbfbfb;
    --colors_sidebarmenu_subtitleforecolor: #848484;

    --colors_basecolor: #0073ae;
    --colors_basecolor10: #e2f4ff;
    --colors_blackcolor40: #00000040;
    --colors_blackcolor50: #00000050;
    --colors_basecolorforecolor: #0073ae;
    --colors_databackgroundcolor: #fff;
    --colors_sidebarmenu_itemforecolor: #eaeaea;
    --colors_borderpopupcolor: #373737;
    --colors_sidebarmenu_toggleforecolor: #abc;
    --colors_grayclear: #fafafa;
    --spacing_tamanhomenumodulo: 36px;
    --spacing_tamanhocabecalhorecurso: 33px;
    --spacing_tamanhocabecalhopopup: 30px;
    --fonts_primary-font: Montserrat, sans-serif;

    --fontsizes_xs: 11px;
    --fontsizes_s: 14px;
    --fontsizes_m: 18px;
    --fontsizes_l: 22px;
    --fontsizes_xl: 28px;
    --fontsizes_xxl: 34px;

    font-family: var(--fonts_primary-font);
    font-size: 14px;
}

button {
    font-family: inherit;
    font-size: inherit;
    cursor: pointer;
}

body {
    box-sizing: border-box;
    padding: 16px;
    display: flex;
    flex-direction: column;
    height: 100vh;
    width: 100vw;
    margin: 0;
}

.componentes {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 10px;
    gap: 6px;
    flex: 0 0 auto;
}

.componentes.desativado {
    opacity: 0.5;
    pointer-events: none;
}

.botao-selecao-componente {
    cursor: pointer;
    border: none;
    background: var(--colors_basecolor);
    color: var(--colors_baseforecolor);
    font-size: 16px;
    padding: 6px 12px;
    border-radius: 4px;
    font-weight: bold;
    border: 1px solid var(--colors_actionborder_and_focuscolor);
}

.botao-selecao-componente:hover,
.botao-selecao-componente:focus-visible {
    background: var(--colors_actionhover);
}

#host {
    flex: 1 0 0;
    overflow: auto;
}

.gx-mask {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    animation: entermask 1s;
    background-position: center;
    background-color: black;
    opacity: 0.1;
    z-index: 9999;
}

body > .gx-mask {
    position: fixed;
}