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

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

Version: 1.0 - 2014
author (webdesign / webdevelopment): Nor267 (Ivan Alves / Pedro campos)
email: geral@nor267.com
website: http://www.nor267.com
created with: Brackets --http://brackets.io/--
--------------------------------------------------------------------*/
/*------------------------------------------------------------------*/

/* MOBILE 2 */
.header .limited { padding: 0 48px; }
.header .menuLogin, #serIpssMenu { display: none; }
@media(min-width:720px){
    .header .loginBtn { position: relative; display: block; }
}
.header .loginBtn span {
    position: absolute;
    width: 56px;
    font-size: 12px;
    color: #ffffff;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    background-color: #1ACCFF;
    padding: 5px 0;
    border-radius: 3px;
    left: -5px; top: 50px;
    opacity: 0;
    -webkit-transition: all 0.2s 0.1s cubic-bezier(.77, 0, .17, 1); transition: all 0.2s 0.1s cubic-bezier(.77, 0, .17, 1);
}

/*altura redefinida por js*/
.header .menu.open { width: 234px; height: 240px }
/* login info */
.header .loginInfo p.welcome { display: block; }

/* HOME */
.home .limited { padding: 48px; }

/* CUSTOM PAGE */
.customPage .limited { padding: 48px; }

/* ASSOCIAR PAGE */
.associarPage .limited { padding: 0 48px 48px 48px; }
.associarPageContent .content { margin: 36px 0 0 0; }

/* Contactos PAGE */
.contactosPage .limited { padding: 48px; }
.contactosPage .info { width: 50%; padding: 0 12px 0 0; }
.contactosPage .info .left { width: 100%; }
.contactosPage .info .right { width: 100%; padding: 0 0 0 0; }
.contactosPage .form { width: 50%; float: right; padding: 0 0 0 12px; }
.contactosPage .form h1 { margin: 0 0 4px 0; }
.contactosPage .inputSubmit { width: inherit; }


/* SER IPSS */
.pageIpss .dashboard .left{
    padding: 48px;
}
.pageIpss .dashboard .right{
    padding: 0 48px 48px 48px;
}
.pageIpss .dashboard .filesList{
    margin-top: 24px;
}
.filesList h2 {
    width: 310px;
    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);
}
@media(min-width: 760px) {
    .filesList h2 { width: 400px; }
}

