/*
 * @author David Serrano aka ii-ext-24-14 - <dserrano@linkare.com>
 */
html {
    font-size: 62.5%;
}

body {
    font-size: 1.2rem;
    font-family: NotoSans;
}

/* logos cabeçalho */

.cabecalho .logos {
    display: flex;
    justify-content: flex-start;
    padding: auto 1rem;
}
.cabecalho .logos .cas_main_logo_container {
/* padding: 1.5rem;*/
/* margin: auto auto auto -30px;**/

}

.cabecalho .logos .cas_main_logo_container img{
    display:none;
}

.cabecalho .logos .cas_main_logo_container a {
    background: url(../../images/sprites_fundos.png) no-repeat;
    background-size: 400px;
    height: 10rem;
    background-position: left;
    display: flex;
    width: 240px;
    justify-content: flex-start;
}

.cabecalho .logos .cas_secondary_logo_container {
    visibility: hidden;
}

.cabecalho .logos img:first-child {
    margin-right: 20px;
    padding-right: 20px;
}

h3.labelCentro {
justify-content: center;
display: flex;
}

@media (max-width: 767px) {
.cabecalho .logos .cas_main_logo_container {
    padding: 0 1rem;
    display: flex;
    justify-content: center;
}
.cabecalho .logos .cas_main_logo_container a {
    background-size: 460px;
    height: 10rem;
    background-position: left;
    display: flex;
    width: 280px;
}

.cabecalho .logos .cas_secondary_logo_container {
    justify-content: space-evenly;
    height: 10rem;
}

}
@media (max-width: 500px) {
.cabecalho .logos .cas_secondary_logo_container {
    display: none;
}
}

/* Cores */
.cas {
    color: #707070;
}

input
input[type=text],
input[type=password] {
    color: #313739;
}

h1,
h2,
h3,
h4,
h5,
a,
a:hover,
a:focus,
a:active {
    color: #557979;
}

/* Familia de fontes para titulos */
h1,
h2,
h3,
h4,
h5 {
    font-family: "NotoSans";
}

.botao,
.botao:hover,
.botao:focus,
.botao:active,
button,
input[type=submit],
input[type=button],
.login .iniciar-sessao,
.login .iniciar-sessao label,
.login .iniciar-sessao a {
    /*color: #fff;*/
}

.required:after,
.erro {
    color: #cc0000;
}

.aviso {
    color: #996600;
}

.sucesso {
    color: #008200;
}

.info {
    color: #fff;
}

.cas {
    background-color: #dadbd7;
}

.erro {
    background-color: #fae5e5;
    line-height: 1.9rem;
    padding: 1rem;
}

.aviso {
    background-color: #fdffde;
}

.sucesso {
    background-color: #e5f2e5;
}

.info {
    background-color: #4d81a0;
}
/* Mensagens */
.info a {
    color: #fff;
}

.info a:hover {
    color: #ccc;
}


.login{
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 334px); /*132px é a altura do cabeçalho*/
}

.login .cartao-cidadao .botao {
    background: #93b0b2;
}

.login .cartao-cidadao .botao:hover {
    background: #567a7a;
}

.login .cartao-cidadao .botao,
.login .iniciar-sessao input[type="submit"] {
    width: 100%;
    font-size: 1.2em;
    border-radius: 1rem;
}

.login .iniciar-sessao,
.login .cartao-cidadao {
    background-color: #EEEEEE;
    border-radius: 1rem;
}

a[role=button] {
    cursor: pointer;
}

/* Família de fontes padrão */
.cas {
    font-family: "NotoSans";
}

/* Tamanhos */
div,
/* Chrome fix */
.cas {
    font-size: 1.6rem;
    line-height: 1.5rem;
}

h1 {
    font-size: 2.4rem;
    line-height: 2.9rem;
}

h2,
.menu li a {
    font-size: 1.8rem;
    line-height: 2.2rem;
}

