/* Redefinir o separador das breadcrumbs do Bootstrap */
:root {
--bs-breadcrumb-divider: '>';
}

html {
background-color: #f5f4f4 !important; /* Set background color to reduce flicker between pages */
scroll-behavior: smooth; /* Smooth scrolling */
}

body
{
background-color: #f5f4f4 !important; /* Set background color to reduce flicker between pages */
/* font-size: 0.95em; */
font-family: 'Roboto', sans-serif;
}

.bg-dark {background: #373d42 !important;}
.texto-cinzento {color: gray !important;}
.texto-vermelho {color: #8c1817 !important;}

.secondarypagetitle { color: #dcdb22; }
.linhahorizontalsecondarypagetitle { border-color: #8c1817 !important;background-color: #8c1817 !important; }

main .texto_principal_do_corpo {color: #687188;}
main .texto_principal_do_corpo a {color: #000000 !important;}
main .texto_principal_do_corpo h1 {color: #000000 !important;}
main .texto_principal_do_corpo h2 {color: #000000 !important;}
main .texto_principal_do_corpo h3 {color: #000000 !important;}
main .texto_principal_do_corpo h4 {color: #000000 !important;}
main .texto_principal_do_corpo h5 {color: #000000 !important;}
main .texto_principal_do_corpo h6 {color: #000000 !important;}

/* Mudar o hover para o botão btn-light */
.btn-light:hover, .btn-light:active
{
background-color: transparent !important;
color: white !important;
border: 1px solid white !important;
}

.botao_login_registar_barra_topo {padding: 8px !important;}
@media only screen and (max-width: 768px)
	{
	.botao_login_registar_barra_topo {white-space: nowrap;padding: 3px !important;}
	}

.corfundotoolbarnavegacaotopo {background: #f9f7fc !important;}
.coriconebarratopotopo {color: #0980cc;}
.textobarratopotopo {}
/* .corfundostandardbarrastitulo {background: #0980cc !important;} */
.corfundostandardbarrastitulo {background: #343a40 !important;}
.cortextostandardbarrastitulo {color: #ffffff !important;}
.corfundostandardbarrasfooter {background: #f8f9fa !important;}
.cortextostandardbarrasfooter {color: #000000 !important;}

.logotipo-principal {max-width: 242px;}
.logotipo-do-rodape {max-width: 242px;}

.titulo-do-rodape {}
.separador-do-rodape {width: 20% !important;height: 2px;border: white;background: white;}
.link-do-rodape, .link-do-rodape:active {color: white;text-decoration: none;font-size: 0.9em !important;}
.link-do-rodape:hover {color: #1380cc;font-size: 0.9em !important;}
.seta-link-do-rodape {font-size: 1.2em !important;color: #086cac;}

.cursor-pointer {cursor: pointer !important;}

.outline-none {
outline: none !important;
box-shadow: none !important;
-webkit-tap-highlight-color: transparent !important;
border-color: transparent !important;
}
.outline-none:focus{
outline: none !important;
box-shadow: none !important;
-webkit-tap-highlight-color: transparent !important;
border-color: transparent !important;
}

/* Alterar a classe principal de botões para ficarem mais adequados a este estilo */
/* .btn-primary {background: #0980cc !important;border: 1px solid #0980cc !important;} */
.btn-primary {
    font-weight: bold;
    padding:  10px;
    border-radius: 30px;
    text-transform: uppercase;
    color: #03604d !important;
    background: #f0f0f0 !important;
    border: 3px solid #03604d !important;
}
.btn-primary:hover {
    font-weight: bold;
    padding:  10px;
    border-radius: 30px;
    text-transform: uppercase;
    color: #ffffff !important;
    background: #03604d !important;
    border: 3px solid #03604d !important;
}

/* Para evitar conteúdo que ultrapasse horizontalmente o contentor central */
main {
color: #212529;
font-family: 'Roboto', sans-serif;
/* line-height: 1.8em; */
background: #ffffff;
min-height: 700px;
max-width: 100%;
overflow-x: hidden;
}

/* SET FOCUS COLOR */
a:focus, button:focus, input:focus, textarea:focus, select:focus {
outline: 1px dashed #808080 !important; -webkit-tap-highlight-color: transparent !important;
box-shadow: none !important;
border-color: rgba(0,0,0,.125) !important;
}

/* Mozilla Firefox: Esconder imagens durante carregamento para evitar mostrar text alternativo quando se utiliza lazy loading */
img { background: transparent; color: transparent; }
img:-moz-loading { visibility: hidden !important; }

/* TABELAS RESPONSIVE */
.table-responsive table thead th { padding: 10px; }
.table-responsive table tbody td { padding: 10px; }
/* CSS for smaller view spaces */
@media screen and (max-width: 991px) {

	.table-responsive {max-height: 400px;overflow-y: auto;}
	
    /* hide table headings */
    .table-responsive table thead {
        display: none;
    }

    /* treat rows like divs */
    .table-responsive table tr {
        display: block;
        /*border-top: 2px solid lightgray; */ /* separate row data with thicker line */
		border-top: 0px;
        margin-top: 10px;
    }

    /* treat columns like divs */
    .table-responsive table td {
        display: block;
        /*text-align: right; */  /* text to right */
    }

    /* this part is ugly, but necessary to show label on left */
    .table-responsive table td:before {
        content: attr(data-label);
         float: left;  /* label to left */
		padding-right: 15px;
        font-weight: 700;
    }
	
}

/* TABELAS RESPONSIVE 2 */
.table-responsive2 tbody { border-top: 0px !important; }
.table-responsive2 table thead th { padding: 10px; }
.table-responsive2 table tbody td { padding: 10px; }
/* CSS for smaller view spaces */
@media screen and (max-width: 991px) {

	/* .table-responsive2 {max-height: 400px;overflow-y: auto;} */
	
    /* hide table headings */
    .table-responsive2 table thead {
        display: none;
    }

    /* treat rows like divs */
    .table-responsive2 table tr {
        display: block;
        border-top: 2px solid lightgray;  /* separate row data with thicker line */
        margin-top: 10px;
    }

    /* treat columns like divs */
    .table-responsive2 table td {
        display: block;
        /*text-align: right; */  /* text to right */
    }

    /* this part is ugly, but necessary to show label on left */
    .table-responsive2 table td:before {
        content: attr(data-label);
         float: left;  /* label to left */
		padding-right: 15px;
        font-weight: 700;
    }
	
}

/* AVISO COOKIES */
/*
.cookiealert { padding: 12px; position: fixed;bottom: 0;left: 0;width: 100%;z-index: 900;opacity: 0;transform: translateY(100%);color: #ffffff;background-color: rgba(12,12,12, 0.8); }
.cookiealert.show { opacity: 1.0;transform: translateY(0%); }
.cookiealert a { text-decoration: underline !important;color: #fff200; }
.cookiealert .acceptcookies { margin-left: 10px;vertical-align: baseline; }
.cookiealert button { font-weight: bold;padding: 6px; font-size: 0.9em;color: #ffffff;background: #343a40;border: 1px solid #7f7f7f;border-radius: 3px;}
*/
.cookiealert { border-top: 1px solid #dddddd;font-size: 19px;font-family: 'Roboto Condensed', sans-serif; padding: 12px; position: fixed;bottom: 0;left: 0;width: 100%;z-index: 900;opacity: 0;transform: translateY(100%);color: #333947;background-color: rgba(255,255,255, 0.8); }
.cookiealert.show { opacity: 1.0;transform: translateY(0%); }
.cookiealert a { text-decoration: underline !important;color: #fff200; }
.cookiealert .acceptcookies { margin-left: 10px;vertical-align: baseline; }
.cookiealert button { font-weight: bold;padding: 6px; font-size: 0.9em;color: #ffffff;background: #006650;border: 1px solid #006650;border-radius: 3px;}

/* Fundo dos modals Bootstrap ligeiramente menos escuro que o standard */
.modal-backdrop { opacity:0.3 !important; }
.offcanvas-backdrop { opacity:0.0 !important; }

/* Reduzir o tamanho por defeito dos labels dos formulários */
/* label {font-size: 0.85em !important;} */






/* BARRA DE NAVEGAÇÃO MOBILE */
.barranavegacaomobile { border-top: 0px solid #989999;color: white; }
/* .botao_toggle_navbar { user-select: none;margin: 0px; padding: 0px; color: #ffffff;background-color: #00659d; border: 0px solid #8c8c8c; border-radius: 5px; } */
.botao_toggle_navbar { user-select: none;margin: 0px; padding: 0px; color: #ffffff; }
/* .botao_toggle_navbar:focus, .botao_toggle_navbar:active { outline: none;box-shadow: none;} */
/* #contentoritensnavegacao {padding: 4px; display: none; z-index: 1;} */
#contentoritensnavegacao {display: none; z-index: 1;}
#contentoritensnavegacao div.container {color: white;background: #252a2c;}
.listanavegacao { display: flex; flex-direction: column; padding-left: 0;margin-top: 0px;margin-bottom: 0;list-style-type: none; }
.linknavegacao { display: block; padding-left: 8px;padding-right: 8px;padding-top: 4px;padding-bottom: 4px;text-decoration: none;color: white; }
.linknavegacao:focus, .linknavegacao:active, .linknavegacao:hover { text-decoration: none;color: white; }
/* .contentor_dropdown { padding: 5px; display: none; background-color: #ffffff; border: 1px solid #d9d9d9; border-radius: 5px; } */
.contentor_dropdown { padding: 5px; display: none; background-color: #ffffff; border: 1px solid #d9d9d9; }
.contentor_dropdown a { color: black; padding: 3px; text-decoration: none; display: block; }
.contentor_dropdown a:active, .contentor_dropdown a:hover { background-color: white; }
.font-size-11px { font-size: 11px; }
	
/* BARRA DE NAVEGAÇÃO DESKTOP */
.barra_de_navegacao_desktop {border-top: 0px solid #989999; z-index: 9000;color: white;}
/*.fundo_navegacao_desktop { background-color: rgba(255,255,255,0.95) !important; }*/

/* BARRA DE NAVEGAÇÃO DESKTOP */
#nav {
list-style:none;
margin-top:0px;
margin-bottom:0px;
float:left;
width:100%;
position:relative;
}
#nav li {
float:left;
position:relative;
}
#nav a, #nav div { user-select: none; cursor: pointer; display:block; padding:5px; color:#000000; text-decoration:none; }
#nav a:hover { text-decoration: none; }
#nav a svg { vertical-align: middle; }
#nav ul {
box-shadow:0 0 20px 4px rgba(154,161,177,.15),0 4px 80px -8px rgba(36,40,47,.25),0 4px 4px -2px rgba(91,94,105,.15);
border-radius: 3px !important;
padding-left: 0px !important;
padding-top: 7px;
padding-bottom: 7px;
background: rgba(255,255,255,1.0);
list-style:none;
position:absolute;
left:-9999px;
}
#nav ul li {
float:none;
}
#nav ul a {
white-space:nowrap;
}
#nav li:hover ul { 
left:auto;
right:0;
}
#nav li:hover a { 
text-decoration: none;
}
#nav li:hover ul a {
text-decoration:none;
}
#nav li:hover ul li a:hover {
color: #ed743a !important;
}