@font-face {
    font-family: open_sans;
    src: url(../../lib/fonts/porto_sans.ttf);
}
@font-face {
    font-family: open_sans;
    src: url(../../lib/fonts/porto_sans_bold.ttf);
	font-weight: bold;
}

html {
  height: 100%;
}

body {
	font-family: 'open_sans', Verdana, sans-serif;
	background-color: #f4f4f9;
	position: relative;
	min-height: 100%;
}

/* HEADER */
#myNavbar {
	background-color: white;
	border-top: none;
}

.navbar-default {
	border-bottom: 1px solid #999999;
}

#menuMobileBtn {
	margin-right: 0;
	border: none;
}	

#menu li {
	margin-left:1px;
	margin-top: 5px;
}

#menu li a { 
	background-color: transparent;
	color: #ca4d24;
	font-family: 'open_sans', Verdana, sans-serif;
	font-size: 17px;
	padding: 0 11px 21px 11px;
	text-transform: lowercase;
	font-weight: bold;
}

#menu li a:hover, #menu li.current a {
	background: white; color: #333333;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #ca4d24;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background-color: #ffffff;
}

#btn_login {
	text-transform: uppercase;
	background-color: #ca4d24;
	color: #ffffff;
	cursor: pointer;
	font-family: 'open_sans', Verdana, sans-serif;
	padding: 0 12px;
	text-align: center;
	margin-right: 2em;
	transition: all 0.7s ease 0s;
    -webkit-transition: all 0.7s ease 0s;
    -ms-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
}

#btn_login:hover {
	background-color: #732C15
}

#menu li a.nav-link {
	line-height: 40px;
	padding-bottom: 0;
	padding-right: 0;
}

a {
	text-decoration: none !important;
	cursor: pointer;
	color: #666666;
}

a .hover {
	color: #666666;
}

/* Box despoletada quando o utilizador quer fazer login*/
.modal-title {
	background-color: #999999;
    text-align:center; 
	text-transform: uppercase;
    font-size:13.5px;
	letter-spacing: 0.03em;
    font-family: 'open_sans', Verdana, sans-serif;
    color: #ffffff;
	line-height: 32px;
	width: 100%;
	z-index: 10;
}

.modal-body {
	padding: 10px 15px 5px 15px;
}

.modal-footer {
	padding-top: 0;
}

label {
	font-weight: normal;
	font-size: 13px;
}

.lblErro {
	padding-top: 10px;
	color:#FF0000;
}

.button {
	display: inline-block;
	background-color: #f4f4f9;
	border-color: grey;
	color: #666666;
	font-family: 'open_sans', Verdana, sans-serif;
	font-size: 11px;
	letter-spacing: 0.03em;
	padding: 2px 23px 3px;
	text-transform: uppercase;
	margin-top: 1em;
	border: 1px solid grey;
}

.button:hover {
	color: #000000;
	cursor: pointer;
	border-color: #666666;
	transition: all 0.7s ease 0s;
    -webkit-transition: all 0.7s ease 0s;
    -ms-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
}

.currentLanguage {
	font-weight: bold;
	
}

.language {				
	font-size: 14px;
	font-family: 'open_sans', Verdana, sans-serif;
}

footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  background-color: #666666;
  text-align: center;
}

.footerText, a.footerText:hover {
	color: white;
}

.imgMedia {
	width: 70px;
	height: 70px;
}
.icon{
	width:30px;
	height:30px;
	cursor: pointer;
}

.icon_canceladas {
	width: 20px;
	height: 20px;
}

.conteudoContainer {
	background-color: #f4f4f9;
}

/* Tabela Destaques com as Formações disponíveis ao Público */

.destaques {
	border:1px solid #e5e5e5;   
	text-align:center;
}

.outras {
	margin-bottom: 65px;
}

.destaques tr:hover td{
	background-color:#CCCCCC;
	cursor:pointer;
}

