{"version":3,"sources":["webpack://src/styles/base/app.scss","webpack://src/components/PageRender/styles.scss","webpack://src/components/Header/styles.scss","webpack://src/components/Sidebar/styles.scss","webpack://src/pages/auth/ChangePassword/styles.scss","webpack://src/components/Modal/styles.scss","webpack://src/pages/auth/Login/styles.scss","webpack://src/pages/auth/RecoverPassword/styles.scss","webpack://src/components/Section/styles.scss","webpack://src/components/Form/styles.scss","webpack://src/components/List/styles.scss","webpack://src/components/Select/styles.scss","webpack://src/pages/system/Permissoes/GrupoAcesso/Grupo/styles.scss","webpack://src/pages/system/Permissoes/GrupoAcesso/Components/ModuleIconSelector/styles.scss","webpack://src/components/Tab/styles.scss","webpack://src/pages/system/Pessoas/RamoAtividade/styles.scss","webpack://src/styles/modules/status.scss","webpack://src/components/Menu/styles.scss","webpack://src/components/Pagination/styles.scss","webpack://src/styles/modules/mode.scss","webpack://src/pages/system/Pessoas/MonitoramentoCargas/styles.scss"],"names":[],"mappings":"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","file":"main.252b3f74.chunk.css","sourcesContent":["@import '../base/vars.scss';\n@import '../modules/mode.scss';\n\n/*******************************************************\n\t* - V1\n*******************************************************/\n\n* {\n\tbox-sizing: border-box;\n\tmargin: 0;\n\tpadding: 0;\n\t\n\tfont-family: 'Open Sans', sans-serif;\n\tfont-style: normal;\n\tfont-weight: normal;\n}\n\n/*******************************************************\n\tLink - V5\n*******************************************************/\n.negrito{\n    font-weight: bold;\n}\na {\t\t\n\tborder: none;\n\toutline: none;\n\n\tcolor: none;\n\ttext-decoration: none;\n\n\tcursor: pointer;\n\n    &:link, :active, :visited, :hover, :focus {\n        border: none;\n        outline: none;\n    \n        color: none;\n        text-decoration: none;\n    }\n\n}\n\n/*******************************************************\n\tInput - V3\n*******************************************************/\n\ninput, textarea {\n\tborder: none;\n\toutline: none;\n\n    &:focus {\n        outline: none;\n    }\n\n    &:-webkit-autofill {\n        transition: color 9999s ease-out, background-color 9999s ease-out;\n        transition-delay: 9999s;\n        -webkit-transition: color 9999s ease-out, background-color 9999s ease-out;\n        -webkit-transition-delay: 9999s;\n\n        &:hover, &:focus, &:active {\n            transition: color 9999s ease-out, background-color 9999s ease-out;\n            transition-delay: 9999s;\n            -webkit-transition: color 9999s ease-out, background-color 9999s ease-out;\n            -webkit-transition-delay: 9999s;\n        }\n        \n    }\n\n}\n\nselect {\n\n    &:focus {\n        outline: none;\n    }\n\n}\n\n/*******************************************************\n\tImage - V2\n*******************************************************/\n\nimg {\n\twidth: 100%;\n\theight: auto;\n    vertical-align: top;\n\n    font-size: 16px;\n}\n\n/*******************************************************\n\tText - V3\n*******************************************************/\n\np, h1, h2, h3, h4, h5, h6 {\n\tmargin: 0;\n\tpadding: 0;\n\n\tfont-weight: normal;\n}\n\n/*******************************************************\n\tList - V1\n*******************************************************/\n\nul, li {\n    padding: 0;\n    margin: 0;\n\n    list-style: none;\n}\n\n/*******************************************************\n\tButton - V1\n*******************************************************/\n\nbutton {\n\tborder: none;\n\n    &:hover, &:focus {\n        outline: none;\n    }\n\n}\n\n/*******************************************************\n\tTable - V1\n*******************************************************/\n\n.tableWrapper {\n    display: table;\n    table-layout: fixed;\n    width: 100%;\n\n    .tableContainer {\n        display: table-cell;\n        overflow: auto;\n        width: 100%;\n\n        &::-webkit-scrollbar {\n            width: 12px;\n        }\n    \n        &::-webkit-scrollbar-track {\n            border-radius: 6px; \n        }\n    \n        &::-webkit-scrollbar-thumb {\n            border-radius: 6px;\n            background: rgba(0,0,0,0.4); \n    \n            &:hover {\n                background: rgba(0,0,0,0.6); \n            }\n    \n        }\n\n    }\n\n}\n\ntable svg.status path {\n    fill: var(--color-status-p) !important;\n}\n\ntable.customTable {\n    width: 100%;\n    border-collapse: separate;\n    border-spacing: 0;\n\n    thead, tbody {\n        width: 100%;\n    }\n\n    tr {\n        width: 100%;\n\n        &.selected {\n            background-color: var(--color-action-hover);\n\n            td {\n                color: var(--color-txt-p) !important;\n            }\n\n        }\n\n        th, td {\n            padding: 8px;\n            border-right: 2px solid var(--color-divider);\n            border-bottom: 2px solid var(--color-divider);\n\n            color: var(--color-txt-t);\n            text-align: center;\n        }\n\n        th {\n            border-top: 2px solid var(--color-divider);\n\n            font-size: 16px;\n            font-weight: bold;\n\n            &:first-child {\n                border-left: 2px solid var(--color-divider);\n            }\n\n            &:first-child, &:last-child {\n                border-top: 2px solid var(--color-divider);\n            }\n\n        }\n\n        td {\n            font-size: 14px;\n\n            &:first-child {\n                border-left: 2px solid var(--color-divider);\n            }\n\n            div {\n\n                &.center {\n                    display: flex;\n                    flex-direction: row;\n                    justify-content: center;\n                    align-items: center;\n                    width: 100%;\n                }\n\n            }\n\n        }\n\n        &:first-child th {\n\n            &:first-child {\n                border-top-left-radius: 6px;\n            }\n    \n            :last-child {\n                border-top-right-radius: 6px;\n            }\n\n        }\n\n        &:last-child td {\n\n            &:first-child {\n                border-bottom-left-radius: 6px;\n            }\n\n            &:last-child {\n                border-bottom-right-radius: 6px;\n            }\n\n        }\n\n    }\n\n}\n\n.MuiTableContainer-root  {\n    overflow: overlay !important;\n\n    &::-webkit-scrollbar {\n        width: 12px;\n    }\n\n    &::-webkit-scrollbar-track {\n        border-radius: 6px; \n    }\n\n    &::-webkit-scrollbar-thumb {\n        border-radius: 6px;\n        background: rgba(0,0,0,0.4); \n\n        &:hover {\n            background: rgba(0,0,0,0.6); \n        }\n\n    }\n\n}\n\n.MuiTable-root {\n\n    * {\n        transition: #{$transition-theme};\n    }\n\n    th {\n        background-color: var(--color-layout-s) !important;\n    }\n\n    th, td {\n        color: var(--color-txt-t) !important;\n        text-align: center !important;\n    }\n\n    tr.selected {\n        background-color: var(--color-action-hover) !important;\n\n        td {\n            color: var(--color-txt-p) !important;\n        }\n\n    }\n\n    .MuiTableCell-root {\n\n        &.status {\n            background-color: var(--color-status-t) !important;\n\n            color: #{$color-txt-p-dm} !important;\n            font-weight: bold;\n        }\n\n    }\n\n}\n\n.dark-mode {\n\n    .MuiTable-root {\n\n        th {\n            background-color: var(--color-layout-t) !important;\n        }\n\n    }\n\n}\n\n\n/*******************************************************\n\tElements\n*******************************************************/\n\nhtml, body, header, main, footer, section,\n#root, #wrapper,\n#headerContainer, #mainContainer, #footerContainer, .sectionContainer {\n    width: 100%;\n\n    transition: #{$transition-theme};\n}\n\n/*******************************************************\n\tDialog\n*******************************************************/\n\n.dialogContent {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n}\n\n/*******************************************************\n\tScroll\n*******************************************************/\n\n.scroll {\n    overflow: hidden;\n\n    &:hover {\n        overflow: overlay !important;\n    }\n\n    &::-webkit-scrollbar {\n        width: 12px;\n    }\n\n    &::-webkit-scrollbar-track {\n        border-radius: 6px; \n    }\n\n    &::-webkit-scrollbar-thumb {\n        border-radius: 6px;\n        background: rgba(0,0,0,0.4); \n\n        &:hover {\n            background: rgba(0,0,0,0.6); \n        }\n\n    }\n\n}\n\n.overlayScroll {\n    overflow: overlay !important;\n}\n\n.customScroll {\n    overflow: auto;\n\n    &::-webkit-scrollbar {\n        width: 12px;\n    }\n\n    &::-webkit-scrollbar-track {\n        border-radius: 6px; \n    }\n\n    &::-webkit-scrollbar-thumb {\n        border-radius: 6px;\n        background: rgba(0,0,0,0.4); \n\n        &:hover {\n            background: rgba(0,0,0,0.6); \n        }\n\n    }\n\n}\n\n@supports not (overflow: overlay) {\n\n    .scroll {\n        overflow: auto !important;\n    }\n    \n}","@import '../../styles/base/vars.scss';\n@import '../../styles/modules/mode.scss';\n\n#wrapper {\n    position: relative;\n\n    overflow: hidden;\n    \n    &.center, &.default {\n        min-height: 100vh !important;\n        background-color: var(--color-layout-foreground);\n    }\n\n    &.center {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n    }\n\n    &.form {\n        overflow: hidden;\n    }\n\n    &.default {\n        display: flex;\n        flex-direction: row;\n        padding-top: 64px;\n\n        main {\n            width: 100%;\n            height: calc(100vh - 64px);\n\n            transition: 0.5s ease-in-out;\n    \n            #mainContainer {\n                padding: 24px;\n            }\n    \n        }\n\n    }\n\n    &.sidebar-open {\n\n        main {\n            padding-left: 300px;\n        }\n\n    }\n\n}","@import '../../styles/base/vars.scss';\n\nheader {\n    position: fixed;\n    top: 0;\n\n    height: 64px;\n    background-color: var(--color-layout-header);\n    box-shadow: #{$color-box-shadow-s};\n\n    z-index: 10;\n\n    nav {\n        width: 100%;\n        height: 100%;\n        padding: 8px 24px;\n\n        #headerContainer {\n            display: grid;\n            grid-template-columns: auto calc(228px - 24px) 1fr auto auto;\n            gap: 0 24px;\n            height: 100%;\n\n            .headerContent {\n                display: flex;\n                flex-direction: row;\n                align-items: center;\n\n                &.logo {\n\n                    img {\n                        width: auto;\n                        height: 48px;\n                    }\n\n                }\n\n                &.search {\n\n                    #headerSearch {\n                        display: flex;\n                        flex-direction: row;\n                        align-items: center;\n                        justify-content: flex-start;\n                        gap: 0 12px;\n                        min-width: 300px;\n                        max-width: 500px;\n                        height: 40px;\n                        padding: 0 16px;\n                        border-radius: 16px;\n                        background-color: var(--color-layout-foreground);\n\n                        transition: #{$transition-theme};\n\n                        input {\n                            flex-grow: 1;\n                            background-color: transparent;\n\n                            color: var(--color-txt-t);\n                            font-size: 16px;\n\n                            transition: #{$transition-theme};\n\n                            &::placeholder {\n                                color: var(--color-disabled-p);\n                            }\n\n                            &:focus {\n                                color: var(--color-txt-p) !important;\n                            }\n\n                        }\n                        \n                        #headerSearchIcon {\n                            display: flex;\n                            align-items: center;\n                            justify-content: center;\n\n                            svg {\n                                color: var(--color-disabled-p) !important;\n\n                                cursor: pointer;\n                                transition: 0.1s ease-in-out;\n\n                                &:hover {\n                                    color: var(--color-txt-p) !important;\n                                }\n\n                            }\n\n                        }\n                        \n                    }\n\n                }\n\n                &.menu, &.options, &.user {\n\n                    .headerOption {\n                        display: flex;\n                        flex-direction: row;\n                        align-items: center;\n                        justify-content: center;\n                        padding: 8px;\n                        border-radius: 24px;\n\n                        cursor: pointer;\n                        transition: 0.1s ease-in-out;\n\n                        &:hover {\n                            background-color: var(--color-action-hover);\n                        }\n\n                        .headerOptionLabel {\n                            margin-left: 8px;\n\n                            color: #{$color-theme-p};\n                            font-size: 18px;\n                            font-weight: bold;\n                        }\n\n                    }\n\n                }\n\n            }\n\n        }\n\n    }\n\n}\n\n.dark-mode header {\n\n    .menu, .options, .user {\n\n        .headerOption svg path, .headerOptionLabel {\n            fill: var(--color-txt-t) !important;\n            color: var(--color-txt-t) !important;\n        }\n\n    }\n\n}","@import '../../styles/base/vars.scss';\n\n.sidebar-open #sidebar {\n    left: 0;\n}\n\n#sidebar {\n    position: absolute;\n    left: -300px;\n\n    display: flex;\n    flex-direction: column;\n    width: 300px;\n    height: calc(100vh - 64px);\n    background-color: #{$color-theme-p};\n\n    z-index: 11;\n    transition: 0.5s ease-in-out;\n\n    #sidebarSectionGroup {\n        width: 100%;\n        height: 100%;\n        padding: 24px 0;\n\n        .sidebarSection {\n            width: 100%;\n\n            &:not(:last-child){\n                margin-bottom: 8px;\n            }\n\n            .sidebarOptionContainer {\n                width: 100%;\n\n                cursor: pointer;\n                transition: 0.1s ease-in-out;\n\n                .sidebarOptionContent {\n                    display: flex;\n                    flex-direction: row;\n                    align-items: center;\n                    justify-content: flex-start;\n                    width: 100%;\n                    padding: 8px 24px;\n\n                    &.active {\n                    \n                        .sidebarOptionLabel {\n                            color: #{$color-txt-p-dm};\n                            font-weight: bold;\n                        }\n    \n                    }\n\n                }\n\n                &:hover {\n                    background-color: #{$color-action-hover-lm};\n                }\n\n                &.focus {\n                    background-color: #{$color-action-hover-dm} !important;\n                }\n\n                &.header {\n\n                    .sidebarOptionLabel {\n                        color: #{$color-txt-p-dm};\n                        font-size: 18px;\n                        font-weight: bold;\n                    }\n\n                }\n\n                &.default {\n\n                    .sidebarOptionLabel {\n                        color: #{$color-txt-t-dm};\n                        font-size: 16px;\n                    }\n\n                }\n\n                .sidebarOptionIcon {\n                    width: 32px;\n                    height: 32px;\n                    margin-right: 8px;\n\n                    svg path {\n                        fill: #{$color-txt-p-dm} !important;\n                    }\n\n                }\n\n                .sidebarOptionLabel {\n                    flex-grow: 1;\n                }\n\n                .sidebarOptionIconOpen {\n                    width: 24px;\n                    height: 24px;\n                    \n                    transition: 0.2s ease-in-out;\n\n                    &.open {\n                        transform: rotate(90deg);\n                    }\n\n                    svg path {\n                        fill: #{$color-txt-p-dm} !important;\n                    }\n\n                }\n\n            }\n\n        }\n\n        .sidebarLoading {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            width: 100%;\n        }\n\n    }\n\n}","@import '../../../styles/base/vars.scss';\n@import '../../../styles/modules/mode.scss';\n\n#formChangeContainer {\n    display: grid;\n    grid-template-columns: auto 1fr;\n    height: 100vh;\n    background-color: #{$color-layout-p-lm};\n\n    overflow: hidden;\n\n    .loginContent {\n        position: relative;\n    \n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n        padding: 80px;\n\n        &:nth-child(1){\n            padding: 0;\n            \n            img {\n                width: auto;\n                height: 100%;\n            }\n\n        }\n\n        &:nth-child(2){\n\n            form {\n                width: auto !important;\n    \n                #formContainer {\n                    display: flex;\n                    flex-direction: column;\n                    align-items: center;\n                    gap: 24px;\n                    width: 320px;\n    \n                    img {\n                        margin-bottom: 24px;\n                    }\n\n                    .formTitle {\n                        display: flex;\n                        flex-direction: column;\n                        align-items: center;\n                        justify-content: center;\n                        width: 100%;\n                        margin-bottom: 24px;\n\n                        h3 {\n                            margin-bottom: 4px;\n\n                            color: #{$color-theme-p};\n                            font-size: 32px;\n                            font-weight: bold;\n                        }\n\n                        h4 {\n                            color: #{$color-txt-t-lm};\n                            font-size: 16px;\n                        }\n\n                    }\n            \n                    .inputContainer {\n                        position: relative;\n            \n                        display: flex;\n                        flex-direction: row;\n                        align-items: center;\n                        gap: 12px;\n                        width: 100%;\n                        padding: 8px 24px 8px 12px;\n                        border: 2px solid #{$color-divider-lm};\n                        border-radius: 4px;\n            \n                        &::before {\n                            content: '';\n            \n                            position: absolute;\n                            top: -2px;\n                            bottom: -2px;\n                            left: -2px;\n            \n                            border: 2px solid #{$color-theme-p};\n                            border-radius: 4px;\n                        }\n    \n                        svg path {\n                            fill: #{$color-theme-p} !important;\n                        }\n    \n                        input {\n                            flex-grow: 1;\n                            background-color: transparent !important;\n    \n                            color: #{$color-txt-p-lm};\n                            font-size: 16px;\n                        }\n            \n                    }\n    \n                    input[type = submit]{\n                        width: 100%;\n                        padding: 16px 32px;\n                        border-radius: 8px;\n                        background-color: #{$color-theme-p};\n    \n                        color: #{$color-txt-p-dm};\n                        font-size: 16px;\n                        font-weight: bold;\n    \n                        cursor: pointer;\n                        transition: 0.2s ease-in-out;\n    \n                        &:hover {\n                            background-color: #{$color-theme-p-dark};\n                        }\n    \n                    }\n    \n                    a {\n                        color: #{$color-txt-t-lm};\n                        font-size: 14px;\n                        font-weight: bold;\n                        text-decoration: underline;\n    \n                        &:hover {\n                            color: #{$color-txt-s-lm};\n                        }\n    \n                    }\n            \n                }\n    \n            }\n            \n        }\n    \n    }\n\n}","@import '../../styles/base/vars.scss';\n@import '../../styles/modules/mode.scss';\n@import '../../styles/modules/status.scss';\n\n.modalWrapper {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    width: 100vw;\n    height: 100vh;\n    padding: 60px;\n    background-color: rgba(0,0,0,0.6);\n\n    z-index: 1000;\n\n    .modalBox {\n        position: relative;\n        \n        display: flex;\n        flex-direction: column;\n        min-width: 400px;\n        max-height: 100%;\n        border-radius: 8px;\n        background-color: var(--color-layout-p);\n        box-shadow: #{$color-box-shadow-s};\n\n        transition: #{$transition-theme};\n\n        .modalBoxHeader, .modalBoxMain {\n            width: 100%;\n        }\n\n        .modalBoxHeader {\n            display: flex;\n            flex-direction: row;\n            align-items: center;\n            justify-content: space-between;\n            padding: 0 0 0 16px;\n            border-radius: 8px 8px 0 0;\n            background-color: #FAF7F7;\n\n            h1 {\n                color: var(--color-txt-t);\n                font-size: 16px;\n                font-weight: 700;\n            }\n\n            .iconContainer {\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                padding: 8px;\n                border-top-right-radius: 6px;\n\n                cursor: pointer;\n\n                svg path {\n                    fill: var(--color-txt-t) !important;\n                }\n                \n                &:hover {\n                    background-color: #{$color-status-error-p};\n\n                    svg path {\n                        fill: #{$color-txt-p-dm} !important;\n                    }\n\n                }\n\n            }\n\n        }\n\n        .modalBoxMain {\n            padding: 16px;\n\n            .modalBoxMainContainer {\n                display: flex;\n                flex-direction: column;\n                padding: 16px;\n                border: 1px solid var(--color-divider);\n                border-radius: 8px;\n                background-color: #FAF7F7;\n\n                .modalBoxMessage {\n                    color: var(--color-txt-p);\n                    font-size: 16px;\n                    font-weight: 700;\n                    text-align: center;\n                }\n\n                .modalBoxMainActionsContainer {\n                    display: flex;\n                    flex-direction: row;\n                    align-items: center;\n                    justify-content: center;\n                    gap: 0 16px;\n                    width: 100%;\n                    margin-top: 24px;\n\n                    button {\n                        display: flex;\n                        flex-direction: row;\n                        align-items: center;\n                        gap: 16px;\n                        padding: 12px 32px;\n                        border: 1px solid #{$color-theme-p};\n                        border-radius: 8px;\n\n                        font-size: 14px;\n                        font-weight: 700;\n\n                        cursor: pointer;\n                        transition: #{$transition-default};\n\n                        &.default {\n                            background-color: #{$color-theme-p};\n\n                            color: #{$color-txt-p-dm};\n\n                            &:hover {\n                                border-color: #{$color-theme-p-dark};\n                                background-color: #{$color-theme-p-dark};\n                            }\n\n                        }\n\n                        &.outline {\n                            background-color: transparent;\n\n                            color: #{$color-theme-p};\n\n                            &:hover {\n                                background-color: #{$color-theme-p-hover};\n                            }\n\n                        }\n\n                        &.status {\n                            border-color: var(--color-status-p) !important;\n                            background-color: var(--color-status-p) !important;\n\n                            color: #{$color-txt-p-dm} !important;\n\n                            &.disabled {\n                                pointer-events: none;\n                            }\n\n                            &:hover {\n                                background-color: var(--color-status-t) !important;\n                            }\n\n                        }\n\n                        .spinner {\n                            width: 18px;\n                            height: 18px;\n                            border: 3px solid var(--color-txt-p);\n                            border-right-color: transparent;\n                            border-radius: 50%;\n\n                            -webkit-animation: spinnerAnimation 0.75s linear infinite;\n                            animation: spinnerAnimation 0.75s linear infinite;\n                        }\n\n                    }\n\n                }\n\n            }\n\n        }\n\n    }\n\n}\n\n.dark-mode .modalWrapper {\n\n    .modalBox {\n        background-color: var(--color-layout-p) !important;\n\n        .modalBoxHeader {\n            background-color: var(--color-layout-s) !important;\n        }\n\n        .modalBoxMainContainer {\n            background-color: var(--color-layout-s) !important;\n\n            .modalBoxMainActionsContainer {\n\n                button {\n    \n                    &.outline {\n                        border-color: var(--color-txt-p) !important;\n\n                        color: var(--color-txt-p) !important;\n                    }\n\n                    &.status {\n                        border-color: var(--color-status-p) !important;\n                        background-color: var(--color-status-p) !important;\n\n                        color: #{$color-txt-p-dm} !important;\n\n                        &:hover {\n                            background-color: var(--color-status-t) !important;\n                        }\n\n                    }\n    \n                }\n    \n            }\n\n        }\n\n    }\n\n}\n\n@keyframes spinnerAnimation {\n    0% {\n        -webkit-transform: rotate(0);\n        -ms-transform: rotate(0);\n        transform: rotate(0);\n    }\n\n    100% {\n        -webkit-transform: rotate(360deg);\n        -ms-transform: rotate(360deg);\n        transform: rotate(360deg);\n    }\n}","@import '../../../styles/base/vars.scss';\n@import '../../../styles/modules/mode.scss';\n@import '../../../styles/modules/status.scss';\n\n#formLoginContainer {\n    display: grid;\n    grid-template-columns: auto 200px 1fr;\n    height: 100vh;\n    background-color: #{$color-layout-foreground-lm};\n\n    overflow: hidden;\n\n    .loginContent {\n        position: relative;\n    \n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n        padding: 80px;\n    \n        &:nth-child(1){\n            align-items: flex-start;\n            background-color: #{$color-theme-p};\n    \n            h1, h2 {\n                color: #{$color-txt-p-dm};\n                font-size: 40px;\n                text-align: left;\n            }\n    \n            h1 {\n                font-weight: bold;\n            }\n    \n        }\n    \n        &:nth-child(2){\n            padding: 0;\n            background-color: #{$color-layout-p-lm};\n        }\n    \n        &:nth-child(3){\n            background-color: #{$color-layout-p-lm};\n    \n            form {\n                width: auto !important;\n    \n                #formContainer {\n                    display: flex;\n                    flex-direction: column;\n                    align-items: center;\n                    gap: 24px;\n                    width: 320px;\n    \n                    img {\n                        margin-bottom: 24px;\n                    }\n\n                    .message {\n                        width: 100%;\n\n                        color: var(--color-status-error-p);\n                        text-align: center;\n                    }\n\n                    .forgotPWD {\n                        color: #{$color-txt-t-lm};\n\n                        cursor: pointer;\n                        transition: #{$transition-default};\n\n                        &:hover {\n                            color: #{$color-txt-p-lm};\n                        }\n\n                    }\n            \n                    .inputContainer {\n                        position: relative;\n            \n                        display: flex;\n                        flex-direction: row;\n                        align-items: center;\n                        gap: 12px;\n                        width: 100%;\n                        padding: 8px 24px 8px 12px;\n                        border: 2px solid #{$color-divider-lm};\n                        border-radius: 4px;\n            \n                        &::before {\n                            content: '';\n            \n                            position: absolute;\n                            top: -2px;\n                            bottom: -2px;\n                            left: -2px;\n            \n                            border: 2px solid #{$color-theme-p};\n                            border-radius: 4px;\n                        }\n    \n                        svg path {\n                            fill: #{$color-theme-p} !important;\n                        }\n    \n                        input {\n                            flex-grow: 1;\n                            background-color: transparent !important;\n    \n                            color: #{$color-txt-p-lm};\n                            font-size: 16px;\n                        }\n            \n                    }\n    \n                    button {\n                        display: flex;\n                        flex-direction: row;\n                        align-items: center;\n                        justify-content: center;\n                        gap: 16px;\n                        width: 100%;\n                        padding: 16px 32px;\n                        border-radius: 8px;\n                        background-color: #{$color-theme-p};\n    \n                        color: #{$color-txt-p-dm};\n                        font-size: 14px;\n                        font-weight: bold;\n    \n                        cursor: pointer;\n                        transition: #{$transition-default};\n    \n                        &:hover {\n                            background-color: #{$color-theme-p-dark};\n                        }\n\n                        &.status {\n\n                            &.disabled {\n                                pointer-events: none;\n                            }\n\n                        }\n\n                        .spinner {\n                            width: 18px;\n                            height: 18px;\n                            border: 3px solid var(--color-txt-p);\n                            border-right-color: transparent;\n                            border-radius: 50%;\n\n                            -webkit-animation: spinnerAnimation 0.75s linear infinite;\n                            animation: spinnerAnimation 0.75s linear infinite;\n                        }\n    \n                    }\n    \n                    a {\n                        color: #{$color-txt-t-lm};\n                        font-size: 14px;\n                        font-weight: bold;\n                        text-decoration: underline;\n    \n                        &:hover {\n                            color: #{$color-txt-s-lm};\n                        }\n    \n                    }\n            \n                }\n    \n            }\n    \n        }\n    \n        .custom-shape-divider-top-1640025532 {\n            width: calc(100vh + 1px);\n            height: 200px;\n    \n            line-height: 0;\n    \n            transform: rotate(270deg);\n            overflow: hidden;\n    \n            svg {\n                position: relative;\n        \n                display: block;\n                width: 100%;\n                height: 100%;\n    \n                path {\n                    fill: #{$color-theme-p};\n                }\n    \n            }\n    \n        }\n    \n    }\n\n}\n\n@keyframes spinnerAnimation {\n    0% {\n        -webkit-transform: rotate(0);\n        -ms-transform: rotate(0);\n        transform: rotate(0);\n    }\n\n    100% {\n        -webkit-transform: rotate(360deg);\n        -ms-transform: rotate(360deg);\n        transform: rotate(360deg);\n    }\n}","@import '../../../styles/base/vars.scss';\n@import '../../../styles/modules/mode.scss';\n\n#invalidContainer {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    width: 100vw;\n    height: 100vh;\n\n    #invalidBox {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        width: 300px;\n\n        h1 {\n            margin-bottom: 4px;\n\n            color: #{$color-theme-p};\n            font-size: 32px;\n            font-weight: bold;\n        }\n\n        h2 {\n            color: #{$color-txt-t-lm};\n            font-size: 16px;\n        }\n\n        img {\n            width: 100%;\n            margin: 32px 0;\n        }\n    \n        a {\n            width: 100%;\n            padding: 16px 32px;\n            border-radius: 8px;\n            background-color: #{$color-theme-p};\n    \n            color: #{$color-txt-p-dm};\n            font-size: 16px;\n            font-weight: bold;\n            text-align: center;\n    \n            cursor: pointer;\n            transition: 0.2s ease-in-out;\n    \n            &:hover {\n                background-color: #{$color-theme-p-dark};\n            }\n        }\n\n    }\n\n}","@import '../../styles/base/vars.scss';\n@import '../../styles/modules/mode.scss';\n\nsection {\n\n    &:not(:last-child) {\n        margin-bottom: 24px;\n    }\n\n    .sectionBox {\n        width: 100%;\n        border-radius: 6px;\n        background-color: var(--color-layout-box);\n        box-shadow: #{$color-box-shadow-s};\n\n        transition: #{$transition-theme};\n\n        &:not(:last-child) {\n            margin-bottom: 24px;\n        }\n    \n        .sectionBoxHeader {\n            display: flex;\n            flex-direction: row;\n            align-items: center;\n            justify-content: space-between;\n            gap: 0 24px;\n            width: 100%;\n            padding: 12px 24px;\n            border-bottom: 2px solid var(--color-divider);\n\n            transition: #{$transition-theme};\n\n            .sectionBoxHeaderLeftContent {\n                display: flex;\n                flex-direction: row;\n                align-items: center;\n                gap: 0 8px;\n\n                .sectionBoxHeaderGoBack {\n                    width: 24px;\n                    height: 24px;\n\n                    cursor: pointer;\n\n                    &:hover svg path {\n                        fill: var(--color-txt-p) !important;\n                    }\n\n                    svg path {\n                        fill: var(--color-txt-t) !important;\n\n                        transition: #{$transition-default};\n                    }\n\n                }\n\n                h2 {\n                    color: var(--color-txt-t);\n                    font-size: 18px;\n    \n                    transition: #{$transition-theme};\n                }\n\n            }\n\n            .sectionBoxHeaderRightContent {\n                display: flex;\n                flex-direction: row;\n                align-items: center;\n                gap: 0 16px;\n\n                .MuiInput-underline {\n\n                    &:before {\n                        border-color: var(--color-txt-t);\n                    }\n            \n                    &:after {\n                        border-color: #{$color-theme-p};\n                    }\n            \n                    input {\n                        color: var(--color-txt-p);\n            \n                        &::placeholder {\n                            color: var(--color-txt-t);\n                        }\n            \n                    }\n            \n                    svg path {\n                        fill: var(--color-txt-p) !important;\n                    }\n            \n                }\n            \n                .MuiSelect-selectMenu {\n                    color: var(--color-txt-p);\n                }\n\n                .btn {\n                    display: flex;\n                    flex-direction: row;\n                    align-items: center;\n                    gap: 8px;\n                    padding: 8px 16px;\n                    border: 1px solid #{$color-theme-p};\n                    border-radius: 8px;\n                \n                    font-size: 14px;\n                    font-weight: 700;\n                \n                    cursor: pointer;\n                    transition: #{$transition-default};\n                \n                    &.default {\n                        background-color: #{$color-theme-p};\n                \n                        color: #{$color-txt-p-dm};\n                \n                        &:hover {\n                            border-color: #{$color-theme-p-dark};\n                            background-color: #{$color-theme-p-dark};\n                        }\n                \n                    }\n                \n                    &.outline {\n                        background-color: transparent;\n                \n                        color: #{$color-theme-p};\n                \n                        &:hover {\n                            background-color: #{$color-theme-p-hover};\n                        }\n                \n                    }\n                \n                    &.status {\n                        border-color: var(--color-status-p) !important;\n                        background-color: var(--color-status-p) !important;\n                \n                        color: #{$color-txt-p-dm} !important;\n                \n                        &.disabled {\n                            pointer-events: none;\n                        }\n                \n                        &:hover {\n                            background-color: var(--color-status-t) !important;\n                        }\n                \n                    }\n            \n                    svg path {\n                        fill: #{$color-txt-p-dm} !important;\n                    }\n                \n                }\n\n                .sectionBoxHeaderOption {\n                    width: 28px;\n                    height: 28px;\n\n                    svg {\n                        cursor: pointer;\n\n                        path {\n                            transition: #{$transition-default};\n                        }\n\n                    }\n                    \n                }\n\n            }\n\n        }\n\n        .sectionBoxContent {\n            display: flex;\n            flex-direction: column;\n            width: 100%;\n\n            &.padding {\n                padding: 24px;\n            }\n\n        }\n\n        .sectionBoxDataContainer {\n            display: flex;\n            flex-direction: column;\n            align-items: flex-start;\n            justify-content: flex-start;\n            width: 100%;\n            border: 2px solid var(--color-divider);\n            border-radius: 10px;\n\n            transition: #{$transition-theme};\n\n            &:not(:last-of-type){\n                margin-bottom: 16px;\n            }\n\n            .sectionBoxDataTitle {\n                padding: 16px 16px 0;\n                \n                color: var(--color-txt-s);\n                font-size: 18px;\n                font-weight: bold;\n\n                transition: #{$transition-theme};\n            }\n\n            p {\n                color: var(--color-txt-t);\n                font-size: 16px;\n\n                transition: #{$transition-theme};\n            }\n\n            .sectionBoxDataContent {\n                flex-grow: 1;\n                width: 100%;\n\n                &.padding {\n                    padding: 16px;\n                }\n\n            }\n\n        }\n    \n    }\n\n}\n\n.light-mode section {\n\n    .sectionBox {\n\n        .sectionBoxHeaderOption svg {\n\n            &:hover path {\n                fill: #{$color-theme-p-dark} !important;\n            }\n\n            path {\n                fill: #{$color-theme-p} !important;\n            }\n\n        }\n\n    }\n    \n}\n\n.dark-mode section {\n\n    .sectionBox {\n\n        .sectionBoxHeader {\n\n            .MuiInput-underline:after {\n                border-bottom-color: var(--color-txt-p);\n            }\n\n        }\n\n        .sectionBoxHeaderOption svg {\n\n            &:hover path {\n                fill: var(--color-txt-p) !important;\n            }\n\n            path {\n                fill: var(--color-txt-t) !important;\n            }\n\n        }\n\n        .sectionBoxHeaderRightContent {\n\n            .btn {\n\n                &.outline {\n                    border-color: var(--color-txt-p) !important;\n        \n                    color: var(--color-txt-p) !important;\n                }\n        \n                &.status {\n                    border-color: var(--color-status-p) !important;\n                    background-color: var(--color-status-p) !important;\n        \n                    color: #{$color-txt-p-dm} !important;\n        \n                    &:hover {\n                        background-color: var(--color-status-t) !important;\n                    }\n        \n                }\n        \n            }\n\n        }\n\n    }\n\n}","@import '../../styles/base/vars.scss';\n@import '../../styles/modules/mode.scss';\n@import '../../styles/modules/status.scss';\n\nform {\n    width: 100%;\n}\n\n.formContainer {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    justify-content: flex-start;\n    width: 100%;\n\n    &:not(:last-of-type){\n        margin-bottom: 24px;\n    }\n\n    &.padding {\n        padding: 24px;\n    }\n\n    .formContainerTitle {\n        margin-bottom: 16px;\n\n        color: var(--color-txt-s);\n        font-weight: bold;\n\n        transition: #{$transition-theme};\n    }\n\n    .formRow {\n        display: grid;\n        gap: 24px;\n        width: 100%;\n\n        &:not(:last-of-type) {\n            margin-bottom: 16px;\n        }\n\n    }\n\n    .formGroup {\n        display: flex;\n        flex-direction: column;\n        align-items: flex-start;\n        justify-content: space-between;\n        gap: 8px;\n        width: 100%;\n\n        label {\n            color: var(--color-txt-s);\n            font-size: 14px;\n            font-weight: bold;\n\n            transition: #{$transition-theme};\n        }\n\n    }\n\n    input, textarea {\n        width: 100%;\n        padding: 8px;\n        border: 2px solid var(--color-divider);\n        border-radius: 10px;\n        background-color: var(--color-layout-p);\n\n        color: var(--color-txt-p);\n        font-size: 14px;\n\n        resize: none;\n        transition: #{$transition-theme};\n\n        &:not(.disabled){\n\n            &:hover, &:focus {\n                border-color: #{$color-theme-p};\n            }\n\n        }\n\n        &::-webkit-calendar-picker-indicator {\n            filter: invert(40%);\n\n            cursor: pointer;\n\n            &:hover {\n                filter: invert(80%);\n            }\n\n        }\n\n        &.status {\n\n            &.disabled {\n                color: var(--color-txt-t) !important;\n            }\n\n        }\n\n    }\n\n    .formActionsContainer {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: center;\n        gap: 0 16px;\n        width: 100%;\n        margin-top: 24px;\n\n        button {\n            display: flex;\n            flex-direction: row;\n            align-items: center;\n            gap: 16px;\n            padding: 12px 32px;\n            border: 1px solid #{$color-theme-p};\n            border-radius: 8px;\n\n            font-size: 14px;\n            font-weight: 700;\n\n            cursor: pointer;\n            transition: #{$transition-default};\n\n            &.default {\n                background-color: #{$color-theme-p};\n\n                color: #{$color-txt-p-dm};\n\n                &:hover {\n                    border-color: #{$color-theme-p-dark};\n                    background-color: #{$color-theme-p-dark};\n                }\n\n            }\n\n            &.outline {\n                background-color: transparent;\n\n                color: #{$color-theme-p};\n\n                &:hover {\n                    background-color: #{$color-theme-p-hover};\n                }\n\n            }\n\n            &.status {\n                border-color: var(--color-status-p) !important;\n                background-color: var(--color-status-p) !important;\n\n                color: #{$color-txt-p-dm} !important;\n\n                &.disabled {\n                    pointer-events: none;\n                }\n\n                &:hover {\n                    background-color: var(--color-status-t) !important;\n                }\n\n            }\n\n            .spinner {\n                width: 18px;\n                height: 18px;\n                border: 3px solid var(--color-txt-p);\n                border-right-color: transparent;\n                border-radius: 50%;\n\n                -webkit-animation: spinnerAnimation 0.75s linear infinite;\n                animation: spinnerAnimation 0.75s linear infinite;\n            }\n\n        }\n\n    }\n\n}\n\n.dark-mode {\n\n    .formContainer {\n\n        .formActionsContainer {\n\n            button {\n    \n                &.outline {\n                    border-color: var(--color-txt-p) !important;\n\n                    color: var(--color-txt-p) !important;\n                }\n\n                &.status {\n                    border-color: var(--color-status-p) !important;\n                    background-color: var(--color-status-p) !important;\n\n                    color: #{$color-txt-p-dm} !important;\n\n                    &:hover {\n                        background-color: var(--color-status-t) !important;\n                    }\n\n                }\n\n            }\n\n        }\n\n    }\n\n}\n\n@keyframes spinnerAnimation {\n    0% {\n        -webkit-transform: rotate(0);\n        -ms-transform: rotate(0);\n        transform: rotate(0);\n    }\n\n    100% {\n        -webkit-transform: rotate(360deg);\n        -ms-transform: rotate(360deg);\n        transform: rotate(360deg);\n    }\n}","@import '../../styles/modules/mode.scss';\n@import '../../styles/modules/status.scss';\n@import '../../styles/base/vars.scss';\n\n.listContainer {\n    position: relative;\n\n    width: 100%;\n\n    .listSection {\n        width: 100%;\n\n        &.header {\n\n            .listColumn {\n                padding: 12px 0;\n\n                color: var(--color-txt-s);\n                font-size: 14px;\n                font-weight: bold;\n            }\n\n        }\n\n        &.main {\n            display: grid;\n            max-height: 70vh;\n            padding-bottom: 16px;\n\n            .listRowContainer {\n                transition: 0.1s ease-in-out;\n\n                &:hover {\n                    background: var(--color-action-hover);\n                }\n\n                &.status .listColumn {\n                    color: var(--color-status-p) !important;\n                }\n\n                .listColumn {\n                    position: relative;\n\n                    display: flex;\n                    flex-direction: row;\n                    align-items: center;\n                    justify-content: space-between;\n                    gap: 0 8px;\n                    padding: 8px 0;\n                    \n                    color: var(--color-txt-t);\n                    font-size: 14px;\n\n                    .listOption {\n                        width: 20px;\n                        height: 20px;\n\n                        svg {\n                            cursor: pointer;\n\n                            &:hover path {\n                                fill: var(--color-txt-p) !important;\n                            }\n\n                            path {\n                                fill: var(--color-txt-t) !important;\n\n                                transition: #{$transition-default};\n                            }\n\n                        }\n\n                        &.status svg {\n\n                            &:hover path {\n                                fill: var(--color-status-t) !important;\n                            }\n\n                            path {\n                                fill: var(--color-status-p) !important;\n                            }\n\n                        }\n\n                    }\n\n                    input {\n                        background-color: var(--color-action-hover);\n\n                        color: var(--color-txt-t);\n                        font-size: 14px;\n\n                        transition: #{$transition-theme};\n\n                        &::-webkit-inner-spin-button,\n                        &::-webkit-outer-spin-button {\n                            -webkit-appearance: none;\n                            appearance: none;\n                        }\n\n                        &:hover, &:focus {\n                            border-color: #{$color-theme-p};\n\n                            color: var(--color-txt-p);\n                        }\n\n                        &::before {\n                            \n                            width: 100%;\n                            height: 4px;\n                            background-color: red;\n\n                            z-index: 11;\n                        }\n\n                    }\n\n                }\n\n            }\n\n        }\n\n        a {\n            width: 100%;\n        }\n\n        .listRow {\n            width: 100%;\n\n            transition: 0.1s ease-in-out;\n\n            &.zebra {\n                background-color: var(--color-disabled-s)\n            }\n\n            .listRowContainer {\n                display: grid;\n                column-gap: 12px;\n                \n                width: 100%;\n\n                &.padding {\n                    padding: 0 24px;\n                }\n\n                &.noPadding {\n                    padding: 0 8px;\n                }\n\n                .listColumn {\n                    display: flex;\n                    flex-direction: row;\n                    align-items: center;\n                    justify-content: flex-start;\n\n                    &.center {\n                        justify-content: center;\n                    }\n\n                }\n\n            }\n\n        }\n\n    }\n\n}","@import '../../styles/base/vars.scss';\n@import '../../styles/modules/mode.scss';\n@import '../../styles/modules/status.scss';\n\n.selectWrapper {\n    position: relative;\n\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    width: 100%;\n\n    .selectTitleLabel {\n        color: var(--color-txt-s);\n        font-weight: bold;\n\n        transition: #{$transition-theme};\n    }\n    \n    .selectLabelContainer {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: space-between;\n        width: 100%;\n\n        cursor: pointer;\n\n        &.default {\n\n            .selectLabel {\n                color: inherit;\n                font-size: inherit;\n                font-weight: inherit;\n    \n                transition: #{$transition-theme};\n            }\n\n        }\n\n        &.outline {\n            padding: 4px 8px;\n            border: 2px solid var(--color-divider);\n            border-radius: 10px;\n            background-color: var(--color-layout-p);\n\n            transition: #{$transition-theme};\n\n            &:hover {\n                border-color: #{$color-theme-p};\n            }\n\n            &.open {\n                border-color: #{$color-theme-p};\n            }\n\n            &.status {\n                border-color: var(--color-status-p);\n                \n                .selectLabel {\n                    color: var(--color-status-t) !important;\n                }\n\n                svg path {\n                    fill: var(--color-status-t) !important;\n                }\n\n            }\n\n        }\n\n        .selectLabel {\n            color: var(--color-txt-p);\n            font-size: 14px;\n            white-space: nowrap;\n            text-overflow: ellipsis;\n\n            overflow: hidden;\n            transition: #{$transition-theme};\n        }\n\n        .selectIcon {\n            width: 24px;\n            height: 24px;\n\n            transition: 0.2s ease-in-out;\n\n            &.open {\n                transform: rotate(-180deg);\n            }\n\n            svg path {\n                fill: var(--color-txt-t) !important;\n\n                transition: #{$transition-theme};\n            }\n\n        }\n\n    }\n\n    .selectItemsContainer {\n        position: fixed;\n        \n        max-height: 150px;\n        padding: 8px 0;\n        border-radius: 8px;\n        background-color: var(--color-layout-s);\n        box-shadow: 0px 5px 10px 2px rgba(0,0,0,0.6);\n \n        z-index: 1000;\n\n        .selectItem {\n            padding: 8px 16px;\n\n            font-size: 14px;\n            color: var(--color-txt-t);\n\n            cursor: pointer;\n            transition: #{$transition-theme};\n\n            &:hover {\n                background-color: var(--color-action-hover);\n\n                color: var(--color-txt-p);\n            }\n\n            &.selected {\n                color: var(--color-txt-p);\n                font-weight: bold;\n            }\n\n        }\n\n    }\n\n}\n\n.dark-mode .selectWrapper {\n\n    .selectItemsContainer {\n        background-color: var(--color-layout-t) !important;\n    }\n\n}","@import '../../../../../styles/base/vars.scss';\n@import '../../../../../styles/modules/mode.scss';\n@import '../../../../../styles/modules/status.scss';\n\n#mainSystem_Config_GrupoAcesso_Grupo {\n\n    #control {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: flex-end;\n        gap: 16px;\n\n        button {\n            display: flex;\n            flex-direction: row;\n            align-items: center;\n            gap: 16px;\n            padding: 12px 32px;\n            border: 1px solid #{$color-theme-p};\n            border-radius: 8px;\n\n            font-size: 14px;\n            font-weight: 700;\n\n            cursor: pointer;\n            transition: #{$transition-default};\n\n            &.default {\n                background-color: #{$color-theme-p};\n\n                color: #{$color-txt-p-dm};\n\n                &:hover {\n                    border-color: #{$color-theme-p-dark};\n                    background-color: #{$color-theme-p-dark};\n                }\n\n            }\n\n            &.outline {\n                background-color: transparent;\n\n                color: #{$color-theme-p};\n\n                &:hover {\n                    background-color: #{$color-theme-p-hover};\n                }\n\n            }\n\n            &.status {\n                border-color: var(--color-status-p) !important;\n                background-color: var(--color-status-p) !important;\n\n                color: #{$color-txt-p-dm} !important;\n\n                &.disabled {\n                    pointer-events: none;\n                }\n\n                &:hover {\n                    background-color: var(--color-status-t) !important;\n                }\n\n            }\n\n            .spinner {\n                width: 18px;\n                height: 18px;\n                border: 3px solid #{$color-txt-p-dm};\n                border-right-color: transparent;\n                border-radius: 50%;\n\n                -webkit-animation: spinnerAnimation 0.75s linear infinite;\n                animation: spinnerAnimation 0.75s linear infinite;\n            }\n\n        }\n\n    }\n\n}\n\n.darkMode #mainSystem_Config_GrupoAcesso_Grupo {\n\n    #control {\n\n        button {\n    \n            &.outline {\n                border-color: var(--color-txt-p) !important;\n\n                color: var(--color-txt-p) !important;\n            }\n\n            &.status {\n                border-color: var(--color-status-p) !important;\n                background-color: var(--color-status-p) !important;\n\n                color: #{$color-txt-p-dm} !important;\n\n                &:hover {\n                    background-color: var(--color-status-t) !important;\n                }\n\n            }\n\n        }\n\n    }\n\n}\n\n@keyframes spinnerAnimation {\n    0% {\n        -webkit-transform: rotate(0);\n        -ms-transform: rotate(0);\n        transform: rotate(0);\n    }\n\n    100% {\n        -webkit-transform: rotate(360deg);\n        -ms-transform: rotate(360deg);\n        transform: rotate(360deg);\n    }\n}","@import '../../../../../../styles/base/vars.scss';\n@import '../../../../../../styles/modules/mode.scss';\n\n.moduleIconSelectorContainer {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 12px;\n    width: 100%;\n    margin-top: 24px;\n\n    .moduleIconSelectorBox {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n        width: 48px;\n        height: 48px;\n        border: 2px solid var(--color-divider);\n        border-radius: 8px;\n\n        cursor: pointer;\n        transition: #{$transition-theme};\n\n        &:hover {\n            border-color: var(--color-txt-t);\n\n            svg path {\n                fill: var(--color-txt-t) !important;\n            }\n\n        }\n\n        &.active {\n            border-color: var(--color-txt-p);\n\n            svg path {\n                fill: var(--color-txt-p) !important;\n            }\n\n        }\n\n        svg {\n\n            path {\n                fill: var(--color-txt-t) !important;\n\n                transition: #{$transition-theme};\n            }\n\n        }\n\n    }\n\n}","@import '../../styles/base/vars.scss';\n@import '../../styles/modules/mode.scss';\n\n/*******************************************************\n\tTab\n*******************************************************/\n\n.tabContainer {\n    width: 100%;\n\n    .group {\n        width: 100%;\n\n        &.tabLabelGroup {\n            display: grid;\n            background-color: #F5F4F7;\n\n            transition: #{$transition-theme};\n\n            .tabLabel {\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                padding: 16px 24px 12px;\n                border-bottom: 2px solid var(--color-divider);\n\n                color: var(--color-disabled-p);\n                font-size: 16px;\n                font-weight: bold;\n                text-align: center;\n\n                cursor: pointer;\n                transition: #{$transition-theme};\n\n                &:hover {\n                    border-color: var(--color-txt-t);\n                    background-color: var(--color-action-hover);\n\n                    color: var(--color-txt-t);\n                }\n\n                &.active {\n                    border-color: #{$color-theme-p};\n\n                    color: #{$color-theme-p};\n\n                    &:hover {\n                        background-color: #{$color-theme-p-hover};\n                    }\n\n                }\n\n            }\n\n        }\n\n        &.tabPanelGroup {\n            \n            .tabPanel {\n                display: none;\n                width: 100%;\n\n                &.active {\n                    display: block;\n                }\n\n                .tabPanelContainer {\n                    width: 100%;\n                    height: 100%;\n                    padding: 24px;\n\n                    .tabPanelTitle {\n                        color: var(--color-txt-s);\n                        font-size: 24px;\n                        font-style: italic;\n                        font-weight: bold;\n\n                        transition: #{$transition-theme};\n                    }\n\n                }\n\n            }\n\n        }\n\n    }\n\n}\n\n.dark-mode .tabContainer .group {\n\n    &.tabLabelGroup {\n        background-color: #{$color-layout-t-dm} !important;\n\n        .tabLabel {\n\n            &.active {\n                border-color: var(--color-txt-p) !important;\n\n                color: var(--color-txt-p) !important;\n\n                &:hover {\n                    background-color: var(--color-action-hover) !important;\n                }\n\n            }\n\n        }\n\n    }\n\n}","@import '../../../../styles/base/vars.scss';\n@import '../../../../styles/modules/mode.scss';\n@import '../../../../styles/modules/status.scss';\n\n#mainSystem_Register_RamoAtividade {\n\n    #message {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: flex-end;\n        margin-top: 24px;\n\n        span {\n            color: var(--color-status-p);\n        }\n\n    }\n\n    #control {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: flex-end;\n        gap: 16px;\n        margin-top: 24px;\n\n        button {\n            display: flex;\n            flex-direction: row;\n            align-items: center;\n            gap: 16px;\n            padding: 12px 32px;\n            border: 1px solid #{$color-theme-p};\n            border-radius: 8px;\n\n            font-size: 14px;\n            font-weight: 700;\n\n            cursor: pointer;\n            transition: #{$transition-default};\n\n            &.default {\n                background-color: #{$color-theme-p};\n\n                color: #{$color-txt-p-dm};\n\n                &:hover {\n                    border-color: #{$color-theme-p-dark};\n                    background-color: #{$color-theme-p-dark};\n                }\n\n            }\n\n            &.outline {\n                background-color: transparent;\n\n                color: #{$color-theme-p};\n\n                &:hover {\n                    background-color: #{$color-theme-p-hover};\n                }\n\n            }\n\n            &.status {\n                border-color: var(--color-status-p) !important;\n                background-color: var(--color-status-p) !important;\n\n                color: #{$color-txt-p-dm} !important;\n\n                &.disabled {\n                    pointer-events: none;\n                }\n\n                &:hover {\n                    background-color: var(--color-status-t) !important;\n                }\n\n            }\n\n            .spinner {\n                width: 18px;\n                height: 18px;\n                border: 3px solid #{$color-txt-p-dm};\n                border-right-color: transparent;\n                border-radius: 50%;\n\n                -webkit-animation: spinnerAnimation 0.75s linear infinite;\n                animation: spinnerAnimation 0.75s linear infinite;\n            }\n\n        }\n\n    }\n\n}\n\n.darkMode #mainSystem_Register_RamoAtividade {\n\n    #control {\n\n        button {\n    \n            &.outline {\n                border-color: var(--color-txt-p) !important;\n\n                color: var(--color-txt-p) !important;\n            }\n\n            &.status {\n                border-color: var(--color-status-p) !important;\n                background-color: var(--color-status-p) !important;\n\n                color: #{$color-txt-p-dm} !important;\n\n                &:hover {\n                    background-color: var(--color-status-t) !important;\n                }\n\n            }\n\n        }\n\n    }\n\n}\n\n@keyframes spinnerAnimation {\n    0% {\n        -webkit-transform: rotate(0);\n        -ms-transform: rotate(0);\n        transform: rotate(0);\n    }\n\n    100% {\n        -webkit-transform: rotate(360deg);\n        -ms-transform: rotate(360deg);\n        transform: rotate(360deg);\n    }\n}","@import '../base/vars.scss';\n\n.status {\n\n    &.error {\n        --color-status-p: #{$color-status-error-p};\n        --color-status-s: #{$color-status-error-s};\n        --color-status-t: #{$color-status-error-t};\n    }\n    \n    &.warning {\n        --color-status-p: #{$color-status-warning-p};\n        --color-status-s: #{$color-status-warning-s};\n        --color-status-t: #{$color-status-warning-t};\n    }\n    \n    &.info {\n        --color-status-p: #{$color-status-info-p};\n        --color-status-s: #{$color-status-info-s};\n        --color-status-t: #{$color-status-info-t};\n    }\n    \n    &.success {\n        --color-status-p: #{$color-status-success-p};\n        --color-status-s: #{$color-status-success-s};\n        --color-status-t: #{$color-status-success-t};\n    }\n\n    &.disabled {\n        --color-status-p: #{$color-status-disabled-p};\n        --color-status-s: #{$color-status-disabled-s};\n        --color-status-t: #{$color-status-disabled-t};\n    }\n\n    &.values{\n        --color-status-p:  #{$color-status-values-p};\n        --color-status-s:  #{$color-status-values-s};\n        --color-status-t:  #{$color-status-values-t};\n    }\n\n    &.analise{\n        --color-status-p:  #{$color-status-analise-p};\n        --color-status-s:  #{$color-status-analise-s};\n        --color-status-t:  #{$color-status-analise-t};\n    }\n\n    &.representativa{\n        --color-status-p:  #{$color-status-representativa-p};\n        --color-status-s:  #{$color-status-representativa-s};\n        --color-status-t:  #{$color-status-representativa-t};\n    }\n}","@import '../../styles/base/vars.scss';\n@import '../../styles/modules/mode.scss';\n@import '../../styles/modules/status.scss';\n\n.menuWrapper {\n    position: relative;\n}\n\n.menuContainer {\n    top: 0;\n    right: 0;\n    position: absolute;\n    min-width: 200px;\n    max-width: 400px;\n    padding: 8px 0;\n    border-radius: 8px;\n    background-color: var(--color-layout-p);\n    box-shadow: #{$color-box-shadow-p};\n\n    z-index: 1001;\n\n    .menuHeader {\n        width: 100%;\n        margin: 8px 0 16px;\n\n        .menuLabel {\n            padding: 0px 16px;\n    \n            color: var(--color-txt-p);\n            font-size: 14px;\n            font-weight: bold;\n            text-align: left;\n        }\n\n    }\n    \n    .menuList {\n        display: flex;\n        flex-direction: column;\n        width: 100%;\n\n        .menuOption {\n            display: flex;\n            flex-direction: row;\n            align-items: center;\n            gap: 0 12px;\n            width: 100%;\n            padding: 8px 16px;\n\n            cursor: pointer;\n            transition: #{$transition-default};\n\n            &:hover {\n                background-color: var(--color-action-hover);\n            }\n\n            svg path {\n                fill: var(--color-txt-s) !important;\n            }\n\n            .label {\n                color: var(--color-txt-s);\n                font-size: 14px;\n            }\n\n        }\n\n    }\n\n}","@import '../../styles/base/vars.scss';\n@import '../../styles/modules/mode.scss';\n\n.pagination {\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    gap: 12px;\n    width: 100%;\n    margin-top: 24px;\n\n    .paginationItem {\n        color: var(--color-txt-t);\n        \n        cursor: pointer;\n\n        &:hover {\n            color: var(--color-txt-p);\n            text-decoration: underline;\n        }\n\n        &.active {\n            color: var(--color-txt-s);\n            font-weight: 700;\n            text-decoration: underline;\n        }\n\n    }\n\n}","@import '../base/vars.scss';\n\n.light-mode {\n    --color-txt-p: #{$color-txt-p-lm};\n    --color-txt-s: #{$color-txt-s-lm};\n    --color-txt-t: #{$color-txt-t-lm};\n\n    --color-layout-p: #{$color-layout-p-lm};\n    --color-layout-s: #{$color-layout-s-lm};\n    --color-layout-t: #{$color-layout-t-lm};\n    --color-layout-header: #{$color-layout-header-lm};\n    --color-layout-foreground: #{$color-layout-foreground-lm};\n    --color-layout-box: #FAF7F7;\n\n    --color-action-active: #{$color-action-active-lm};\n    --color-action-hover: #{$color-action-hover-lm};\n    --color-action-selected: #{$color-action-selected-lm};\n\n    --color-disabled-p: #{$color-disabled-p-lm};\n    --color-disabled-s: #{$color-disabled-s-lm};\n\n    --color-divider: #{$color-divider-lm};\n}\n\n.dark-mode {\n    --color-txt-p: #{$color-txt-p-dm};\n    --color-txt-s: #{$color-txt-s-dm};\n    --color-txt-t: #{$color-txt-t-dm};\n\n    --color-layout-p: #{$color-layout-p-dm};\n    --color-layout-s: #{$color-layout-s-dm};\n    --color-layout-t: #{$color-layout-t-dm};\n    --color-layout-header: #{$color-layout-header-dm};\n    --color-layout-foreground: #{$color-layout-foreground-dm};\n    --color-layout-box: #{$color-layout-box-dm};\n\n    --color-action-active: #{$color-action-active-dm};\n    --color-action-hover: #{$color-action-hover-dm};\n    --color-action-selected: #{$color-action-selected-dm};\n\n    --color-disabled-p: #{$color-disabled-p-dm};\n    --color-disabled-s: #{$color-disabled-s-dm};\n\n    --color-divider: #{$color-divider-dm};\n}","@import '../../../../styles/base/vars.scss';\n@import '../../../../styles/modules/mode.scss';\n\n#mainSystem_Register_Cliente {\n\n    #basicInformationsGrid {\n        display: grid;\n        grid-template-columns: 1fr auto;\n        gap: 16px;\n        width: 100%;\n        margin-bottom: 16px;\n        \n    \n        .basicInformationsContent {\n            display: flex;\n            flex-direction: column;\n            width: 100%;\n    \n            .sectionBoxDataContainer {\n                height: 100%;\n            }\n    \n        }\n        .atentionLevelContent {\n            display: flex;\n            flex-direction: column;\n            width: 100%;\n    \n            .sectionBoxDataContainer {\n                height: 200px;\n    \n                #atentionLevelContainer {\n                    display: flex;\n                    flex-direction: row;\n                    gap: 12px;\n                    width: 100%;\n                    height: 100%;\n    \n                    .atentionBar {\n                        flex: 1;\n                        height: 100%;\n                        border-radius: 8px;\n                        \n                        &:nth-child(1){\n                            background-color: #F3FF6D;\n                        }\n    \n                        &:nth-child(2){\n                            background-color: #5DBF4E;\n                        }\n    \n                        .atentionBarTextContainer {\n                            display: flex;\n                            flex-direction: column;\n                            padding: 4px 0;\n                            margin-top: 24px;\n                            background-color: var(--color-layout-box);\n    \n                            transition: #{$transition-theme};\n    \n                            span {\n                                color: var(--color-txt-t);\n                                font-size: 12px;\n    \n                                transition: #{$transition-theme};\n                            }\n    \n                        }\n    \n                    }\n    \n                }\n    \n            }\n    \n        }\n    \n    }\n\n    .tabContainer {\n\n        #listMedvazao {\n\n            .columnContent {\n                display: flex;\n                flex-direction: column;\n\n                .title {\n                    color: var(--color-txt-p) !important;\n                }\n\n            }\n\n        }\n\n    }\n\n}"]}