h3 {
    font-size: 1.3rem;
    line-height: 1.9rem;
}

h4 {
    font-size: 1.2rem;
    line-height: 1.5rem;
}

h5 {
    font-size: 1.1rem;
    line-height: 1.3rem;
}

label {
    font-size: 1.2rem;
    line-height: 1.5rem;
}

/* Estilos e peso de fonte (itálicos, negritos e sublinhados) */
h1,
h2,
h3,
h4,
h5,
.cas {
    font-style: normal;
    font-weight: normal;
}

a {
    text-decoration: underline;
}

/* Bootstrap fixes */
.container-fluid {
    padding: 0;
}
/*
.cookies.info .row-fluid,
.cabecalho,
.conteudo,
.rodape {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    box-sizing: border-box;
}
*/

/* Mensagens */
.aviso, .info, .sucesso {
    padding: 1.5rem;
}

/* Conteúdo */
.conteudo {
    float: none;
    clear: both;
}

/* Rodape Line */
.line-rodape {
    display: none;
}

/* Rodapé */
.rodape {
    margin-top: auto;
}

.rodape:before {
    margin-bottom: 3.2rem;
    content: "";
    display: block;
    width: 100%;
    height: 5px;
}

.rodape .copyright {
    text-align: right;
}

.rodape .browsers {
    margin-top: 2.4rem;
}

.rodape .copyright p {
    margin: 0;
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-bottom: 0.4rem;
}

.rodape .browsers p {
    margin: 0;
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-bottom: 0.4rem;
}

@media (max-width: 767px) {
    .rodape .browsers,
    .rodape .copyright {
        text-align: center;
    }

    .cas .login .iniciar-sessao input[type=text],
    .cas .login .iniciar-sessao input[type=password] {
        width: 84%;
    }
}

/* Login */
.login .esquerda {
    max-width: 26.5rem;
    width: 39%;
}

.login .direita {
    width: 57%;
}

.login .iniciar-sessao input[type=text],
.login .iniciar-sessao input[type=password] {
    font-size: 1.6rem;
    padding: 1.6rem;
    width: 82%;
    border-radius: 1rem;
}

.login .iniciar-sessao h2,
.login .cartao-cidadao h3 {
    margin-top: 0;
}

.login .registar {
    text-align: center;
    margin-top: 125px;
}

.login .iniciar-sessao {
    padding: 3rem;
}

/*
.login .iniciar-sessao,
.login .registar,
.login .cartao-cidadao {
    padding: 1.5rem;
}
*/

.login .login_area .iniciar-sessao label:not(.secundario) {
    margin: 3.2rem 0 0.8rem 0;
    display: block;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 2.4rem;
    letter-spacing: 0.15px;
}

.login .iniciar-sessao input[type="submit"],
.login .cartao-cidadao .botao {
    width: 100%;
}

.login .iniciar-sessao label {
    font-size: 1rem;
}

.esquerda.login_area{
    max-width: 630px;
    padding-bottom: 3.2rem;
}

/* Loading */
.cas .loading {
    text-align: center;
}

/* Contato telefonico */
.cas .contato {
    font-weight: 200;
    margin-top: 12rem;
    text-align: center;
    color: #557979;
}

.contato .fa-phone {
    margin-left: 1.2rem;
    font-size: 4.1rem;
    color: #8BC401;
}

.contato .telefone {
    display: inline-block;
}

.contato .telefone > div {
    font-size: 1.3rem;
    line-height: 2rem
}

.contato .telefone .numero {
    font-size: 2.5rem;
}

/* Mais informacão */
.mais-info {
    text-align: center;
}

.mais-info>a:first-child {
    font-size: 1.2em;
    /*font-weight: bold;*/
}

.mais-info .texto {
    text-align: left;
}

