* {
    font-family: Arial, Helvetica, sans-serif;
}
/* Classes sobrescritas do antigo Layout - PE-Integrado */
/* Master Page - NovoPortal */
.menu-esquerdo dd {
    margin-left: 8%;
    padding: 5% 0 !important;
}

dt {
    padding: 6% 0;
}

    dt > a {
        font-weight: bold;
    }

.tdTituloPagina {
    text-align: left;
    height: 31px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    background: #44546A !important;
    padding-right: 4px;
    text-transform: uppercase;
}

a {
    text-decoration: none !important;
    cursor: pointer !important;
}
/* Classes Utilitárias */
.form-select {
    color: #44546A !important;
}

.corPadrao {
    color: #fff;
}

    .corPadrao:hover {
        color: #e0e0e0 !important;
    }

.corContraste {
    color: #44546A;
}

    .corContraste:hover {
        color: #4f75b5 !important;
    }

.btn-outline-primary:hover {
    background-color: transparent !important;
    color: #44546A !important;
}

.form-control:valid {
    margin-bottom: 0 !important;
}

.color-default {
    color: #4f4f4f;
}

.areaClique {
    cursor: pointer !important;
    color: #4379dd !important;
    font-weight: 700;
}

.em-construcao {
    opacity: 0.5 !important;
}

    .em-construcao:hover {
        border: none !important;
    }

.maiuscula {
    text-transform: uppercase;
}

.justificado {
    text-align: justify;
}

.ripple-surface {
    display: inline !important;
}

#divFiltro {
    display: flex;
    flex-direction: column;
    width: 30%;
}
/* substituindo o efeito Jquery */
show {
    transition: opacity 400ms;
}

.hide {
    opacity: 0;
}

.callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 2px solid #e9ecef;
    border-left-width: 0.25rem;
    border-radius: 0.25rem;
}

.callout-info {
    border-left-color: #0C326F !important;
}

.blockquote-footer {
    margin-top: 1rem !important;
}

    .blockquote-footer::before {
        content: "" !important;
    }

.bg-info {
    background-color: #4f75b5 !important;
}

.accordion-button {
    font-size: 0.89rem !important;
}

.titulos-portal {
}

    .titulos-portal > hr {
        width: 50%;
        border: 1px solid #44546A;
    }

    .titulos-portal span {
        text-align: center;
        font-size: 0.8em;
        width: 100%;
        font-weight: bold;
    }

.dropdown-item:focus, .dropdown-item:hover {
    color: #44546A;
    background-color: #e9ecef;
}
/* Header - Cabeçalho da página*/
.header {
    width: 100%;
}

#logo-peintegrado {
    background-image: url('../Portal/Imagens/logo-pei.png');
    width: 100%;
    height: 85px;
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: cover;
}

.header .titulo span {
    text-transform: uppercase;
}

    .header .titulo span:after {
        content: "Plataforma Integrada de Contratações Públicas e Gestão de Bens e Materiais de Pernambuco";
        text-align: center;
        display: block;
        padding: 20px 25px;
        font-weight: 600;
        font-size: 0.89rem;
        color: #44546a !important;
    }

#titulo-login {
    font-size: 0.89em;
    color: #0C326F;
}

#formLogin {
    display: inherit;
}

.corContrasteCarousel {
    color: #44546A !important;
}

#login {
}

#acessar {
    font-weight: 700;
}

[icon-login], [icon-senha] {
    color: #44546A;
}

.small-font-display-bold {
    font-size: 0.86rem !important;
    font-weight: 700;
}

.small-fonts-display {
    font-size: 0.86rem !important;
}

.small-fonts {
    font-size: .870em !important;
    color: #0C326F;
}

.small-fonts-table {
    font-size: .71rem !important;
    color: #0C326F;
}

.btn-primary {
    background-color: #44546A !important;
    color: white;
    border: 0;
}

.btn-warning {
    background-color: #ffc10770!important;
}

/* Menu lateral esquerdo */
.box-menu-esquerdo {
    background-color: #e0e0e0;
}

.box-menu-esquerdo, .box-menu-rodape {
    min-width: 200px;
    width: 100%;
}

.menu-esquerdo {
    /* max-width: 200px;
     width: 100%;
    */
    font-size: .8rem;
    background-color: #e0e0e0;
}

.menu-esquerdo a, .menu-rodape a {
    color: #0C326F;
    text-decoration: none;
}

.menu-esquerdo .titulo-principal, .menu-rodape .titulo-principal {
    text-align: center;
    padding: 10px 0;
    color: #0C326F;
}

