/*--------------------------------------------------------------------
LAYOUT BASE - NOR267 (modern browsers)

#####    ###  #########  #########  #########  #########  #########
######   ###  ###   ###  ###   ###        ###  ###        #########
### ###  ###  ###   ###  ###   ###  #########  #########       ###
###  ### ###  ###   ###  #########  #########  ###   ###      ###
###   ######  ###   ###  ### ###    ####       ###   ###     ###
###    #####  #########  ###  ###   #########  #########    ###

--------------------------------------------------------------------*/
/*------------------------------------------------------------------*/

/* fonts */
@import url('https://fonts.googleapis.com/css2?family=Belleza&family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&family=Mulish:ital,wght@0,200..1000;1,200..1000&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Quicksand:wght@300..700&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Tinos:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* MOBILE */

html, body {
    margin: 0;
    height: 100%;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-family: Roboto, Arial;
    color: #003B5C;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    -webkit-text-size-adjust: 100%;
}
body.noScroll { overflow: hidden; max-height: 100%; }

* {
    text-decoration: none;
    outline: none;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    /* -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; */
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-tap-highlight-color: transparent;
}  

input, textarea { -webkit-appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
p { line-height: 24px; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: 400; }
img { display: block; }

::-webkit-input-placeholder {color: #608499; }
:-moz-placeholder { color: #608499; opacity: 1; }
::-moz-placeholder { color: #608499; opacity: 1; }
:-ms-input-placeholder { color: #608499; }

.wrapper { width: 100%; padding: 72px 0 0 0; float: left; }
.wrapper.fixed { position: fixed; }

/* HEADER */
.header {
    position: fixed;
    width: 100%; height: 72px;
    background-color: #ffffff;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
    z-index: 50;
    -ms-transition: padding 0.2s linear 0s;
    transition: padding 0.2s linear 0s;
}
.header .limited {
    padding: 0 0 0 24px; 
    max-width: 1586px; 
    max-width: 1786px; 
    margin: 0 auto; 
    -ms-transition: padding 0.2s linear 0s, max-width 0.2s linear 0s;
    transition: padding 0.2s linear 0s, max-width 0.2s linear 0s;
}
.header .logoLink { float: left; }
.header .logoLink .logo { width: auto !important; height: 36px; float: left; margin: 18px 0; }
.header .logoLink span {
    height: 48px;
    margin: 12px 0 0 10px;
    padding: 18px 0 0 4px;
    border-left: 1px solid #003B5C;
    float: left;
}
.header .logoLink .logoText { width: 106px; height: 12px; float: left; }
.header .logoLink .logoTextBig { display: none; }
/* MENU */
.header .menuBtn {
    height: 72px;
    color: #0EA8FF;
    font-weight: 500;
    text-transform: uppercase;
    background-color: #ffffff;
    padding: 28px 24px;
    float: right;
}
.header .menuBtn:hover { background-color: #EFF2F5; }
.header .menuBtn.open { background-color: #EFF2F5; color: #003B5C; }
.header .menu {
    width: 0px; height: 0;
    position: absolute;
    list-style: none;
    margin: 0; padding: 0;
    top: 72px; right: 0;
    overflow: hidden;
    background-color: #EFF2F5;
    -webkit-transition: all 0.2s 0.12s cubic-bezier(.77, 0, .17, 1); transition: all 0.2s 0.12s cubic-bezier(.77, 0, .17, 1);
}
.header .menu.open {
    width: 100%; height: 288px;
    -webkit-transition-delay: 0s; transition-delay: 0s;
}
.header .menu li {
    width: 100%;
    -webkit-transform: translate(24px,0); -ms-transform: translate(24px,0); transform: translate(24px,0); opacity: 0;
    -webkit-transition: all 0.2s 0s cubic-bezier(.77, 0, .17, 1); transition: all 0.2s 0s cubic-bezier(.77, 0, .17, 1);
}
.header .menu.open li {
    -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0);
    opacity: 1;
    -webkit-transition-delay: 0.16s; transition-delay: 0.16s;
}
.header .menu a {
    display: block;
    width: 100%; height: 48px;
    color: #0EA8FF;
    font-weight: 500;
    text-align: right;
    text-transform: uppercase;
    background-color: #EFF2F5;
    padding: 16px 24px;
}
.header .menu li:hover a, .header .menu li.current a { color: #ffffff; background-color: #0EA8FF; }
.header .loginBtn {
    display: none;
    width: 48px; height: 48px;
    border: 1px solid #1ACCFF;
    border-radius: 50%;
    margin: 12px 0 12px 24px;
    float: right;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}
/* login info */
.header .loginInfo {
    float: right;
    margin: 18px 0 0 0;
    padding: 0 24px 0 0;
    display: none;
}
.header #menuBtnIpss{ display: block; color: #1ACCFF; }
.header #menuBtnIpss.open{ color: #007FA3; }
.header #menu_ul_ipss a{ color: #1ACCFF; }
.header #menu_ul_ipss li:hover a, .header #menu_ul_ipss li.current a{ background-color: #1ACCFF; color: #FFFFFF; }
.header .loginInfo p {
    color: #007FA3;
    line-height: 18px;
    margin: 0;
    padding: 0;
    float: right;
    clear: both;
}
.header .loginInfo p.welcome { display: none; }
.header .loginInfo p a {
    font-size: 12px;
    color: #1ACCFF;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1); transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1);
}
.header .loginInfo p a:hover,.header .loginInfo p a.current { color: #007FA3; }
.openDados{ display: block; }
.submenuSerIpss{ display: none; }
.submenuSerIpss:after, .openDados:after{ content:""; }
.header .loginInfo p:last-child{ text-align: right; max-width: 165px; }
@media(min-width:390px){
    .submenuSerIpss, .openDados{ display: inline; }
}
@media(min-width:600px){
    .header .loginInfo { margin: 18px 0 0 0; display: block; }
    .header .loginInfo p:last-child{ max-width: 500px; }
    .submenuSerIpss:nth-child(2):after{ content:" | "; color: #007FA3; }
    .submenuSerIpss:not(:nth-child(2)):after, .openDados:after{ content:" | "; color: #007FA3; }
    .header #menuBtnIpss{ display: none;}
}
@media(min-width:720px){
    .header .loginInfo { margin: 26px 0 0 0; }
}
.loginInfo{ display: none; }
@media(min-width:280px){
    .loginInfo{ display: block; }
}

/* HOME */
.home { width: 100%; float: left; }
.home .limited { padding: 48px 24px 24px 24px; max-width: 1586px; max-width: 1786px; margin: 0 auto; }
.newsList { width: 100%; float: left; }
.newsList .news {
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    padding: 0 0 44px 0;
    float: left;
}
.newsList .new { float: left; width: 100%; }
.newsList .info { width: 100%; float: left; padding: 0 0 48px 0; }
.newsList li:last-child .info { padding: 0; }
.newsList .image {
    width: 100%;
    background-size: cover;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    border-bottom: 12px solid #EFF2F5;
    border-radius: 3px;
    overflow: hidden;
    margin: 0 0 20px 0;
}
.newsList .image.noImage { border-bottom: none; height: 12px; background-color: #EFF2F5; }
.newsList .image img { width: 100%; }
.newsList h1, .newsList h2, .pageIpss .numerosUdipss h2 {
    font-size: 18px;
    color: #A9B500;
    font-weight: 300;
    line-height: 24px;
    text-transform: uppercase;
}
.newsList h2 { color: #CAD700; display: none; }
.pageIpss .numerosUdipss p{
    position: relative;
    color: #608499;
    margin: 12px 0 0 0;
}
.newsList .text {
    position: relative;
    color: #608499;
    display: inline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-height: 94px;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    margin: 12px 0 0 0;
}
.newsList .text span{ display: none; position: absolute; bottom: 0; right: 0; background-color: #ffffff; }
.newsList .text p {
    display: inline;
    color: #608499;
    padding: 0; margin: 0;
    -webkit-transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1); transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1);
}
.newsList .new:hover .text p { color: #003B5C; }
.newsList a.openNew { display: block; width: 100%; float: left; }

.pagination {
    width: 100%;
    float: left;
    display: flex; -webkit-display: flex; -moz-display: flex; -o-display: flex; -ms-display: flex;
    justify-content: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; -o-justify-content: space-between; -msjustify-content: space-between;
}

.ver-estatisticas .pagination {
    margin-bottom: 192px;
}
.pagination p { text-transform: uppercase; color: #0ea8ff; }
.pagination p a { color: inherit; }
.pagination p a:hover, .pagination p a.current{ color: #003b5c; }
.pagination p a.disabled, .pagination p a.current{ cursor: default; }
.associados .pagination p a:hover, .pagination p a.current{ color: #007fa3; }
.associados .pagination p { color: #1ACCFF; }
.pagination p a.disabled, .pagination p a.disabled:hover{ color: #dfe6eb; }
/* sidebar */
.home .sidebar { display: none; }



/* CUSTOM PAGE */
.customPage { width: 100%; float: left; }
.customPage .limited { padding: 24px; max-width: 1586px; max-width: 1786px; margin: 0 auto; }
.customPage .topImage {
    width: 100%;
    max-height: 600px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden;
}
.customPage .topImage img { width: 100%; }
.customPage .topImage .topImageText { display: none; }
.customPage .sidebar { width: 100%; border-radius: 3px; overflow: hidden; }
.customPage .sidebar a.title, .pesquisaDocs a.title {
    position: relative;
    display: block;
    width: 100%; min-height: 48px;
    font-size: 18px;
    font-weight: 300;
    color: #003B5C;
    text-transform: uppercase;
    background-color: #EFF2F5;
    padding: 13px 12px;
}
.pesquisaDocs a.title{
    background-color: transparent;
    padding: 0;
    color: #1ACCFF;
    min-height: 0;
    margin-bottom: 9px;
    margin-top: 24px;
}
.pesquisaDocs a.title:first-of-type{ margin-top: 0; }
.customPage .sidebar a.title:before, .customPage .sidebar a.title:after{
    position: absolute;
    display: block;
    content: '';
    width: 48px; height: 48px;
    background-color: #0EA8FF;
    top: 0; right: 0;
    cursor: pointer;
    -webkit-transition: all 0.2s 0s cubic-bezier(.77, 0, .17, 1); transition: all 0.2s 0s cubic-bezier(.77, 0, .17, 1);
}
.customPage .sidebar a.title:after {
    background-color: transparent;
    background-image: url(../images/layout/arrow-down.svg);
    background-size: 24px 24px;
    background-position: center center;
    background-repeat: no-repeat;
}
.customPage .sidebar a.title:hover:before { background-color: #003B5C; }
.customPage .sidebar.open a.title:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.customPage .sidebar ul {
    list-style: none;
    margin: 0; padding: 0;
    max-height: 0;
    overflow: hidden;
    background-color: #EFF2F5;
    -webkit-transition: all 0.2s 0.12s cubic-bezier(.77, 0, .17, 1); transition: all 0.2s 0.12s cubic-bezier(.77, 0, .17, 1);
}

.serIpss .sidebar a.title,.associados .sidebar a.title { color: #007fa3; }
.serIpss .sidebar a.title:hover:before { background-color: #007fa3; }
.serIpss .sidebar a.title:before{ background-color: #1ACCFF; }

.customPage .sidebar ul li {
    width: 100%;
    -webkit-transition: all 0.2s 0s cubic-bezier(.77, 0, .17, 1); transition: all 0.2s 0s cubic-bezier(.77, 0, .17, 1);
}
.serIpss .sidebar ul li { opacity: 1; padding: 0; }
.customPage .sidebar ul a {
    display: block;
    width: 100%; min-height: 48px;
    color: #0EA8FF;
    font-weight: 500;
    text-transform: uppercase;
    background-color: #EFF2F5;
    padding: 16px 12px;
    -webkit-transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1); transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1);
}
.customPage .sidebar ul a:hover, .customPage .sidebar ul li.current a { background-color: #0EA8FF; color: #ffffff; }
.serIpss .sidebar ul a { color: #1accff; }
.serIpss .sidebar ul a:hover, .serIpss .sidebar ul li.current a { background-color: #1accff; }

.customPage .sidebar.open ul { max-height: 480px; -webkit-transition-delay: 0s; transition-delay: 0s; }
.customPage.serIpss .sidebar.open ul { max-height: 2000px; }
.customPage .sidebar.open ul li { padding: 0; opacity: 1; -webkit-transition-delay: 0.16s; transition-delay: 0.16s; }

.associados .sidebar a.title { cursor: text; border-top-left-radius: 3px; border-top-right-radius: 3px; }
.associados .sidebar a.title:before, .associados .sidebar a.title:after { display: none; }

.customPageContent { width: 100%; padding: 6px 0 0 0; }
.customPageContent .content { width: 100%; float: left; padding: 36px 0 42px 0; display: none; }
.customPageContent .content.current { display: block; }
.customPageContent h1, .associarPageContent h1 {
    width: 100%;
    font-size: 18px;
    color: #007FA3;
    line-height: 24px;
    text-transform: uppercase;
    margin: 0;
    float: left;
}
.customPageContent h2, .associarPageContent h2 {
    width: 100%;
    font-size: 14px;
    color: #0EA8FF;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
    margin: 0 0 4px 0;
    float: left;
}
.customPageContent h3, .associarPageContent h3 {
    width: 100%;
    font-size: 14px;
    color: #003B5C;
    font-weight: 700;
    line-height: 20px;
    margin: 0 0 4px 0;
    float: left;
}
.customPageContent p, .associarPageContent p {
    width: 100%;
    margin: 0; padding: 0;
    float: left;
}
.customPageContent p a, .associarPageContent p a {
    color: #0EA8FF;
    font-weight: 500;
    text-transform: uppercase;
    -webkit-transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1); transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1);
}
.customPageContent p a:hover, .associarPageContent p a:hover { color: #003B5C; }
.customPageContent p img { width: 33.3333333% !important; max-width: 192px !important; height: auto !important; margin: 4px 24px 12px 0 !important; }


/* ASSOCIAR PAGE */
.associarPage { width: 100%; float: left; }
.associarPage .limited { padding: 0 24px 24px 24px; max-width: 1586px; max-width: 1786px; margin: 0 auto; }
.associarPage .topImage { width: 100%; }
.associarPage .topImage span {
    display: block;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.associarPage .topImage img { width: 100%; }
.associarPageContent { width: 100%; padding: 6px 0 0 0; }
.associarPageContent .content { width: 100%; float: left; padding: 0 0 48px 0; margin: 24px 0 0 0; }
.downloadBoletim {
    display: table;
    width: 100%; min-height: 48px;
    color: #ffffff;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    background-color: #0EA8FF;
    padding: 15px 12px;
    margin: 40px 0 0 0;
    border-radius: 3px;
    float: left;
    -webkit-transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1); transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1);
}
.downloadBoletim:hover { background-color: #003B5C; }
.downloadBoletim.openLogin { display: block; width: auto; float: left; clear: both; padding: 15px 24px; }

/* Contactos PAGE */
.contactosPage { width: 100%; float: left; padding: 0 0 48px 0; }
.contactosPage .limited { padding: 24px; max-width: 1586px; max-width: 1786px; margin: 0 auto; }
.contactosPage .topImage { position: relative; width: 100%; max-height: 600px; overflow: hidden; }
.contactosPage .topImage img { width: 100%; }
.contactosPage .mapa { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.contactosPage .info { width: 100%; float: left; }
.contactosPage h1 {
    width: 100%;
    font-size: 18px;
    color: #007FA3;
    text-transform: uppercase;
    float: left;
}
.contactosPage h2 {
    width: 100%;
    font-size: 14px;
    color: #0EA8FF;
    font-weight: 700;
    text-transform: uppercase;
    margin: 28px 0 4px 0;
    float: left;
}
.contactosPage p { width: 100%; margin: 0; padding: 0; float: left; }
.contactosPage p a {
    color: #0EA8FF;
    font-weight: 500;
    -webkit-transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1); transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1);
}
.contactosPage p a:hover { color: #003B5C; }
.contactosPage .form { width: 100%; float: left; padding: 24px 0 0 0; }
.contactosPage .form h1 { margin: 6px 0 18px 0; }
.contactosPage .inputText {
    width: 100%; height: 48px;
    background-color: #EFF2F5;
    border: 1px solid #DFE6EB;
    border-radius: 3px;
    padding: 0 12px;
    margin: 14px 0 0 0;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-family: Roboto, Arial;
    color: #608499;
    font-weight: 400;
    font-size: 14px;
    -webkit-transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1); transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1);
}
.contactosPage .inputText.jqInvalid{ border-color: #B30A00;}
.contactosPage .inputTextArea {
    height: 144px;
    padding: 12px 12px;
    resize: none;
}
.contactosPage .inputText:focus { border-color: #0EA8FF; color: #003B5C; }
.contactosPage .inputSubmit {
    width: 100%; height: 48px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-family: Roboto, Arial;
    color: #ffffff;
    font-weight: 500;
    font-size: 14px;
    border-radius: 3px;
    background-color: #0EA8FF;
    border: none;
    padding: 12px;
    margin: 14px 0 0 0;
    cursor: pointer;
    -webkit-transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1); transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1);
}
.contactosPage .inputSubmit:hover, .contactosPage .inputSubmit:focus { background-color: #003B5C; }


/* SER IPSS */
.filesList {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid #dfe6eb;
}
.filesList h2 {
    width: 100%;
    font-size: 14px;
    color: #0EA8FF;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
    margin: 0 0 4px 0;
    float: left;
    color: #007FA3;
    margin: 0; padding: 4px 0;
    font-weight: 500;
}
.filesList h3 {
    width: 100%;
    font-size: 14px;
    color: #003B5C;
    font-weight: 700;
    line-height: 20px;
    margin: 0 0 4px 0;
    float: left;
    font-size: 12px;
    color: #1ACCFF;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0; padding: 4px 0;
}
.filesList h3 span {
    font-weight: 700;
}
.filesList li {
    width: 100%;
    float: left;
}
.filesList a {
    display: block;
    width: 100%;
    float: left;
    padding: 8px 0;
    border-bottom: 1px solid #dfe6eb;
}
.filesList .disabled h2, .filesList .disabled h3, .filesList .disabled:hover h2, .filesList .disabled:hover h3 { color: #dfe6eb; }
.filesList li.inside { padding: 0 0 0 24px; }
.pesquisaDocs .filesList{ margin-bottom: 24px; }

.pageIpss{ width: 100%; }
.pageIpss .numerosUdipss{
    min-height: calc(50vh - 36px);
    background-color: #FFFFFF;
    padding: 24px;
}
.pageIpss .dashboard{
    min-height: calc(50vh - 36px);
    background-color:#fafcfe;
    background-color:#EFF2F5;
}
.pageIpss .dashboard .left{
    padding: 24px;
}
.pageIpss .dashboard .right{
    padding: 0 24px 24px 24px;
}
.pageIpss .dashboard .left > h1, .pageIpss .dashboard .right > h1, .pageIpss .numerosUdipss > h1{
    width: 100%;
    font-size: 18px;
    color: #007FA3;
    line-height: 24px;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 24px;
}
.pageIpss .numerosUdipss > h1{
    color: #CAD700;
    /*#F3FF3F #A9B500*/
}
.pageIpss .numerosUdipss h3{
    text-align: center;
    margin-top: 24px;
    text-transform: uppercase;
}
.pageIpss .dashboard .left > h2, .pageIpss .dashboard .right > h2{
    width: 100%;
    font-size: 14px;
    color: #0EA8FF;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
    margin: 0 0 6px 0;
}
.pageIpss .dashboard .left > h3, .pageIpss .dashboard .right > h3{
    width: 100%;
    font-size: 14px;
    color: #003B5C;
    font-weight: 700;
    line-height: 20px;
    margin: 0 0 4px 0;
}
.pageIpss .dashboard p{
    width: 100%;
    margin: 0;
    padding: 0;
}
.pageIpss .dashboard .filesList{
    margin-top: 18px;
}
.pageIpss a{ color: inherit; text-decoration: none; }
.pageIpss .associados, .pageIpss .documentos{
    width: 100%;
    min-height: calc(25vh - 18px);
    float: none;
    text-align: center;
    padding: 24px;
    cursor: pointer;
}
.pageIpss .associados{ color: #007fa3; background-color: #1accff; border:none; }
.pageIpss .documentos{ color: #007fa3; background-color: #1accff; }
.pageIpss .associados, .pageIpss .documentos{ color: #FFFFFF; background-color: #1accff; }
.pageIpss .associados:hover, .pageIpss .documentos:hover{ color: #FFFFFF; background-color: #007fa3; }
.pageIpss .associados:hover .iconIpss, .pageIpss .documentos:hover .iconIpssDoc{background-color: #1accff;}
.pageIpss .associados p, .pageIpss .documentos p{
    font-weight: 700;
    font-size: 17px;
    letter-spacing: 0;
    line-height: 27px;
    text-transform: uppercase;
    margin-bottom: 0;
    margin-top: 16px;
}
.iconIpss, .iconIpssDoc{
    height: 48px;
    width: 48px;
    border-radius: 50%;
    background-color: #007fa3;
    margin: calc((12.5vh - 60px) - 24px) 0 0 calc(50% - 24px);
    display: block;
    padding: 12px;
}
.iconIpss svg, .iconIpssDoc svg{
    width: 100%;
    height: 100%;
}
.iconIpssAssociados, .iconIpssDocumentos{ height: 24px; }
/* ASSOCIADOS */
#googleMap{ width: 100%; height: 50vh; max-height: 600px; display: none; }
.customPage.associados .sidebar ul{
    height: auto; max-height: 0px; 
    background-color: #fff;
    margin: 0;
    cursor: pointer;
    overflow-y: hidden;
    border: none;
    -webkit-transition: max-height 0.12s 0s cubic-bezier(.77, 0, .17, 1); transition: max-height 0.12s 0s cubic-bezier(.77, 0, .17, 1);
    border-radius: 0 0 3px 3px;
    border-top: 0px solid #FFFFFF;
}
#currentFilterConcelho, #currentFilterEquipamento, #currentFilterResposta, .styledDropDown, #verTodas{
    min-height: 48px;
    height: auto;
    margin: 12px 0 0 0;
    background-color: #1ACCFF;
    background-position: right 12px top 12px;
    background-repeat: no-repeat;
    cursor: pointer;
    border: none;
    padding: 15px 48px 15px 20px;
    color:#FFFFFF;
    border-radius: 3px;
    -webkit-transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1); transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1);
    position: relative;
}
#verTodas{ text-align: center; margin: 24px 0 0 0; padding: 15px 12px; }
.customPage.associados .sidebar ul.open, .styledDropDown ul.open{ max-height: 336px; height: auto; overflow-y: scroll; border-width: 1px; margin-top: -1px; }
.customPage.associados .sidebar ul li, .styledDropDown ul li{ padding: 14px 48px 14px 12px; min-height: 48px; color:#608499; opacity: 1; }
.customPage.associados .sidebar ul li:hover, #currentFilterConcelho:hover, #currentFilterEquipamento:hover, #currentFilterResposta:hover, .styledDropDown:hover, #verTodas:hover{ background-color: #1ACCFF; color: #fff }
.associados .sidebar .limitedBox{
    background-color: #EFF2F5;
    padding: 7px 12px 12px 12px;
    border-radius: 3px; -webkit-border-radius:3px;
}
.associados .sidebar .searchForm {
    position: relative;
    width: 100%;
    margin: 0 0 24px 0;
}
.associados .sidebar .inputText, .serIpss .inputText {
    width: 100%; height: 48px;
    background-color: #FFFFFF;
    border: 1px solid #DFE6EB;
    border-radius: 3px;
    padding: 0 58px 0 12px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-family: Roboto, Arial;
    color: #608499;
    font-weight: 400;
    font-size: 14px;
    -webkit-transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1); transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1);
}
.associados .sidebar .inputText:focus, .serIpss .inputText:focus { border-color: #1ACCFF; color: #007FA3; }
.associados .sidebar .inputSubmit, .serIpss .inputSubmit {
    position: absolute;
    width: 48px; height: 48px;
    border: none;
    background-color: #1ACCFF;
    top: 0; right: 0;
    cursor: pointer;
    border-top-right-radius: 3px; border-bottom-right-radius: 3px;
    background-image: url(../images/layout/lupa.svg);
    background-size: 24px 24px;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1); transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1);
}
.associados .sidebar .inputSubmit:hover, .serIpss .inputSubmit:hover { background-color: #007FA3; }
.associados .customPageContent h3{
    width: 100%;
    font-size: 18px;
    color: #003B5C;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 4px 0;
    float: none;
    letter-spacing: -0.005em;
}
.associados .associado{
    width: 100%;
    background-color: #DFE6EB;
    border-top: 1px solid #DFE6EB;
    border-bottom: 1px solid #DFE6EB;
    margin-bottom: 0;
    background-position: center bottom 6px;
    background-repeat: no-repeat;
    border-radius: 0;
    -webkit-border-radius: 3px;
    cursor: pointer;
    margin-top: -1px;
}

.associados .associado * p{ color:#007fa3; }
.associados .associado:hover, .associados .associado.open{ position: relative; z-index: 2; background-color: #1ACCFF; border-color: #1ACCFF; }
.associados .customPageContent p{ float: none; }
.associados .customPageContent{ padding: 48px 0 48px 0; }
.associados .infoAssociado{
    background-color: #FFFFFF;
    width: 100%;
    padding: 12px;
    margin-bottom: 36px;
    display: table;
}
.associados .avatar{
    display: table-cell;
    vertical-align: baseline;
    width: 48px;
}
.associados .avatar div{
    border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 1px solid #DFE6EB;
    height: 48px; width: 48px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.associados .contentInfoAssociado{
    width: calc(100% - 52px);
    display: table-cell;
    padding-left: 12px;
    padding-top: 12px;
    vertical-align: middle;
}
.associados .associado .detalheAssociado{
    background-color: #FFFFFF;
    border-top: 1px solid #1ACCFF;
    border-width: 0px;
    height: auto;
    max-height: 0px;
    overflow: hidden;
    -webkit-transition: all 0.24s 0s cubic-bezier(.77, 0, .17, 1); transition: all 0.24s 0s cubic-bezier(.77, 0, .17, 1);
}
.associados .associado .detalheAssociado .colums{
    column-count: 1;
    column-gap: 48px;
    padding: 0 24px 24px 24px;
}
.associados .contentInfoAssociado p{ width: calc(100% + 60px); padding-top: 13px; margin-left: -60px; }
.associados .contentInfoAssociado h3{ min-height: 24px; }
.associados .associado .detalheAssociado .respostas{ padding: 0 24px 36px 24px; border-top: 1px solid #1ACCFF; }
.associados .associado .detalheAssociado .respostas div{ border-top: 1px solid #DFE6EB; padding: 10px 0; }
.associados .associado .detalheAssociado .respostas div p{ float: none; width: auto; }
.associados .associado .detalheAssociado .respostas div p:first-of-type{ width: 100%; }
.associados .associado .detalheAssociado .respostas div p:nth-of-type(2){ float: none; margin-left: 0; width: 210px; font-size: 12px; }
.associados .associado .detalheAssociado .respostas div p span{ font-weight: 700; }
.associados .associado .detalheAssociado .respostas div:last-of-type{ border-bottom: 1px solid #DFE6EB; }
.associados .associado .detalheAssociado .colums div{
    break-inside: avoid-column;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    display:table;
    width: 100%;
}
.associados .customPageContent h4{
    width: 100%;
    font-size: 14px;
    color: #1ACCFF;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 24px;
    margin: 0;
    margin-top: 24px;
    float: none;
}
.associados .associado.open .detalheAssociado{ max-height: 2500px; border-width: 1px; }
.associados .associado.open .infoAssociado{ -webkit-border-radius: 3px 0 0 0; border-radius: 3px 0 0 0; }

.associados .associado .ver {
    float: right;
}

.associados .associado .ver button {
    color: #1ACCFF;
    font-weight: 400;
    font-size: 14px;
    font-family: Roboto, Arial;
    background: none;
    border: none;
    height: 50px;
    position: relative;
    padding: 0;
    padding-right: 24px;
    cursor: pointer;
}
.associados .associado .ver button::after {
    content: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 1L1 6L6 11' stroke='%231ACCFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    position: absolute;
    right: 0;
    transition: transform 250ms ease;
    transform: rotate(-90deg);
}

.pagination #news_next {
    padding-right: 24px;
    position: relative
}

.pagination #news_prev {
    padding-left: 24px;
    position: relative
}


.ver-estatisticas .pagination butt.pageFinancas pon.next{
    padding-right: 24px;
    position: relative
}

.ver-estatisticas .pagination button.prev{
    padding-left: 14px;
    position: relative
}

.ver-estatisticas .pagination button.prev::after {
    content: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 1L1 6L6 11' stroke='%23608499' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    position: absolute;
    left: 0;
    top: 7px;
}

.ver-estatisticas .pagination button.prev:disabled::after, .ver-estatisticas .pagination button.next:disabled::after {
    content: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 1L1 6L6 11' stroke='%23C4CBD1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.ver-estatisticas .pagination button.next{
    padding-right: 14px;
    position: relative
}

.ver-estatisticas .pagination button.next::after {
    content: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 1L1 6L6 11' stroke='%23608499' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    position: absolute;
    right: 0;
    top: 6px;
    transform: rotate(180deg);
}



.pagination #innerPages {
    display: flex;
    gap: 2px;
}

.pagination #innerPages .newsGoTo.hidden {
    display: none;
}

.pagination #lastEtc {
    color: #608499;
}

.pagination #innerPages .newsGoTo {
    height: 30px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #608499;
    background: #fff;
    border-radius: 3px;
    transition: color 250ms ease, background 250ms ease;
}

.pagination #innerPages .newsGoTo:hover {
    color: #fff;
    background: #1ACCFF;
}

.pagination #innerPages .newsGoTo.current {
    height: 30px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background: #1ACCFF;
    border-radius: 3px;
}

.newsList .pagination #news_prev::after {
    content: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 1L1 6L6 11' stroke='%230ea8ff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    position: absolute;
    left: 0;
    top: -2px;
}

.newsList .pagination #news_prev:hover::after {
    content: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 1L1 6L6 11' stroke='%23003b5c' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.newsList .pagination #news_prev.disabled::after, .newsList .pagination #news_prev.disabled::after {
    content: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 1L1 6L6 11' stroke='%23dfe6eb' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.newsList .pagination #news_next::after {
    content: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 1L1 6L6 11' stroke='%230ea8ff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    position: absolute;
    right: 0;
    top: -5px;
    transform: rotate(180deg);
}

.newsList .pagination #news_next:hover::after {
    content: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 1L1 6L6 11' stroke='%23003b5c' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.newsList .pagination #news_next.disabled::after {
    content: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 1L1 6L6 11' stroke='%23dfe6eb' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}


.associados .pagination #news_prev::after {
    content: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 1L1 6L6 11' stroke='%230ea8ff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    position: absolute;
    left: 0;
    top: -2px;
}

.associados .pagination #news_prev:hover::after {
    content: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 1L1 6L6 11' stroke='%23003b5c' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.associados .pagination #news_prev.disabled::after, .associados .pagination #news_prev.disabled:hover::after {
    content: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 1L1 6L6 11' stroke='%23dfe6eb' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.associados .pagination #news_next::after {
    content: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 1L1 6L6 11' stroke='%230ea8ff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    position: absolute;
    right: 0;
    top: -5px;
    transform: rotate(180deg);
}
.associados .pagination #news_next:hover::after {
    content: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 1L1 6L6 11' stroke='%23003b5c' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.associados .pagination #news_next.disabled::after, .associados .pagination #news_next.disabled:hover::after {
    content: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 1L1 6L6 11' stroke='%23dfe6eb' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.associados .pagination, .newsList .pagination {
    margin-bottom: 36px;
}

.pagination #news_prev::after {
    content: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 1L1 6L6 11' stroke='%23608499' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");

    position: absolute;
    left: 0;
    top: 4px;
}

.associados .associado.open .ver button::after {
    transform: rotate(-90deg) scaleX(-1);
}
@media(min-width:425px){
    .associados .associado .detalheAssociado .colums{ column-count: 2; }
}
@media(min-width:500px){
    .associados .associado .detalheAssociado .respostas div p{ float: left; }
    .associados .associado .detalheAssociado .respostas div p:nth-of-type(2){ float:right; text-align: right; margin-left: 24px; }
    .associados .avatar{ vertical-align: middle; }
    .associados .infoAssociado{ padding: 24px; margin-bottom: 0; }
    .associados .associado{ background-position: right 33px top 39px; }
    .associados .contentInfoAssociado{ padding-top: 0px; padding-left: 24px; }
    .associados .contentInfoAssociado p{ width: auto; padding-top: 0; margin-left: 0; }
    .associados .contentInfoAssociado h3{ min-height: 0; }
    .associados .associado .detalheAssociado .respostas div p:first-of-type{ width: calc(100% - 235px); }
}
.associados .limitedBox .check{ width: 100%; padding: 0; margin: 8px 0 0 0; text-transform: uppercase; }
.associados .limitedBox .check label span, .associados .limitedBox .check label span:before{ background-color: #FFFFFF; }
.associados .limitedBox input[type="checkbox"]:checked + label span:before{ background-color: #1ACCFF; }

/*LOADING*/
#circularG{
    position:relative;
    width:58px; height:58px;
    margin: auto;
    margin-top: 20px;
}
.circularG{
    position:absolute;
    background-color:rgb(26,204,255);
    width:14px; height:14px;
    border-radius:9px; -o-border-radius:9px; -ms-border-radius:9px; -webkit-border-radius:9px; -moz-border-radius:9px;
    animation-name:bounce_circularG; -o-animation-name:bounce_circularG; -ms-animation-name:bounce_circularG; -webkit-animation-name:bounce_circularG; -moz-animation-name:bounce_circularG;
    animation-duration:1.1s; -o-animation-duration:1.1s; -ms-animation-duration:1.1s; -webkit-animation-duration:1.1s; -moz-animation-duration:1.1s;
    animation-iteration-count:infinite; -o-animation-iteration-count:infinite; -ms-animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite;
    animation-direction:normal; -o-animation-direction:normal; -ms-animation-direction:normal; -webkit-animation-direction:normal; -moz-animation-direction:normal;
}
#circularG_1{
    left:0; top:23px;
    animation-delay:0.41s; -o-animation-delay:0.41s; -ms-animation-delay:0.41s; -webkit-animation-delay:0.41s; -moz-animation-delay:0.41s;
}
#circularG_2{
    left:6px; top:6px;
    animation-delay:0.55s; -o-animation-delay:0.55s; -ms-animation-delay:0.55s; -webkit-animation-delay:0.55s; -moz-animation-delay:0.55s;
}
#circularG_3{
    top:0; left:23px;
    animation-delay:0.69s; -o-animation-delay:0.69s; -ms-animation-delay:0.69s; -webkit-animation-delay:0.69s; -moz-animation-delay:0.69s;
}
#circularG_4{
    right:6px; top:6px;
    animation-delay:0.83s; -o-animation-delay:0.83s; -ms-animation-delay:0.83s; -webkit-animation-delay:0.83s; -moz-animation-delay:0.83s;
}
#circularG_5{
    right:0; top:23px;
    animation-delay:0.97s; -o-animation-delay:0.97s; -ms-animation-delay:0.97s; -webkit-animation-delay:0.97s; -moz-animation-delay:0.97s;
}
#circularG_6{
    right:6px; bottom:6px;
    animation-delay:1.1s; -o-animation-delay:1.1s; -ms-animation-delay:1.1s; -webkit-animation-delay:1.1s; -moz-animation-delay:1.1s;
}
#circularG_7{
    left:23px; bottom:0;
    animation-delay:1.24s; -o-animation-delay:1.24s; -ms-animation-delay:1.24s; -webkit-animation-delay:1.24s; -moz-animation-delay:1.24s;
}
#circularG_8{
    left:6px; bottom:6px;
    animation-delay:1.38s; -o-animation-delay:1.38s; -ms-animation-delay:1.38s; -webkit-animation-delay:1.38s; -moz-animation-delay:1.38s;
}
@keyframes bounce_circularG{ 0%{ transform:scale(1); } 100%{ transform:scale(.3); } }
@-o-keyframes bounce_circularG{ 0%{ -o-transform:scale(1); } 100%{ -o-transform:scale(.3); } }
@-ms-keyframes bounce_circularG{ 0%{ -ms-transform:scale(1); } 100%{ -ms-transform:scale(.3); } }
@-webkit-keyframes bounce_circularG{ 0%{ -webkit-transform:scale(1); } 100%{ -webkit-transform:scale(.3); } }
@-moz-keyframes bounce_circularG{ 0%{ -moz-transform:scale(1); } 100%{ -moz-transform:scale(.3); } }


/* FOOTER */
.footer {
    width: 100%;
    background-color: #003B5C;
    float: left;
    position: relative;
}
.footer .limited { padding: 24px; max-width: 1586px; max-width: 1786px; margin: 0 auto; }
.footer .left { float: left; width: 216px; }
.footer .left p {
    color: #ffffff;
    max-width: 206px;
    line-height: 18px;
    margin: 0; padding: 0;
}
.footer .left p span { font-weight: 700; }
.footer .left .social { padding: 22px 0 24px 0; float: left; }
.footer .left .social a { margin: 0 10px 0 0; float: left; color: inherit;}
.footer .left .social .icon {
    float: left;
    fill: #608499;
    -webkit-transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1); transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1);
}
.footer .left .social a:hover .icon { fill: #0EA8FF; }
.footer .left .social a p{
    color: #608499;
    font-weight: 500;
    font-size: 12px;
    line-height: 24px;
}
.footer .left .social a p:hover{ color: #0EA8FF;}
.footer .middle, .footer .right { display: none; }
.footer .middle a.title, .footer .right a.title { text-transform: uppercase; }

/* Popup new */
.cookieSpacer{ display: none; }
.popupCookies { 
    display: block;
    position: fixed;
    width: 100%; 
    bottom: 0; left: 0;
    z-index: 100;
    overflow: hidden;
}
.popupNew, .popupLogin, .popupQuest, .popupDados, .popupResposta, .popupEquipamento, .popupEdificio, .popupProjeto, .popupServico, .popupAtraso, .popupOrganograma, .popupConsignar, .popupConsignar_certeza, .popupFicha_certeza, .popupQuest_certeza, .popupInfo, .popupEliminar {
    display: none;
    position: fixed;
    width: 100%; height: 100%; max-height: 100%;
    top: 0; left: 0;
    z-index: 100;
    overflow: auto;
    overflow-x: hidden;
}
.popupNewBg, .popupLoginBg, .popupQuestBg, .popupDadosBg, .popupRespostaBg, .popupEquipamentoBg, .popupEdificioBg, .popupProjetoBg, .popupServicoBg, .popupAtrasoBg, .popupOrganogramaBg, .popupConsignarBg, .popupConsignarBg_certeza, .popupFichaBg_certeza, .popupQuestBg_certeza, .popupInfoBg, .popupEliminarBg {
    display: none;
    position: fixed;
    width: 100%; height: 100%;
    top: 0; left: 0;
    z-index: 90;
}
.popupRespostaBg, .popupEquipamentoBg, .popupEdificioBg, .popupProjetoBg, .popupServicoBg, .popupEliminarBg, .popupInfoBg{ z-index: 100; background-color: rgba(0, 59, 92, 0.8); }
.popupNew .limited, .popupLogin .limited, .popupQuest .limited, .popupDados .limited, .popupResposta .limited, .popupEquipamento .limited, .popupEdificio .limited, .popupProjeto .limited, .popupServico .limited, .popupAtraso .limited, .popupOrganograma .limited, .popupConsignar .limited, .popupConsignar_certeza .limited, .popupFicha_certeza .limited,  .popupQuest_certeza .limited, .popupInfo .limited, .popupEliminar .limited {
    display: table;
    position: relative;
    width: 100%; min-height: 100%;
}
.popupNew .closeBg, .popupLogin .closeBg, .popupQuest .closeBg, .popupDados .closeBg, .popupResposta .closeBg, .popupEquipamento .closeBg, .popupEdificio .closeBg, .popupProjeto .closeBg, .popupServico .closeBg, .popupAtraso .closeBg, .popupOrganograma .closeBg, .popupConsignar .closeBg, .popupFicha_certeza .closeBg, .popupQuest_certeza .closeBg, .popupInfo .closeBg, .popupConsignar_certeza .closeBg, .popupEliminar .closeBg { display: none; }
.popupNew .limited .box, .popupLogin .limited .box, .popupQuest .limited .box, .popupDados .limited .box, .popupResposta .limited .box, .popupEquipamento .limited .box, .popupEdificio .limited .box, .popupProjeto .limited .box, .popupServico .limited .box, .popupAtraso .limited .box, .popupOrganograma .limited .box, .popupConsignar .limited .box, .popupConsignar_certeza .limited .box, .popupFicha_certeza .limited .box, .popupQuest_certeza .limited .box, .popupInfo .limited .box, .popupEliminar .limited .box {
    position: relative;
    display: table-cell;
    width: 100vw; height: 100%;
    vertical-align: middle;
}
.popupNew .content, .popupLogin .content, .popupQuest .content, .popupDados .content, .popupResposta .content, .popupEquipamento .content, .popupEdificio .content, .popupProjeto .content, .popupServico .content, .popupAtraso .content, .popupOrganograma .content, .popupConsignar .content, .popupConsignar_certeza .content, .popupFicha_certeza .content, .popupQuest_certeza .content, .popupInfo .content, .popupEliminar .content {
    position: absolute;
    width: 100%; min-height: 100%;
    background-color: #ffffff;
    top: 0;
}
.popupNew .content { max-width: 900px; }
.popupNew .top, .popupLogin .top, .popupQuest .top, .popupDados .top, .popupResposta .top, .popupEquipamento .top, .popupEdificio .top, .popupProjeto .top, .popupServico .top, .popupAtraso .top, .popupOrganograma .top, .popupConsignar .top, .popupConsignar_certeza .top, .popupFicha_certeza .top, .popupQuest_certeza .top, .popupInfo .top, .popupEliminar .top, .popupCookies .top {
    position: relative;
    width: 100%;
    background-color: #CAD700;
    padding: 20px 24px;
    float: left;
}
.popupLogin .top, .popupQuest .top, .popupDados .top, .popupResposta .top, .popupEquipamento .top, .popupEdificio .top, .popupProjeto .top, .popupServico .top, .popupAtraso .top, .popupOrganograma .top, .popupConsignar .top, .popupConsignar_certeza .top, .popupFicha_certeza .top, .popupQuest_certeza .top, .popupInfo .top, .popupEliminar .top { background-color: #007FA3; }
.popupCookies .top { background-color: #007FA3; padding: 12px 24px; }
.popupNew .top h4, .popupLogin .top h4, .popupQuest .top h4, .popupResposta .top h4, .popupEquipamento .top h4, .popupEdificio .top h4, .popupProjeto .top h4, .popupServico .top h4, .popupAtraso .top h4, .popupOrganograma .top h4, .popupConsignar .top h4, .popupConsignar_certeza .top h4, .popupFicha_certeza .top h4, .popupQuest_certeza .top h4, .popupInfo .top h4, .popupEliminar .top h4 {
    font-size: 18px;
    color: #ffffff;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase;
    padding: 0 48px 0 0;
}
.popupDados .top h4 { display: none; font-size: 14px; color: #ffffff; }
.popupCookies .top p { 
    padding: 0 48px 0 0;
    color: #ffffff;
    margin: 0;
}
.popupCookies .top p a {
    color: #ffffff;
    text-decoration: underline;
}
.popupCookies .top p a:hover { text-decoration: none;}
.popupDados .top p {
    margin: 0;
    padding: 0;
    float: right;
    color: #ffffff;
    font-weight: 500;
    text-transform: uppercase;
}
.popupDados .top p a { color: #1ACCFF; -webkit-transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1); transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1); }
.popupDados .top p a:hover { color: #ffffff; }
.popupNew .top .close, .popupLogin .top .close, .popupResposta .top .close, .popupEquipamento .top .close, .popupEdificio .top .close, .popupProjeto .top .close, .popupServico .top .close, .popupAtraso .top .close, .popupOrganograma .top .close, .popupConsignar .top .close, .popupConsignar_certeza .top .close, .popupFicha_certeza .top .close, .popupQuest_certeza .top .close, .popupInfo .top .close, .popupEliminar .top .close, .popupCookies .top .close {
    position: absolute;
    display: table-cell;
    width: 24px; height: 24px;
    top: calc(50% - 12px); right: 24px;
}
.popupQuest .close{
    display: block;
    width: 24px; height: 24px;
    margin: -12px -12px 12px auto;
    cursor: pointer;
}
.popupNew .top .close span, .popupLogin .top .close span, .popupQuest .close span, .popupResposta .top .close span, .popupEquipamento .top .close span, .popupEdificio .top .close span, .popupProjeto .top .close span , .popupServico .top .close span, .popupAtraso .top .close span, .popupOrganograma .top .close span, .popupConsignar .top .close span, .popupConsignar_certeza .top .close span, .popupFicha_certeza .top .close span, .popupQuest_certeza .top .close span, .popupInfo .top .close span, .popupEliminar .top .close span, .popupCookies .top .close span {
    display: block;
    position: relative;
    width: 100%; height: 100%;
}
.popupNew .top .close span:before, .popupLogin .top .close span:before, .popupQuest .close span:before, .popupResposta .top .close span:before, .popupEquipamento .top .close span:before, .popupEdificio .top .close span:before, .popupProjeto .top .close span:before, .popupServico .top .close span:before, .popupAtraso .top .close span:before, .popupOrganograma .top .close span:before, .popupConsignar .top .close span:before, .popupConsignar_certeza .top .close span:before, .popupFicha_certeza .top .close span:before, .popupQuest_certeza .top .close span:before, .popupInfo .top .close span:before, .popupEliminar .top .close span:before, .popupCookies .top .close span:before{
    display: block;
    position: absolute;
    content: '';
    width: 20px; height: 4px;
    background-color: #F3FF3F;
    -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);
    top: 10px; left: 2px;
    -webkit-transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1); transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1);
}
.popupNew .top .close span:after, .popupLogin .top .close span:after, .popupQuest .close span:after, .popupResposta .top .close span:after, .popupEquipamento .top .close span:after, .popupEdificio .top .close span:after, .popupProjeto .top .close span:after, .popupServico .top .close span:after, .popupAtraso .top .close span:after, .popupOrganograma .top .close span:after, .popupConsignar .top .close span:after, .popupConsignar_certeza .top .close span:after, .popupFicha_certeza .top .close span:after, .popupQuest_certeza .top .close span:after, .popupInfo .top .close span:after, .popupEliminar .top .close span:after, .popupCookies .top .close span:after {
    display: block;
    position: absolute;
    content: '';
    width: 20px; height: 4px;
    background-color: #F3FF3F;
    -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);
    top: 10px; left: 2px;
    -webkit-transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1); transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1);
}
.popupQuest .close span:before, .popupQuest .close span:after{ background-color: #003B5C;  }
.popupQuest .close:hover span:before, .popupQuest .close:hover span:after{ background-color: #1ACCFF;  }
.popupLogin .top .close span:before, .popupLogin .top .close span:after, 
.popupQuest .top .close span:before, .popupQuest .top .close span:after, 
.popupResposta .top .close span:before, .popupResposta .top .close span:after, 
.popupEquipamento .top .close span:before, .popupEquipamento .top .close span:after, 
.popupEdificio .top .close span:before, .popupEdificio .top .close span:after, 
.popupProjeto .top .close span:before, .popupProjeto .top .close span:after, 
.popupServico .top .close span:before, .popupServico .top .close span:after, 
.popupAtraso .top .close span:before, .popupAtraso .top .close span:after, 
.popupOrganograma .top .close span:before, .popupOrganograma .top .close span:after, 
.popupConsignar .top .close span:before, .popupConsignar .top .close span:after, 
.popupConsignar_certeza .top .close span:before, .popupConsignar_certeza .top .close span:after, 
.popupFicha_certeza .top .close span:before, .popupFicha_certeza .top .close span:after, 
.popupQuest_certeza .top .close span:before, .popupQuest_certeza .top .close span:after, 
.popupInfo .top .close span:before, .popupInfo .top .close span:after, 
.popupEliminar .top .close span:before, .popupEliminar .top .close span:after, 
.popupCookies .top .close span:before, .popupCookies .top .close span:after { background-color: #1ACCFF; }
.popupNew .top .close:hover span:before, .popupNew .top .close:hover span:after,
.popupLogin .top .close:hover span:before, .popupLogin .top .close:hover span:after,
.popupQuest .top .close:hover span:before, .popupQuest .top .close:hover span:after,
.popupAtraso .top .close:hover span:before, .popupAtraso .top .close:hover span:after,
.popupOrganograma .top .close:hover span:before, .popupOrganograma .top .close:hover span:after,
.popupConsignar .top .close:hover span:before, .popupConsignar .top .close:hover span:after,
.popupConsignar_certeza .top .close:hover span:before, .popupConsignar_certeza .top .close:hover span:after,
.popupFicha_certeza .top .close:hover span:before, .popupFicha_certeza .top .close:hover span:after,
.popupQuest_certeza .top .close:hover span:before, .popupQuest_certeza .top .close:hover span:after,
.popupInfo .top .close:hover span:before, .popupInfo .top .close:hover span:after,
.popupEliminar .top .close:hover span:before, .popupEliminar .top .close:hover span:after,
.popupResposta .top .close:hover span:before, .popupResposta .top .close:hover span:after, 
.popupEquipamento .top .close:hover span:before, .popupEquipamento .top .close:hover span:after,
.popupEdificio .top .close:hover span:before, .popupEdificio .top .close:hover span:after,
.popupProjeto .top .close:hover span:before, .popupProjeto .top .close:hover span:after,
.popupServico .top .close:hover span:before, .popupServico .top .close:hover span:after,
.popupCookies .top .close:hover span:before, .popupCookies .top .close:hover span:after{ background-color: #ffffff; }
.popupNew .image {
    width: 100%;
    background-size: cover;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    float: left;
}
.popupNew .image img { width: 100%; }
.popupNew .text, .popupLogin .text, .popupQuest .text, .popupDados .text, .popupAtraso .text, .popupOrganograma .text, .popupConsignar .text, .popupConsignar_certeza .text, .popupFicha_certeza .text, .popupQuest_certeza .text, .popupInfo .text, .popupEliminar .text  { width: 100%; padding: 24px; margin: 0 0 80px 0; float: left; }
.popupAtraso .text, .popupOrganograma .text, .popupConsignar .text, .popupConsignar_certeza .text, .popupFicha_certeza .text, .popupQuest_certeza .text, .popupInfo .text, .popupEliminar .text  { text-align: center; }
.popupOrganograma .text{
    padding-top: 0;
    padding-bottom: 0;
}
.popupNew .text p, .popupLogin .text p, .popupQuest .text p, .popupAtraso .text p, .popupOrganograma .text p, .popupConsignar .text p, .popupConsignar_certeza .text p, .popupFicha_certeza .text p, .popupQuest_certeza .text p .popupInfo .text p, .popupEliminar .text p { margin: 0; padding: 0; }
.popupLogin .text, .popupQuest .text, .popupDados .text, .popupResposta .text, .popupEquipamento .text, .popupEdificio .text, .popupProjeto .text, .popupServico .text, .popupAtraso .text, .popupOrganograma .text, .popupConsignar .text, .popupConsignar_certeza .text, .popupFicha_certeza .text, .popupQuest_certeza .text, .popupInfo .text, .popupEliminar .text { margin: 0; }
.popupNew .text p a { color: #003B5C; text-decoration: underline; }
.popupResposta .text p, .popupEquipamento .text p, .popupEdificio .text p, .popupProjeto .text p, .popupServico .text p{ 
    float: left; 
    text-transform: uppercase; 
    color: #007FA3;
    padding-top: 12px;
    line-height: 20px;
    width: 48%;
}
.popupResposta .check, .popupEquipamento .check, .popupEdificio .check, .popupProjeto .check, .popupServico .check{ width: 100%; padding: 0; }
.popupLogin .text a, .popupQuest .text a, .popupResposta .text a, .popupEquipamento .text a, .popupEdificio .text a, .popupProjeto .text a, .popupServico .text a, .popupAtraso .text a, .popupOrganograma .text a, .popupConsignar .text a, .popupConsignar_certeza .text a, .popupFicha_certeza .text a, .popupQuest_certeza .text a, .popupInfo .text a, .popupEliminar .text a {
    display: table;
    color: #1ACCFF;
    font-weight: 500;
    text-transform: uppercase;
    margin: 44px auto 0 auto;
    -webkit-transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1); transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1);
}
.popupLogin .text a:hover, .popupQuest .text a:hover, .popupResposta .text a:hover, .popupEquipamento .text a:hover, .popupEdificio .text a:hover, .popupProjeto .text a:hover, .popupServico .text a:hover, .popupAtraso .text a:hover, .popupOrganograma .text a:hover, .popupConsignar .text a:hover, .popupConsignar_certeza .text a:hover, .popupFicha_certeza .text a:hover, .popupQuest_certeza .text a:hover, .popupInfo .text a:hover, .popupEliminar .text a:hover { color: #007FA3; }
.popupConsignar .inputSubmit, .popupConsignar_certeza .inputSubmit, .popupFicha_certeza .inputSubmit, .popupQuest_certeza .inputSubmit, .popupInfo .inputSubmit{
    font-weight: 500; 
    line-height: 24px; 
    font-size: 14px; 
    border-radius: 3px; 
    border: none; 
    background-color: #1ACCFF; 
    padding: 12px;
    color: #FFFFFF; 
    width: 100%;
    cursor:pointer;
    -webkit-transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1); transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1);
}
.popupConsignar .inputSubmit:hover, .popupConsignar_certeza .inputSubmit:hover, .popupFicha_certeza .inputSubmit:hover, .popupQuest_certeza .inputSubmit:hover, .popupInfo .inputSubmit:hover{
    background-color: #007FA3;
}
.popupOrganograma #organograma{
    display: none;
    width: 100%;
}
.popupOrganograma #organograma_mobile{
    width: 100%;
}
.popupNew .bottom {
    position: absolute;
    width: 100%; height: 80px;
    bottom: 0;
    background-color: #EFF2F5;
}
.popupNew .bottom h5 {
    font-size: 14px;
    color: #608499;
    text-transform: uppercase;
    padding: 16px 12px 0 24px;
}
.popupNew .bottom p {
    color: #003B5C;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0;
    padding: 12px 24px 0 24px;
}
.popupNew .bottom p a {
    color: #0EA8FF;
    -webkit-transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1); transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1);
}
.popupNew .bottom p a:hover { color: #003B5C; }

.popupLogin .inputText, .popupQuest .inputText, .popupResposta .inputText, .popupEquipamento .inputText, .popupEdificio .inputText, .popupProjeto .inputText, .popupServico .inputText {
    width: 100%; height: 48px;
    background-color: #EFF2F5;
    border: 1px solid #DFE6EB;
    border-radius: 3px;
    padding: 0 12px;
    margin: 14px 0 0 0;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-family: Roboto, Arial;
    color: #007FA3;
    font-weight: 400;
    font-size: 14px;
    -webkit-transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1); transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1);
}
.popupLogin .inputText:focus, .popupQuest .inputText:focus, .popupResposta .inputText:focus, .popupResposta .inputText:focus { border-color: #1ACCFF; color: #003B5C; }
.popupLogin .inputText.jqInvalid, .popupQuest .inputText.jqInvalid, .popupResposta .inputText.jqInvalid, .popupEquipamento .inputText.jqInvalid, .popupEdificio .inputText.jqInvalid, .popupProjeto .inputText.jqInvalid, .popupServico .inputText.jqInvalid, .consignarPage .inputText.jqInvalid, .consignarPage .inputTextArea.jqInvalid { border-color: #B30A00; }
.popupLogin .inputSubmit, .popupQuest .inputSubmit, .popupResposta .inputSubmit, .popupEquipamento .inputSubmit, .popupEdificio .inputSubmit, .popupProjeto .inputSubmit, .popupServico .inputSubmit, .popupEliminar .inputSubmit {
    width: 100%; height: 48px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-family: Roboto, Arial;
    color: #ffffff;
    font-weight: 500;
    font-size: 14px;
    border-radius: 3px;
    background-color: #1ACCFF;
    border: none;
    padding: 12px;
    margin: 14px 0 0 0;
    cursor: pointer;
    -webkit-transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1); transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1);
}
.popupResposta .inputSubmit:last-of-type, .popupEquipamento .inputSubmit:last-of-type, .popupEdificio .inputSubmit:last-of-type, .popupProjeto .inputSubmit:last-of-type, .popupServico .inputSubmit:last-of-type, .popupEliminar .inputSubmit:last-of-type { background-color: #a0b5c2; }
.popupLogin .inputSubmit:hover, .popupLogin .inputSubmit:focus, .popupQuest .inputSubmit:hover, .popupQuest .inputSubmit:focus, .popupResposta .inputSubmit:focus, .popupResposta .inputSubmit:hover, 
.popupEquipamento .inputSubmit:focus, .popupEquipamento .inputSubmit:hover, .popupEdificio .inputSubmit:hover, .popupProjeto .inputSubmit:hover, .popupServico .inputSubmit:hover, .popupEliminar .inputSubmit:focus, .popupEliminar .inputSubmit:hover { background-color: #007FA3; }
.popupResposta .inputSubmit:last-of-type:focus, .popupResposta .inputSubmit:last-of-type:hover, 
.popupEquipamento .inputSubmit:last-of-type:focus, .popupEquipamento .inputSubmit:last-of-type:hover, 
.popupEdificio .inputSubmit:last-of-type:focus, .popupEdificio .inputSubmit:last-of-type:hover, 
.popupProjeto .inputSubmit:last-of-type:focus, .popupProjeto .inputSubmit:last-of-type:hover, 
.popupServico .inputSubmit:last-of-type:focus, .popupServico .inputSubmit:last-of-type:hover, 
.popupEliminar .inputSubmit:last-of-type:focus, .popupEliminar .inputSubmit:last-of-type:hover { background-color: #608499; }
.popupLogin .text .loginError p, .popupQuest .text .questError p {
    display: block;
    width: 100%;
    text-align: center;
    padding: 12px 0 0 0;
    color: #007FA3;
}
.respostasSelect ul{
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    height: 0;
    width: calc(100% - 49px);
    -webkit-transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1); transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1);
}
.respostasSelect.open ul{
    overflow: auto;
    height: auto;
    max-height: 288px;
    position: absolute;
    border-radius: 0 0 3px 3px;
    border-top: 1px solid #FFFFFF;
}
.respostasSelect.open input{ border-radius: 3px 3px 0 0; }
.respostasSelect.open input:focus{ border-color: #DFE6EB; }
.respostasSelect.disabled.open ul{
    overflow: hidden;
    height: 0;
}
#selectedResposta, #selectedEquipamento, #selectedEdificio_equi, #selectedEdificio_resp, #selectedEdificio_proj, #selectedEdificio_serv{ 
    cursor: pointer; 
    color: #FFFFFF;
    background-color: #1ACCFF; 
    border:none;
    background-position: right 12px center;
    background-repeat: no-repeat;
    font-weight: 400;
}
.respostasSelect.disabled .inputText:focus{ border-color: #DFE6EB; }
.respostasSelect.disabled .inputText{ cursor: not-allowed;}
.respostasSelectLi, .equipamentosSelectLi, .edificioSelectLi_equi, .edificioSelectLi_resp, .edificioSelectLi_proj, .edificioSelectLi_serv{
    background-color: #1ACCFF;
    color: #FFFFFF;
    font-weight: 400;
    padding: 16px 12px;
    min-height: 48px;
    cursor: pointer;
}
.respostasSelectLi:hover, .equipamentosSelectLi:hover, .edificioSelectLi_equi:hover, .edificioSelectLi_resp:hover, .edificioSelectLi_proj:hover, .edificioSelectLi_serv:hover, #selectedResposta:hover, #selectedEquipamento:hover, #selectedEdificio_equi:hover, #selectedEdificio_resp:hover, #selectedEdificio_proj:hover, #selectedEdificio_serv:hover { background-color: #007fa3; }
.popupResposta .text, .popupEquipamento .text, .popupEdificio .text, .popupProjeto .text, .popupServico .text{ padding: 80px 25px 32px 25px; }
#custo_medio, #capacidade_acordo, #capacidade, #nr_equipamento{ width: 28%; float:right; max-width:244px; }
@media(min-width:465px){
    #custo_medio, #capacidade_acordo, #capacidade, #nr_equipamento{ width: 48%; }
}

/* popupDados */
.consignarPage.perfilPage .left{
    background-color: #FFFFFF;
}
.consignarPage.perfilPage div.right{
    background-color: #fafcfe;
}
.consignarPage.perfilPage div.right.show{
    display: block;
    border-top: 1px solid #1ACCFF;
}
.consignarPage.perfilPage #insert-form, .consignarPage.perfilPage #ficha-insert-form{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column-reverse;
}
.consignarPage.perfilPage #insert-form .left, .consignarPage.perfilPage #insert-form .right, .consignarPage.perfilPage #ficha-insert-form .left, .consignarPage.perfilPage #ficha-insert-form .right{
    width: 100%;
}
.popupDados .avatar, .perfilPage .consignarContent .avatar {
    width: 96px; height: 96px;
    border: 2px solid #DFE6EB;
    border-radius: 50%;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 26px 24px 0 0;
}
.perfilPage .consignarContent .avatar{
    margin-top: 0;
}
.perfilPage .consignarContent h2{
    margin: 26px 0 3px 0;
}
.popupDados .info h2 { font-size: 18px; text-transform: uppercase; margin: 0; padding: 0; line-height: 24px; letter-spacing: -0.005em; }
.popupDados .info h3 {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    color: #1ACCFF;
    margin: 26px 0 3px 0;
}
.popupDados .info p { margin: 0; padding: 0; color: #007FA3; }
.popupDados .info .infoColums, .perfilPage .infoColums{ column-count: 1; margin-bottom: 50px; column-gap: 48px; float: none; }


/* ---------- DATEPICKER ---------- */
.ui-datepicker {
	width: 100%;
    max-width: 300px;
	display: none;
	background-color: #ffffff;
	border: 1px solid #007FA3;
	z-index: 200 !important;
	border-radius: 2px;
}
#eventsCalendar{
    margin: 16px 0 0 0;
}
#eventsCalendar .ui-datepicker{
    margin: 0 auto;
    max-width: 416px;
    border: none;
    z-index: 10 !important;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	height: 48px;
	padding: 0;
	background-color: #007FA3;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	padding: 17px 12px;
	color: #3BBBFF;
	-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
	cursor: pointer;
}
#eventsCalendar .ui-datepicker .ui-datepicker-title{
    padding: 14px 0;
}
.ui-datepicker .ui-datepicker-next { right: 0; }
.ui-datepicker .ui-datepicker-title {
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	color: #ffffff;
	padding: 10px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { 
    width: calc(50% - 42px);
    border: 1px solid #FFFFFF;
    background-color: transparent;
    box-shadow: none;
    border-radius: 0;
    margin: 0 2px;
    color: #FFFFFF;
    padding: 4px;
}
.ui-icon.ui-icon-circle-triangle-e, .ui-icon.ui-icon-circle-triangle-w{
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #FFFFFF;
    overflow: hidden;
    display: inline-block;
}
.ui-icon.ui-icon-circle-triangle-w{
    border-left: none;
    border-right: 8px solid #FFFFFF;
}
.ui-icon.ui-icon-circle-triangle-e:hover{
    border-left: 8px solid #1ACCFF;
}
.ui-icon.ui-icon-circle-triangle-w:hover{
    border-right: 8px solid #1ACCFF;
}
.ui-datepicker table {
	width: 100%;
	border-collapse: collapse;
	margin: 0;
}
.ui-datepicker th {
	width: 14.2%; 
    height: 42px;
	padding: 0;
	text-align: center;
	font-weight: bold;
	color: #007FA3;
    border: 0;
}
.ui-datepicker td {
	width: 14.2%; height: 42px;
	border: 0;
	padding: 0;
}
#eventsCalendar .ui-datepicker .ui-datepicker-calendar tr:last-of-type td{
    padding-bottom: 4px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	width: 14.2%; 
    width: 100%;
    height: 42px;
	text-align: center;
	text-decoration: none;
	color: #007FA3;
	border: 1px solid #ffffff;
	padding: 10px 0;
}
#eventsCalendar .ui-datepicker td a{
    border: 1px solid transparent;
}
.ui-datepicker td.ui-state-disabled span, .ui-datepicker td.ui-datepicker-other-month a { color: #AFB5BE; }
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
    border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current a { float: left; }
.ui-datepicker td a.ui-state-active { background-color: #007FA3; color: #ffffff; border: 1px solid #007FA3; }
#eventsCalendar .ui-datepicker td a.ui-state-active{ background-color: transparent; border: 1px solid transparent; }
.ui-datepicker td.ui-datepicker-other-month a.ui-state-active { background-color: #AFB5BE; color: #ffffff; border: 1px solid #AFB5BE; }
.ui-datepicker td a.ui-state-highlight { border: 1px solid #007FA3; }
.ui-datepicker td.ui-datepicker-other-month a.ui-state-highlight { border: 1px solid #AFB5BE; }

.ui-datepicker-other-month .ui-state-default, .ui-datepicker-unselectable .ui-state-default, .ui-state-disabled .ui-state-default, .pastDate .ui-state-default{ color: #AFB5BE; }
.eventsDate .ui-state-default{ position: relative; }
.eventsDate .ui-state-default:before {
    border: 1px solid #007FA3;
    border-radius: 50%;
    width: 28px;
    content: '';
    display: block;
    height: 28px;
    position: absolute;
    left: 50%;
    margin-left: -16px;
    margin-top: -5px;
}
.pastDate.eventsDate .ui-state-default:before, .ui-datepicker-other-month.eventsDate .ui-state-default:before{ border: 1px solid #AFB5BE; }
.ui-datepicker td a.ui-state-active{ 
    color: #FFFFFF;
    z-index: 0;
    position: relative;
}
.ui-datepicker-calendar .ui-state-active:before {
    border: 1px solid #007FA3;
    background-color: #007FA3;
    border-radius: 50%;
    width: 28px;
    content: '';
    display: block;
    height: 28px;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    margin-top: -5px;
    z-index: -1;
}
.ui-datepicker-calendar .pastDate .ui-state-active:before, .ui-datepicker-calendar .ui-datepicker-other-month .ui-state-active:before{ 
    border: 1px solid #AFB5BE; 
    background-color: #AFB5BE;
}
#eventsContent{
    width: 100%;
    background-color: #007FA3;
    color: #FFFFFF;
    height: auto;
    overflow: hidden;
    max-height: 0;
    -ms-transition: max-height 0.25s linear 0s, padding 0.25s linear 0s;
    transition: max-height 0.25s linear 0s, padding 0.25s linear 0s;
    padding: 0 16px;
    margin: 0 auto;
    max-width: 416px;
}
#eventsContent.open{ padding: 16px; max-height: 320px; }
#eventsContent .info{
    opacity: 0;
    -ms-transition: opacity 0.15s linear 0s;
    transition: opacity 0.15s linear 0s;
}
#eventsContent.open .info{
    opacity: 1;
    -ms-transition: opacity 0.15s linear 0.1s;
    transition: opacity 0.15s linear 0.1s;
}
#eventsContent svg, #eventsParent svg{ 
    float: left;
    height: 24px;
    width: 24px;
}
#eventsContent_desc, #eventsContent_date, #eventsContent_place, #eventsContent_title{ float: right; width: calc(100% - 36px); }
#eventsContent_title{ margin-top: 16px; text-transform: uppercase; font-size: 15px; line-height: 20px; }
#eventsContent div:not(.info) > p, #eventsParent div:not(.info) > p{ line-height: 20px; }
#eventsContent_date{ line-height: 20px; margin-top: 2px; }
#eventsContent_link{
    width: auto;
    border: 1px solid #FFFFFF;
    background-color: transparent;
    color: #FFFFFF;
    padding: 8px;
    margin: 12px 0 0 0;
    border-radius: 3px;
    float: left;
    -webkit-transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1);
    transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1);
    font-size: 12px;
    line-height: 14px;
}
#eventsContent_link:hover{
    background-color: #FFFFFF;
    color: #007FA3;
}
#eventsContent .navegate{
    margin-top: 16px;
}
#eventsContent #eventsContent_next{ float: right; }

