@import url('./GOVBREstilosPortalAcessoSidebar.css');

@layer GOVBREstilosPortalAcesso {
    .govbr-portal-acesso-master-main {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: grid;
        grid-template-columns: 6rem auto 1fr auto;
        grid-template-rows: 5rem 2.3rem 3rem 1fr auto auto;
        background: var(--colors_fundo-branco);
    }

    .govbr-portal-acesso-master-botao-menu-cell {
        grid-column: 1;
        grid-row: 1 / span 2;
        font-size: 2rem;
        background: var(--colors_base-2);
        color: var(--colors_base-1);
        cursor: pointer;
        width: 6rem;
        height: 100%;
    }

    .govbr-portal-acesso-master-botao-menu {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 6rem;
        height: 7.3rem;
        font-size: 2.6rem;
    }

    .govbr-portal-acesso-master-botao-menu-cell * {
        color: inherit !important;
        text-decoration: none;
    }

    .govbr-portal-acesso-master-botao-menu-cell:hover,
    .govbr-portal-acesso-master-botao-menu-cell:focus-visible {
        background: var(--colors_base-2-030);
    }

    .govbr-portal-acesso-master-entidade-cell {
        grid-column: 2 / span 2;
        grid-row: 1;
    }

    .govbr-portal-acesso-master-modulo-cell {
        grid-column: 2 / span 2;
        grid-row: 2;
        background: var(--colors_base-2);
        color: var(--colors_base-1);
    }

    .govbr-portal-acesso-master-gadgets-cell {
        grid-column: 4;
        grid-row: 1 / span 2;
        background: var(--colors_base-2);
    }

    .govbr-portal-acesso-master-form-titulo-cell {
        grid-column: 3 / span 2;
        grid-row: 3;
        pointer-events: none;
        z-index: 2;
    }

    .govbr-plataforma-master-form-titulo-texto {
        display: block;
        padding: 0 1rem;
        font-size: 1.4rem;
        color: var(--colors_base-2);
    }

    .govbr-portal-acesso-master-menu-cell {
        grid-column: 1 / span 2;
        grid-row: 3 / span 2;
        z-index: 3;
    }

    .govbr-portal-acesso-master-atendimento-360-logo-cell {
        position: relative;
        height: 5.5rem;
        grid-column: 1 / span 2;
        grid-row: 5;
        z-index: 3;
        border-right: 2px solid var(--colors_base-2-transparente);
        overflow: hidden;
    }

    .govbr-portal-acesso-master-atendimento-360-logo-cell:hover {
        overflow: visible;
    }

    .govbr-portal-acesso-master-conteudo-cell {
        grid-column: 3 / span 2;
        grid-row: 3 / span 3;
        overflow: auto;
        z-index: 1;
    }

    .govbr-rodape-govbr-cell {
        grid-column: 1 / -1;
        grid-row: 6;
        z-index: 2;
    }

    .govbr-portal-acesso-master-main .govbr-rodape-govbr {
        height: auto;
    }

    .govbr-portal-acesso-master-entidade {
        height: 100%;
    }

    .govbr-portal-acesso-master-brasao {
        height: 4.5rem;
        margin: 0 1rem 0 2rem;
    }

    .govbr-portal-acesso-master-titulo {
        font-size: 2.2rem;
        color: var(--colors_base-2);
    }

    .govbr-portal-acesso-master-gadgets {
        position: relative;
        height: 100%;
    }

    .govbr-portal-acesso-master-gadgets::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 5rem;
        background: var(--colors_base-2);
        transform-origin: top left;
        transform: rotate(45deg);
        clip-path: polygon(0 0, 75% 50%, 0 100%);
    }

    .govbr-portal-acesso-master-cidade360-logo {
        height: 4rem;
        margin: 0 2rem;
    }

    .govbr-portal-acesso-master-modulo-texto {
        font-weight: bold;
        margin-left: 2.4rem;
        line-height: 2.4rem;
    }

    .govbr-portal-acesso-master-atendimento-360-logo {
        position: absolute;
        width: calc(29.6rem - 2px);
        height: 4.5rem;
        object-fit: contain;
        margin: 0.25rem 0.2rem;
        padding: 0.25rem 0.2rem;
        padding-right: 1.25rem;
        opacity: 0.5;
        background: var(--colors_fundo-branco);
        border-radius: 0.5rem;
    }

    .govbr-portal-acesso-master-atendimento-360-logo:hover {
        opacity: 1;
        box-shadow: 0 0 0 2px var(--colors_base-2-transparente) inset;
    }

    .govbr-portal-acesso-master-form-titulo {
        height: 100%;
        padding: 0 1rem;
        position: relative;
        z-index: 2;
        border-bottom: 2px solid var(--colors_base-2-transparente);
        pointer-events: all;
    }

    .govbr-portal-acesso-master-form-titulo-container,
    .govbr-portal-acesso-master-form-titulo-container-cell {
        height: 100%;
    }

    .govbr-portal-acesso-master-form-titulo-container-cell {
        background: var(--colors_fundo-branco);
    }

    .govbr-portal-acesso-master-conteudo-cell .govbr-portal-acesso-master-conteudo {
        position: relative;
        margin: 0;
        padding: 3.5rem var(--padding-padrao-tabelas) 0 var(--padding-padrao-tabelas);
        transition: none;
    }

    #LAYOUTMAINTABLE > .row {
        display: contents;
    }

    #LAYOUTMAINTABLE > .row > .col-xs-12 {
        display: contents;
    }

    .govbr-portal-acesso-master-conteudo .TableEmbed {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .govbr-portal-acesso-master-form-titulo .AttributeColorIconHead:not(.gx-disabled):hover,
    .govbr-portal-acesso-master-form-titulo .AttributeColorIconHeadAdded:not(.gx-disabled):hover,
    .govbr-portal-acesso-master-form-titulo .TextBlock:not(.gx-disabled):hover {
        background: #00000011;
    }

    .govbr-portal-acesso-master-form-titulo .AttributeColorIconHead,
    .govbr-portal-acesso-master-form-titulo .AttributeColorIconHeadAdded,
    .govbr-portal-acesso-master-form-titulo .TextBlock {
        align-items: center;
        display: flex !important;
        font-size: 15px;
        height: 30px;
        justify-content: center;
        margin-left: 3px;
        padding: 0;
        width: 30px;
    }

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

    .ImageMenuCircle:hover {
        color: var(--colors_base-1-30);
        text-decoration: none;
    }

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

    /* GADGETS */
    .DropDownNotification > .btn-default .caret {
        color: var(--colors_base-1);
    }

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

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

    .DropDownOptionsNoBackHover {
        padding-left: 6px;
        padding-right: 6px;
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .DropDownOptionsNoBackHover > .btn-default {
        color: var(--colors_base-1);
    }

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

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

    .ActionGroupHeader.ActionGroupHeaderSquare .btn {
        background: var(--colors_fundo-branco);
        border-radius: 50%;
        padding: 0.2rem;
        overflow: hidden;
    }

    .ActionGroupHeader > .btn:hover {
        opacity: 0.9;
        background: var(--colors_base-1-30);
    }

    @media (max-width: 767px) {
        .govbr-portal-acesso-master-menu-cell {
            grid-column: 1 / -1;
            pointer-events: none;
        }

        .govbr-portal-acesso-master-atendimento-360-logo-cell {
            display: none;
        }

        .govbr-portal-acesso-master-menu {
            pointer-events: all;
            background: var(--colors_fundo-branco);
            border-right: 2px solid var(--colors_base-2-transparente);
        }

        .govbr-portal-acesso-master-form-titulo-cell {
            grid-column: 1 / -1;
        }

        .govbr-portal-acesso-master-conteudo-cell {
            grid-column: 1 / -1;
        }
    }
}