@media (max-width: 767px) {
    .cas .logo {
        text-align: center;
    }

    .cas .login .esquerda,
    .cas .login .direita {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }

    .login .iniciar-sessao,
    .login .registar {
        height: auto;
    }

    .login .iniciar-sessao,
    .login .registar {
        height: auto;
    }

    .login .registar {
        margin-top: 1.5rem;
    }

    .login .registar h2 {
        margin-top: auto;
    }

    .login .registar,
    .login .cartao-cidadao,
    .login .contato {
        margin-top: 1.5rem;
    }
}

/* Botões */
.botao,
button,
input[type=submit],
input[type=button] {
    box-sizing: border-box;
    border: none;
    text-decoration: none;
    height: auto;
    display: inline-block;
    text-align: center;
    padding: 1rem;
    cursor: pointer;
    border-radius: 0;
}

/* Caixas de texto */
input,
input[type=text],
input[type=password] {
    border: 1px #ccc solid;
    max-width: 100%;
    border-radius: 3px;
}

input[type=text] + .fa,
input[type=password] + .fa {
    font-size: 1.2em;
    margin-left: 0.8rem;
    cursor: default;
    text-decoration: none;
}

input[type=text] + .fa{
    margin:0;
}

input[type="password"] + .password-toggle {
    cursor: pointer;
}

/* Serviço da segurança social */
.servico-externo {
    display: block;
    font-size: 0.8em;
}

/* Formulários */
form > div + div {
    margin-top: 1.5rem;
}

form > div label:first-child {
    display: block;
}

/* Cookie law */
.info.cookies a[href='cookies'] {
    margin-top: 1em;
    display: inline-block;
}

/* Semânticas */
.secundario {
    font-weight: normal;
}

/* Gradientes */