#eventsParent{
    padding: 12px 0;
}
#eventsParent .info{
    margin-bottom: 18px;
}
#eventsParent .info:last-of-type{ margin-bottom: 0; }
.pageIpss p.eventsParent_date{ color: #007FA3; margin-top: 2px; position: relative; line-height: 20px; }
.pageIpss p.eventsParent_date strong{
    position: relative;
    background-color: #EFF2F5;
    z-index: 1;
}
.pageIpss p.eventsParent_date:after{
    content: '';
    display: block;
    height: 1px;
    background-color: #007FA3;
    position: absolute;
    top: 10px;
    right: 0;
    width: 100%;
    z-index: 0;
}
.pageIpss .eventsParent_desc p, .pageIpss p.eventsParent_place, .pageIpss p.eventsParent_date, .pageIpss p.eventsParent_title{ float: right; width: calc(100% - 36px); }
.pageIpss p.eventsParent_title{ margin-top: 12px; font-size: 15px; line-height: 20px; }
.pageIpss .eventsParent_desc p{ margin-top: 2px; }
.pageIpss p.eventsParent_place{ color: #007FA3; }
.eventsParent_link{
    width: auto;
    border: 1px solid #003B5C;
    background-color: transparent;
    color: #003B5C;
    padding: 8px;
    margin: 12px 0 0 0;
    border-radius: 3px;
    float: left;
    -webkit-transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1);
    transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1);
    font-size: 12px;
    line-height: 14px;
    margin-left: 36px;
}
.eventsParent_link:hover{
    background-color: #003B5C;
    color: #FFFFFF;
}
#eventsVermais{
    text-align: center;
    cursor: pointer;
}
#eventsVermais p{
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: -6px;
    -ms-transition: color 0.15s linear 0s;
    transition: color 0.15s linear 0s;
    color:#003B5C;
}
#eventsVermais:hover p{
    color:#007FA3;
}
#eventsVermais svg{
    float: none;
    -ms-transition: fill 0.15s linear 0s;
    transition: fill 0.15s linear 0s;
    fill:#003B5C;
}
#eventsVermais:hover svg{
    fill:#007FA3;
}