.destaques tr:nth-child(odd){background-color:#e5e5e5; }
.destaques tr:nth-child(even) {background-color:#ffffff; }

.destaques td{
	font-size: 12px;
	font-family: 'open_sans', Verdana, sans-serif;
	color:#000000;
}

.destaques tr:first-child:hover td{
    cursor: default;
}

.destaques.table>tbody>tr>td {
	vertical-align: middle;
}

.destaques tr:first-child td{
	background-color: #999999;
	text-transform: uppercase;
	letter-spacing: 0.03em;	
	color: #ffffff;
}

.destaques .destaquesHeader {
	font-size: 13.5px;
}

.destaques .pageList {
	font-size: 11px;
}

.destaques tr:not(:first-child) td:last-child {
	text-align: right;
	padding-right: 2em;
}

.destaques tr:not(:first-child) td:first-child {
	text-align: left;
}

.destaques tr .detalhes{
	text-align:left;
	padding-left: 2em;
}

.nomeFormDestaques {
	font-size:13px;
	font-weight:bold;
	color: #333333;
}

.destaques select {
	color: #000000;
}

.erro {
	color: #FF0000;
	font-weight: bold;
	font-size: 12.5px;
}

.formacoesDivulgaveisOutras {
	margin-bottom: 45px;
}

/* Paginação */

.pagination {
	margin-top: 0;
	padding: 0;
	margin-bottom: 60px;
}

.pagination>li>a {
	color:#000000;
}

.pagination a.active, .pagination a.active:hover {
    background-color: #999999;
    color: white;
	}

.page-item .disabled {
	pointer: cursor;
}

/* Remove os cantos redondos da paginação do bootstrap */
.pagination>li:first-child>a, .pagination>li:first-child>span,
.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-radius: 0;
}

.col-md-9, .col-md-12 {
	padding-left: 0;
}

/* Calendário */

.calendario {
    text-align: center;
    font-family: 'open_sans', Verdana, sans-serif;
	border-collapse: collapse;
    border-spacing: 3px;
	font-size: 12px;
}

.calendarioHeader {
    background-color: #FFFFFF;
}

.calendario select {
	font-family: 'open_sans', Verdana, sans-serif;
	color: #999999;
	background-color: transparent;
	border: 0;
	text-transform: uppercase;
	letter-spacing: 0.025em;
	font-size: 14px;
	font-weight: bold;
}

.weekdays {
    padding: 2px;
	font-weight: bold;
	font-size: 13px;
    color: #333333;
}

.calendario>tbody>tr>th {
	text-align: center;
	height: 60px;
	padding-top: 20px;
}

.calendario td.green{
	font-weight: bold;
    background-color: #999999;
}

.calendario td.green a{
	color: #ffffff;
}

/*Remover bordas das tabelas do bootstrap*/
.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
    border: none;
}

/*--- (CSS hack) Borda adicionada com a cor do fundo para separar os tds que estão a negrito uns dos outros
	Deveria ser feito com o "border-collapse: separate", mas isso adiciona um padding no exterior da tabela
	E com isso o calendario fica desalinhado com a lista da formacoes */
.calendario > tbody > tr > td {
	border: 2px solid #f4f4f9;
}
.calendario td:first-child {
   border: 0;
}
.calendario tr:first-child td {
   border: 0;
}
/*-----------------------------------------*/

