@CHARSET "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Montserrat');
/*@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:400,700');*/
/*@import url('https://fonts.googleapis.com/css?family=Fira+Sans:400,700');*/

/****** GERAL  ******/

*{box-sizing:border-box;}

body{
	font-family: 'Montserrat', sans-serif;
    /*font-family: 'Josefin Sans', sans-serif;*/
    /*font-family: 'Fira Sans', sans-serif;*/

}

/*.navbar{
	background-color: #2000ae;
}*/

/*.container{
	width: 100%!important;
	margin: 0;
}*/

.main{
	width: 100%;
	margin: 0 auto;
	padding: 20px 50px;
}

.moloni th, .moloni td{
	/*border:1px solid orange;*/
	padding: 10px;
	font-size: .8rem;
}


table.dataTable thead th, table.dataTable thead td{
	    border: 1px solid #e7ecf1; 
}

table.dataTable {
    border-collapse: collapse;
}

table thead th{
	vertical-align: middle;
	padding-left: 22px!important;
}

table tbody td{
	vertical-align: middle;
	text-align: center;
	
}

table.dataTable thead th,
table.dataTable thead td {
    padding: 10px 18px;
    /* border-bottom: 1px solid #111; */
    /* border-top: 1px solid blue; */
    background-color: #334756;
    color: white;
}

table.dataTable, table.dataTable th, table.dataTable td {
    box-sizing: inherit;
}

table.dataTable tbody tr {
    background-color: #e2f2f6;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #fff;
}

table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
    background-color: #fdc02f;
}

.filter-td{
	position: relative;
	padding: 0;
}

.minmax-td{

}
table.dataTable thead td.minmax-td{
/*	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;*/
	/*flex-wrap: wrap;*/
	padding: 0;
}
.minmax-td input{
	width: 50%;
	
}

table.dataTable.compact thead td{
	padding: 0px 0 0;
}

/*Tamanho das colunas*/
/*.col0{
	width: 10%!important;
}*/

.col1{
	width: 10%!important;
}

.col2{
	width: 5%!important;
}

.col3{
	width: 20%!important;
}

.col4{
	width: 5%!important;
}

.col5{
	width: 10%!important;
}

.col6{
	width: 10%!important;
}

.col7{
	width: 10%!important;
}

.col8{
	width: 10%!important;
}

.col9{
	width: 10%!important;
}

.col10{
	width: 10%!important;
}

.input1{
	width: 100%;
/*	position: absolute;
	top:0;
	left: 0;*/
}


#moloni_wrapper .dataTables_length label{
	margin-top: 0.8rem;	
}

#moloni_wrapper .dt-buttons{
	float: right;
}

#moloni_wrapper .dt-buttons .buttons-pdf{
	
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #3ea9f9;
    background-image: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

#moloni_wrapper .dt-buttons .buttons-pdf:hover{
	background-color: #3693d9;
}


#moloni_wrapper .dt-buttons .buttons-colvis{
	display: inline-block;
	margin-right: 0;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    background: url('../images/eye.png')center center no-repeat;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	width: 45px;
    height: 38px;
}

#moloni_wrapper .dt-buttons .buttons-colvis{
	color: #fff;
    background-color: #6c757d;
    /*border-color: #fdc02f;	*/
}

#moloni_wrapper .dt-buttons .buttons-colvis:hover{
	background-color: #636b73;
}



#moloni_wrapper .dt-buttons .buttons-columnVisibility{
	
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #f7d7da;
    background-image: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 0.8rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	white-space: unset;
}

#moloni_wrapper .dt-buttons .active{
	background-color: #d5edda;
}