.estatistica-final>.limited>.legenda {
    flex-direction: column;
    align-items: start;
    gap: 20px
}
@media(min-width:640px){
    #eventsCalendar{
        float: left;
        width: calc(50% - 12px);
    }
    #eventsCalendar .ui-datepicker{
        width: 100%;
    }
    #eventsContent{
        width: calc(50% + 12px);
        margin: 16px 0 0 0;
        height: 346px;
        max-height: initial;
        max-width: 0;
        padding: 16px 0;
        transform-origin: left;
        -ms-transition: max-width 0.25s linear 0s, padding 0.25s linear 0s;
        transition: max-width 0.25s linear 0s, padding 0.25s linear 0s;
    }
    #eventsContent.open{
        max-width: calc(50% + 12px);
        max-height: initial;
    }
    #eventsContent .info{
        overflow: hidden;
        height: calc(100% - 36px);
    }
}

@media(min-width:860px){

    .estatistica-final .grafico-container {
        justify-content: center;
    }

    .estatistica-final>.limited>.legenda {
        flex-wrap: wrap;
        justify-content: space-between;
        flex-direction: row;
        align-items: start;
        margin: auto;
        margin-top: 20px;
    }

    #eventsCalendar{
        float: none;
        width: 100%;
        max-width: 360px;
        margin: 24px 0 0 0;
    }
    #eventsContent{
        width: 100%;
        margin-top: 0px;
        margin-left: 0;
        height: auto;
        max-height: 0;
        max-width: 360px;
        padding: 0 16px;
        transform-origin: top;
        -ms-transition: max-height 0.25s linear 0s, padding 0.25s linear 0s;
        transition: max-height 0.25s linear 0s, padding 0.25s linear 0s;
    }
    #eventsContent.open{
        max-height: 320px;
        max-width: 360px;
    }
    #eventsContent .info{
        height: auto;
    }
    
    #eventsParent .info {
        margin-bottom: 24px;
    }
}
@media(min-width:1600px){
    #eventsCalendar{
        float: left;
        width: calc(50% - 12px);
    }
    #eventsContent{
        width: calc(50% + 12px);
        margin: 24px 0 0 0;
        height: 304px;
        max-height: initial;
        max-width: 0;
        padding: 16px 0;
        transform-origin: left;
        -ms-transition: max-width 0.25s linear 0s, padding 0.25s linear 0s;
        transition: max-width 0.25s linear 0s, padding 0.25s linear 0s;
    }
    #eventsContent.open{
        max-width: calc(50% + 12px);
        max-height: initial;
    }
    #eventsContent .info{
        height: calc(100% - 36px);
    }