/* TOOLTIP DO CALENDARIO */
[data-tooltip] {
    position: relative;
    z-index: 2;
    cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
	visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
    position: absolute;
    bottom: 150%;
    left: 50%;
    margin-bottom: 5px;
    margin-left: -80px;
    padding: 5px;
    width: 160px;
    background-color: #999999;
    color: #000;
    content: attr(data-tooltip);
    white-space: pre-line;
    text-align: center;
    font-size: 12px;
	font-weight: normal;
    line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
    position: absolute;
    bottom: 150%;
    left: 50%;
    margin-left: -5px;
    width: 0;
    border-top: 5px solid #999999;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: " ";
    font-size: 0;
    line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
	color: #ffffff;
	transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

/*Ofertas Formativas Mais Vistas*/
.maisVistas {
    border:1px solid #e5e5e5;
    text-align:center;
	margin-bottom: 20px;
}

.maisVistas tr:hover td{
    background-color:#CCCCCC;
    cursor: pointer;
}

.maisVistas tr:nth-child(odd){background-color:#e5e5e5; }
.maisVistas tr:nth-child(even)  {background-color:#ffffff; }

.maisVistas td{
    vertical-align:middle;    
    text-align:center;
    padding:7px;
    font-size: 12.5px;
    color:#000000;
}

.maisVistas tr:first-child td {
	background-color: #999999;
    border:0px solid #000000;
    text-align:center; 
	text-transform: uppercase;
    font-size:13px;
	letter-spacing: 0.03em;
    color: #ffffff;
}

.maisVistas tr:first-child:hover td {
    cursor: default;
}

.menuLateral {
	padding-right: 0;
}

/* Visualizar Formação */
.formulario {
	border-top: 5px solid #fff200;
	background: #ffffff;
	color: #333333;
	font-size: 15px;
	table-layout: fixed;
	margin-bottom: 60px;
}

.formulario>tbody>tr>td {
	padding-right: 15px;
	padding-left: 15px;
	word-wrap: break-word;
}

.formulario a {
	color: #333333;
}

.formulario>tbody>tr>td.title-table {
	padding-top: 0;
}

.formulario>tbody>tr>td.inscricaoErro {
	padding-top: 20px;
}

.formulario textarea {
	white-space: pre;
}

.formularioHeader {
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	color: #666666;
}

.formacao_itensTitle {
	font-size: 13.5px;
	font-weight: bold;
    color: #333333;
	margin-right: 10px;
}

.formacao_itens {
	font-size: 13.5px;
}

.margin-formacao-itens {
	margin-top: 6px;
	margin-bottom: 6px;
}

.first-formacao-item {
	margin-top: 30px;
}

.imgGrande {
    width:300px;
    height:300px;
    vertical-align: center;
}

.imgAtencao{
    width: 75px;
    height: 75px;
    vertical-align: center;
}

.modal-body {
	padding-bottom: 15px;
}

small {
	font-size: 13px;
	font-weight: bold;
    color: #333333 ;
	margin-right: 10px;
}

medium {
	font-size: 18px;
	font-weight: bold;
    color: #666666;
}

hr {
	margin: 0;
	border-color: #e5e5e5;
}

.Agenda {
	font-size: 14px;
}

.Agenda th {
    padding: 8px;
    background: #ddd;
}
.Agenda td {
    padding: 8px;
}

.inscricao {
	border-top: 5px solid #fff200;
	background: #ffffff;
	color: #333333;
	font-size: 13px;
	margin-bottom: 60px;
}

.inscricaoHeader {
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	color: #666666;
	padding-top: 10px;
	padding-bottom: 25px;
	padding-left: 5px;
	padding-right: 5px;
}

.inscricaoTitle {
	background-color: #999999;
    font-size: 14px;
	color: #ffffff;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	line-height: 2em;
	padding-left: 10px;
	margin-bottom: 10px;
}

.inscricao label {
	font-size: 13px;
}

.inscricao hr {
	margin-top: 10px;
	margin-bottom: 10px;
}

div .ca {
	padding-top: 10px;
}

.caTitle {
	padding-left: 15px;
	font-weight: bold;
	font-size: 13.5px;
}

#Lidade {
	padding-top: 6px;
}

.padding {
	padding-left: 15px;
	padding-right: 15px;
}

.dados_faturacao {
	display: none;
}

.valorTotal, #lbl_ti {
	font-size: 13.5px;
	font-weight: bold;
	margin-bottom: 10px;
}

erros {
	color: #FF0000;
	font-weight: bold;
	font-size: 12px;
}

sucesso {
	font-size: 13px;
    color:#006633;
    font-weight: bold;
}

.control-label {
	font-size: 13px;
	font-weight: bold;
    color: #333333;
	margin-left: 10px;
}

/* Secção de Pesquisa */
.Pesquisa {
    border:1px solid #e5e5e5;
    margin:0px;
	padding:0px;
    text-align:center;
	background-color: #FFFFFF;
	font-size: 12.5px;
	margin-bottom: 20px;
}

.pesquisaTitle {
	font-weight: bold;
}

.search {
    padding:6px 15px 6px 30px;
    background: url('../images/geral/lupa.png') no-repeat ;
    background-size: 21px 22px;
    background-color: #FFFFFF;
	background-position: left center; 
}

/* Media Queries - Alterações de pequenos detalhes para versões de devices mais pequenos */
@media (min-width: 767px) {
	#navbarCollapse {
		padding: 0;
	}
	
	/*Centrar o menu apenas em devices grandes*/
	.navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .navbar .navbar-collapse {
        text-align: center;
    }
	
	#Flocalidade {
		margin-top: 5px;
	}
}
@media (max-width: 767px) {  
	#menuMobile {
		margin-top: 10px;
	}
	#menuLanguage {
		margin-left: 17px;
	}
	.detalhesSpace {
		margin-left: 0;
	}
	.col-md-9, .col-md-12 {
		padding: 0;
	}
	#btn_login {
		margin: 0;
	}
	#menu li a { 
		font-size: 15px;
	}
	.calendario {
		width: 65%;
		margin: 0px auto;
		float: none;
		margin-bottom: 3.5em;		
	}
	.maisVistas {
		width: 75%;
		margin: 0px auto;
		float: none;
		margin-bottom: 3.5em;	
	}
	.canceladas {
		margin-bottom: 2em;
	}
	.footerText {
		font-size: 11px;
	}
	
	.form-group {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	#Fcodigo {
		width: 75px;
		display: inline;
	}
	
	#Fpostal {
		width: 60px;
		display: inline;
	}
	
	#Flocalidade {
		margin-top: 10px;
	}
	
	.outras {
		margin-bottom: 1.5em;
	}
	
	.inscricao {
		margin-bottom: 2em;
	}
}