/* 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: black; }
.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 {color: white !important;background: #911a1d !important;border: 1px solid #911a1d !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;}

/* Fundo dos modals Bootstrap ligeiramente menos escuro que o standard */
.modal-backdrop { opacity:0.4 !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; }*/

/* DROPDOWNS PARA A BARRA DE NAVEGAÇÃO DESKTOP */
#nav {
list-style:none;
margin-top:0px;
margin-bottom:0px;
float:left;
width:100%;
/* Bring the nav above everything else--uncomment if needed. */
position:relative;
/* z-index:9999; */
}
#nav li {
float:left;
/* margin-right:10px; */
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: 1px solid #c0c0c0; */
border-radius: 3px !important;
padding-left: 0px !important;
padding-top: 7px;
padding-bottom: 7px;

/* background: #f8f9fa; */ /* CREME CLARO -  Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
background: rgba(255,255,255,1.0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */

list-style:none;
position:absolute;
left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#nav ul li {
/* padding-top: 1px; */ /* Introducing a padding between the li and the a give the illusion spaced items */
float:none;
}
#nav ul a {
white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul { /* Display the dropdown on hover */
left:auto; /* Bring back on-screen when needed */
right:0;
/* margin-right: -10px; */
}
#nav li:hover a { /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
/*color: #ed743a !important; */
/* background: #f8f9fa; */ /* Creme claro */
/* background: transparent !important; */
/* text-decoration:underline; */
text-decoration: none;
}
#nav li:hover ul a { /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
text-decoration:none;
}
#nav li:hover ul li a:hover { /* Here we define the most explicit hover states--what happens when you hover each individual link. */
/*background: #eaeaea; */
color: #ed743a !important;
}