/*aqui*/

    


}

.pageIpss .documentos button, .pageIpss .associados button {
    font-family: Roboto, Arial;
    background: transparent;
    border: 2px solid white;
    color: white;
    margin-top: 20px;
    height: 48px;
    font-weight: 600;
    font-size: 1.2rem;
    border-radius: 5px;
    text-transform: uppercase;
    width: 150px;
    cursor: pointer;
    transition: color 250ms ease, background 250ms ease;
}

.pageIpss .documentos button:hover, .pageIpss .documentos button:focus {
    color: #1ACCFF;
    background: white; 
}

.pageIpss .documentos.info button:hover, .pageIpss .documentos.info button:focus {
    color: #007FA3;
    background: white; 
}

.pageIpss .associados button:hover, .pageIpss .associados button:focus {
    color: #CAD700;
    background: white; 
}

.pageIpss .documentos, .pageIpss .associados {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: auto;
}

.pageIpss .iconIpss, .pageIpss .iconIpssDoc {
    margin: unset;
}

.pageIpss .documentos p:first-of-type, .pageIpss .associados p:first-of-type{
    font-size: 1.8rem;
}
.pageIpss .documentos p:last-of-type, .pageIpss .associados p:last-of-type{
    font-size: 1.2rem;
    font-weight: 400;
    margin: 0;
}

.pageIpss .documentos, .pageIpss .documentos:hover {
    background: #1ACCFF;
}
.pageIpss .associados, .pageIpss .associados:hover {
    background: #CAD700;
}
.pageIpss .documentos.info, .pageIpss .documentos.info:hover {
    background: #007FA3;
}