/* Green gradient */
.botao,
button,
input[type=button],
input[type=submit] {
    background: #8cc600;
    background: -moz-linear-gradient(top, #8cc600 0%, #79a716 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8cc600), color-stop(100%,#79a716));
    background: -webkit-linear-gradient(top, #8cc600 0%,#79a716 100%);
    background: -o-linear-gradient(top, #8cc600 0%,#79a716 100%);
    background: -ms-linear-gradient(top, #8cc600 0%,#79a716 100%);
    background: linear-gradient(to bottom, #8cc600 0%,#79a716 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cc600', endColorstr='#79a716',GradientType=0 );
}

/* Marine blue gradient */
/*.login .iniciar-sessao {
    background: #9bb8bc;
    background: -moz-linear-gradient(top, #9bb8bc 0%, #67797b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9bb8bc), color-stop(100%,#67797b));
    background: -webkit-linear-gradient(top, #9bb8bc 0%,#67797b 100%);
    background: -o-linear-gradient(top, #9bb8bc 0%,#67797b 100%);
    background: -ms-linear-gradient(top, #9bb8bc 0%,#67797b 100%);
    background: linear-gradient(to bottom, #9bb8bc 0%,#67797b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9bb8bc', endColorstr='#67797b',GradientType=0 );
}*/

/* Orange gradient */
.botao:hover,
button:hover,
input[type=button]:hover,
input[type=submit]:hover {
    background: #ff8900;
    background: -moz-linear-gradient(top,  #ff8900 0%, #ff6c00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8900), color-stop(100%,#ff6c00));
    background: -webkit-linear-gradient(top,  #ff8900 0%,#ff6c00 100%);
    background: -o-linear-gradient(top,  #ff8900 0%,#ff6c00 100%);
    background: -ms-linear-gradient(top,  #ff8900 0%,#ff6c00 100%);
    background: linear-gradient(to bottom,  #ff8900 0%,#ff6c00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8900', endColorstr='#ff6c00',GradientType=0 );
}

/* Three stripe gradient */
.rodape:before {
    background: #93b0b2;

    /* SVG background */
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyZWN0IGhlaWdodD0iMTAwJSIgd2lkdGg9IjMzLjMzMyUiIGZpbGw9IiM1NjdhN2EiIC8+PHJlY3QgaGVpZ2h0PSIxMDAlIiB3aWR0aD0iMzMuMzMzJSIgeD0iMzMuMzMzJSIgZmlsbD0iIzkzYjBiMiIgLz48cmVjdCBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIzMy4zMzMlIiB4PSI2Ni42NjYlIiBmaWxsPSIjOGJjNDAxIiAvPjwvc3ZnPgo=);
    background: -moz-linear-gradient(to right,
        #567a7a, #567a7a 33.333%,
        #93b0b2, #93b0b2 33.333%,
        #93b0b2, #93b0b2 66.666%,
        #8bc401, #8bc401 66.666%);
    background: -webkit-linear-gradient(to right,
        #567a7a, #567a7a 33.333%,
        #93b0b2, #93b0b2 33.333%,
        #93b0b2, #93b0b2 66.666%,
        #8bc401, #8bc401 66.666%);
    background: -o-linear-gradient(to right,
        #567a7a, #567a7a 33.333%,
        #93b0b2, #93b0b2 33.333%,
        #93b0b2, #93b0b2 66.666%,
        #8bc401, #8bc401 66.666%);
    background: -ms-linear-gradient(to right,
        #567a7a, #567a7a 33.333%,
        #93b0b2, #93b0b2 33.333%,
        #93b0b2, #93b0b2 66.666%,
        #8bc401, #8bc401 66.666%);
    background: linear-gradient(to right,
        #567a7a, #567a7a 33.333%,
        #93b0b2, #93b0b2 33.333%,
        #93b0b2, #93b0b2 66.666%,
        #8bc401, #8bc401 66.666%);
}

/* Imagens */
.sprite * {
    display: none;
}

.sprite::before {
    content: "";
    display: inline-block;
    background: url(../../images/ama_logo.svg) no-repeat;
    visibility: visible;
    background-position-x: center;
}

.governo .sprite {
    content: "";
    display: inline-block;
    visibility: visible;
    background-position: 0px 0px;
    width: 159px;
    height: 50px;
}

.governo img {
    width: 170px;
    height: 89.66px;
}

.parceiros img {
    width: 484.5px;
    height: 47.69px;
    display: block;
}

/*
.logo .sprite::before {
    background-position: 0 0;
    width: 275px;
    height: 45px;
}
*/

.cartao-cidadao .sprite::before {
    /* background-position: 0; */
     width: 100%;
     height: 79px;
     border-radius: 1rem;
 }

/* Dialog Message Warning*/
.ui-dialog::before {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    position: fixed;
    background: transparent;
    top: 0;
    left: 0;
}

.ui-dialog .ui-dialog-titlebar {
    padding: 1.5em .4em .4em 1em;
    position: relative;
    border: 0px;
}

.ui-dialog .ui-dialog-title{
    font-size:2rem;
    font-weight:900;
    color:#79a716;
    margin-top:8px;
    margin-bottom:15px;
    position: relative;
}

.ui-dialog .ui-dialog-buttonpane{
    margin-top:20px;
    min-height:25px;
    background-image: none;
    padding-bottom:2px;
    padding-top:2px;
    border-top: solid 1px;
}

.ui-dialog-buttonpane .ui-widget-content {
    padding-left: 1.2rem;
}

.ui-dialog .ui-dialog-content {
    position: relative;
    overflow: auto;
    zoom: 1;
}

.ui-dialog .ui-dialog-content p {
    line-height: 1.8rem;
    padding: .5em 1em;
    font-size: 1em;
}

.ui-dialog{
    border: solid 1px;
    font-family: 'NotoSans', sans-serif;
    box-shadow: 0px 5px 10px rgba(0,0,0,0.8);
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em .75em;
    cursor: pointer;
}

.ui-button {
    padding: 0.5em;
    border-radius: 2px;
    background: -moz-linear-gradient(top, #557979 0%, #557979 100%);
}
.ui-button:hover{
    background: -moz-linear-gradient(top, #8cc600 0%, #79a716 100%);
}

.ui-button.ui-state-default {
    padding-left: 1.0rem;
    padding-right: 1.0rem;
    box-sizing: border-box;
}

.ui-widget-content {
    background: #fff;
    color: #707070;
    text-align: justify;
}

.ui-widget-header {
    background: #fff;
    color: #8CC641;
    font-weight: bold;
}

/* Diálogo modal */
.dialogo {
    position: fixed;
    left: 50%;
    top: 25%;
    z-index:50;
}

.dialogo::before {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    position: fixed;
    background: #333;
    opacity: 0.5;
    top: 0;
    left: 0;
}

.dialogo > .wrapper {
    position:relative;
    left:-50%;
    top: -50%;

    background: #fff;
    border-style: solid;
    border-width: 1px;
    padding: 1.5rem;
    margin-left: auto;
    margin-right: auto;
}

/* Ações */
.acoes > * + * {
    margin-left: 1.5rem;
}

.opcoes {
    line-height: 2;
}

.cas * {
    -moz-transition: ease-in color 0.25s,
        ease-in background-color 0.25s,
        ease-in border-color 0.25s;
    -webkit-transition: ease-in color 0.25s,
        ease-in background-color 0.25s,
        ease-in border-color 0.25s;
    -o-transition: ease-in color 0.25s,
        ease-in background-color 0.25s,
        ease-in border-color 0.25s;
    transition: ease-in color 0.25s,
        ease-in background-color 0.25s,
        ease-in border-color 0.25s;
}

.mais-informacao:before {
content: "Mais informação\A\f103";
white-space: pre;
font-size:1.5rem;
}

.menos-informacao:before {
content: "Menos informação\A\f102";
white-space: pre;
font-size:1.5rem;
}

@media only screen and (max-width: 600px) {
    .fa-info-circle {
        display: none;
    }
}

.apenas-leitor-ecra{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.apenas-leitor-ecra-focado:active, .apenas-leitor-ecra-focado:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}


/*UTILILITARIOS*/
.mb-5{
    margin-bottom: 50px;
}

.inline-block{
    display: inline-block;
}

/*AMA FIRST*/
.mb-32{
    margin-bottom: 32px;
}

.amaTitle{
    margin-top: 0;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 44px;
    color: #333;
}

.containerAma{
    padding: 3rem;
}

/* UTILIZADOR SS */



.authUser{
    color: #333;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 44px;
}

.aberturaFechar{
    color: #008743;
    font-family: NotoSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.15px;
    text-align: center;
}

.containerAuth{
    display: none;
}

.heightInputBoxes {
    height: 2.4rem;
}

#credentials .acoes input[type="submit"] {
    color: white;
    border: 0;
    padding: 1.5rem;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    font-family: 'NotoSans';
}

.registarConta{
    margin-top: 1.0rem !important;
}

/* Formularios */
form>div+div,
form .containerAuth>div+div {
    margin-top: 3.2rem;
}

.rodape .parceiros,
.rodape .copyright {
    text-align: right;
    float: right;
}

/*Ranges*/
@media(min-width: 1200px) {
    .cookies.info .row-fluid,
    .cabecalho,
    .conteudo, .rodape {
    width: auto;
    margin-left: 10.6rem;
    margin-right: 10.6rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    box-sizing: border-box;
  }
}

@media(max-width: 1200px) {
    .cookies.info .row-fluid,
    .cabecalho,
    .conteudo, .rodape {
    width: auto;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    box-sizing: border-box;
  }
}

@media(min-width: 480px) and (max-width: 767px){

    /*Governo*/
    .span3.governo, .parceiros {
        text-align: center;
        margin-bottom: 2rem;
    }

    /*Parceiros*/
    .rodape .governo img {
        max-width: 60%;
        margin-bottom: 2rem;
        margin-top: 2rem;
    }
}