#mainNav .navbar-collapse .navbar-sidenav .nav-link-collapse:after,
#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
.nav-link.user {
	padding:0;
	line-height: 40px;
}
.nav-link.user img{
	border-radius: 99em;
}

h1 {
    font-size: 200%;
    margin-top: 1em;
    color: #b00000;
    /* dataTables footer ("Showing n of m entries") has float attrib... */
    clear: left;
}
h2 {
    font-size: 180%;
    margin-top: 0.8em;
    color: #0000b0;
    clear: left;
}
h3 {
    font-size: 160%;
    margin-top: 0.6em;
    color: #008000;
    clear: left;
}
h4 {
    font-size: 140%;
    margin-top: 0.4em;
    color: #808000;
    clear: left;
}
h5 {
    font-size: 120%;
    margin-top: 0.2em;
    color: #008080;
    clear: left;
}
.develop .bg-gradient-primary {
    background-color: red !important;
    background-image: linear-gradient(180deg, #ff0000 10%, #ff0000 100%);
    background-size: cover;
}
.form-row {
	margin-top:8px;
	margin-bottom: 8px;
}
.invisible {
	display: flex;
    height: 0;
    width: 0;
}
.debugMessage a {
	color:#fff;
	position: fixed;
    z-index: 9999;
    bottom: 3px;
    background-color: #f06;
    height: 50px;
    width: 50px;
    font-size: 2rem;
    padding: 5px;
    right: 70px;
}
.debugMessage a[aria-expanded="true"]{
    top: 3px;
    right: 15px;
}
.debugMessage #debugMessage {
	position: fixed;
    z-index: 9998;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    color: #000;
    border: 1px solid;
    padding: 10px;
    max-height: 100vh;
    overflow: auto;
}

.btn-yellow {
    color: #000;
    background-color: #fc0;
    border-color: #fc0;
}
.btn-yellow:hover {
    background-color: #ffb900;
}
.btn-red {
    color: #fff;
    background-color: #d40511;
    border-color: #d40511;
}
.btn-red:hover {
    background-color: #be0000;
}
.btn-green {
    color: #fff;
    background-color: #66ac5c;
    border-color: #66ac5c;
}
.btn-green:hover {
    background-color: #198d32;
}

@media (min-width: 992px) {
	#mainNav.navbar-dark .navbar-collapse .navbar-sidenav {
	  overflow-y: hidden;
	}
}

table.table-bordered.dataTable tbody td {
	vertical-align: middle;
}

.inactive {
	font-size: 80%;
	color: #a3a3a3;
}
.odd {
	background: #fafafa;
}
.accountType_21 .accountType,
.accountType_21 .personNumber,
.persontype_2 .personType,
.persontype_2 .personNumber {
	color: hsl(20,100%,40%);
}
.accountType_11 .accountType,
.accountType_11 .personNumber,
.persontype_1 .personType,
.persontype_1 .personNumber {
	color: hsl(92,100%,40%);
}
.accountType_19 .accountType,
.accountType_19 .personNumber,
.persontype_13 .personType,
.persontype_13 .personNumber {
	color: hsl(164,100%,40%);
}
.persontype_22 .personType,
.persontype_22 .personNumber {
	color: #bbcc33;
}
.persontype_14 .personType,
.persontype_14 .personNumber {
/*    padding: 0; */
    color: #FF00FF;
}
.persontype_16 .personType,
.persontype_16 .personNumber {
/*    padding: 0; */
    color: rgba(31,130,192,0.85);
}
.persontype_19 .personType,
.persontype_19 .personNumber {
/*    padding: 0; */
    color: #ff0066;
}
.persontype_20 .personType,
.persontype_20 .personNumber {
/*    padding: 0; */
    color: #FF8C00;
}
td.gender{
	text-align: center;
}
.fa-female {
	color: #e00000;
}
.fa-male {
	color: #0000e0;
}
.jlugMember {
	text-align: center;

}
.jlugMember .fa-user-check{
	color: #0000e0;

}
.jlugMember .fa-user-times{
	color: #e00000;
}

.file-btn input[type="file"] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}

.cardpicture {
	margin: 0 auto;
	display: block;;
	padding: .2rem;
	border: 1px solid #a3a3a3;
	background: #dcdcdc;
}
dd {
	margin-left: .5rem;
	font-weight: normal;
}

#steps ul {
	list-style: none;
	margin: 0 0 2em;
	padding: 0;
}
#steps ul li {
	display: inline-block;
	padding: 1em 2em;
	background-color: #fff;
	border: 1px solid #2e59d9;
	border-radius: 0.35rem;
}
#steps ul li.active {
	font-weight: bold;
	color: #fff;
	background-color: #2e59d9;
	border-color: #fff;
}