body {
	width: 100%;
	height: 100%;
	background-color: #f4f5f8;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
}

#upgates {
	padding: 10px 0 10px 0;
}
#upgates a {
	color: #fff;
}
#upgates a {
	color: #fff;
}
#upgates .dropdown-menu a {
	color: #000;
}

h2 {
	padding-top: 15px;
	font-size: 1.3rem;
}


.col-sm-6, .col-sm-3, .col-sm-10 {
	margin-bottom: 30px;
	text-align: justify;
}

input[type=submit], input[type=date], button, select {
	font-size: 15px !important;
}

.col-sm-4 {
	padding: 10px;
	text-align: center;
}

.header-display {
	border: #007bff solid 5px;
	padding-bottom: 10px;
	border-radius: 5px;
	background-color: #007bff;
	color: #fff;
}

.display-2 a, .display-2 a:hover, .display-2 a:link, .display-2 a:active {
	text-decoration: none;
}

footer {
	border: #007bff solid 5px;
	padding-bottom: 10px;
	border-radius: 5px;
	bottom: 0;
	background-color: #007bff;
	color: #fff;
}

.nav-item .active {
	font-weight: bold;
}

footer .row .col-sm-4 a, footer .row .col-sm-4 a:hover, footer .row .col-sm-4 a:active, footer .row .col-sm-4 a:link {
	color: #fff;
	text-decoration: none;
}

.results tr[visible='false'],
.no-result {
	display: none;
}

.results tr[visible='true'] {
	display: table-row;
}

.counter {
	padding: 8px;
	color: #ccc;
}

.excelButton {
	border: 1px solid black;
}

.button a, .button a:hover, .button a:link, .button a:active, .button .button-in {
	text-decoration: none;
	color: #000;
	font-weight: bold;
}

.button a:active {
	color: #FFF;
}

#calendar {
	margin: 0 auto;
	height: 1200px;
}

#attendances-all td, #events-all td {
	vertical-align: middle;
}

table {
	background-color: #fff;
}

.table th, .table td {
    padding: 0.45rem 0.8rem;
}

table .col-actions {
	width:  110px;
	text-align: right;
}