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

body {
    font-size: 1.2rem;
    font-family: Verdana, Geneva, sans-serif;
}

/* 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;
}

.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 .cartao-cidadao .botao {
	background: #93b0b2;
}

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

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

/* Família de fontes padrão */
.cas {
	font-family: "Titillium Web", sans-serif;
}

/* Tamanhos */
div, /* Chrome fix */
.cas {
	font-size: 1.2rem;
	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;
}

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

.rodape:before {
	content: "";
	display: block;
	width: 100%;
	height: 5px;
}

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

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

.rodape .browsers {
	margin-top: 2.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] {
	width: 20rem;
}

.login .iniciar-sessao h2 {
	display: none;
}

.login .registar,
.login .cartao-cidadao {	
	text-align: center;
	float: right;
}

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

.login .login_area .iniciar-sessao label:not(.secundario){        
    font-weight: 400;    
    margin: 1em 0;
    display:block;
}

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

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

/* 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 informação */
.mais-info {
    text-align: center;
}

.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/sprites_fundos.png) no-repeat;
	visibility: visible;
}

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

.cartao-cidadao .sprite::before {
	background-position: -275px 0;
	width: 176px;
	height: 44px;
}

/* 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: 'Titillium Web', 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;
}