.linha {
    color: #A8A8A8 !important;
    padding: 4px;
}

.menu-esquerdo dt {
    margin-left: 5%;
    padding: 5% 0;
    color: #173d71;
}

.menu-esquerdo dt:nth-of-type(1) {
    margin-left: 1%;
}

.menu-esquerdo dd {
    margin-left: 8%;
    padding: 0.5% 0;
}

.box-menu-direito {
    max-width: 200px;
    width: 100%;
}

.menu-direito {
    max-width: 200px;
    width: 100%;
}

.conteudo-central {
    width: 100%;
}
/* Menu Direito */
aside {
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

.box-elemento-botao {
    display: flex;
    width: 100%;
    margin-top: 25%;
}

.container-icone-botao {
    width: 30%;
    border-radius: 50%;
    position: relative;
    left: 20px;
}

.container-botao {
    width: 100%;
}

#icon-cadastre-se-aqui {
    width: 40%;
    height: 20px;
    padding: 10%;
    font-size: 0.89rem;
    color: white;
    background: #44546A;
    border: 4px solid #1677A7;
    border-radius: 50%;
    margin-top: 10%;
}

#btn-cadastre-se-aqui {
    width: 75%;
    padding: 6px 0px;
    font-size: 0.62em;
    position: relative;
    margin-left: 10%;
    border-radius: unset;
    box-shadow: unset;
    background-color: #44546A;
}

#icon-cadastre-se-aqui:hover {
    background-color: #004A80;
    cursor: pointer;
}

.box-icone-botao {
    width: 100%;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    background-color: #44546A;
}

.box-icone-botao:hover {
    background-color: #386bc0;
    cursor: pointer;
}

.box-botao-outline {
    text-align: center;
    margin-top: 15px;
    padding: 0 7%;
}

[fornecedor], [servidor-publico], [mais-numeros] {
    border-radius: 20px;
    border-color: #0C326F;
    width: 100%;
    text-transform: capitalize;
}

[botao-arrendodado] {
    border-radius: 40px;
    border-color: #0C326F;
    text-transform: capitalize;
}

.info-chat a {
    color: #44546A;
}

.secao-suporte {
    text-align: center;
    font-size: 0.69em;
    color: #44546A;
    font-weight: bold;
}

.secao-suporte > .titulo {
    font-weight: 700;
}

#links-suporte {
    margin-top: 50%;
}

#links-suporte .linha {
    color: #0C326F;
}

#links-suporte > span {
    font-size: 0.69em;
}

.box-links-suporte {
    padding: 10% 5%;
}

.box-icon-suporte {
    position: relative;
    left: 12px;
    top: -1px;
}

.box-icon-suporte > svg {
    font-size: 2.2em;
    margin-bottom: 26px;
}

.links-t-suporte > svg {
    font-size: 2.2em;
    color: #44546A !important;
}

.links-t-suporte a {
    font-size: 0.8em;
    color: #44546a;
    font-weight: bold;
}

.titulos-links-suporte {
    position: relative;
    left: 10px;
    top: -3px;
    padding: 0 5%;
}

.titulos-links-suporte > span {
    margin-bottom: 21px;
    font-size: 0.81em;
    color: #0C326F;
    font-weight: bold;
}

.titulos-links-suporte > span > a {
    color: #0C326F;
}
/* Conteúdo central */
#carouselExampleCaptions {
    width: 70%;
    margin: 0 auto;
}

.carousel-caption {
    bottom: 4.25rem !important;
}

.notificacao-noticia {
}

.titulo-noticia {
    font-weight: 700;
}

.noticia {
    color: white !important;
}

.conteudo-central {
    /*background-color: #F2F2F2;
    */
    padding: 5px;
}

.container-titulo-secoes {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}

.titulo-secoes {
    text-transform: uppercase;
    width: 30%;
    background-color: #44546A;
    color: #FFF;
    position: relative;
    z-index: 2;
}

.titulo-secoes > [seta] {
    color: #FFF;
    margin-left: 5%;
}

.titulo-secoes span {
    margin-left: 5%;
    font-weight: bold;
}

.btn-links {
    text-transform: none !important;
    color: #44546A;
    font-weight: bold;
    font-size: 0.75em;
    border: 1px solid #0C326F;
}

.btn-links:hover {
    opacity: 0.8;
}

#carousel-pei {
    width: 100%;
    margin-top: 10px;
}

.chamada-destaque {
    width: 40%;
    position: relative;
    top: 45px;
}