.filesList h3 {
    width: auto;
    color: #007FA3;
    float: right;
    -webkit-transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1); transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1);
}
.filesList a { padding: 9px 0; }
.filesList a:hover h2, .filesList a:hover h3 { color: #1ACCFF; }
.filesList a.empty:not(.disabled):hover h3, .filesList a.empty:not(.disabled):hover h2 { color: #007FA3; }
#googleMap{ display: block; }
.pageIpss .associados, .pageIpss .documentos{ padding: 40px; }
.iconIpss, .iconIpssDoc{ margin: calc((12.5vh - 84px) - 24px) 0 0 calc(50% - 24px); }


/* FOOTER */
.footer .limited { padding: 48px; }
.footer .left { width: 33.3333333%; padding: 0 12px 0 0; }
.footer .left .social { padding: 22px 0 48px 0; }
.footer .middle { display: block; width: 33.3333333%; float: left; padding: 0 12px 46px 12px; }
.footer .right { display: block; width: 33.3333333%; float: left; padding: 0 0 46px 12px; }
.footer .middle a, .footer .right a {
    color: #608499;
    font-weight: 500;
    display: table;
    padding: 0 0 3px 0;
    -webkit-transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1); transition: all 0.12s 0s cubic-bezier(.77, 0, .17, 1);
}
.footer .middle a.title, .footer .right a.title { color: #ffffff; }
.footer .middle a.withMargin, .footer .right a.withMargin { margin: 18px 0 0 0; }
.footer a:hover, .footer a.title:hover { color: #0EA8FF; }
.pesquisaDocs a.title{ margin-top: 40px; }
.pesquisaDocs a.title:first-of-type{ margin-top: 0; }

/* Popup new */
.popupOrganograma .content{
    width: 100%;
    
    position: relative;
    min-height: inherit;
    margin: 0 auto;
    top: inherit;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0px 0px 12px rgb(0 0 0 / 20%);
}
.popupOrganograma .limited .box{
    padding: 0 96px;
}
.popupOrganogramaBg { background-color: rgba(0, 59, 92, 0.8); }
.popupNew .top, .popupLogin .top, .popupQuest .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 { padding: 20px 48px; }
.popupCookies .top { padding: 16px 48px; }
.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 { padding: 0 72px 0 0; }
.popupNew .top .close, .popupLogin .top .close, .popupQuest .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 { right: 45px; }
.popupNew .text, .popupDados .text { padding: 48px; }
.popupLogin .text, .popupQuest .text, .popupAtraso .text, .popupOrganograma .text, .popupConsignar .text, .popupConsignar_certeza .text, .popupFicha_certeza .text, .popupQuest_certeza .text, .popupInfo .text, .popupEliminar .text { padding: 32px 48px; }
.popupOrganograma .text{
    padding: 0 24px;
}
.popupQuest .close{
    margin: -12px -32px 12px auto;
}
.popupResposta .text, .popupEquipamento .text, .popupEdificio .text, .popupProjeto .text, .popupServico .text{ padding: 80px 48px 32px 48px; }
.popupResposta .content, .popupEquipamento .content, .popupEdificio .content, .popupProjeto .content, .popupServico .content {
    position: relative;
    min-height:inherit;
    margin: 0 auto;
    width: calc(100% - 96px); top: inherit;
    border-radius: 3px;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
}
.popupResposta .box, .popupEquipamento .box, .popupEdificio .box, .popupProjeto .box, .popupServico .box{ padding: 48px; }
.respostasSelect:before, .respostasSelect:after{ right: 48px; }
.popupResposta .respostasSelect ul, .popupEquipamento .respostasSelect ul, .popupEdificio .respostasSelect ul, .popupProjeto .respostasSelect ul, .popupServico .respostasSelect ul{ width: calc(100% - 96px); }
/* popupDados */
.popupDados .top { padding: 25px 48px; }
.popupDados .top h4 { display: block; float: left; margin: 4px 0 0 0; }
.popupDados .avatar { float: left; }
.popupDados .info { width: calc(100% - 96px); width: 100%; float: left; padding: 0 0 0 48px; }

.popupDados .editarDados .info { width: 100%; padding: 0; }
.popupDados .editarDados .info .infoNumero, .perfilPage .infoNumero { width: 33.3333333%; padding: 0 6px 0 0; float: left; }
.popupDados .editarDados .info .infoNome, .perfilPage .infoNome { width: 66.6666666%; padding: 0 0 0 6px; float: left; }
.popupDados .editarDados .info .infoMorada, .perfilPage .infoMorada { width: 66.6666666%; padding: 0 0 0 6px; float: left; }
.popupDados .editarDados .info .infoCodigoPostal, .perfilPage .infoCodigoPostal { width: 33.3333333%; padding: 0 6px 0 0; float: left; }
.popupDados .editarDados .info .infoConcelho, .perfilPage .infoConcelho { width: 50%; padding: 0 6px 0 0; float: left; }
.popupDados .editarDados .info .infoFreguesia, .perfilPage .infoFreguesia { width: 50%; padding: 0 0 0 6px; float: left; }

.editarEdificiosParent{
    width: calc(33.33% - 16px);
}
.textoEditarEdificios{
    padding: 24px 12px 18px 12px;
}
.editarEdificiosParent:nth-of-type(2n){ margin-right: 24px; }
.editarEdificiosParent:nth-of-type(3n){ margin-right: 0; }
.perfilPage .editarEdificios{ height: 42px; }
.perfilPage .eliminarEdificios{ height: 42px; margin-top: -42px; }

.check { width: 50%; padding: 0 0 0 6px; }
.popupDados .editarDados .info .respostas ul li:nth-child(2n + 1) { padding: 0 6px 0 0; }

.serIpss .categoria, .pageIpss .dashboard .destaque{
    padding: 36px 36px 36px 40px;
    margin: 0 48px 48px 0;
    width: calc((100% - 48px) / 2);
}
.serIpss  .categoria:nth-child(2n+1){ margin: 0 0 48px 0; }
.serIpss .categoria h2, .pageIpss .dashboard .destaque h2{ margin-bottom: 24px; }

/*PESQUISA DOCS*/
.formDocs, .pesquisaDocs .resultadoPesquisa, .pesquisaDocs .pagination{ margin: 0 auto 48px auto; }