* {
	box-sizing: border-box;
}

html, body { 
  height: 100%;
}

body {
  display: flex;
  flex-direction: column;
}
#container {
	flex: 1 0 auto; 
	padding-bottom: 20px;	
}

#search {
	padding: 10px 0px 10px 20px;
	background-color: #DBDBDB;	
}

select {
	margin: 0 10px;
}

#error {
	background-color: red;
	color: yellow;
	padding: 10px 0px 10px 20px;
	display: none;
}

.input-width {
	width: 180px !important;
}

#wrapper {
	display: flex;	
	flex-direction: row;
	margin-top: 30px;	
}

.table {
	text-align: center;
}

@media (max-width:500px) {
	.table>:not(caption)>*>* {
		padding: 0;
	}

	td, th {
		font-size: 0.7em;
	}
}


.table-div {
	width: 100%;	
	border: 1px solid #000;
	margin-left: 20px;
	margin-right: 20px;
}

.column-chart {
	width: 100%;
	height: 300px;
	border: 1px solid #000;
	margin-right: 20px;
}

.line-chart {	
	height: 300px;	
	border: 1px solid #000;
	padding: 10px 10px 10px 10px;
	margin: 20px 20px 20px 20px;
}

#page-footer {	
	background-color: #212529;
	text-align: center;
	color: #fff;	
	flex-shrink: 0; 
	padding: 20px;
}

.bold {
	font-weight: bold;
}

/* -------------- About page ---------------------*/

.about-content{
	margin: 30px 30px 30px 30px;
}

h3 {
	margin: 30px 30px 30px 30px;
	padding-top: 50px;
}


/* ----------------- Cards --------------------*/
.cards-center {
	margin-top: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 10px;
}

.card {
    background-color: #fff;
    border-radius: 10px;
    border: none;
    position: relative;
    margin-bottom: 30px;
    box-shadow: 0 0.46875rem 2.1875rem rgba(90,97,105,0.1), 0 0.9375rem 1.40625rem rgba(90,97,105,0.1), 0 0.25rem 0.53125rem rgba(90,97,105,0.12), 0 0.125rem 0.1875rem rgba(90,97,105,0.1);
}
.l-bg-cherry {
    background: linear-gradient(to right, #493240, #f09) !important;
    color: #fff;
}

.l-bg-blue-dark {
    background: linear-gradient(to right, #373b44, #4286f4) !important;
    color: #fff;
}

.l-bg-green-dark {
    background: linear-gradient(to right, #0a504a, #38ef7d) !important;
    color: #fff;
}

.l-bg-orange-dark {
    background: linear-gradient(to right, #a86008, #ffba56) !important;
    color: #fff;
}

.card .card-statistic-3 .card-icon-large .fas, .card .card-statistic-3 .card-icon-large .far, .card .card-statistic-3 .card-icon-large .fab, .card .card-statistic-3 .card-icon-large .fal {
    font-size: 110px;
}

.card .card-statistic-3 .card-icon {
    text-align: center;
    line-height: 50px;
    margin-left: 15px;
    color: #000;
    position: absolute;
    right: -5px;
    top: 20px;
    opacity: 0.1;
}

.l-bg-cyan {
    background: linear-gradient(135deg, #289cf5, #84c0ec) !important;
    color: #fff;
}

.l-bg-green {
    background: linear-gradient(135deg, #23bdb8 0%, #43e794 100%) !important;
    color: #fff;
}

.l-bg-orange {
    background: linear-gradient(to right, #f9900e, #ffba56) !important;
    color: #fff;
}

.l-bg-cyan {
    background: linear-gradient(135deg, #289cf5, #84c0ec) !important;
    color: #fff;
}