body {
	font-family: 'Varela Round', sans-serif;
}

.bg-black {
	background-color: #000 !important;
}

.footer {
	width: 100%;
	/*   line-height: 60px; Vertically center the text there */
	background-color: #f5f5f5;
	font-size: x-small;
}

.list-group {
	display: inline-block;
}

.card-columns {
	column-count: 4;
}

.no-border {
	border: none;
}

.modal-xl {
	max-width: 1024px;
}

.tableDetail {
	color: #31dd0b;
}

.tableDetail:hover {
	color: #209207;
}

.pagination>li>a {
	background-color: white;
	color: #5A4181;
}

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus,
	.pagination>li>span:hover {
	color: #5a5a5a;
	background-color: #eee;
	border-color: #ddd;
}

.pagination>.active>a {
	color: white;
	background-color: #31dd0b !Important;
	border: solid 1px #31dd0b !Important;
}

.pagination>.active>a:hover {
	background-color: #209207 !Important;
	border: solid 1px #209207;
}

.btn-lab {
	color: white;
	background-color: #31dd0b;
}

.btn-lab:hover, .btn-lab:active {
	color: white;
	background-color: #209207;
}

.btn-outline-lab {
	color: #31dd0b;
	border-color: #31dd0b;
}

.btn-outline-lab:active, .btn-outline-lab:hover {
	color: white;
	background-color: #209207;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
	table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
	top: 50%;
	left: 5px;
	height: 1em;
	width: 1em;
	margin-top: -9px;
	display: block;
	position: absolute;
	color: white;
	border: 0.15em solid white;
	border-radius: 1em;
	box-shadow: 0 0 0.2em #444;
	box-sizing: content-box;
	text-align: center;
	text-indent: 0 !important;
	font-family: "Courier New", Courier, monospace;
	line-height: 1em;
	content: "+";
	background-color: #31dd0b;
}

.btn-square-md {
	width: 100px !important;
	max-width: 100% !important;
	max-height: 100% !important;
	height: 100px !important;
	text-align: center;
	padding: 0px;
	font-size: 12px;
}

.forgot {
    font-size: 14px;
    text-decoration: none;
    color: #31dd0b;
}

.text-lab {
	color: #31dd0b;
}

@-webkit-keyframes invalid {
  from { background-color: red; }
  to { background-color: inherit; }
}
@-moz-keyframes invalid {
  from { background-color: red; }
  to { background-color: inherit; }
}
@-o-keyframes invalid {
  from { background-color: red; }
  to { background-color: inherit; }
}
@keyframes invalid {
  from { background-color: red; }
  to { background-color: inherit; }
}
.invalid {
  -webkit-animation: invalid 1s infinite; /* Safari 4+ */
  -moz-animation:    invalid 1s infinite; /* Fx 5+ */
  -o-animation:      invalid 1s infinite; /* Opera 12+ */
  animation:         invalid 1s infinite; /* IE 10+ */
}