.px-6 {
	padding-left: 4em !important;
	padding-right: 4em !important;
}

.modal-body {
	overflow: auto;
	padding: 0 1rem 0 1rem;
}

.popover {
	max-width: 35rem;
	min-width: 15rem;
}

.popover-body {
	padding: 0.5rem 0rem;
	color: #212529;
}

.form-group {
	margin-bottom: 0.5rem;
}

.dropdown-item:hover {
	background-color: #ddd;
}

.cris-screenshot .modal-dialog-centered {
	min-height: 0 !important;
	pointer-events: none;
}

.nav-tabs {
	margin-top: 0.2rem;
}

.nav-link .dropdown-toggle::after {
	vertical-align: 0.6em;
	color: black;
}

.cris-scrollspy>ul.nav {
	position: fixed;
	flex-direction: column;
}

.nav>li>a.active {
	font-weight: bold;
	border-left: 2px solid gray;
}

.nav-link.active+ul.nav.child {
	display: block;
}

.nav {
	padding-left: 0px;
}

.nav>li>a {
	padding: 3px;
	border-left: 0px rgba(0, 0, 0, 0);
}

.nav>li>a.active {
	font-weight: bold;
	border-left: 0px rgba(0, 0, 0, 0);
}

.nav li>a {
	padding-left: 10px;
}

.nav .nav li>a {
	padding-left: 20px;
	font-size: .9em;
}

.nav .nav .nav li>a {
	padding-left: 30px;
	font-size: .8em;
}

.nav .nav .nav .nav li>a {
	padding-left: 40px;
}

.nav .nav .nav .nav .nav li>a {
	padding-left: 50px;
}

.nav .nav {
	display: none;
}

.nav>.active>.nav {
	display: block;
}

.navbar {
	padding: 0.25rem 1rem;
}

@media ( max-width : 576px) {
	.card-columns .card {
		display: inline-block;
		width: calc(100% - 2em) !important;
	}
}

@media ( min-width : 576px) {
	.modal-dialog-centered {
		min-height: calc(100% - ( 0.75rem * 2)) !important;
	}
	.modal-dialog {
		margin: 0.75rem auto !important;
	}
}