.noticias {
    border: 1px solid #ccc;
    color: #0C326F;
    background-color: #FFF;
    padding: 8px;
    cursor: pointer;
}

.noticias > a {
    color: #0C326F;
}
.secao-principais-consultas {
    padding: 5px;
    background-color: #F2F2F2;
}

.secao-principais-consultas > .titulo-secoes {
    width: 30%;
}

.box-consultas {
    width: 100%;
    height: auto;
    background-color: #FFF;
}

.box-icon-consultas {
    display: flex;
}

.box-icons-consultas > div > span {
    display: block;
}

.box-icon-consultas svg {
    font-size: 3.3em;
    padding-top: 10px;
    color: #44546A;
}

.box-link-consulta {
    text-align: center;
    padding-top: 10px;
    border: 1px solid gray;
}

.box-link-consulta span {
    display: block;
    padding: 5%;
    font-size: 0.89em;
    font-weight: bold;
}

.box-link-consulta span > a {
    color: #44546A;
}

.divider {
    padding: 0 7%;
}

[close] {
    color: tomato !important;
    position: absolute;
    top: 5px;
    right: 0;
    font-size: 2.2em !important;
}

[inexigibilidade] {
    position: absolute;
    top: 8px;
    right: 40%;
}

[cotacoes-preco] {
    position: absolute;
    top: 5px;
    right: 0;
}

[icon-clock] {
    position: absolute;
    top: 5px;
    right: 0;
    color: #e4a11b !important;
}

.card-block svg, .card-block h2, .card-block h6, .card-block a {
    color: #44546A;
}

.material-symbols-sharp {
    font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 48;
    font-size: 2.9em !important;
    color: #44546A;
}

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48
}

.menu-esquerdo-mobile {
    display: none;
}

.mapa-pernambuco {
    width: 50%;
}

[informacoes] {
    position: relative;
    right: 15%;
    left: 15%;
    text-transform: uppercase;
}

.card:hover {
    border: 1px solid #0C326F;
}

.card-title-info {
    font-size: 0.8em;
}

.container-titulo-secoes > .text-center > span, .container-titulo-secoes > .text-center > b {
    color: #44546A;
}

.secao-numeros-compras {
    width: 100%;
    height: auto;
}

.secao-numeros-compras h5 {
    color: #44546A;
}

.dados-compras {
    font-size: 1em;
    font-weight: 900;
    color: #44546A;
}

[titulo-compras] {
}

.menu-rodape {
    width: 100%;
    font-size: .76rem;
}
/* Sobre */
.paragrafo {
    text-indent: 4rem !important;
    text-align: justify !important;
}
/* Footer */
.menu-rodape {
    list-style: none !important;
}

.subtitulo-menu-rodape {
    font-weight: bold !important;
    background-color: #44546A;
    color: #FFF;
    margin-bottom: 7%;
    box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
    text-transform: uppercase;
}

    .subtitulo-menu-rodape > svg {
        font-size: 1.6em;
        position: relative;
        top: 3px;
    }

    .subtitulo-menu-rodape > a {
        text-transform: uppercase;
    }

    .subtitulo-menu-rodape a, subtitulo-menu-rodape li {
        font-weight: bold;
        color: #FFF;
        margin-left: 2px;
    }
/* Responsividade */
@media screen and (min-width: 1024px) {
    .row {
        margin-left: 0px;
    }
}

@media screen and (max-width: 768px) {
    .header {
        flex-direction: column !important;
    }

    .header > .col-md-6, .header > .col-md-4 {
        flex: 0 0 auto;
        width: 80%;
    }

    .posicionamento-md {
        position: relative;
        left: 5%;
    }

    .menu-esquerdo-mobile {
        display: block;
    }

    .box-menu-esquerdo {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        background-color: rgba(68,84,106,0.95);
        z-index: 2;
        transition: margin-left .8s;
        transition-timing-function: ease-in;
    }

    .menu-esquerdo dt {
        color: #173d71;
    }

    .menu-esquerdo a {
        color: #f2f2f2;
    }

    .box-menu-direito {
        display: none;
    }

    .titulo-secoes {
        width: 50% !important;
        z-index: 0;
    }

    .menu-esquerdo-mobile {
        display: block;
        position: absolute;
        left: 1%;
    }

    .button-font-md {
        font-size: 0.89rem !important;
    }

    .titulo-secoes {
        font-size: 0.95em;
    }
}