.pageIpss .dashboard {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pageIpss .dashboard>h1 {
    font-size: 2rem;
    text-align: center;
    color: #007FA3;
    position: relative;
    margin-top: 72px;
}


.pageIpss .dashboard .inside {
    display: flex;
    margin-top: 72px;
    width: 100%;
    padding: 0 96px;
    gap: 72px;
    align-items: start;
}

.pageIpss .dashboard .inside>div:first-of-type {
    width: 50%;
}
.pageIpss .dashboard .inside>div:nth-of-type(2) {
    display: flex;
    flex-wrap: wrap;
    width: 50%;
    gap: 36px;
    padding-bottom: 192px
}

.pageIpss .dashboard .inside>div:nth-of-type(2) h2 {
    width: 100%;
}

.pageIpss .dashboard .inside>div:nth-of-type(2)>div {
    width: calc(50% - 18px);
}

.pageIpss .dashboard .inside h2 {
    font-size: 1.8rem;
    text-transform: uppercase;
    color: #0EA8FF;
    font-weight: 600;
}

.pageIpss .dashboard .inside .events, .pageIpss .dashboard .inside .formacoes {
    display: flex;
    flex-direction: column;
    gap: 64px;
}

.pageIpss .dashboard .inside .events {
    padding: 64px 0 192px;
    margin-top: 36px;
}

.pageIpss .dashboard .inside .events .event, .pageIpss .dashboard .inside .formacoes .formacao {
    background: #fff;
    border-radius: 5px;
    position: relative;
    margin-left: 20px;
    padding: 36px;
}

.pageIpss .dashboard .inside .events .event::after, .pageIpss .dashboard .inside .formacoes .formacao::after {
    position: absolute;
    left: -20px;
    top: -20px;
}

.pageIpss .dashboard .inside .events .event:nth-child(odd)::after {
    content: url("data:image/svg+xml,%3Csvg width='55' height='55' viewBox='0 0 55 55' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='27.5' cy='27.5' r='27.5' fill='%231ACCFF'/%3E%3Cpath d='M19.3986 17.4009H36.2086C37.5389 17.4009 38.6072 18.4803 38.6072 19.8019V36.6291C38.6072 37.9607 37.5288 39.0301 36.2086 39.0301H19.3986C18.0783 39.0301 17 37.9607 17 36.6291V19.8019C17 18.4803 18.0783 17.4009 19.3986 17.4009Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M32.6006 15V19.802' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M23.0068 15V19.802' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17 24.6138H38.6072' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.pageIpss .dashboard .inside .formacoes .formacao:nth-child(odd)::after {
    content: url("data:image/svg+xml,%3Csvg width='55' height='55' viewBox='0 0 55 55' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='27.5' cy='27.5' r='27.5' fill='%231ACCFF'/%3E%3Cpath d='M39.9944 21.6531L27.9739 30.1508L15 21.6531L27.9739 15L39.9944 21.6531Z' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linejoin='round'/%3E%3Cpath d='M19.2061 24.428V33.9025L28.417 39.0296L36.5575 34.1289V24.2812' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linejoin='round'/%3E%3Cpath d='M39.9941 21.6533V28.5077' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.pageIpss .dashboard .inside .formacoes .formacao.outros:nth-child(odd)::after {
    content: url("data:image/svg+xml,%3Csvg width='55' height='55' viewBox='0 0 55 55' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='27.5' cy='27.5' r='27.5' fill='%231ACCFF'/%3E%3Cpath d='M37.9738 16H17V40H37.9738V16Z' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linejoin='round'/%3E%3Cpath d='M21.0518 22.9697H27.0717' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linejoin='round'/%3E%3Cpath d='M21.0518 26.876H33.9204' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linejoin='round'/%3E%3Cpath d='M21.0518 30.7861H33.9204' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.pageIpss .dashboard .inside .events .event:nth-child(even)::after {
    content: url("data:image/svg+xml,%3Csvg width='55' height='55' viewBox='0 0 55 55' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='27.5' cy='27.5' r='27.5' fill='%23CAD700'/%3E%3Cpath d='M19.3986 17.4009H36.2086C37.5389 17.4009 38.6072 18.4803 38.6072 19.8019V36.6291C38.6072 37.9607 37.5288 39.0301 36.2086 39.0301H19.3986C18.0783 39.0301 17 37.9607 17 36.6291V19.8019C17 18.4803 18.0783 17.4009 19.3986 17.4009Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M32.6006 15V19.802' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M23.0068 15V19.802' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17 24.6138H38.6072' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.pageIpss .dashboard .inside .formacoes .formacao:nth-child(even)::after {
    content: url("data:image/svg+xml,%3Csvg width='55' height='55' viewBox='0 0 55 55' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='27.5' cy='27.5' r='27.5' fill='%23CAD700'/%3E%3Cpath d='M39.9944 21.6531L27.9739 30.1508L15 21.6531L27.9739 15L39.9944 21.6531Z' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linejoin='round'/%3E%3Cpath d='M19.2061 24.428V33.9025L28.417 39.0296L36.5575 34.1289V24.2812' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linejoin='round'/%3E%3Cpath d='M39.9941 21.6533V28.5077' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.pageIpss .dashboard .inside .formacoes .formacao.outros:nth-child(even)::after {
    content: url("data:image/svg+xml,%3Csvg width='55' height='55' viewBox='0 0 55 55' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='27.5' cy='27.5' r='27.5' fill='%23CAD700'/%3E%3Cpath d='M37.9738 16H17V40H37.9738V16Z' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linejoin='round'/%3E%3Cpath d='M21.0518 22.9697H27.0717' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linejoin='round'/%3E%3Cpath d='M21.0518 26.876H33.9204' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linejoin='round'/%3E%3Cpath d='M21.0518 30.7861H33.9204' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.pageIpss .dashboard .inside .events .event .dates {
    color: #007FA3;
    display: flex;
    justify-content: space-between;
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 12px;
}

.pageIpss .dashboard .inside .formacoes .formacao .name {
    color: #007FA3;
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 12px;
}

.pageIpss .dashboard .inside .formacoes-title {
    color: #003B5C;
    font-size: 1.3rem;
    margin-bottom: 40px;
    line-height: 20px;
}

.pageIpss .dashboard .inside .events .event .name {
    color: #0EA8FF;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.pageIpss .dashboard .inside .events .event .content {
    font-size: 1rem;
    color: #007FA3;
}

.pageIpss .dashboard .inside .link, .serIpss .categoria a.link {
    margin: 0;
    float: right;
    font-size: 1.2rem;
    padding: 0;
    border: none;
    transition: color 250ms ease;
    color: #0EA8FF;
    background: transparent;
    font-weight: 700;
    cursor: pointer;
    text-transform: uppercase;
    line-height: 14px;
    margin-top: 18px;
}
.pageIpss .dashboard .inside .events .event .link:hover, .pageIpss .dashboard .inside .events .event .eventsParent_link:focus, .serIpss .categoria a.link:hover, .serIpss .categoria a.link:focus, .pageIpss .dashboard .inside .link:hover, .pageIpss .dashboard .inside .link:focus {
    color: #007FA3;
}


.pageFinancas .ver {
    display: flex;
    width: 100%;
}

.pageFinancas .instituicao {
    display: flex;
    flex-grow: 1;
    background: #1ACCFF;
    height: 600px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 92px;
    width: 50%;
    color: #fff;
}
.pageFinancas .rede {
    display: flex;
    flex-grow: 1;
    height: 600px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 92px;
    width: 50%;
    color: #1ACCFF
}
.pageFinancas .criar {
    display: flex;
    width: 100%;
    background: #CAD700;
    height: 400px;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.pageFinancas .criar svg {
    transition: transform 250ms ease;  
}

.pageFinancas .criar:hover svg, .pageFinancas .criar:focus svg {
    transform: scale(1.2);    
}

.pageFinancas h2 {
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
    margin-top: 36px;
}

.pageFinancas p {
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: 0;
    text-align: center;
    margin: 24px 0 36px;
    max-width: 500px;
}

.pageFinancas button {
    font-family: Roboto, Arial;
    background: transparent;
    border: 2px solid white;
    color: white;
    height: 48px;
    font-weight: 600;
    font-size: 1.2rem;
    border-radius: 5px;
    text-transform: uppercase;
    width: 150px;
    cursor: pointer;
    transition: color 250ms ease, background 250ms ease;
}

.consignarPage .right button {
    font-family: Roboto, Arial;
    background: transparent;
    border: 2px solid white;
    color: white;
    height: 48px;
    font-weight: 600;
    font-size: 1.2rem;
    border-radius: 5px;
    text-transform: uppercase;
    width: 200px;
    cursor: pointer;
    transition: color 250ms ease, background 250ms ease;
    margin-top: 36px
}

.pageFinancas button:hover, .pageFinancas button:focus, .consignarPage .right button:hover, .consignarPage .right button:focus  {
    color: #1ACCFF;
    background: white; 
}

.pageFinancas .rede button {
    font-family: Roboto, Arial;
    background: transparent;
    border: 2px solid #1ACCFF;
    color: #1ACCFF;
    height: 48px;
    font-weight: 600;
    font-size: 1.2rem;
    border-radius: 5px;
    text-transform: uppercase;
    width: 150px;
    cursor: pointer;
    transition: color 250ms ease, background 250ms ease;
}

.pageFinancas .rede button:hover, .pageFinancas .rede button:focus {
    color: white;
    background: #1ACCFF; 
}

@media(min-width:425px){
    .popupDados .info .infoColums, .perfilPage .infoColums{ column-count: 2; }
}
.popupDados .infoRespostas:not(:last-child), .perfilPage .infoRespostas:not(:last-child){ margin-bottom: 50px; }
.popupDados .infoRespostas div, .perfilPage .infoRespostas div{ border-bottom: 1px solid #dfe6eb; padding: 10px 0; }
.popupDados .infoRespostas p, .perfilPage .infoRespostas p{ display: block; }
.popupDados .infoRespostas div:first-child, .perfilPage .infoRespostas div:first-child{ border-top: 1px solid #dfe6eb; margin-top: 23px; }
.popupDados .infoRespostas .custoMedio, .perfilPage .infoRespostas .custoMedio{ float: left; font-size: 12px;}
.popupDados .info .infoColums div, .perfilPage .infoColums div{ break-inside: avoid-column; -webkit-column-break-inside: avoid; page-break-inside: avoid; display:table; width: 100%; }
.popupDados .content {
    right: -100%;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all 0.2s 0s cubic-bezier(.77, 0, .17, 1); transition: all 0.2s 0s cubic-bezier(.77, 0, .17, 1);
}
@media(min-width:500px){
    .popupDados .infoRespostas p, .perfilPage .infoRespostas p{ display: inline-block; }
    .popupDados .infoRespostas .custoMedio, .perfilPage .infoRespostas .custoMedio{ float: right; }
}
.popupDados .content.open { right: 0; max-height: inherit; overflow: auto; }
.popupDados .editarDados .info h3 { padding: 0 0 4px 0; margin: 0; }
.popupDados .editarDados .info .inputText, .popupResposta .inputText, .popupEquipamento .inputText, .popupEdificio .inputText, .popupProjeto .inputText, .popupServico .inputText, .consignarPage .inputText, .estatisticasPage select {
    width: 100%; height: 48px;
    background-color: #EFF2F5;
    border: 1px solid #DFE6EB;
    border-radius: 3px;
    padding: 0 12px;
    margin: 12px 0 0 0;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-family: Roboto, Arial;
    color: #608499;
    font-weight: 400;
    font-size: 14px;
    -webkit-transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1); transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1);
}

.estatisticasPage .autoComplete_wrapper {
    width: 100%;
}

.estatisticasPage .custom-select-opener {
    background-color: #EFF2F5;
    border: 1px solid #DFE6EB;
    border-radius: 3px;
    padding: 0 12px;
    margin: 12px 0 0 0;
    color: #608499;
    font-weight: 400;
    font-size: 14px;
    height: 48px;
    display: flex;
    align-items: center;
}

.estatisticasPage .custom-select-opener::before {
    content: "";
    position: absolute;
    right: 0;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    background: #DFE6EB;
    border-radius: 0px 5px 5px 0px;
}

.estatisticasPage .custom-select-opener::after {
    content: "";
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    border-radius: 5px;
    position: absolute;
    right: 14px;
    transition: transform 250ms ease;
}

.estatisticasPage .custom-select-container.is-open .custom-select-opener::after {
    transform: scaleY(-1);
}

.estatisticasPage .custom-select-option {
    padding: 0 12px;
    display: flex;
    align-items: center;
    font-size: 14px;
    height: 48px;
    color: #727F8B;
    cursor: pointer;
}

.estatisticasPage .custom-select-option.has-focus {
    background: #1ACCFF;
    color: white;
}

.estatisticasPage .custom-select-panel {
    background: #EFF2F5;
    border-radius: 0px 0px 5px 5px;
}

.estatisticasPage .custom-select-option.is-selected::before{
    content: none;
    padding-right: 0;
}


.estatisticasPage .autoComplete_wrapper>ul>li {
    padding: 0 12px;
    display: flex;
    align-items: center;
    font-size: 14px;
    height: 48px;
    color: #727F8B;
    cursor: pointer;
    background: #EFF2F5;
}

.estatisticasPage .autoComplete_wrapper>ul>li:hover {
    background: #1ACCFF;
    color: white;
}
.estatisticasPage .autoComplete_wrapper>ul>li:hover mark {
    color: #fff!important;
}

.estatisticasPage .autoComplete_wrapper>ul {
    margin: 0;
    border-radius: 0px 0px 5px 5px;
    background: #EFF2F5;
    border: none;
}

.estatisticasPage .autoComplete_wrapper>ul>li mark {
    color: #1ACCFF!important;
}

.estatisticasPage .check.template {
    width: calc(50% - 5px);
    padding: 0
}

.estatisticasPage .check-holder {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}
.estatisticasPage .part-2, .ver-estatisticas .estatistica-modal  {
    display: none;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.estatisticasPage .part-2 .estatistica, .ver-estatisticas .estatistica-modal .estatistica {
    border: 1px solid #1ACCFF;
    border-radius: 5px;
    width: 80%;
    margin-top: 48px;
    background: #fff;
}

.estatisticasPage .part-2 .estatistica .intro, .ver-estatisticas .estatistica-modal .estatistica .intro {
    display: flex;
    padding: 40px 80px;
    gap: 80px;  
    width: 100%;
    background: #1ACCFF;
}

.ver-estatisticas .estatistica-modal .estatistica .intro{
    justify-content: space-between;
    align-items: center;
}

.ver-estatisticas .estatistica-modal {
    pointer-events: none;
}

.ver-estatisticas .estatistica {
    pointer-events: all;
}

.estatisticasPage .part-2 .estatistica .intro h2, .ver-estatisticas .estatistica-modal .estatistica .intro h2 {
    font-size: 24px;
    color: #fff;
    margin-bottom: 18px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 700;

}
.estatisticasPage .part-2 .estatistica .intro p, .ver-estatisticas .estatistica-modal .estatistica .intro p {
    font-size: 18px;
    color: #fff;
    line-height: 1;
    width: 100%;
    margin: 0;
    padding: 0;
}

.estatisticasPage .grafico-container, .ver-estatisticas .grafico-container {
    padding: 96px 165px 0;
}

.estatisticasPage .grafico-container+.texto, .ver-estatisticas .grafico-container+.texto {
    padding: 36px 165px;
}


 .grafico {
      display: flex;
      justify-content: center;
      align-items: center;
      font-family: 'Roboto', sans-serif;
      position: relative;
      flex-direction: column-reverse;
    }

   .grafico.piechart {
    flex-direction: row-reverse;
    margin-top: 35px;
   }


   .grafico.horizontal {
    flex-direction: column;
    margin-top: 35px;
   }

   .grafico.piechart .legenda {
    max-width: 300px;
   }

   .estatistica-final .limited {
    padding-bottom: 150px!important;
   }
   .no-data {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 50px;
    margin-top: 96px;
}

.ver-estatisticas .no-data {
    margin-top: 96px;

}

.no-data h3 {
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0.01em;
    text-align: center;
    color: #007FA3;
    text-transform: uppercase;
}
   .ver-estatisticas .limited {
    padding-bottom: 150px!important;
   }

   .grafico .legenda p, .estatistica-final .legenda p {
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    margin: 0;
    color: #063D5D
   }

   .grafico .legenda .pill, .estatistica-final .legenda .pill  {
    height: 14px;
    width: 7px;
    border-radius: 3px;
    top: 2px;
    position: relative;
   }

    .grafico svg {
      overflow: visible
    }

    .grafico .legenda, .estatistica-final .legenda {
      display: flex;
      width: 100%;
      justify-content: space-around;
      align-items: center;
    }



    .estatistica-final>.limited>.legenda>div{
        display: flex;
        gap: 8px
        
    }

    .grafico .legenda h2, .estatistica-final .legenda h2{
      font-size: 14px;
      font-weight: 400;
      line-height: 19px;
      text-align: left;
      color: #000000;
     text-transform: uppercase;
    }

    .grafico.piechart .legenda {
        flex-direction: column;
        align-items: start;
        gap: 18px;
        margin-left: 96px;
    }

    .grafico:not(.piechart) .legenda {
        flex-wrap: wrap;
        justify-content: start;
        gap: 20px;
        position: relative;
        margin-top: 70px;
    }

    .grafico:not(.piechart) .legenda>div {
        width: calc(33% - 12px);
    }

    .grafico.horizontal .legenda {
        justify-content: space-between;
    }

    .grafico.horizontal .legenda>div {
        width: auto;
    }


    .grafico:not(.piechart) .legenda .title {
        width: 100%;
        display: flex;
    }

    .grafico:not(.piechart) .legenda .title .line {
        height: 1px;
        flex-grow: 1;
        background: #DEE6EA;
        margin-top: 9px
    }

    .estatistica-final>.limited>.legenda .title {
        width: 100%;
        display: flex;
    }

    .estatistica-final>.limited>.legenda .title .line {
        height: 1px;
        flex-grow: 1;
        background: #DEE6EA;
        margin-top: 9px
    }

    .grafico.piechart .legenda {
        gap: 9px;
    }

 


    .grafico .bottom-axis path.domain {
        stroke: transparent;
        
    }

    .grafico .bottom-axis .tick line {
        stroke: transparent;
    }
    .grafico .bottom-axis .tick line + text {
        transform: translateY(10px)
    }

    .grafico .right-axis .tick>line:first-of-type {
        stroke: transparent;
    }

    .grafico .legenda>div {
      display: flex;
      align-items: start;
      gap: 0.75rem;
      width: 100%;
    }

    .grafico .tooltip {
      max-width: 200px;
      padding: 24px;
      border: none;
      border-radius: 3px;
      background: #003B5C;
      color: #fff;
      position: fixed;
      font-weight: 500;
      pointer-events: none;
      z-index: 10;
      transition: opacity 250ms ease-out;
    }

    .grafico .tooltip::after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: 0;
        height: 20px;
        width: 20px;
        background: #003B5C;
        transform: rotate(45deg) translateY(50%);
        border-radius: 3px;

    }

    .grafico .tooltip h3 {
      margin-top: 0;
    }

    .grafico .tooltip p {
      margin: 0;
      line-height: 18px;
    }
    .grafico .tooltip p:not(:last-of-type) {
        margin-bottom: 8px;
    }
    .grafico .tooltip p:not(:last-of-type).answer {
        margin-bottom: 16px;
    }

    .grafico .tooltip .pill {

        height: 14px;
    width: 7px;
    border-radius: 3px;
        display: inline-block;
        margin-right: 8px;
        transform: translateY(1px);
    }

    

    
.estatisticasPage .part-2 .estatistica .texto {
    padding: 96px 165px 136px;
}

.estatisticasPage .part-2 .estatistica .texto p {
    color: #073C5B;
    opacity: 60%;
    font-size: 18px;
}

.estatisticasPage .part-2 .estatistica .intro img, .ver-estatisticas .estatistica-modal .estatistica .intro img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(294deg) brightness(102%) contrast(104%);
}

.estatisticasPage .cronologia {
    display: flex;
    gap: 16px;
    align-items: center;
}   
.estatisticasPage .cronologia .customSelect {
    width: 100%;
}

.estatisticasPage .cronologia .custom-select-opener {
    margin-top: 6px
}

.estatisticasPage .cronologia .custom-select-opener::before {
    height: calc(100% - 6px)
}

.estatisticasPage .cronologia span.styled {
    margin-top: 6px;
}

.estatisticasPage #ate-error {
    position: absolute;
}

.ver-estatisticas .estatistica-modal-bg {
    position: fixed;
    background: #39637C;
    mix-blend-mode: multiply;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    opacity: 0;
    pointer-events: none;
    transition: opacity 500ms ease;
}

.ver-estatisticas .estatistica-modal-bg.active {
    opacity: 1;
    pointer-events: all;
}

.ver-estatisticas .estatistica-modal-bg.active+.estatistica-modal {
    display: flex;
}

.ver-estatisticas a.estatistica {
    display: block;
}


.ver-estatisticas .nav-1 {
    display: flex;
    gap: 36px;
}

.ver-estatisticas .nav-1>div:nth-of-type(2){
    flex-grow: 1;
    display: flex;
}

.ver-estatisticas .nav-1 .buttons {
    width: 33%;
    display: flex;
}
.ver-estatisticas .nav-1 .buttons button {
    width: 50%;
    height: 48px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-family: Roboto, Arial;
    color: #1ACCFF;
    font-weight: 500;
    font-size: 14px;
    border-radius: 5px;
    border: 1.5px solid #1ACCFF;
    background-color: white;
    text-transform: uppercase;
}

.ver-estatisticas .nav-1 .buttons a>button{
    width: 100%;
    cursor: pointer;
    transition: color 250ms ease, background 250ms ease;
}

.ver-estatisticas .nav-1 .buttons a:hover>button{
    background-color: #1ACCFF;
    color: white;
}

.ver-estatisticas .nav-1 .buttons a{
    width: 50%;
}
.ver-estatisticas .nav-1 .buttons button.selected {
    color: white;
    background-color: #1ACCFF;
}
.ver-estatisticas .nav-1 .buttons a:first-of-type button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.ver-estatisticas .nav-1 .buttons a:last-of-type button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.ver-estatisticas .nav-1 .autoComplete_wrapper {
    flex-grow: 1;
    display: flex;
}

.ver-estatisticas .nav-1 .autoComplete_wrapper>input {
    height: 48px;
    width: 100%;
}

.ver-estatisticas .nav-2 {
    display: flex;
    gap: 36px;
    margin-top: 30px;
}

.ver-estatisticas .nav-3 {
    display: flex;
    gap: 18px 36px;
    margin-top: 30px;
    flex-wrap: wrap;
}

.ver-estatisticas .apply-search {
    background-image: url("data:image/svg+xml,%3Csvg width='27' height='25' viewBox='0 0 27 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.6236 22.0783L19.1073 15.0042C20.4968 13.0166 21.0534 10.6145 20.6692 8.26287C20.285 5.91125 18.9874 3.77745 17.0276 2.27459C15.0678 0.771728 12.5852 0.00671481 10.0605 0.127666C7.5358 0.248617 5.14859 1.24693 3.36105 2.92932C1.57352 4.6117 0.512813 6.85849 0.384302 9.23466C0.255792 11.6108 1.06862 13.9474 2.66541 15.7919C4.2622 17.6364 6.52936 18.8577 9.02796 19.2193C11.5265 19.5809 14.0788 19.0571 16.1906 17.7493L23.7069 24.8234L26.6236 22.0783ZM3.29022 9.72539C3.29022 5.94127 6.56126 2.86265 10.5819 2.86265C14.6025 2.86265 17.8736 5.94127 17.8736 9.72539C17.8736 13.5095 14.6025 16.5881 10.5819 16.5881C6.56126 16.5881 3.29022 13.5095 3.29022 9.72539Z' fill='white'/%3E%3C/svg%3E%0A");
    width: 48px;
    border: none;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #1ACCFF;
    background-size: 23px;
    cursor: pointer;
}



.ver-estatisticas .nav-2 h3, .ver-estatisticas .nav-3 h3 {
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #007FA3;
}
.ver-estatisticas .nav-2>div:not(.filter-buttons) {
    width: 20%;

}


.ver-estatisticas .custom-select-panel {
    z-index: 10;
}


.ver-estatisticas .nav-2>div:first-of-type .autoComplete_wrapper {
    width: 100%;
}

.ver-estatisticas .nav-2>div:first-of-type .autoComplete_wrapper>input {
    width: 100%;
}

.ver-estatisticas .nav-2 .checkbox-container button {
    background-color: #1ACCFF;
    border: none;   
    border-radius: 3px;
    padding: 0 20px;
    margin: 12px 0 0 0;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    height: 60px;
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    cursor: pointer; 
    font-family: 'Roboto', sans-serif;
}



.ver-estatisticas .nav-2 .checkbox-container .apply-tema {
    width: calc(100% + 18px + 18px);
    margin-left: -18px;
    border-top-left-radius: unset;
    border-top-right-radius: unset;
    display: flex;
    justify-content: center;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
}

.ver-estatisticas .selected-filters button:not(.clear-filter, .apply-filter) {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    height: 48px;
    color: #608499;
    background: #EFF2F5;
    border: none;
    border-radius: 3px;
    font-weight: 700;
    padding: 0 44px 0 20px;
    position: relative;
    cursor: pointer;


}
.ver-estatisticas .selected-filters button:not(.clear-filter, .apply-filter)::after {
    right: 18px;
    background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 2.47887L13.5211 0L8 5.6338L2.47887 0L0 2.47887L5.6338 8L0 13.5211L2.47887 16L8 10.3662L13.5211 16L16 13.5211L10.3662 8L16 2.47887Z' fill='%23608499'/%3E%3C/svg%3E%0A");
    top: 17px;
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    background-size: contain;
}
}
.ver-estatisticas .nav-2 .checkbox-container .open-subtema+.options+button, .ver-estatisticas .nav-2 .checkbox-container .open-tema+.options+button {
    height: 0;
    display: none;
    transition: display 300ms ease 300ms
}

.ver-estatisticas .nav-2 .checkbox-container .open-subtema.opened+.options+button, .ver-estatisticas .nav-2 .checkbox-container .open-tema.opened+.options+button {
    display: flex;
    height: 48px;
}

.ver-estatisticas .nav-2 .checkbox-container .open-subtema.opened::after, .ver-estatisticas .nav-2 .checkbox-container .open-tema.opened::after {
    transform: rotate(-90deg) scaleX(-1)
}




.ver-estatisticas .nav-2 .checkbox-container .options .checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 14px;
    width: 14px;
    border-radius: 100%;
    background-color: #fff;
    border: 0.5px solid #608499;
  }

  .ver-estatisticas .nav-2 .checkbox-container .options .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }


  .ver-estatisticas .nav-2 .option-container input:checked ~ .checkmark:after {
    display: block;
  }

  .ver-estatisticas .nav-2 .option-container input:checked ~ .checkmark:after {
    display: block;
  }

  .ver-estatisticas .nav-2 .option-container input:checked  {
    color: #1ACCFF;
  }

  .ver-estatisticas .nav-2 .checkbox-container .open-subtema:not(.opened) + .options, .ver-estatisticas .nav-2 .checkbox-container .open-tema:not(.opened) + .options {
    max-height: 0;
  }

  .ver-estatisticas .open-tema .options button {
    margin-left: -18px;
    width: calc(100% + 18px + 18px);
  }



  .ver-estatisticas .nav-2 .option-container .checkmark:after {
    left: 1px;
    top: 1px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #1ACCFF
  }

.ver-estatisticas .nav-2 .checkbox-container {
    position: relative
}


.ver-estatisticas .nav-2 .option-container {
    position: relative;
    display: block;
    margin-bottom: 20px;
    font-size: 14px;
    color: #608499;
    padding-left: 28px;
    cursor: pointer;
}

.ver-estatisticas .nav-2 .option-container:first-of-type {
    margin-top: 20px;
}



.ver-estatisticas .nav-2 .checkbox-container .options {
    width: 100%;
    position: absolute;
    top: 56px;
    left: 0;
    background: #EFF2F5;
    padding: 0 18px;
    border-radius: 3px;
    max-height: 300px;
    overflow-y: scroll;

    transition: max-height 300ms ease-in-out;
    z-index: 10;
}

.ver-estatisticas .nav-2 .custom-select-opener, .ver-estatisticas .nav-3 .custom-select-opener, .ver-estatisticas select {
    background-color: #1ACCFF;
    border: none;   
    border-radius: 3px;
    padding: 0 20px;
    margin: 12px 0 0 0;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    height: 60px;
    display: flex;
    align-items: center;
    width: 100%;
}

.ver-estatisticas .nav-2 .custom-select-option, .ver-estatisticas .nav-3 .custom-select-option {
    padding: 0 20px;
    display: flex;
    align-items: center;
    font-size: 14px;
    height: 48px;
    color: #727F8B;
    cursor: pointer;
   
}

.ver-estatisticas .nav-2 .custom-select-option {
    padding: 30px 20px;
}


.ver-estatisticas .nav-2 .custom-select-option.is-selected::before, .ver-estatisticas .nav-3 .custom-select-option.is-selected::before {
    content: none;
}

.ver-estatisticas .nav-2 .custom-select-option.has-focus, .ver-estatisticas .nav-3 .custom-select-option.has-focus {
    background: #1ACCFF;
    color: white;
}



.ver-estatisticas .nav-2 .checkbox-container button::after, .ver-estatisticas .nav-2 .custom-select-opener::after, .ver-estatisticas .nav-3 .custom-select-opener::after, #currentFilterConcelho::after,  #currentFilterResposta::after, #currentFilterEquipamento::after {
    content: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 1L1 6L6 11' stroke='%23FFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    transform: rotate(-90deg);
    position: absolute;
    right: 20px;
    transition: transform 500ms ease;
}

.ver-estatisticas .nav-2 .custom-select-opener[aria-expanded="true"]::after, .ver-estatisticas .nav-3 .custom-select-opener[aria-expanded="true"]::after {
    transform: rotate(-90deg) scaleX(-1);
}



.ver-estatisticas .nav-2 .cronologia {
    height: 48px;
    display: flex;
    align-items: center;
    gap: 12px;
}
.ver-estatisticas .nav-2 .cronologia input {
    background: #EFF2F5;
    border: none;
    border-radius: 5px;
    height: 36px;
    width: 60px;
    text-align: center;
    color: #608499
    
}

.ver-estatisticas .nav-2 .cronologia span {
    line-height: 48px;
}

.ver-estatisticas .clear-filter {
    height: 48px;
    color: #CAD700;
    text-transform: uppercase;
    border: 0;
    outline: none;
    background: transparent;
    cursor: pointer;
    font-size: 14px;
    border-radius: 5px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    padding: 0 24px;
    border: 1.5px solid #CAD700;
    transition: color 250ms ease, background 250ms ease;
}

.ver-estatisticas .clear-filter:hover {
    color: #fff;
    background: #CAD700;
}

.ver-estatisticas .apply-filter {
    height: 48px;
    color: #fff;
    background: #CAD700;
    border: 0;
    outline: none;
    cursor: pointer;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 5px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    padding: 0 24px;
    transition: background 250ms ease;
}

.ver-estatisticas .apply-filter:hover {
    background: #B4BF00;
}

.ver-estatisticas .custom-select-container.is-open .custom-select-panel {
    max-height: 21.4em;
}



.estatistica-final .titles .title {
    color: #007FA3;
    text-transform: uppercase;
    text-align: center;
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 8px;
    line-height: 1.1;
}

.estatistica-final .titles.no-data-titles .icon {
    display: none;
}

.estatistica-final .titles.no-data-titles h3, .estatistica-final .titles.no-data-titles h1, .estatistica-final .titles.no-data-titles h2 {
    color: #C4CBD1

}


.estatistica-final .titles h3 {
    color: #CAD700;
    text-transform: uppercase;
    text-align: center;
    font-size: 18px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 800;
    margin-bottom: 20px;
}

.estatistica-final .titles {
    justify-content: center;
    display: none;
    flex-direction: column;
    align-items: center;
    margin-top: 36px;
}

.estatistica-final .subtitle {
    color: #608499;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 0.5px;
}

.estatistica-final .icon {
    height: 60px;
    width: 80px;
    position: relative;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.estatistica-final .back {
    color: #608499;
    text-transform: uppercase;
    position: relative;
    padding-left: 15px;
}

.estatistica-final .back::before {
    content: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 1L1 6L6 11' stroke='%23608499' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  position: absolute;
  left: 0;
  top: -1px;
}

.estatistica-final .icon>div {
    height: 100%;
    width: 84px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1;
}


.ver-estatisticas div:not(.nav-3)>.filter-buttons {
    display: flex;
    margin-top: 36px;
    justify-content: end;
    gap: 36px;
    align-items: end;
    margin-left: auto;
}

.ver-estatisticas .nav-3>.filter-buttons {
    display: flex;
    justify-content: end;
    gap: 36px;
    align-items: end;
    margin-left: auto;
}

.ver-estatisticas .estatisticas {
    margin-top: 36px;
}

.ver-estatisticas input[name="pesquisa"] {
    flex-grow: 1;
    flex-grow: 1;
    font-weight: 400;
    font-size: 14px;
    background: #EFF2F5;
    border: none;
    color: #608499;
    padding: 0 20px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.ver-estatisticas .estatistica-modal {
    position: absolute;
    z-index: 10;
    top: 46px;
}

.ver-estatisticas .estatisticas .estatistica {
    border-top: 1px solid #DEE6EA;
    padding: 40px 0;
    display: flex;
}

.ver-estatisticas .estatisticas .estatistica:last-of-type {
    border-bottom: 1px solid #DEE6EA;
}

.ver-estatisticas .estatisticas .estatistica .titles h4 {
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
    color: #073C5B;
    text-transform: uppercase;
    transition: 250ms color ease;
}

.ver-estatisticas .estatisticas .estatistica:hover .titles h4 {
    color: #1ACCFF;
}

.ver-estatisticas .estatisticas .estatistica .titles p {
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #6a8a9d;
    margin-top: 10px;
    margin-bottom: 0

}

.ver-estatisticas .estatisticas .estatistica .cron p:first-of-type {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: right;
    color: #003B5C;
    text-transform: uppercase;
    margin-bottom: 14px;
    display: block;
    margin-top: 0;
}
.ver-estatisticas .estatisticas .estatistica .cron p:nth-of-type(2) {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: right;
    color: #6a8a9d;
    margin: 0;
}

.ver-estatisticas .estatisticas .estatistica .cron {
    margin-left: auto
}

.ver-estatisticas .estatisticas .estatistica .titles {
    margin-left: 40px;
    flex-grow: 1;
}
.ver-estatisticas .estatisticas .estatistica .icon {
    height: 60px;
    width: 80px;
    position: relative;
    display: flex;
    justify-content: center;
}
.ver-estatisticas .estatisticas .estatistica .icon>div {
    height: 100%;
    width: 80px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1;
}




.ver-estatisticas .estatistica-modal .estatistica .intro>div {
    display: flex;
    gap: 80px;
}

.ver-estatisticas .estatistica-modal .estatistica .intro .button-close {
    transform: rotate(45deg);
    cursor: pointer;
}

.ver-estatisticas .pagination button.number:disabled {
    border-radius: 3px;
    background: #1ACCFF;
    color: #fff;
    outline: none;
    border: none;
    height: 35px;
    width: 35px;
    font-size: 18px;
    font-weight: 400;
    font-family: Roboto, Arial;
    cursor: initial;
}

.ver-estatisticas .pagination button.number {
    border-radius: 3px;
    color: #608499;
    background: #fff;
    outline: none;
    border: none;
    height: 35px;
    width: 35px;
    font-size: 18px;
    font-weight: 400;
    font-family: Roboto, Arial;
    cursor: pointer;
}

.ver-estatisticas .pagination button.prev, .ver-estatisticas .pagination button.next  {
    border-radius: 3px;
    color: #608499;
    background: #fff;
    outline: none;
    border: none;
    height: 35px;
    font-size: 18px;
    font-weight: 400;
    font-family: Roboto, Arial;
    cursor: pointer;
}

.ver-estatisticas .pagination button.prev:disabled, .ver-estatisticas .pagination button.next:disabled {
    cursor: initial;
    color: #C4CBD1;
}

.ver-estatisticas .pagination {
    border: none;
}



.popupDados .editarDados .info .inputText:focus, .popupResposta .inputText:focus, .popupEquipamento .inputText:focus, .popupEdificio .inputText:focus, .popupProjeto .inputText:focus, .popupServico .inputText:focus, .consignarPage .inputText:focus, .consignarPage .inputTextArea:focus { border-color: #1ACCFF; color: #007FA3; }
.popupDados .editarDados .info .respostas, .perfilPage .respostas { width: 100%; padding: 48px 0 0 0; float: left; }
.popupDados .editarDados .info .respostas h3, .perfilPage .respostas h2 { padding: 0 0 20px 0; }
.popupDados .editarDados .info .respostas ul, .perfilPage .respostas ul { list-style: none; margin: 0; padding: 0; }
.editarEdificiosParent{
    width: calc(50% - 12px);
    margin-right: 24px;
    float: left;
    background-color: #DFE6EB;
    -webkit-transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1); transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1);
    border-radius: 3px;
    margin-bottom: 12px;
}
.editarEdificiosParent:nth-of-type(2n){
    margin-right: 0;
}
.editarEdificiosParent:hover{
    background-color: #1ACCFF;
}
.textoEditarEdificios{
    background-color: #1ACCFF;
    -webkit-transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1); transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1);
    border-radius: 3px;
    padding: 18px 8px 14px 8px;
}
.editarEdificiosParent:hover .textoEditarEdificios{
    background-color: #007fa3;
}
.textoEditarEdificios .iconIpss{
    margin-top: 0;
    margin-bottom: 12px;
}
.editarEdificiosParent:hover .textoEditarEdificios .iconIpss{
    background-color: #1ACCFF;
}
.textoEditarEdificios p{
    text-align: center;
    color: #FFF;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 16px;
}
.popupDados .editarDados .info .editarRespostasParent, .popupDados .editarDados .info .editarEquipamentosParent, .perfilPage .editarRespostasParent, .perfilPage .editarEquipamentosParent {
    border: 1px solid #DFE6EB;
    border-radius: 3px;
    margin-bottom: 12px;
    background-color: #DFE6EB;
}
.popupDados .editarDados .info .editarRespostasParent:hover, .popupDados .editarDados .info .editarEquipamentosParent:hover, .perfilPage .editarRespostasParent:hover, .perfilPage .editarEquipamentosParent:hover { background-color: #1ACCFF; border-color: #1ACCFF; }
.popupDados .editarDados .info .textoEditarRespostas, .perfilPage .textoEditarRespostas { background-color: #FFF; padding: 16px; width: 100%; border-radius: 3px 0 0 3px; }
.popupDados .editarDados .info .textoEditarRespostas p, .perfilPage .textoEditarRespostas p { line-height: 18px; }
.popupDados .editarDados .info .editarCustoMedio, .perfilPage .editarCustoMedio { font-size: 12px; color: #608499; letter-spacing: 0.025em; }
.popupDados .editarDados .info .adiconarResposta, .popupDados .editarDados .info .adiconarEquipamento, .perfilPage .adiconarResposta, .perfilPage .adiconarEquipamento, .perfilPage .adiconarEdificio, .perfilPage .adiconarProjeto, .perfilPage .adiconarServico, .perfilPage .adiconarResposta, .perfilPage .adiconarEquipamento{
    background-repeat: no-repeat;
    background-position: center;
    width: 48px; height: 48px;
    float: left;
    margin:12px 12px 0 0;
    background-color: #1ACCFF;
    border-radius: 50%;
    cursor: pointer;
}
.perfilPage .adiconarResposta + p, .perfilPage .adiconarEquipamento + p, .perfilPage .adiconarEdificio + p, .perfilPage .adiconarProjeto + p, .perfilPage .adiconarServico + p, .perfilPage .adiconarResposta + p, .perfilPage .adiconarEquipamento + p{
    margin: 0;
    padding: 0;
    color: #007FA3;
}
.popupDados .editarDados .info .adiconarResposta:hover, .popupDados .editarDados .info .adiconarEquipamento:hover, .perfilPage .adiconarResposta:hover, .perfilPage .adiconarEquipamento:hover, .perfilPage .adiconarEdificio:hover, .perfilPage .adiconarProjeto:hover, .perfilPage .adiconarServico:hover, .perfilPage .adiconarResposta:hover, .perfilPage .adiconarEquipamento:hover{ background-color: #007FA3; }
.popupResposta .outraResposta, .popupEquipamento .outroEquipamento{
    float: left;
    overflow: hidden;
    height: 0;
    transition: all 0.2s 0s cubic-bezier(.77, 0, .17, 1);
    -webkit-transition:all 0.2s 0s cubic-bezier(.77, 0, .17, 1);
    border-width: 0px;
    margin: 0;
}
.popupResposta .outraResposta.open, .popupEquipamento .outroEquipamento.open{
    height: 48px;
    border-width: 1px;
    margin: 14px 0 0 0;
}
.popupDados .editarDados .info .editarRespostas, .popupDados .editarDados .info .editarEquipamentos, .perfilPage .editarEdificios, .perfilPage .editarProjetos, .perfilPage .editarServicos, .perfilPage .editarRespostas, .perfilPage .editarEquipamentos{
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
    cursor: pointer;
    width: 50%; height: 36px;
    position: static;
    margin-top: 0;
    margin-right: 0;
    float: none;
    background-size: 18px;
}
.popupDados .editarDados .info .eliminarRespostas, .popupDados .editarDados .info .eliminarEquipamentos, .perfilPage .eliminarEdificios, .perfilPage .eliminarProjetos, .perfilPage .eliminarServicos, .perfilPage .eliminarRespostas, .perfilPage .eliminarEquipamentos{
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
    cursor: pointer;
    width: 50%; height: 36px;
    position: static;
    margin-top: -36px;
    float: right;
    background-size: 18px;
}
@media(min-width:400px){
    .popupDados .editarDados .info .textoEditarRespostas, .perfilPage .textoEditarRespostas{ width: calc(100% - 96px); }
    .popupDados .editarDados .info .editarRespostas, .popupDados .editarDados .info .editarEquipamentos, .perfilPage .editarProjetos, .perfilPage .editarServicos, .perfilPage .editarRespostas, .perfilPage .editarEquipamentos{
        width: 48px; height: 70px;
        position: relative;
        margin-top: -70px;
        margin-right: 48px;
        float: right;
        background-size: 24px;
    }
    .popupDados .editarDados .info .eliminarRespostas, .popupDados .editarDados .info .eliminarEquipamentos, .perfilPage .eliminarProjetos, .perfilPage .eliminarServicos, .perfilPage .eliminarRespostas, .perfilPage .eliminarEquipamentos{
        cursor: pointer;
        width: 48px; height: 70px;
        position: relative;
        margin-top: -70px;
        background-size: 24px;
    }
    /*
    .perfilPage .editarEdificios{
        width: 48px; height: 70px;
        position: relative;
        margin-top: -70px;
        margin-right: 48px;
        float: right;
        background-size: 24px;
        
        margin-top: -50px;
        height: 50px;
    }
    .perfilPage .eliminarEdificios{
        cursor: pointer;
        width: 48px; height: 70px;
        position: relative;
        margin-top: -70px;
        background-size: 24px;
        
        margin-top: -50px;
        height: 50px;
    }
    */
}
/* checkbox */
input[type="checkbox"], input[type="radio"] { display: none; }

.check { width: 100%; float: left; }
.check label, .popupEquipamento .text label { 
    width: 100%; 
    float: left; 
    margin: 0; 
    cursor: pointer; 
}
.popupEquipamento .text label { margin-top: 16px; width: 100%; }
.check label span, .popupEquipamento .text label span {
	width: 12px;
	height: 12px;
	float: left;
	border: 1px solid #DFE6EB;
    background-color: #EFF2F5;
    margin: 4px 6px 8px 0;
    border-radius: 50%;
	-webkit-transition: all 0.2s; transition: all 0.2s;
}
.check label span:before, .popupEquipamento .text label span:before {
    display: block;
	content: '';
    width: 8px;
    height: 8px;
    background-color: #EFF2F5;
    margin: 1px;
    border-radius: 50%;
    -webkit-transition: all 0.12s; transition: all 0.12s;
}
.check label p, .popupEquipamento .text label p {
    margin: 0; padding: 0;
    line-height: 21px;
    color: #007FA3;
    float: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all 0.12s; transition: all 0.12s;
    width: calc(100% - 18px);
}

.check label:hover p, .popupEquipamento .text label:hover p { color: #1ACCFF; }
input[type="checkbox"]:checked + label span:before, input[type="radio"]:checked + label span:before,
input[type="checkbox"]:checked + label + label span:before, input[type="radio"]:checked + label + label span:before{ background-color: #1ACCFF; }
input[type="checkbox"]:checked + label p, input[type="radio"]:checked  + label p, 
input[type="checkbox"]:checked + label + label p, input[type="radio"]:checked  + label + label p{ color: #1ACCFF; }
input[type="checkbox"].jqInvalid + label + label p, input[type="radio"].jqInvalid + label + label p{ color: #B30A00; }
input[type="checkbox"].jqInvalid + label + label span, input[type="radio"].jqInvalid + label + label span{ border-color: #B30A00; }

.popupDados .inputSubmit, .consignarPage .inputSubmit, .pageIpss .dashboard .inputSubmit {
    width: 100%; height: 48px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-family: Roboto, Arial;
    color: #ffffff;
    font-weight: 500;
    font-size: 14px;
    border-radius: 3px;
    background-color: #1ACCFF;
    border: none;
    padding: 12px;
    margin: 40px 0 0 0;
    cursor: pointer;
    -webkit-transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1); transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1);
}
.popupDados .inputSubmit:hover, .popupDados .inputSubmit:focus, .consignarPage .inputSubmit:hover, .consignarPage .inputSubmit:focus, .pageIpss .dashboard .inputSubmit:hover, .pageIpss .dashboard .inputSubmit:focus { background-color: #007FA3; }
.consignarPage .inputSubmit.back, .pageIpss .dashboard .inputSubmit.back{
    background-color: #FFFFFF;
    text-align: center;
    border: 1px solid #1ACCFF;
    color: #1ACCFF;
}
.consignarPage .inputSubmit.back:hover, .pageIpss .dashboard .inputSubmit.back:hover{
    border-color: #007FA3;
    color: #007FA3;
}
.consignarPage .inputSubmit.disabled, .consignarPage .inputSubmit.disabled:hover, .consignarPage .inputSubmit.disabled:focus{
    background-color: #DFE6EB;
    cursor: not-allowed;
}


.outrosContent {
    width: 100%;
    clear: both;
}
/* select file */
.nice {
    width: 100%;
	outline: none;
	font-family: Roboto, Arial;
	font-size: 14px;
	font-weight: 500;
	font-smooth: always;
    margin: 12px 0 -2px 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.consignarPage .nice{
    margin: 0 0 -2px 0;
}
.nice .NFI-button {
	color: #ffffff;
	width: 154px;
	height: 48px;
    text-transform: uppercase;
    padding: 15px 12px 0 12px;
    box-sizing: border-box; -moz-box-sizing: border-box;
    background-color: #1ACCFF;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
}

.nice .NFI-filename {
    font-family: Roboto, Arial;
	font-size: 14px;
	font-weight: 400;
	font-smooth: always;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    width: 100px;
    width: calc(100% - 154px);
    border: 1px solid #DFE6EB;
	border-left: none;
	height: 48px;
	line-height: 30px;
	background-color: #EFF2F5;
	color: #608499;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    padding: 0 12px !important;
    box-sizing: border-box; -moz-box-sizing: border-box;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
}
.nice:hover .NFI-button { background-color: #007FA3 !important; }
.nice:hover .NFI-filename, .nice:focus .NFI-filename { border-color: #007FA3 !important; }
.jqInvalid .nice .NFI-filename{ border-color: #B30A00; }
.jqInvalid .nice .NFI-button{ background-color: #B30A00; }


@media(min-width: 500px) {
    
/* CONTACTOS PAGE */
.contactosPage .info .left { width: 50%; float: left; }
.contactosPage .info .right { width: 50%; float: right; padding: 21px 0 0 12px; }
    
.popupNew .text { margin: 0 0 48px 0; }
.popupNew .bottom { height: 48px; }
.popupNew .bottom h5 { float: left; }
.popupNew .bottom p { float: right; padding: 12px 24px 0 12px; }

}

.new.page h1 { color: #003B5C; }
.searchNOT {
    font-weight: 300;
    text-transform: uppercase;
    font-size: 18px;
    color: #003B5C;
    margin: 24px 0 0 0;
    padding: 0;
}

.pageIpss .dashboard .destaque{
    padding: 12px;
    margin: 24px 0 0 0;
}
.pageIpss .dashboard .destaque h3{
    color: #007FA3;
    margin-bottom: 12px;
    text-transform: uppercase;
}
.serIpss .categoria{
    float: left;
    padding: 12px;
    margin: 0 24px 24px 0;
    border: 1px solid #EFF2F5;
    border-radius: 3px;
    width: 100%;
    background: #EFF2F5;
    position: relative;
}

.serIpss .categoria:nth-child(even)::after{
    content: url("data:image/svg+xml,%3Csvg width='55' height='55' viewBox='0 0 55 55' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='27.5' cy='27.5' r='27.5' fill='%231ACCFF'/%3E%3Cpath d='M30.9695 17.4187V19.8373H23.1536V17.4187H19V39.5001H35.525V17.4187H30.9695Z' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linejoin='round'/%3E%3Cpath d='M22.1709 24.8538H26.9051' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linejoin='round'/%3E%3Cpath d='M22.1709 28.4817H32.3092' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linejoin='round'/%3E%3Cpath d='M22.1709 32.0649H32.3092' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linejoin='round'/%3E%3Cpath d='M30.9692 15H23.1533V19.8373H30.9692V15Z' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    position: absolute;
    top: -20px;
    left: -20px;
}

.serIpss .categoria:nth-child(odd)::after{
    content: url("data:image/svg+xml,%3Csvg width='55' height='55' viewBox='0 0 55 55' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='27.5' cy='27.5' r='27.5' fill='%23CAD700'/%3E%3Cpath d='M30.9695 17.4187V19.8373H23.1536V17.4187H19V39.5001H35.525V17.4187H30.9695Z' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linejoin='round'/%3E%3Cpath d='M22.1709 24.8538H26.9051' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linejoin='round'/%3E%3Cpath d='M22.1709 28.4817H32.3092' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linejoin='round'/%3E%3Cpath d='M22.1709 32.0649H32.3092' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linejoin='round'/%3E%3Cpath d='M30.9692 15H23.1533V19.8373H30.9692V15Z' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    position: absolute;
    top: -20px;
    left: -20px;
}

.serIpss .categoria > svg{
    width: 48px; height: 48px;
    margin: 4px auto 12px auto;
    fill: #007FA3;
}
.serIpss .categoria:not(.disabled):hover > svg{
    fill: #1ACCFF;
}
.serIpss .categoria:nth-child(2n+1){ margin: 0 0 24px 0; }

.serIpss .categoria h2{
    color: #007FA3;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 12px;
    text-transform: uppercase;
}
.serIpss .categoria p, .pageIpss .dashboard .destaque p{ color: #007FA3; margin: 0; font-size: 1.1rem;}

#voltarFiles{
    position: absolute;
    text-transform: uppercase;
    text-align: right;
    width: 100vw;
    left: 0;
    margin: 0 auto;
    padding: 0 48px;
    color: #1ACCFF;
    font-weight: 500;
    display: none;
}
#voltarFiles:hover{ color: #007FA3; }

/*PESQUISA DOCS*/
.formDocs{ 
    position: relative; 
    margin: 0 auto 24px auto;
    width: 100%;
}
.pesquisaDocs .resultadoPesquisa, .pesquisaDocs .pagination{ width: 100%; margin: 0 auto 24px auto; float: none; }
.pesquisaDocs .resultadoPesquisa{
    overflow: hidden;
    position: relative;
}
.pesquisaDocs .resultadoPesquisa .content{ position: relative; }

.consignarPage div.right{ display: none; }
.consignarPage .topImage, .consignarPage .topImage img{ width: 100%; }
.consignarPage .topImage span {
    display: block;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.consignarContent{
    width: 100%;
    padding: 6px 0 0 0;
}
.consignarPage h1 {
    width: 100%;
    font-size: 18px;
    color: #007FA3;
    line-height: 24px;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 24px;
}
.consignarPage h1:not(:first-of-type){
    margin-top: 48px;
}
.consignarPage h2 {
    width: 100%;
    font-size: 14px;
    color: #0EA8FF;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
    margin: 0 0 6px 0;
}
.consignarPage h3 {
    width: 100%;
    font-size: 14px;
    color: #003B5C;
    font-weight: 700;
    line-height: 20px;
    margin: 0 0 4px 0;
}
.consignarPage p {
    width: 100%;
    margin: 0;
    padding: 0;
}
.consignarContent .categoria, .pageIpss .dashboard .categoria {
    cursor: pointer;
    float: left;
    padding: 8px;
    margin: 0 24px 12px 0;
    border: 1px solid #DFE6EB;
    border-radius: 3px;
    width: 100%;
    background-color: transparent;
}
.pageIpss .dashboard .categoria{
    text-align:center;
    background-color: #EFF2F5 !important;
    border: 1px solid #007FA3;
}
.pageIpss .dashboard .categoria svg{
    fill:#007FA3;
    width:48px; height:48px;
    margin:4px auto 12px auto;
}
.consignarContent .categoria .iconIpss, .pageIpss .dashboard .categoria .iconIpss{
    margin: 0 0 12px calc(50% - 24px);
    height: 48px;
    width: 48px;
    padding: 12px;
    background-color: #0EA8FF;
}
.pageIpss .dashboard .categoria .iconIpss{ margin-top: 4px; }
.consignarContent .categoria p, .pageIpss .dashboard .categoria p {
    color: #007FA3;
    margin: 0;
}
.consignarContent .categoria:not(.disabled):hover, .pageIpss .dashboard .categoria:not(.disabled):hover {
    border: 1px solid #1ACCFF;
    background-color: #FFFFFF;
}
.pageIpss .dashboard .categoria:not(.disabled):hover svg{
    fill: #1ACCFF;
}
.pageIpss .dashboard .categoria:not(.disabled):hover p{
    color: #1ACCFF;
}
.consignarPage .inputText + label, .consignarPage .inputTextArea + label, .consignarPage .input-cnt-area + label, .popupQuest .inputText + label{
    font-size: 12px;
    width: 100%;
    padding: 5px 2px 0 2px;
    display: block;
    color: #608499;
}

.consignarPage label.info {
    font-size: 12px;
    width: 100%;
    padding: 5px 2px 0 2px;
    display: block;
    color: #608499;
}
.consignarPage label.error {
    font-size: 12px;
    width: 100%;
    padding: 5px 2px 0 2px;
    display: block;
    color: #B30A00;
}

.consignarPage label.error+label.info {
    padding-top: 0;
}

.popup-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(57,99,124,0.85);
    z-index: 49;
    justify-content: center;
    align-items: center;
    display: flex;
    transition: opacity 500ms ease;
    opacity: 0;
    pointer-events: none;
}

.popup-background.active {
    opacity: 1;
    pointer-events: all;
}

.popup-background .popup {
    background: white;
    padding: 36px 48px;
    border-radius: 5px;
}

.popup-background .popup p {
    margin-top: 0;
    margin-bottom: 24px;
}

.popup-background .popup button {
    font-family: Roboto, Arial;
    color: #ffffff;
    font-weight: 500;
    font-size: 14px;
    border-radius: 3px;
    background-color: #1ACCFF;
    border: none;
    padding: 12px;
    text-transform: uppercase;
    width: 100%;
    cursor: pointer;
}

.check label .logo.novo, .check label .logo.none{
    width: 100%;
    height: 0;
    padding-top: calc(100% - 6px);
    border-radius: 4px;
    position: relative;
    border: 3px solid #DFE6EB;
}
.check label .logo.novo{
    background-color:#1accff;
    border-color:#1accff;
}
.check label .logo.novo:hover{
    background-color:#007FA3;
    border-color:#007FA3;
}
.check label .logo.none{
    background-color:#EFF2F5;
    -ms-transition: border-color 0.15s linear 0s;
    transition: border-color 0.15s linear 0s;
}
input[type="radio"]:checked + label .logo.none { border-color: #1ACCFF; }
.check label .logo.none p, .check label .logo.novo p {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    white-space: normal;
    line-height: 16px;
    padding: 6px;
}
.check label img{
    float: left;
    width: 100%;
    border-radius: 4px;
    border: 3px solid #DFE6EB;
    -ms-transition: border-color 0.15s linear 0s;
    transition: border-color 0.15s linear 0s;
}
.check label .cor{
    width: 100%;
    border: 3px solid #DFE6EB;
    border-radius: 4px;
    -ms-transition: border-color 0.15s linear 0s;
    transition: border-color 0.15s linear 0s;
    height: 0;
    padding-top: 100%;
}
.check.cor{
    width: calc((100% - 12px) / 3);
    margin-top: 6px;
    padding: 0;
    margin-left: 6px;
}
.check.cor.pequeno{
    width: calc((100% - 24px) / 5);
}
.check.cor.template{
    width: calc((100% - 6px) / 2);
}
.check.cor:nth-of-type(2n+1), .check.cor:nth-of-type(3n+1){
    margin-left: 0;
}
.check.cor.pequeno:nth-of-type(2n+1){
    margin-left: 6px;
}
.check.cor.pequeno:nth-of-type(6n+1){
    margin-left: 0;
}

input[type="radio"].radio-button {
    position: relative;
    display: block;
    height: 16px;
    width: 16px;
    margin: 0;
}

input[type="radio"].radio-button::before {
    content: "";
    height: 16px;
    width: 16px;
    background: #fff;
    position: absolute;
    border-radius: 100%;
    border: 1px solid #CFD9DE;
    cursor: pointer;
}

input[type="radio"].radio-button:checked::after {
    content: "";
    height: 10px;
    width: 10px;
    background: #0EA8FF;
    position: absolute;
    border-radius: 100%;
    left: 4px;
    top: 4px;
    cursor: pointer;
}

input[type="radio"].radio-button:checked+label {
    color: #0EA8FF;
    font-weight: 600;
}

input[type="radio"].radio-button+label {
    margin-left: 10px;
    cursor: pointer;
}

.radio-buttons-holder {
    display: flex;
    align-items: center;
    gap: 24px
}

.radio-buttons-holder>div {
    display: flex;
    align-items: center;
}

.check label .icon{
    width: 100%;
    border: 3px solid #DFE6EB;
    border-radius: 4px;
    -ms-transition: border-color 0.15s linear 0s;
    transition: border-color 0.15s linear 0s;
    height: 0;
    padding-top: 100%;
}
.check.icon{
    width: calc((100% - 36px) / 7);
    margin-top: 6px;
    padding: 0;
    margin-left: 6px;
}

.check.icon .icon {
    position: relative;
}

.check.icon .icon>div {
    height: calc(100% - 12px);
    width: calc(100% - 12px);
    position: absolute;
    top: 6px;
    left: 6px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.check.icon:nth-of-type(3n+1){
    margin-left: 6px;
}
.check.icon:nth-of-type(7n+1){
    margin-left: 0;
}



input[type="radio"]:checked  + label img, input[type="radio"]:checked  + label .cor, input[type="radio"]:checked  + label .icon{
    border-color: #1ACCFF;
}
#upload_logo, #upload_fundo, #select_fundo {
    overflow: hidden;
    max-height: 0;
    margin: 0;
    -ms-transition: max-height 0.25s linear 0s, margin 0.25s linear 0s;
    transition: max-height 0.25s linear 0s, margin 0.25s linear 0s;
}
#upload_logo.open, #upload_fundo.open{
    max-height: 104px;
    margin: 6px 0 0 0;
}
#select_fundo.open{
    max-height: 1130px;
    margin: 6px 0 0 0;
}
.consignarPage .displayError{
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}
.consignarPage .inputTextArea {
    resize: none;
    height: 96px;
    padding: 12px;
    width: 100%;
    background-color: #EFF2F5;
    border: 1px solid #DFE6EB;
    border-radius: 3px;
    margin: 18px 0 0 0;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-family: Roboto, Arial;
    color: #608499;
    font-weight: 400;
    font-size: 14px;
    -webkit-transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1); transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1);
    vertical-align: middle;
}
#popup_loading{
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 200;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    transition: opacity 0.25s linear 0s;
    padding: 48px;
    width: 100%;
    max-width: 408px;
}
#popup_loading_p a{
    display: block; 
    text-align: center; 
    line-height: 24px; 
    margin-top: 24px;
    border-radius: 3px;
    background-color: #1ACCFF;
    border: none;
    padding: 12px;
    color: #FFFFFF;
    font-weight: 500;
}
#popup_loading_p a:hover, #popup_loading_p a:focus {
    background-color: #007FA3;
}
#popupLoadingBg{
    opacity: 0;
    pointer-events: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 90;
    background-color: rgba(0, 59, 92, 0.8);
    transition: opacity 0.25s linear 0s;
}

@media(min-width:480px){
    .pageIpss .dashboard .categoria{
        width: calc(50% - 12px);
    }
    .pageIpss .dashboard a.categoriaParent:nth-of-type(2n) .categoria{
        margin-right: 0;
    }
}
@media(min-width:648px){
    .consignarContent .categoria, .pageIpss .dashboard .categoria {
        padding: 16px;
        margin: 0 24px 24px 0;
        width: calc(50% - 12px);
    }
    .consignarPage .consignarContent a:nth-child(2n) .categoria{ margin-right: 0; }
}
@media(min-width:860px){

    .header.small .limited .centerMenu {
        display: none;
    }
    .consignarPage .topImage {
        position: fixed !important;
        width: 33.3333333%;
        height: 100%;
        padding: 0 0 0 12px;
        right: 0;
        max-height: calc(100% - 72px);
    }
    .consignarPage .topImage span { height: 100%; }
    .consignarContent {
        padding: 24px 0 48px 0;
    }
    .consignarPage h1:not(:first-of-type){
        margin-top: 96px;
    }
    .consignarPage{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        flex-direction: row-reverse;
        min-height: 600px!important;
    }
    .consignarPage.perfilPage #insert-form, .consignarPage.perfilPage #ficha-insert-form{
        flex-direction: row-reverse;
    }
    .consignarPage.gerar{
        flex-direction: row;
        max-width: 1586px;
        max-width: 1786px; 
        margin: 0 auto;
        float: none;
    }
    .consignarPage .limited{
        width: 50%;
        max-width: 100%;
    }
    .consignarPage .limited:not(.gerar){
        max-width: 793px;
        max-width: 894px;
        margin-right: 0;
    }
    .consignarPage .right.show{
        margin-left: 0;
        margin-right: auto;
        position: relative;
    }
    .consignarPage .right.show:after {
        content: '';
        display: block;
        height: 100%;
        width: 50%;
        background-color: #fafcfe;
        z-index: 0;
        position: absolute;
        left: 100%;
        top: 0;
    }
    .consignarPage .downloadBoletim{ display: none;}
    .consignarPage div.right{
        width: 50%;
        display: flex;
        flex-direction: column;
    }
    .consignarPage.perfilPage div.right{
        border-top: none;
        position: relative;
        width: 50%;
        top: initial;
        left: initial;
    }
    .consignarPage.perfilPage .left{
        border-right: 1px solid #1ACCFF;
    }
    .consignarPage.perfilPage div.right.show{
        border-top:none;
    }
    .consignarPage.perfilPage #insert-form .left, .consignarPage.perfilPage #insert-form .right, .consignarPage.perfilPage #ficha-insert-form .left, .consignarPage.perfilPage #ficha-insert-form .right{
        width: 50%;
    }
    .consignarPage div.right a:not(.inputSubmit) {
        height: 50%;
        background-color: #1accff;
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        flex-direction: column;
    }
  
    .consignarPage div.right .iconIpss{
        margin: 0;
        padding: 24px;
    }
    .consignarPage div.right a:not(.inputSubmit):hover .iconIpss{ background-color: #1accff; }
    .consignarPage div.right .iconIpss + p{
        margin: 20px 0 0 0;
        text-align: center;
        color: #FFF;
        line-height: 36px;
        font-size: 24px;
        text-transform: uppercase;
        letter-spacing: 0;
        font-weight: 700;
    }
    .pageIpss .dashboard .categoria{
        width: 100%;
        margin-right: 0;
    }
}
@media(max-width:1295px){
    .header .loginInfo {
        display: none!important
    }
}
@media(min-width:1296px){



    .header.small .limited .centerMenu {
        display: flex;
    }
    .consignarContent {
        padding: 96px 0;
    }
    .pageIpss .dashboard .categoria{
        width: calc(50% - 12px);
        margin-right: 24px;
    }
}

@media(min-width:1789px){
    .consignarPage div.right a:not(.inputSubmit){
        padding-right: calc(100% - 894px);
    }
}



.ver-estatisticas .autoComplete_wrapper>ul>li {
    color: #727F8B;
    background: #e9e9e9;
    padding: 0 12px;
    font-size: 14px;
    height: 48px;
    line-height: 48px;
}

.ver-estatisticas .autoComplete_wrapper>ul>li:hover  {
    color: #fff;
    background: #1ACCFF;
}

.ver-estatisticas .autoComplete_wrapper>ul>li:hover mark  {
    color: #fff;
    background: #1ACCFF;
}

.ver-estatisticas .autoComplete_wrapper>ul>li mark {
    color: #1ACCFF;
}

.ver-estatisticas #autoComplete_list_1 {
    background: #e9e9e9;
    margin-top: 0;
}

.header.small .limited {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header .loginInfo {
    display: flex;
    flex-direction: row-reverse;
    margin: 0;
    align-items: center;
}

.header .centerMenu {
    display: flex;
    gap: 20px;
    align-items: center;
}

.header .centerMenu .current {
   color: #007FA3;

}

.header .centerMenu .submenuSerIpss {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1rem;
    color: #1ACCFF;
}

.header .centerMenu .submenuSerIpss.current {
    color: #007FA3;
 
 }

.header .centerMenu .submenuSerIpss:hover {
    color: #007FA3
}

.header .centerMenu .mainLink.current {
   background: #007FA3;
   color: #fff;
   border: 1.5px solid #007FA3;
}



.submenuSerIpss:not(:nth-child(2)):after, .openDados:after{
    content: ""
}

.submenuSerIpss:nth-child(2):after {
    content: ""
}

.submenuSerIpss.mainLink {
    border: 1.5px solid #1ACCFF;
    border-radius: 5px;
    height: 36px;
    display: block;
    text-align: center;
    line-height: 34px;
    padding: 0 12px;
    transition: all 250ms ease;
}

.submenuSerIpss.mainLink:hover, .submenuSerIpss.mainLink:focus{
    background: #1ACCFF;
    color: #fff!important;
}

.submenuSerIpss.mainLink.mainLink2 {
    background: #1ACCFF;
    color: #fff;
    transition: all 250ms ease;
}

.submenuSerIpss.mainLink.mainLink2:hover, .submenuSerIpss.mainLink.mainLink2:focus {
    background: #007FA3;
    border-color: #007FA3;
    color: #fff!important;
}
.hoverMenu {
    position: absolute;
    display: flex;
    flex-direction: column;
    background: #CAD700;
    border-radius: 3px;
    padding: 12px;
    top: 100%;
    gap: 3px;
    right: 33px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 250ms ease;
}

.loginBtn:hover+.hoverMenu, .hoverMenu:hover {
    opacity: 1;
    pointer-events: all;
}

.hoverMenu a {
    color: white;
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 700;

}

.hoverMenu::before {
    content: "";
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #CAD700;
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    
}

/* aqui */
.ver-estatisticas .estatisticas .estatistica .cron .cta {
    display: none;
}



.ver-estatisticas .estatisticas .estatistica>.titles{
    display: none
}


.ver-estatisticas .estatisticas .estatistica .icon-titles {
    display: flex
}

@media screen and (max-width: 859px) {

    .ver-estatisticas .estatisticas .estatistica .cron {
        margin-left: unset
    }

    .ver-estatisticas .estatisticas .estatistica .cron .cta {
        display: flex;
    }
    .ver-estatisticas .estatisticas .estatistica .icon-titles .titles.subtitle{
        display: none
    }

    .ver-estatisticas .estatisticas .estatistica .icon-titles {
        display: flex;
        gap: 12px;
    }
    .ver-estatisticas .estatisticas .estatistica>.titles{
        display: flex;
        flex-direction: column;
    }


    .header.small .limited .centerMenu{
        display:none
    }

    .pageIpss .dashboard .inside {
        flex-direction: column;
        padding: 0 24px;
        margin-top: 54px;
    }

    .pageIpss .dashboard .inside>div:first-of-type {
        width: 100%;
    }

    .pageIpss .dashboard .inside>div:nth-of-type(2) {
        width: 100%;
    }

    .pageIpss .dashboard .inside>div:nth-of-type(2)>div {
        width: 100%;
    }

    .pageIpss .dashboard .inside .events {
        margin-top: 64px;
        padding: 0
    }

    .pageIpss .dashboard .inside>div:nth-of-type(2) {
        padding-bottom: 64px;
    }

    .pageIpss .documentos svg, .pageIpss .associados svg {
        max-height: 60px;
    }

    .pageIpss .documentos, .pageIpss .associados {
           padding: 36px 92px;
    }

    .pageIpss .dashboard .inside .events .event .dates {
        flex-direction: column;
        gap: 6px;
        font-size: 18px
    }

    .serIpss .categoria {
        margin: 0;
        padding: 36px;
        margin-left: 24px;
        width: calc(100% - 24px);
    }

    .serIpss .categoria:nth-child(2n+1) {
        margin: 0;
        padding: 36px;
        margin-left: 24px;
        width: calc(100% - 24px);
    }

    .serIpss .limited {
        gap: 48px;
        display: flex;
        flex-direction: column;
    }

    .serIpss .limited .formDocs {
        margin: 0;
    }

    .serIpss .categoria h2 {
        font-size: 18px;
        line-height: 24px;
    }

    .serIpss .categoria p, .pageIpss .dashboard .destaque p {
        font-size: 14px;
    }

    .pageFinancas .ver {
        flex-direction: column;
    }

    .pageFinancas .ver>div {
        width: 100%;
        min-height: calc(25vh - 18px);
        height: unset;
        padding: 72px 92px;
    }

    .pageFinancas .ver>div svg {
        width: 100px;
        height: auto;
    }

    .associados .infoAssociado {
        margin-bottom: 0;
    }

    .ver-estatisticas .estatisticas .estatistica {
        padding: 24px 12px;
        flex-direction: column;
    }

    .ver-estatisticas .estatisticas .estatistica>div:first-of-type {
        display: flex;
        align-items: center;
    }

    .ver-estatisticas .estatisticas .estatistica .titles {
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .ver-estatisticas .estatisticas .estatistica .titles h4 {
        font-size: 18px;
        line-height: 24px;
    }

    .ver-estatisticas .estatisticas .estatistica .titles p {
        font-size: 14px;
        margin-top: 0;
    }

    .ver-estatisticas .estatisticas .estatistica .icon {
        width: 48px;
        height: 48px;
    }

    .ver-estatisticas .estatisticas .estatistica .cron p:first-of-type, .ver-estatisticas .estatisticas .estatistica .cron p:nth-of-type(2) {
        text-align: left;
        font-size: 14px;
        margin: 0;
    }

    .ver-estatisticas .estatisticas .estatistica .cron {
        display: flex;
        gap: 12px;
        margin-top: 10px;
    }

    .ver-estatisticas .estatisticas .estatistica .cron .cta {
        margin: 0;
        margin-left: auto;
        position: relative;
        text-transform: uppercase;
        color: #1ACCFF;
        padding-right: 12px;
        transition: color 250ms ease
    }

    .ver-estatisticas .estatisticas .estatistica:hover .cron .cta {
        color: #007FA3;
        
    }
    .ver-estatisticas .estatisticas .estatistica .cron .cta::after {
        content: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 1L1 6L6 11' stroke='%231ACCFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
        position: absolute;
        right: 0;
        top: -2px;
        transform: rotate(180deg);
    }

    .ver-estatisticas .nav-1 {
        flex-direction: column;
        gap: 24px;
    }

    .ver-estatisticas .nav-1 .buttons {
        width: 100%;
    }

    .ver-estatisticas input[name="pesquisa"] {
        height: 48px;
    }

    .ver-estatisticas .nav-2 h3, .ver-estatisticas .nav-3 h3 {
        display: none
    }

    .ver-estatisticas .nav-2 {
        margin-top: 12px;
        flex-direction: column;
        gap: 12px;
    }

    .ver-estatisticas .nav-2>div:not(.filter-buttons) {
        width: 100%;
    }

    .ver-estatisticas .nav-2 .checkbox-container button {
        margin-top: 0
    }

    .ver-estatisticas .pagination {
        margin-bottom: 0;
        margin-top: 24px;
    }

    .ver-estatisticas .pagination button.prev, .ver-estatisticas .pagination button.next {
        font-size: 14px;
        position: relative;
        height: 30px;
    }

    .ver-estatisticas .pagination button.next::after {
        top: 5px;
    }

    .ver-estatisticas .pagination button.prev::after {
        top: 8px
    }

    .ver-estatisticas .pagination button.number, .ver-estatisticas .pagination button.number:disabled {
        height: 30px;
        width: 30px;
        font-size: 14px;
        
    }

    .ver-estatisticas div:not(.nav-3)>.filter-buttons, .ver-estatisticas .nav-3>.filter-buttons {
        width: 100%;
        display: flex;
        justify-content: end;
        gap: 12px;
        margin-top: 0;
    }

    .ver-estatisticas .filter-buttons .clear-filter, .ver-estatisticas .filter-buttons .apply-filter {
        width: 50%;
    }

    .ver-estatisticas .nav-3.selected-filters>button {
        display: none;
    }

    .ver-estatisticas .nav-3 {
        margin-top: 0;
    }

    .ver-estatisticas .nav-3>.filter-buttons {
        margin-top: 12px;
    }

    .estatistica-final .grafico.piechart {
        flex-direction: column-reverse;
    }
    .grafico.piechart .legenda {
        margin-left: 0;
        margin-top: 36px;
    }

    .estatistica-final .limited {
        padding-bottom: 72px!important
    }

    .grafico.horizontal .legenda {
        justify-content: start;
    }

    .estatistica-final .titles .title {
        margin-bottom: 8px;
        font-size: 22px;
    }

    .estatistica-final .titles .subtitle {
        font-size: 15px;
    }
    .estatistica-final .titles h3 {
        margin-bottom: 8px
    }

    .no-data h3 {
        padding: 0 40px;
    }

    .estatistica-final .icon {
        margin-bottom: 8px;
    }
}


.pesquisaDocs #loading {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.pesquisaDocs #loading p {
    text-align: center;
    color: #C4CBD1;
    font-size: 22px;
    margin-bottom: 90px;
}
.loading-animation {
    display: flex;
    gap: 6px;
    justify-content: center;
    align-items: center;
    height: 48px;
}

.loading-animation .dot {
    height: 8px;
    width: 8px;
    border-radius: 8px;
    background: #C4CBD1;
    animation-name: example;
    animation-duration: 1500ms;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

.loading-animation .dot:nth-of-type(2) {
    animation-delay: 500ms;
}
.loading-animation .dot:nth-of-type(3) {
    animation-delay: 1000ms;
}

@keyframes example {
    0%   {height: 8px; background: #C4CBD1;}
    50% {height: 48px; background: #007FA3;}
    100%   {height: 8px; background: #C4CBD1;}
}