@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-botao-gadgets-cell,
    .govbr-portal-acesso-master-gadgets-cell {
        grid-column: 4;
        grid-row: 1 / span 2;
    }

    .govbr-portal-acesso-master-botao-gadgets-cell {
        display: none;
        font-size: 2rem;
        background: var(--colors_base-2);
        color: var(--colors_base-1);
        cursor: pointer;
        width: 6rem;
        height: 100%;
        z-index: 5;
    }

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

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

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

    .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%;
        padding-right: 2rem;
        line-height: 1;
    }

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

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

    .govbr-portal-acesso-master-gadgets {
        position: relative;
        height: 100%;
        background: var(--colors_base-2);
    }

    .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;
        opacity: 1;
    }

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

    @media (max-width: 920px) {
        .govbr-portal-acesso-master-titulo {
            font-size: 2rem;
        }

        .govbr-portal-acesso-master-brasao {
            margin: 0 0.75rem 0 1.75rem;
            height: 4rem;
        }

        .govbr-portal-acesso-master-gadgets-cell {
            display: flex;
            align-items: start;
            justify-content: flex-end;
            position: fixed;
            left: 0;
            top: 0;
            padding-right: 6rem;
            right: 0;
            bottom: 0;
            z-index: 4;
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.5s;
            background: #00000033;
        }

        .govbr-portal-acesso-master-gadgets-cell.govbr-portal-acesso-master-gadgets-cell-aberto {
            opacity: 1;
            pointer-events: all;
        }

        .govbr-portal-acesso-master-botao-gadgets-cell {
            display: block;
        }

        .govbr-portal-acesso-master-gadgets {
            height: 7.3rem;
            width: fit-content;
            max-width: 0;
            padding: 0 2rem;
            transition: max-width 0.5s;
        }

        .govbr-portal-acesso-master-gadgets-cell.govbr-portal-acesso-master-gadgets-cell-aberto .govbr-portal-acesso-master-gadgets {
            max-width: calc(100vw - 6rem);
        }

        .govbr-portal-acesso-master-gadgets::before {
            display: none;
        }

        .MasterTopIconsCell {
            display: block !important;
        }
    }

    @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;
        }

        .govbr-portal-acesso-master-titulo {
            font-size: 1.8rem;
        }

        .govbr-portal-acesso-master-brasao {
            margin: 0 0.5rem 0 1.5rem;
            height: 3.5rem;
        }
    }

    @media (max-width: 540px) {
        .govbr-portal-acesso-master-cidade360-logo-cell {
            display: none;
        }

        .govbr-portal-acesso-master-titulo {
            font-size: 1.6rem;
        }

        .govbr-portal-acesso-master-brasao {
            margin: 0 0.25rem 0 0.75rem;
            height: 3rem;
        }
    }
}