#moloni_wrapper .dt-buttons .buttons-colvisRestore{
	font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	color: #fff;
    background-color: #43a5ed;
    background-image: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 0.8rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	white-space: unset;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current{
	padding: 0.3em 0.8em;
	background-color: #ffc107;
	background-image: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
    background-color: #e0a800;
    background-image: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button{
	padding: 0.3em 0.8em;
}

.navbar{
	/*min-height: 12vh;*/
}

.navbar-nav{
	align-items: center;
}

.hidden{
	display: none;
	
}

.jp-nav{
	padding: 10px;
}

.jp-username{
	padding-right: 20px;
	color: #fff;
}

.jp-margin15{
	margin-right: 15px;
}

.section-default{
	width: 100%;
	padding: 50px;
}

.section-default h1{
	text-align: center;
	
}

.article-login{
	width: 45%;
    margin: 0 auto;
    padding: 2rem 4rem;
}


.article-login h1{
	text-align: center;
	margin-bottom: 50px;
	color: #fff;
}

.article-reset{
	width: 60%;
    margin: 0 auto;
    padding: 2rem 4rem;
    background-color: #fdc02f;
}


.article-reset h1{
	text-align: center;
	margin-bottom: 50px;
	color: #fff;
}

.section-default form{
	width: 40%;
	margin: 50px auto 0;
}

.section-default .article-reset form{
	width: 60%;
}

.section-default input, .article-login input, .article-nova-pass input{
	margin-bottom:1rem;
}

.section-centro {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: auto;
    width: 100%;
    text-align: center;
    padding: 50px;
    transform: translate(-50%,-50%);
}

.article-nova-pass{
	width: 40%;
    margin: 0 auto;
    padding: 2rem 4rem;
    background-color: #fdc02f;
}



.esqueci-pass{
	margin-top: 35px;
}

.erros{
	width: 45%;
	margin: 50px auto;
    text-align: center;

}

.erros .alert-danger{
    color: #fff;
    background-color: #ca3845;
    border-color: #f5c6cb;
}

.erros-div{
	width: 45%;
	margin: 10px auto;
	color: #fff;
    background-color: #ca3845;
    border-color: #f5c6cb;
}

.erro-data {
    width: 45%;
    margin: 20px auto;
    text-align: center;
    display: none;
    color: #fff;
    background-color: #ca3845;
    border-color: #f5c6cb;
}

.erro-data p{
	margin: 0;
}

.nova-pass-msg{
	width: 45%;
	margin: 10px auto;
}

.actualizacao{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	/*padding-bottom:40px;*/
	align-items: center;
}

.actualizacao .alert{
	padding: .375rem 1.25rem;
	margin: 0;
}

.entre-datas{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
	
}

.entre-datas p, .entre-datas form{
	width: 100%;
}

.entre-datas p{
	margin-bottom: 5px;
}

#data-fim{
	margin-right:10px;
}

.dataTables_wrapper{
	padding: 0;
}

#data-inicio, #data-fim{
	border: 1px solid #cce4fd;
	padding: 4px 0 4px 10px;
}

#filtro{
	vertical-align: unset;
}

#filtro:hover{
	color: #fff;
    background-color: #43a5ed;
    border-color: #007bff;
}

.section-utilizadores{
	width: 70%;
	padding: 0 50px;
}

.section-utilizadores h2, .section-faq h2{
	margin: 50px 0;
	text-align: center;
	
}

.section-faq .card ul{
	list-style-type: inherit;
	margin-left: 30px;
}

.section-utilizadores .alert-success{
	margin-top: 2rem;
	text-align: center;
}

.nome-th{
	width: 25%;
}

.email-th{
	width: 50%;
}

.acesso-th{
	width: 10%;
}

.btn-right{
	float: right;
}

.verifique-email{
	margin-top: 40px;
}

.main-body{
	min-height: 89.4vh;

}

footer{
	position: relative;
	
}

.rodape{
/*	position: absolute;
	height: 6vh;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;*/
    padding: 0.7rem 1.5rem;
	text-align: right;
    background-color: #343a40;
}

.rodape a{
	text-decoration: none;
	color: #fff;
}


/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!  MEDIA QUERIES  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/


@media only screen and (max-width: 900px){

	.main{
		padding: 10px 10px;
	}

	.navbar-nav a, .navbar-nav form button{
		font-size: 0.8rem;
	}

	.section-centro{
		padding: 0;
	}

	.article-login{
		width: 100%;
	}

	.section-default form {
    	width: 90%;	
	}

	.article-reset{
		width: 100%;
	}

	.article-reset h1 {
	    font-size: 1.5rem;
	}

	.article-reset p {
	    font-size: 0.9rem;
	}

	.section-default .article-reset form{
		width: 100%;
	}

	.erros-div, .erros{
		width: 95%;
	}

	.actualizacao .actualizado, .actualizacao .actualizar form button{
		font-size: 0.6rem;
	}

	.erro-data{
		width: 100%;
	}

	.entre-datas{
		margin: 10px;
	}

	.entre-datas input, .entre-datas label{
		font-size: 0.6rem;
	}

	#filtro{
	    width: 25%;
	    float: right;
	    font-size: 0.8rem;
	}

	.dataTables_wrapper {
    	overflow-x: scroll;
	}

	.dataTables_length select, .dataTables_length label{
		font-size: 0.6rem;
	}

	div.dt-buttons{
		float: right!important;
	}

	#moloni_wrapper .dt-buttons .buttons-colvis{
		width: 25px;
    	height: 25px;
    	background-size: cover;
	}

	#moloni_wrapper .dt-buttons .buttons-pdf{
		font-size: 0.5rem;
	}

	.moloni th, .moloni td {
    	font-size: .7rem;
	}

	.section-utilizadores{
		width: 90%;
	}

	.section-utilizadores form{
		overflow-x: scroll;
	}

	.dataTables_wrapper .dataTables_length{
		text-align: left;
	}

	#moloni_wrapper .dt-buttons .buttons-pdf{
		display: none;
	}

}