@import url('./estilos/GOVBREstilosPortalAcessoHome.css');
@import url('./estilos/GOVBREstilosPortalAcessoLogin.css');

@layer GOVBREstilosPortalAcesso {
    .ButtonFilter {
        padding-left: 12px;
        padding-right: 12px;
        white-space: nowrap;
        display: inline-block;
        text-decoration: none;
        border: var(--borders_xs) solid var(--colors_actionborder_and_focuscolor);
        text-align: center;
        text-indent: 0;
        vertical-align: middle;
        cursor: pointer;
        font-size: var(--fontsizes_s);
        font-style: normal;
        font-variant: normal;
        margin-right: 3pt;
        min-width: 86px;
        border-radius: var(--radius_m);
        padding-bottom: 8px;
        padding-top: 8px;
        background-color: var(--colors_databackgroundcolor);
        border-color: var(--colors_basecolor);
        border-style: solid;
        font-weight: normal;
        color: var(--colors_basecolorforecolor);
    }

    .ButtonFilterClicked {
        padding-left: 12px;
        padding-right: 12px;
        white-space: nowrap;
        display: inline-block;
        text-decoration: none;
        border: var(--borders_xs) solid var(--colors_actionborder_and_focuscolor);
        text-align: center;
        text-indent: 0;
        vertical-align: middle;
        cursor: pointer;
        font-size: var(--fontsizes_s);
        font-style: normal;
        font-variant: normal;
        margin-right: 3pt;
        min-width: 86px;
        border-radius: var(--radius_m);
        padding-bottom: 8px;
        padding-top: 8px;
        background-color: var(--colors_basecolor);
        border-color: var(--colors_basecolor);
        border-style: solid;
        font-weight: normal;
        color: white;
    }

    .ButtonLinkNotifications {
        padding-left: 12px;
        padding-right: 12px;
        white-space: nowrap;
        display: inline-block;
        text-decoration: none;
        border: var(--borders_xs) solid var(--colors_actionborder_and_focuscolor);
        text-align: center;
        text-indent: 0;
        vertical-align: middle;
        cursor: pointer;
        font-size: var(--fontsizes_s);
        font-style: normal;
        font-variant: normal;
        margin-right: 3pt;
        padding-bottom: 6px;
        padding-top: 6px;
        min-width: 86px;
        background-color: transparent;
        border-style: none;
        border-radius: 4px;
        font-weight: normal;
        color: var(--colors_basecolor);
        height: 30px;
        width: 100%;
        outline: 0;
        box-shadow: none;
        transition-duration: 0.4s;
    }

    .ButtonLinkNotifications:hover {
        background-color: var(--colors_basecolor10);
        color: var(--colors_basecolor);
    }

    .GridFreestyleAvisos {
        height: 75vh;
    }

    .CellMarginTopContentHolder {
        margin-top: 62px;
    }

    .TableEmbed {
        padding: 0;
        padding-left: 0;
        position: fixed;
        top: var(--spacing_tamanhocabecalho);
        bottom: var(--spacing_tamanhorodape);
        left: var(--spacing_tamanhosidebar);
        right: 0;
        width: initial !important;
        z-index: 1;
    }

    .CellContentHolder {
        padding: 0 1rem 0 1rem;
    }

    .CellContentHolderiFrame {
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
    }

    .TableMainEmbed {
        padding: 0;
        width: 100%;
    }

    .DiscussionsSendIcon {
        background-color: var(--colors_basecolor);
        border-radius: var(--radius_m);
        padding: 6px;
        font-size: var(--fontsizes_s);
        color: White;
    }

    .FormBackgroundImage {
        margin: 0;
        padding: 0;
        background-color: var(--colors_backgroundcolor);
        font-family: var(--fonts_primary-regular);
        color: var(--colors_gray08);
        height: 100%;
        overflow: auto;
        background-size: cover;
    }

    .MasterHeaderCellRound {
        z-index: 1011;
        box-shadow: none;
        height: var(--spacing_tamanhocabecalho);
        background-color: #fffc;
    }

    .ImageTopLogin {
        vertical-align: middle;
        margin: 10px;
        max-height: 44px;
        max-width: 80px;
    }

    .TextBlockTitleMasterLogin {
        padding-right: 3pt;
        font-style: normal;
        vertical-align: middle;
        white-space: normal;
        line-height: 30px;
        color: var(--colors_actionborder_and_focuscolor);
        font-size: 20px;
        font-weight: 500;
    }

    .TextBlockTitleLoginLeft {
        font-family: var(--fonts_primary-font);
        line-height: normal;
        font-size: 18px;
        font-weight: 600;
        color: var(--colors_borderpopupcolor);
        white-space: normal;
    }

    .TextBlockSubTitleLoginLeft {
        font-family: var(--fonts_primary-font);
        line-height: normal;
        font-size: 14px;
        color: var(--colors_borderpopupcolor);
        white-space: normal;
    }

    .TextBlockSubTitleLoginRight {
        font-family: var(--fonts_primary-font);
        line-height: normal;
        font-size: 14px;
        white-space: normal;
        color: var(--colors_borderpopupcolor);
        margin-left: 6px;
    }

    .TextBlockHeaderLogin {
        font-family: var(--fonts_primary-font);
        white-space: normal;
        line-height: normal;
        font-weight: 700;
        font-size: 16px;
        color: var(--colors_blackcolor50);
    }

    .TextBlockFooterLogin {
        font-family: var(--fonts_primary-font);
        white-space: normal;
        line-height: normal;
        font-size: 0.8em;
        font-weight: 400;
        color: var(--colors_blackcolor50);
        text-align: center;
    }

    .TableAlterarSenha {
        box-shadow: 0 0 14px rgba(0, 0, 0, 0.1);
        padding: 25px 25px 35px 25px;
        background-color: white;
        border: var(--borders_xs) solid var(--colors_gray05);
        border-radius: var(--radius_l);
        width: 360px;
    }

    .DescriptionChangePassword {
        margin-top: 2vh;
    }

    .CellLoginUserName::before,
    .CellLoginPassword::before {
        position: absolute;
        display: flex;
        top: 0;
        left: 0;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 100%;
        font-family: 'font awesome 5 free';
        font-size: var(--fontsizes_font-icon-s);
        font-weight: 900;
        color: var(--colors_actionborder_and_focuscolor);
        pointer-events: none;
    }

    .AttributeLoginImageLeft,
    .AttributeLoginImageLeft:read-only {
        display: inline-block;
        background-color: transparent;
        border: var(--borders_xs) solid var(--colors_gray05);
        font-size: var(--fontsizes_s);
        font-style: normal;
        font-variant: normal;
        text-decoration: none;
        text-indent: 0;
        box-shadow: none;
        margin-left: 0;
        margin: 0;
        padding-left: 30px;
        color: var(--colors_actionborder_and_focuscolor);
        max-width: initial;
        font-weight: bold;
        border-color: var(--colors_actionborder_and_focuscolor);
    }

    .AttributeLoginImageLeft::placeholder {
        color: var(--colors_basecolor);
        opacity: 0.6;
    }

    .AttributeLoginReadonly {
        margin-right: 7px;
        margin: 30px 0 0 30px;
    }

    .AttributeCheckBoxLabel {
        padding-right: 3pt;
        font-style: normal;
        vertical-align: middle;
        white-space: normal;
        color: var(--colors_gray08);
        font-size: var(--fontsizes_s);
        font-weight: normal;
        padding-top: 5px;
        line-height: 25px;
    }

    .ImageBottomLogin {
        vertical-align: middle;
        margin-top: 5px;
        max-height: 30px;
        max-width: 200px;
    }

    .btn-Login-DVelop {
        background-color: var(--colors_basecolor10);
        border-color: var(--colors_actionborder_and_focuscolor);
        color: var(--colors_basecolor);
        font-weight: bold;
    }

    .btn-Login-DVelop:hover {
        background-color: var(--colors_basecolor);
        border-color: var(--colors_actionborder_and_focuscolor);
        color: white;
    }

    .govbr-footer-cell-login {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .govbr-rodape-govbr {
        background: var(--colors_basecolor);
        height: 35px;
        align-items: center;
        padding: 0 1.5rem;
        position: relative;
    }

    .govbr-rodape-govbr .TextBlock,
    .govbr-rodape-govbr a {
        color: var(--colors_backgroundcolor);
        font-size: 14px;
    }

    .govbr-rodape-govbr a {
        text-decoration: underline;
        padding: 0 2px;
    }

    .govbr-icone-logo-login {
        max-height: 30px;
        max-width: 30px;
        margin-right: 1.5rem;
    }

    .govbr-logo-login {
        max-height: 35px;
        margin-right: -1.5rem;
        z-index: 1;
        position: relative;
    }

    .govbr-rodape-govbr::before {
        content: '';
        display: block;
        position: absolute;
        right: -2rem;
        top: 0;
        bottom: 0;
        width: 17rem;
        background: #ffffff;
        transform: skew(-44deg, 0);
    }

    .govbr-descricao-rodape-login {
        text-align: center;
        height: 90px;
        background: #ffffffcc;
        overflow: hidden;
    }

    .Form {
        margin: 0;
        padding: 0;
        background-color: var(--colors_backgroundcolor);
        background-image: none;
        font-family: var(--fonts_primary-regular);
        color: var(--colors_gray08);
        height: 100%;
        overflow: auto;
    }

    .Form #gx-column-targets {
        height: 98vh;
    }

    .TableSubTitleFixed {
        position: fixed;
        top: 74px;
        z-index: 9;
    }

    .MasterHeaderCell {
        background-color: white;
        z-index: 1011;
        box-shadow: none;
        height: var(--spacing_tamanhocabecalho);
    }

    .MasterTopIconsBar {
        padding-left: 10px;
        z-index: 1049;
        line-height: 0;
        color: var(--colors_basecolor);
    }

    .ImageMenuIcon {
        padding: 3px 20px 2px 20px;
        color: var(--colors_headerforecolor);
        font-size: var(--fontsizes_font-icon-l);
        line-height: 68px !important;
    }

    .CellMarginNegativeMenu {
        margin-left: -5px;
    }

    .TableIconMenuHeader {
        margin-left: -5px;
        background-color: var(--colors_basecolor);
        width: 60px;
    }

    .TableMenuHeaderSup,
    .TableMenuHeaderBar {
        padding: 0 1.5rem;
    }

    .TableMenuHeaderSup {
        background-color: white;
        min-height: 35px;
    }

    .TableMenuHeaderBar {
        background-color: var(--colors_basecolor);
        height: 22px;
    }

    .AttributeImageFlagHeader {
        border-style: none;
        border-radius: 2px;
        max-height: 38px;
        max-width: 38px;
        height: 100%;
        width: 100%;
        object-fit: contain;
    }

    .CellTableContentMaster {
        margin-top: 20px !important;
    }

    .CellTableContentWithFooter {
        padding-bottom: 35px !important;
    }

    .TextBlockMasterTitleHead {
        font-family: var(--fonts_primary-font);
        font-size: 23px;
        font-weight: 400;
        color: var(--colors_basecolorforecolor);
        line-height: 50px;
        white-space: nowrap;
    }

    .CellHeaderBar {
        line-height: 50px;
    }

    .CellAttributeSearch {
        border-style: solid;
        border-width: var(--borders_xs);
        margin-right: 22px;
        z-index: 1040;
        height: 35px;
        line-height: 22px;
        border-color: var(--colors_basecolor);
        border-radius: var(--radius_m);
    }

    .ImageSearchIcon {
        margin-right: 4px;
        margin-top: 2px;
        padding-bottom: 5px;
        padding-left: 7px;
        padding-top: 4px;
        font-size: var(--fontsizes_font-icon-s);
        color: var(--colors_basecolor);
    }

    .FontColorIconBookmarkTitleAdded {
        color: var(--colors_basecolor);
    }

    #TABLEHEADERCONTENT_MPAGE {
        padding: 0;
    }

    #TABLEHEADERCONTENT_MPAGE .TableMenuHeaderSup {
        height: 51px;
    }

    #TABLEUSERROLE_MPAGE > div > .btn-group > .btn {
        display: flex;
        align-items: center;
        width: 35px;
        justify-content: center;
        padding: 0;
        height: 35px;
        text-align: center;
    }

    #TABLEUSERROLE_MPAGE > div > .btn-group > .btn > .caret {
        margin: 0 2px;
    }

    #TABLEUSERROLE_MPAGE > div > .btn-group {
        padding: 0;
        margin: 0 5px;
        border-radius: 5px;
    }

    #TABLEUSERROLE_MPAGE > div > .btn-group:not(#DDC_ADMINAG_MPAGEContainer):hover {
        background: #00000011;
    }

    .DropDownOptionsNoBackHover {
        color: var(--colors_basecolor);
        padding-left: 6px;
        padding-right: 6px;
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .DropDownOptionsNoBackHover > .btn-default:hover {
        color: var(--colors_basecolor);
    }

    .DropDownOptionsNoBackHover > .btn-default:hover,
    .DropDownOptionsNoBackHover > .btn-default:hover > i {
        color: var(--colors_basecolor);
    }

    .DropDownOptionsNoBackHover > .btn-default,
    .DropDownOptionsNoBackHover.btn-group.open > .btn-default,
    .DropDownOptionsNoBackHover.btn-group > .btn-default:active {
        background-color: transparent;
        border-style: none;
        color: var(--colors_basecolor);
        box-shadow: none;
    }

    .DropDownOptionsNoBackHover > .btn-default:hover > i {
        color: var(--colors_basecolor);
    }

    .DropDownOptionsNoBackHover > .btn-default > .FontColorIconBookmarkTitleAdded ~ .caret,
    .DropDownOptionsNoBackHover > .btn-default > .FontColorIconBookmarkTitle ~ .caret {
        color: var(--colors_basecolor) !important;
    }

    .DropDownOptionsNoBackHover > .btn-default:hover > .FontColorIconBookmarkTitle ~ Added.caret,
    .DropDownOptionsNoBackHover > .btn-default:hover > .FontColorIconBookmarkTitle ~ .caret {
        color: var(--colors_basecolor);
    }

    .TableMainNotification {
        padding-top: 0 !important;
        width: 100%;
        max-height: 435px;
    }

    .NotificationTitle {
        color: var(--colors_gray08);
        padding-bottom: 1.5rem;
        padding-left: 20px;
        padding-right: 3pt;
        padding-top: 11px;
        font-size: var(--fontsizes_m);
        font-weight: bold;
        line-height: initial;
    }

    .NotificationItemContent {
        transition-duration: 0.3s;
        padding: 1.5rem;
        border-bottom: var(--borders_xs) solid rgba(120, 130, 140, 0.13);
    }

    .NotificationItemContent:hover,
    .ButtonNotificationCheckAll:hover,
    .ButtonNotificationCheckAll:active:hover,
    .ButtonNotificationCheckAll:active:focus {
        background-color: var(--colors_gray02);
        color: var(--colors_gray08);
    }

    .NotificationItemTitle {
        color: var(--colors_basecolor);
        margin-left: 0;
        margin-top: 3px;
        display: block;
        border-style: none;
        font-size: var(--fontsizes_m);
        font-weight: 400;
        line-height: 18px;
    }

    .NotificationItemDescription {
        margin-left: 0;
        margin-top: 1px;
        overflow: hidden;
        display: block;
        border-style: none;
        font-size: var(--fontsizes_s);
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        line-height: initial;
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .NotificationItemDatetime {
        margin-left: 10px !important;
        display: block;
        font-size: var(--fontsizes_xs);
        padding-top: 3px;
    }

    .ButtonNotificationCheckAll.btn-default {
        transition-duration: 0.3s;
        padding-bottom: 15px;
        padding-top: 15px;
        background-color: Transparent;
        border-style: none;
        border-radius: 0;
        color: var(--colors_gray08);
        width: 100%;
    }

    .ButtonNotificationCheckAll.btn-default:hover {
        color: var(--colors_basecolor);
    }

    .DropDownNotification > .btn-default .caret {
        color: var(--colors_basecolor);
    }

    .DropDownNotification > .btn-default > i {
        font-size: var(--fontsizes_font-icon-m);
        color: var(--colors_basecolor);
    }

    .DropDownNotification > .btn-default:hover > .caret,
    .DropDownNotification > .btn-default:hover > i {
        color: var(--colors_basecolor);
    }

    .NotificationCardTable {
        overflow: hidden;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px;
        background-color: var(--colors_databackgroundcolor);
        border-radius: var(--radius_m);
        border: var(--borders_xs) solid var(--colors_gray05);
        padding-bottom: 15px;
        height: auto;
    }

    .DropDownNotification > button + ul {
        padding-bottom: 0;
        padding-top: 0;
        width: 352px;
    }

    .NotificationItemTitle {
        border-width: 0;
        max-width: 100%;
    }

    .NotificationItemDescriptionLabel {
        margin-left: 0;
        display: block;
        border-style: none;
        font-weight: bold;
        line-height: 18px;
        font-size: var(--fontsizes_s);
    }

    .NotificationItemDatetimeLabel {
        display: block;
        font-size: var(--fontsizes_xs);
        padding-top: 3px;
        margin-left: 0;
        display: block;
        border-style: none;
        font-weight: bold;
        line-height: 18px;
    }

    .NotificationItemDescription {
        border-width: 0;
        max-width: 100%;
    }

    .CardNotificationAttributeDescription {
        margin-left: 5px;
    }

    .BlobContentAttribute.HideBlobContent,
    .BlobContentAttributeFL.HideBlobContent {
        display: none !important;
    }

    .NotificationItemRight {
        display: inline-block;
        vertical-align: middle;
    }

    .NotificationContent {
        max-height: 294px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .NotificationFontIconBaseColor {
        border-radius: 100%;
        margin-right: 15px;
        padding-bottom: 13px;
        padding-top: 13px;
        width: 40px;
        color: white;
        text-align: center;
        text-indent: 0;
        background-color: var(--colors_basecolor);
    }

    .NotificationFontIconGrid {
        margin-right: 0;
        padding-bottom: 6px;
        padding-top: 6px;
        width: 26px;
        font-size: var(--fontsizes_font-icon-xs);
        text-indent: 0;
    }

    .PDFFontIconGrid {
        color: var(--colors_pdf);
    }

    .NotificationSectionGrid {
        max-width: 400px;
        max-height: 62vh;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .FlexNotification {
        border-bottom: 1px;
        border-bottom-color: var(--colors_sidebarmenu_linesubmenuitemcolor);
        border-bottom-style: groove;
    }

    .PDFFontIcon {
        border-radius: 100%;
        margin-right: 15px;
        padding-bottom: 13px;
        padding-top: 13px;
        text-align: center;
        text-indent: 0;
        color: var(--colors_pdf);
        background-color: var(--colors_databackgroundcolor);
        align-items: center;
        width: 25px;
        height: 20px;
        zoom: 130%;
    }

    .DownloadFontIconGrid {
        color: var(--colors_excelcolor);
    }

    .DownloadFontIcon {
        border-radius: 100%;
        margin-right: 15px;
        padding-bottom: 13px;
        padding-top: 13px;
        text-align: center;
        text-indent: 0;
        color: var(--colors_excelcolor);
        background-color: var(--colors_databackgroundcolor);
        align-items: center;
        width: 25px;
        height: 20px;
        zoom: 130%;
    }

    .AssinaturaFontIconGrid {
        color: var(--colors_basecolor);
    }

    .AssinaturaFontIcon {
        border-radius: 100%;
        margin-right: 15px;
        padding-bottom: 13px;
        padding-top: 13px;
        text-align: center;
        text-indent: 0;
        color: var(--colors_basecolor);
        background-color: var(--colors_databackgroundcolor);
        align-items: center;
        width: 25px;
        height: 20px;
        zoom: 130%;
    }

    .ButtonNotificationCheckAll:active:focus,
    .ButtonNotificationCheckAll:focus {
        outline: none;
    }

    .ButtonNotificationCheckAll {
        padding-bottom: 15px;
        padding-top: 15px;
        background-color: Transparent;
        border-style: none;
        border-radius: 0;
        color: var(--colors_gray08);
        width: 100%;
    }

    .DropDownNotification > .btn-default > span:not(.caret) {
        position: absolute;
        top: 0;
        left: calc(100% - 2.5rem);
        display: block;
        min-width: 1.5rem;
        font-size: 1rem;
        font-weight: bold;
        border-radius: 0.75rem;
        line-height: 1.5rem;
        padding: 0;
        background-color: red !important;
        color: white;
    }

    #TABLEHEADERINF_MPAGE {
        align-items: center;
        height: 100%;
    }

    .AttributeDescriptionUnidade {
        font-size: var(--fontsizes_s);
        font-weight: 600;
        margin-left: 2px;
        color: white;
        box-shadow: none;
    }

    .TextBlockTitleHeadMaster {
        padding-right: 3pt;
        font-style: normal;
        vertical-align: middle;
        white-space: normal;
        font-size: 1em;
        line-height: 35px;
        font-weight: 400;
        font-family: var(--fonts_primary-font);
        color: #0073ae;
    }

    .AttributeColorIconHead {
        color: var(--colors_basecolor);
    }

    .AttributeColorIconHeadAdded {
        color: gold;
    }

    #LOGOFOOTERICO_MPAGE {
        max-height: 30px;
        max-width: 30px;
        margin-right: 15px;
    }

    .MarginTopSearch {
        margin-top: 8px;
    }

    .ImgAttribute30Negative {
        border-style: none;
        max-height: 30px;
        max-width: 30px;
        object-fit: contain;
        margin-top: -6px;
    }

    .CellMarginTop10Neg {
        margin-top: -6px;
    }

    .FooterTextAmbientePadrao {
        line-height: 30px !important;
        color: yellow;
        font-weight: bold;
    }

    .MasterFooterCellVM {
        background-color: var(--colors_basecolor);
        background-image: none;
        left: 0;
        bottom: 0;
        padding-left: 15px;
        position: fixed;
        z-index: 1050;
        margin-left: 0;
        min-height: 0;
        transition: none;
        overflow: hidden;
        height: var(--spacing_tamanhorodape);
    }

    .MasterFooterCellFixedVM {
        background-color: var(--colors_basecolor);
        background-image: none;
        bottom: 0;
        z-index: 1050;
        margin-left: 0;
        min-height: 0;
        transition: none;
        overflow: hidden;
        height: var(--spacing_tamanhorodape);
        left: 0;
        padding-left: 25px;
        position: fixed;
    }

    .MasterFooterCellHM {
        background-color: var(--colors_basecolor);
        background-image: none;
        left: 0;
        bottom: 0;
        position: fixed;
        z-index: 1050;
        margin-left: 0;
        min-height: 0;
        transition: none;
        overflow: hidden;
        height: var(--spacing_tamanhorodape);
        padding-left: 25px;
    }

    .MasterFooterCellVM > DIV,
    .MasterFooterCellFixedVM > DIV,
    .MasterFooterCellHM > DIV,
    .MasterFooterCellFixedHM > DIV,
    .MasterFooterCellVMSidebarImage > DIV,
    .MasterFooterCellFixedVMSidebarImage > DIV {
        border-top: Transparent;
    }

    .MasterFooterCellVMSidebarImage {
        background-color: var(--colors_basecolor);
        background-image: none;
        left: 0;
        bottom: 0;
        position: fixed;
        z-index: 1050;
        margin-left: 0;
        min-height: 0;
        transition: none;
        overflow: hidden;
        height: var(--spacing_tamanhorodape);
        padding-left: 25px;
    }

    .MasterFooterCellVM .ButtonAsLink {
        height: auto !important;
    }

    .FooterText {
        line-height: initial !important;
        color: white;
    }

    .FooterText.FooterTextLink {
        text-decoration: underline;
        margin: 0 0.5rem;
    }

    .FooterText.FooterTextLink > a {
        color: #ffffff;
    }

    .ImgFooterGOVBRMsgs {
        max-height: 35px;
        margin-right: -15px;
    }

    .ImageMenuCircle:hover {
        border-radius: 30px;
        color: var(--colors_basecolor30);
    }

    .ButtonAsLink:hover {
        font-weight: normal;
        color: var(--colors_basecolor30);
    }

    .page-sidebar.MaterialStyle .sidebar-menu i ~ span {
        vertical-align: middle;
        white-space: nowrap;
    }

    .page-sidebar.MaterialStyle .sidebar-fixed:before {
        top: 70px !important;
    }

    .page-sidebar {
        font-family: var(--fonts_primary-font);
        background-color: var(--colors_sidebarmenu_scrollbackground);
        z-index: 3;
    }

    .page-sidebar .sidebar-menu {
        margin-top: 3px !important;
    }

    .page-sidebar.MaterialStyle .sidebar-header-wrapper.show-hide-menu {
        color: var(--colors_sidebarmenu_itemforecolor);
    }

    .page-sidebar.MaterialStyle .sidebar-menu a .menu-expand:before {
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
    }

    .page-sidebar.MaterialStyle .sidebar-menu {
        padding-bottom: 55px;
    }

    .page-sidebar.MaterialStyle .sidebar-menu LI.menuGroupTitle {
        background-color: var(--colors_sidebarmenu_subtitlebackground);
        border-top: var(--borders_xs) solid var(--colors_sidebarmenu_lineseparator);
        margin-top: 5px;
        padding-bottom: 11px;
        padding-left: 10px;
        padding-right: 25px;
        padding-top: 11px;
        z-index: 123;
        font-size: var(--fontsizes_xs);
        font-weight: 400;
        font-family: var(--fonts_primary-regular);
        color: var(--colors_sidebarmenu_subtitleforecolor);
        text-transform: uppercase;
    }

    .page-sidebar.MaterialStyle .sidebar-menu A {
        font-family: var(--fonts_primary-regular);
        color: var(--colors_sidebarmenu_itemforecolor);
    }

    .page-sidebar.MaterialStyle .sidebar-menu A .menu-expand {
        color: var(--colors_sidebarmenu_itemforecolor);
    }

    .page-sidebar.MaterialStyle .sidebar-menu A:hover {
        color: var(--colors_sidebarmenu_itemhoverforecolor);
    }

    .page-sidebar.MaterialStyle .sidebar-menu LI:before {
        background-color: var(--colors_basecolor);
        content: unset !important;
    }

    .page-sidebar.MaterialStyle .sidebar-menu LI.open {
        background-color: var(--colors_databackgroundcolor);
    }

    .page-sidebar.MaterialStyle .sidebar-menu LI.open > a LI.open > a:hover {
        color: var(--colors_baseforecolor);
    }

    .page-sidebar.MaterialStyle .sidebar-menu LI.active > a {
        background-color: var(--colors_sidebarmenu_selecteditembackground);
        color: var(--colors_headerforecolor);
    }

    .page-sidebar.MaterialStyle .sidebar-menu .submenu {
        background-color: var(--colors_sidebarmenu_submenuitembackground);
    }

    .page-sidebar.MaterialStyle .sidebar-menu .submenu LI.active > a {
        background-color: var(--colors_sidebarmenu_submenuselecteditembackground);
        color: var(--colors_sidebarmenu_submenuselecteditemforecolor);
    }

    .page-sidebar.MaterialStyle .sidebar-menu .submenu > li .submenu {
        border-bottom: var(--borders_xs) solid var(--colors_sidebarmenu_bordersecondlevelsubmenu);
        border-top: var(--borders_xs) solid var(--colors_sidebarmenu_bordersecondlevelsubmenu);
        background-color: var(--colors_sidebarmenu_submenu_itemopenbackground);
    }

    .page-sidebar.MaterialStyle .sidebar-menu > li > a:hover {
        background-color: var(--colors_sidebarmenu_itemhoverbackground);
        border-color: var(--colors_sidebarmenu_lineseparator);
        color: var(--colors_basecolor30);
    }

    .page-sidebar.MaterialStyle .sidebar-menu > li > a {
        border-top: var(--borders_xs) solid var(--colors_sidebarmenu_lineseparator);
    }

    .page-sidebar.MaterialStyle .sidebar-menu > li:last-child > a {
        border-bottom: none !important;
        border-radius: none !important;
    }

    .page-sidebar.MaterialStyle .sidebar-menu > li > .submenu {
        background-color: var(--colors_sidebarmenu_submenuitembackground);
        box-shadow: none;
        width: 100%;
    }

    .page-sidebar.MaterialStyle.menu-compact .sidebar-menu > li > .submenu {
        width: max-content;
    }

    .page-sidebar.MaterialStyle .sidebar-menu > li > .submenu A {
        color: var(--colors_sidebarmenu_submenuitemforecolor);
        padding-left: 20px;
        width: max-content;
        white-space: nowrap;
    }

    .page-sidebar.MaterialStyle .sidebar-menu > li > .submenu A:hover {
        color: var(--colors_sidebarmenu_submenuitemhoverforecolor);
    }

    .page-sidebar.MaterialStyle .sidebar-menu .submenu > li.open > a {
        background-color: var(--colors_sidebarmenu_submenuitembackground);
    }

    .page-sidebar.MaterialStyle .sidebar-menu > li.open > a {
        background-color: var(--colors_sidebarmenu_itemopenbackground);
        border-top-color: var(--colors_sidebarmenu_lineseparator);
        border-top: none !important;
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

    .page-sidebar.MaterialStyle.menu-compact .sidebar-menu > li > .submenu {
        margin-left: -10px;
        width: 250px;
        border-radius: 0 5px 5px 0 !important;
        overflow: hidden;
        box-shadow: 2px 2px 3px 1px #00000033;
        background-color: var(--colors_sidebarmenu_submenuitembackground);
        border-left: var(--borders_xs) solid var(--colors_sidebarmenu_lineseparator);
    }

    .page-sidebar.MaterialStyle.menu-compact .sidebar-menu > li > .submenu A {
        background-color: var(--colors_basecolor);
        color: var(--colors_basecolor10);
        border: var(--colors_basecolor) solid 1px;
        border-radius: 0;
        width: 100%;
        align-content: center;
        margin-top: -2px;
        padding: 0;
        padding-left: 8px;
    }

    .page-sidebar.sidebar-fixed.menu-compact.MaterialStyle .sidebar-menu > li > .submenu:before {
        border-color: #ffffff44;
        height: calc(100% - 5px);
        left: 2px;
        background-color: transparent;
    }

    .page-sidebar.MaterialStyle.menu-compact .sidebar-menu > li > .submenu > li > .submenu > li A {
        background-color: #005b89;
        color: var(--colors_databackgroundcolor);
        border: #005b89 solid 1px;
        margin-top: -1px;
    }

    .page-sidebar.MaterialStyle .sidebar-menu > li > .submenu > li > a:before {
        border-style: solid;
        top: 21px;
        left: 6px;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        transform: translateY(-50%);
        background-color: var(--colors_sidebarmenu_submenuitembackground);
        border-color: var(--colors_sidebarmenu_circlesubmenuitemcolor);
    }

    .page-sidebar.MaterialStyle .sidebar-menu > li > .submenu > li.active > a:before {
        border-style: solid;
        top: 25px;
        left: 6px;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        transform: translateY(-50%);
        background-color: var(--colors_sidebarmenu_circelsubmenuitemactivecolor);
        border-color: var(--colors_sidebarmenu_circelsubmenuitemactivecolor);
    }

    .page-sidebar.MaterialStyle .sidebar-menu > li > .submenu:before {
        border-left: var(--borders_s) solid var(--colors_sidebarmenu_linesubmenuitemcolor);
        bottom: 19px;
        left: 8px;
        position: absolute;
        top: 0;
        z-index: 1;
        display: block;
        content: '';
    }

    .page-sidebar.MaterialStyle .sidebar-menu > li > a:focus {
        background-color: var(--colors_sidebarmenu_itemhoverbackground);
    }

    .page-sidebar.MaterialStyle .user-info-first {
        color: var(--colors_sidebarmenu_selecteditemforecolor);
    }

    .page-sidebar.MaterialStyle .slimScrollDiv {
        background-color: var(--colors_sidebarmenu_scrollbackground);
        z-index: 1001;
    }

    .page-sidebar.MaterialStyle .searchinput {
        background-color: var(--colors_sidebarmenu_searchbackground);
        border-color: var(--colors_sidebarmenu_searchbordercolor);
        font-family: var(--fonts_primary-regular);
        color: #555;
    }

    .page-sidebar.MaterialStyle .searchhelper {
        background-color: var(--colors_sidebarmenu_searchbackground);
    }

    .page-sidebar.MaterialStyle .searchresult {
        background-color: var(--colors_sidebarmenu_searchbackground);
    }

    .page-sidebar.MaterialStyle .searchinput:focus {
        background-color: var(--colors_sidebarmenu_searchfocusbackground);
        color: var(--colors_gray08);
    }

    .page-sidebar.MaterialStyle .searchicon {
        color: var(--colors_sidebarmenu_submenuitemforecolor);
    }

    .page-sidebar.MaterialStyle .searchreset {
        display: none;
        color: var(--colors_sidebarmenu_submenuitemforecolor);
    }

    .page-sidebar.MaterialStyle .sidebar-header-wrapper {
        background-color: var(--colors_sidebarmenu_headerbackground);
    }

    .page-sidebar.MaterialStyle .sidebar-header-wrapper.user-info {
        display: none;
    }

    .page-sidebar.MaterialStyle .user-info-second {
        color: var(--colors_gray08);
    }

    .page-sidebar.MaterialStyle.sidebar-fixed {
        top: 70px !important;
        bottom: 50px !important;
        width: max-content;
        z-index: 1010 !important;
    }

    .page-sidebar.sidebar-fixed.MaterialStyle,
    .page-sidebar.sidebar-fixed.MaterialStyle:before {
        top: 70px !important;
        margin-left: 0;
        margin-right: 8px;
        width: fit-content;
        height: max-content;
        box-shadow: -1px 0 2px 1px #0073ae;
    }

    .page-sidebar.MaterialStyle.menu-compact .sidebar-menu > li > a.menu-dropdown > .menu-text {
        background-color: var(--colors_basecolor);
        border-radius: 0 1px 0 0;
        color: var(--colors_basecolor30);
        font-weight: 600;
        padding-left: 10px;
    }

    .page-sidebar.MaterialStyle.menu-compact .sidebar-menu > li > a:hover {
        background-color: var(--colors_basecolor);
    }

    .page-sidebar.MaterialStyle.menu-compact .sidebar-menu > li > .submenu li:hover {
        background-color: var(--colors_sidebarmenu_backgroundcolor);
    }

    .page-sidebar.MaterialStyle.menu-compact .sidebar-menu > li > a .menu-text {
        background-color: var(--colors_basecolor);
        color: var(--colors_basecolor30);
        font-weight: 600;
        border-radius: 0;
        box-shadow: 2px 2px 4px 1px #00000040;
        width: 300px;
    }

    .page-sidebar.MaterialStyle.menu-compact .sidebar-menu .submenu > li .submenu {
        margin: 0;
        padding: 0;
    }

    .page-sidebar.MaterialStyle.MaterialStyle .sidebar-menu {
        margin-right: 7px;
        padding-top: 5px;
        padding-bottom: 54px;
        margin-left: 1px !important;
    }

    .page-sidebar.menu-compact .liExpanded {
        width: 400px !important;
        min-width: 400px !important;
        max-width: 400px !important;
    }

    .page-sidebar.menu-compact .liExpanded UL.sidebar-menu {
        padding-right: 255px;
        width: 300px !important;
        min-width: 300px !important;
        max-width: 300px !important;
    }

    .page-sidebar.MaterialStyle .slimScrollDiv,
    .page-sidebar.MaterialStyle .slimScrollDiv:before {
        padding-right: 0 !important;
    }

    .LineSeparator {
        width: 1px;
        background-color: var(--colors_sidebarmenu_lineseparator);
    }

    .govbr-botao-action-rodape-botao {
        background: none;
        border: none;
        color: var(--colors_baseforecolor);
        padding: 0 10px;
        height: 100%;
        display: flex;
        align-items: center;
        cursor: pointer;
        position: relative;
        border-radius: 0;
    }

    .govbr-botao-action-rodape-botao:hover,
    .govbr-botao-action-rodape-botao:focus-visible {
        background: var(--colors_actionborder_and_focuscolor);
        color: var(--colors_basecolor10);
        text-decoration: underline;
    }

    .govbr-rodape-nome-usuario,
    .govbr-rodape-tag-usuario {
        display: flex;
        align-items: center;
        height: 100%;
        color: var(--colors_baseforecolor);
        padding: 0 4px;
        user-select: none;
    }

    .govbr-table-info-usuario {
        position: relative;
        height: 100%;
        margin-right: 27px;
    }

    .govbr-table-info-usuario::before {
        content: '';
        position: absolute;
        left: -20px;
        top: 0;
        right: -20px;
        bottom: 0;
        background: #00000044;
        transform: skew(-44deg);
        box-shadow: 0 0 4px 2px #00000022;
    }

    .govbr-table-info-usuario > * {
        z-index: 1;
    }

    .MasterFooterCellVM .govbr-rodape-tag-usuario {
        background: var(--colors_basecolor10);
        color: var(--colors_actionborder_and_focuscolor);
        height: calc(100% - 10px);
        margin: 5px 4px;
        border-radius: 8px;
        padding: 0 8px;
        font-weight: bold;
    }

    .FreeStyleGrid {
        margin: 0;
        padding: 0;
        width: 100%;
        overflow-y: hidden !important;
        overflow-x: auto !important;
        padding-bottom: 10px;
    }

    .TableMainModulo {
        width: 100%;
        padding-top: 100px;
    }

    .MasterHeaderCellModulo {
        z-index: 1011;
        box-shadow: none;
        height: 51px;
        background-color: var(--colors_basecolor);
    }

    .CellTitleMaster {
        top: 74px;
        margin-left: 0;
        height: 34px;
        padding: 2px 25px 2px 2px;
        background-color: var(--colors_databackgroundcolor);
    }

    .CellTitleMasterFixed {
        left: 0;
        margin-bottom: 0;
        position: fixed;
        z-index: 1;
        border-bottom: var(--borders_xs) solid var(--colors_gray05);
        box-shadow: 1px 0 5px #00000019;
        top: 74px;
        margin-left: 0;
        height: 34px;
        padding: 2px 25px 2px 2px;
        background-color: var(--colors_basecolor30);
    }

    .CellTitleMasterFixed_HorizontalMenu {
        left: 0;
        margin-bottom: 0;
        position: fixed;
        z-index: 1;
        border-bottom: var(--borders_xs) solid var(--colors_gray05);
        box-shadow: 1px 0 5px #00000019;
        height: 34px;
        background-color: var(--colors_databackgroundcolor);
        margin-left: 0;
        top: 50px;
        padding: 5px 15px;
    }

    .TextBlockTitleHead {
        font-family: var(--fonts_primary-font);
        font-size: var(--fontsizes_l);
        font-weight: 400;
        color: var(--colors_basecolorforecolor);
        line-height: 50px;
        white-space: nowrap;
    }

    .page-contentMenuHorizontal {
        margin-left: 25;
        margin-right: 25;
        margin-top: 0;
        padding-bottom: 30;
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        min-height: 100%;
        display: block;
    }

    .HomeModulesBig:hover,
    .HomeModulesBigDark:hover {
        background-color: #d9dfe2 !important;
        cursor: pointer;
        transition: 0.2s linear;
    }

    .cke_screen_reader_only {
        margin-top: -1px;
    }

    .Table_PopUpAvisoCheckboxes {
        background-color: #8ed9ff20;
        padding: 0 10px;
        height: 30px;
    }

    .Table_PopUpAvisoShadow {
        border-radius: 15px;
        border-width: 4px;
        border-color: var(--colors_blackcolor40);
        box-shadow:
            0 0 3px rgba(0, 0, 0, 0.2),
            0 1px 6px rgba(0, 0, 0, 0.2);
    }

    .Div_PopUpAviso {
        max-height: 90vh;
    }

    .Table_PopUpBigDescription {
        max-height: 460px;
        padding: 15px;
        overflow: scroll;
    }

    .TextTitle_PopUpAviso {
        padding-right: 3pt;
        font-style: normal;
        white-space: normal;
        color: var(--colors_basecolorforecolor);
        line-height: 30px;
        display: block;
        border-bottom: 1px solid;
        font-size: 25px;
        font-weight: 700;
    }

    .TextDescription_PopUpAviso {
        font-family: var(--fonts_primary-font);
        white-space: normal;
        line-height: normal;
        font-size: 1em;
        font-weight: 400;
        color: Black;
        flex: 1 0 auto;
        overflow: auto;
        max-height: 90vh;
    }

    .TextCkeckLabel_PopUpAviso {
        padding-right: 3pt;
        font-style: normal;
        vertical-align: middle;
        font-family: var(--fonts_primary-font);
        white-space: normal;
        line-height: normal;
        font-size: 0.7em;
        font-weight: 400;
        color: var(--colors_blackcolor50);
    }

    .SeparatorH_PopUpAviso {
        height: 1px;
        background-color: var(--colors_blackcolor40);
    }

    .TableBottomPopUpBig {
        bottom: 0;
    }

    .ButtonPrimarySmall {
        padding-left: 8px;
        padding-right: 8px;
        white-space: nowrap;
        background-color: var(--colors_basecolor);
        display: inline-block;
        text-decoration: none;
        color: var(--colors_basecolorforecolorhome);
        border-radius: 50px;
        text-align: center;
        text-indent: 0;
        vertical-align: middle;
        cursor: pointer;
        font-size: var(--fontsizes_xs);
        font-style: normal;
        font-variant: normal;
        margin-right: 3pt;
        padding-bottom: 3px;
        padding-top: 4px;
        border-style: solid;
        font-weight: normal;
        min-width: 86px;
        transition-duration: 0.3s;
    }
    .ButtonPrimarySmall:focus,
    .ButtonPrimarySmall:active,
    .ButtonPrimarySmall:active:focus {
        background-color: var(--colors_actionhover);
        color: var(--colors_basecolorforecolorhome);
        background-color: var(--colors_actionhover);
        border-color: var(--colors_basecolor);
    }
    .ButtonPrimarySmallDisable {
        padding-left: 8px;
        padding-right: 8px;
        white-space: nowrap;
        display: inline-block;
        text-decoration: none;
        color: var(--colors_basecolorforecolorhome);
        border-radius: 50px;
        text-align: center;
        text-indent: 0;
        vertical-align: middle;
        cursor: pointer;
        font-size: var(--fontsizes_xs);
        font-style: normal;
        font-variant: normal;
        margin-right: 3pt;
        padding-bottom: 3px;
        padding-top: 4px;
        border-style: solid;
        font-weight: normal;
        min-width: 86px;
        transition-duration: 0.3s;
        background-color: var(--colors_blackcolor50);
        border: none;
    }

    .Table100x100 {
        width: 100%;
        height: 100%;
    }

    .tableMain100Height {
        height: 100%;
    }

    .govbr-aviso-exibicao-main,
    .govbr-termo-uso-exibicao-main {
        height: calc(100vh - 10px);
        background: #f3f7fa;
        box-shadow:
            0 -35px 0 44px #f3f7fa,
            0 -35px 0 45px #c7d3d9;
        border-radius: 2px;
    }

    .govbr-aviso-exibicao-main > *:first-child,
    .govbr-termo-uso-exibicao-main > *:first-child {
        overflow: hidden auto;
    }

    .govbr-aviso-exibicao-acoes > * {
        width: 140px;
    }

    .govbr-aviso-exibicao-titulo {
        padding: 1rem;
        margin-top: 1rem;
    }

    .govbr-aviso-exibicao-texto {
        padding: 1rem;
        overflow: auto;
    }

    .govbr-termo-uso-exibicao-acoes {
        padding: 1rem;
        width: 100%;
        border-top: 1px solid #0073ae;
    }

    .gx-label.AttributeLoginImageLeftLabel,
    .gx-label .AttributeLoginImageLeft:read-onlylabel {
        padding-right: 3pt;
        font-style: normal;
        vertical-align: middle;
        white-space: normal;
        color: var(--colors_gray08);
        font-size: var(--fontsizes_s);
        font-weight: bold;
    }

    .gx-label.CardDashboardTitleModuloLabel {
        padding-right: 3pt;
        font-style: normal;
        vertical-align: middle;
        white-space: normal;
        color: var(--colors_gray08);
        font-size: var(--fontsizes_s);
        font-weight: bold;
    }

    .gx-label.TableCardDashboardModulo .CardModuloTagLabel {
        padding-right: 3pt;
        font-style: normal;
        vertical-align: middle;
        white-space: normal;
        color: var(--colors_gray08);
        font-size: var(--fontsizes_s);
        font-weight: bold;
    }

    .FreeStyleGridFooter > .gx_newrow {
        padding-right: 3pt;
        white-space: nowrap;
        font-size: var(--fontsizes_xs);
        font-style: normal;
        color: var(--colors_gray08);
        vertical-align: middle;
        content: '[';
        content: ']';
    }

    .FreeStyleGrid + div.gx-grid-loading {
        padding-right: 3pt;
        white-space: nowrap;
        font-style: normal;
        vertical-align: middle;
        margin-left: auto;
        margin-right: auto;
        padding: 5px;
        font-size: var(--fontsizes_s);
        color: var(--colors_basecolor30);
        min-height: 2em;
        width: 30%;
        text-align: center;
    }

    .FreeStyleGrid + .gx-text-gridnodata {
        padding-right: 3pt;
        white-space: nowrap;
        font-style: normal;
        color: var(--colors_gray07);
        font-family: var(--fonts_primary-regular);
        font-size: var(--fontsizes_m);
        letter-spacing: 0.25px;
        line-height: 41px;
        margin-top: -1em;
        margin-bottom: 30px;
        margin-left: 30px;
        padding-top: 30px;
        text-align: center;
        vertical-align: middle;
    }

    .FreeStyleGrid[data-gx-grid-nodata] {
        padding-left: 5pt;
        padding-right: 5pt;
        border-width: var(--borders_xs);
        text-align: left;
        text-indent: 5px;
        background-color: var(--colors_gray05);
        margin-left: 0;
        color: var(--colors_gridforecolor);
        padding-top: 0;
        padding-bottom: 0;
    }

    .gx-label.TableCardDashboardModuloSuccess .CardModuloTagLabel {
        padding-right: 3pt;
        font-style: normal;
        vertical-align: middle;
        white-space: normal;
        color: var(--colors_gray08);
        font-size: var(--fontsizes_s);
        font-weight: bold;
    }

    .gx-label.TableCardDashboardModuloWarning .CardModuloTagLabel {
        padding-right: 3pt;
        font-style: normal;
        vertical-align: middle;
        white-space: normal;
        color: var(--colors_gray08);
        font-size: var(--fontsizes_s);
        font-weight: bold;
    }

    .gx-label.TableCardDashboardModuloDanger .CardModuloTagLabel {
        padding-right: 3pt;
        font-style: normal;
        vertical-align: middle;
        white-space: normal;
        color: var(--colors_gray08);
        font-size: var(--fontsizes_s);
        font-weight: bold;
    }

    .govbr-rodape-atencao-ambiente {
        color: var(--colors_warning_condform_row_background);
        font-weight: bold;
        height: var(--margem-rodape);
        display: inline-flex;
        align-items: center;
        padding: 0 1rem;
        letter-spacing: -1px;
        text-transform: uppercase;
        font-size: 1.4rem;
        margin-right: 3rem;
    }

    .govbr-rodape-atencao-ambiente:has(+ .govbr-rodape-atencao-admin) {
        margin-right: 0;
    }

    .govbr-rodape-atencao-ambiente + .govbr-rodape-atencao-admin {
        border-left: none;
        margin-left: -2px;
    }

    .govbr-rodape-atencao-admin {
        color: var(--colors_basecolor20);
        font-weight: bold;
        height: var(--margem-rodape);
        display: inline-flex;
        align-items: center;
        padding: 0 1rem;
        letter-spacing: -1px;
        text-transform: uppercase;
        font-size: 1.4rem;
        margin-right: 3rem;
    }

    @media (max-width: 500px) {
        .TableEmbed {
            left: 0 !important;
        }
    }

    @media (max-width: 1650px) {
        .MasterFooterCellVM > div > div:nth-child(5) .govbr-rodape-atencao-ambiente {
            display: none;
        }
    }

    @media (max-width: 1400px) {
        .MasterFooterCellVM > div > div:last-child {
            display: none;
        }
    }

    @media (max-width: 1250px) {
        .MasterFooterCellVM > div > div:nth-child(3) {
            display: none;
        }
        .MasterFooterCellVM > div > div:nth-child(2) {
            width: 22rem;
            overflow: hidden;
            white-space: nowrap;
        }
    }

    @media (max-width: 1080px) {
        .MasterFooterCellVM > div > div:nth-child(1) {
            margin-right: auto;
        }

        .MasterFooterCellVM > div > div:nth-child(2),
        .MasterFooterCellVM > div > div:nth-child(4) {
            display: none;
        }
    }

    @media (max-width: 550px) {
        .MasterFooterCellVM > div > div:nth-child(1) {
            display: none;
        }
    }
}
