/* You can add global styles to this file, and also import other style files */
*{
	margin: 0px;
	padding: 0px;
	font-family: 'Century Gothic', sans-serif; }

/* ------------------------------------------ */
/* Div atributes */
/* ------------------------------------------ */

#container{
	width: 100%;
	height: auto;
	padding-left: 3%;
	padding-right: 3%;
	box-sizing: border-box;
	background-color: #fff;
	max-width: 1400px; }

#section{
	width: 100%;
	height: auto;
	float: left; }

#article{
	width: 100%;
	min-height: 100vh;
	float: left;
	padding: 5%;
	box-sizing: border-box; }

#footer{
	width: 100%;
	height: auto;
	float: left;
	color: white;
	padding: 0.5%;
	box-sizing: border-box;
	background-color: #BC2A30; }

#footer a{
	color: white;
	text-decoration: none; }

/* ------------------------------------------ */
/* Especific class */
/* ------------------------------------------ */

.text-red{
	color: #bc2a30; }

.bg-color-red{
	background-color: #bc2a30; }

.as-none{
	color: #000;
	text-decoration: none;
	box-shadow: none;
	border-bottom: none; }

.as-none:hover{
	color: #000;
	text-decoration: none;
	box-shadow: none;
	border-bottom: none; }

.text-white{
	color: #fff; }

/* ------------------------------------------ */
/* General styles for label input and button */
/* ------------------------------------------ */
.input-style{
	width: 300px;
	padding: 5px;
	border: 2px #BC2A30 solid;
	border-radius: 5px;
	text-align: center; }
.input-style-2{
	padding: 5px;
	border: 2px #BC2A30 solid;
	border-radius: 5px;
	text-align: center; }

.button-style{
	width: 100px;
	padding: 4px;
	border-radius: 5px;
	color: #fff;
	font-size: 1.1em;
	background-color: #BC2A30;
	border: 2px #BC2A30 solid;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s; }

.button-style:hover{
	color: #516830;
	font-weight: bold;
	background-color: #fff; }

/* Datatables class */
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #bc2a30;
    border-color: #bc2a30;
}

div.dataTables_wrapper div.dataTables_length select {
    display: none;
}

div.dataTables_wrapper div.dataTables_filter input {
    width: 150px;
    padding: 5px;
    border: 2px #BC2A30 solid;
    border-radius: 5px;
    text-align: center;
}

/* ------------------------------------------ */
/* Media screen max-width 1000px */
/* ------------------------------------------ */
@media screen and (max-width: 1000px) {
	.gone{
		display: none; }
}