.painelFiltroDireita {
    width: 300px;
    background-color: #fff;
    right: 0;
    margin-left: -270px;
    height: 100px;
    position: relative;
    color: White;
    z-index: 1;
    color: #4379dd;
}
/* Tooltip */
.tooltip:after {
    font: 12px/1.4 Arial,Georgia,sans-serif;
    content: attr(data-title);
    display: none;
    position: absolute;
    padding: 5px 10px;
    top: 0px;
    margin: 1em 0 3em;
    text-align: center;
    color: #fff;
    background: #3379b6;
    left: -20px;
    min-width: 100px;
    -moz-box-shadow: 0px 0px 4px #000;
    /* FF3.5+ */
    -webkit-box-shadow: 0px 0px 4px #000;
    /* Saf3.0+, Chrome */
    box-shadow: 0px 0px 4px #000;
    /* Opera 10.5, IE 9.0 */
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=0px, Color='#000');
    /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=0px, Color='#000')";
    /* IE8 */
}
/* creates triangle */
.tooltip:before {
    z-index: 13;
    position: absolute;
    content: " ";
    display: none;
    width: 0;
    height: 0;
    border-style: solid;
    top: -3px;
    left: 0px;
    border-width: 15px 7px 15px 7px;
    border-color: transparent transparent #3379b6;
}

.tooltip:hover::before {
    display: block;
}

.tooltip:hover {
    z-index: 10;
    position: relative;
    cursor: text;
}

    .tooltip:hover::after {
        /*width:100px;
    */
        display: block;
        margin: 25px 0 0 10px;
    }

.tooltip-cima:after {
    font: 12px/1.4 Arial,Georgia,sans-serif;
    content: attr(data-title);
    display: none;
    position: absolute;
    padding: 5px 10px;
    top: 0px;
    text-transform: capitalize;
    text-align: center;
    margin: 1em 0 3em;
    color: #fff;
    background: #3379b6;
    left: -20px;
    min-width: 100px;
    -moz-box-shadow: 0px 0px 4px #000;
    /* FF3.5+ */
    -webkit-box-shadow: 0px 0px 4px #000;
    /* Saf3.0+, Chrome */
    box-shadow: 0px 0px 4px #000;
    /* Opera 10.5, IE 9.0 */
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=0px, Color='#000');
    /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=0px, Color='#000')";
    /* IE8 */
}

.tooltip-cima:before {
    z-index: 13;
    position: absolute;
    content: " ";
    display: none;
    width: 0;
    height: 0;
    border-style: solid;
    top: -12px;
    left: 5px;
    border-width: 15px 7px 15px 7px;
    border-color: #3379b6 transparent transparent;
}

.tooltip-cima:hover::before {
    display: block;
}

.tooltip-cima:hover {
    z-index: 10;
    position: relative;
}

    .tooltip-cima:hover::after {
        display: block;
        margin: -38px 0 0 10px;
    }

@media screen and (max-width: 1400px) {
    .titulo-secoes {
        font-size: 0.95em;
    }
}
/*** Cadastro de Servidores - Integração Ergon ***/
h2 {
    font-size: 1.45em;
    line-height: 1;
}

#aspnetForm {
    overflow: hidden;
}

[margin-elementos] {
    margin: 0 2%;
}

.titulo-cadastro-servidor {
    font-weight: 600;
}

.row-1 {
    margin-left: 0 !important;
    margin-bottom: 3%;
}

.label {
    font-size: 0.99em;
    font-weight: 600;
}

.negrito {
    font-weight: 600;
    font-size: 1.3em;
}

.form-col {
    flex: 0 0 auto;
    width: 27.44% !important;
}

.row-ug {
    padding-left: 0 !important;
    margin-left: -26px !important;
}

.slcbox-unidades-gestoras {
    margin-left: 2.5% !important;
    display: flex;
    align-self: center;
}

.sl-ugs {
    margin-left: 3% !important;
}

.form-check-input {
    margin-top: 0.12em;
}

.form-check-input:checked {
    background-color: #44546A !important;
    border-color: #0d6efd;
}

.btn-emitir-termo-responsabilidade {
    background-color: #CCC;
    font-size: 1.1em;
    padding: 2.5%;
    border: none;
}

.form-control:disabled, .form-control:read-only {
    background-color: transparent !important;
}

.alerta-sucesso {
    margin-right: 3%;
    background-color: #7ecc7e94;
    padding: 1%;
    font-weight: 700;
    border-radius: 0px;
    width: 65%;
    text-align: center;
}

#btnIncluirCadastro:hover {
    cursor: pointer;
}

.tbFooter {
    text-align: center !important;
    font-size: 15px;
    font-weight: bold;
    padding: 10px;
    color: #4379dd;
}