/* CSS Document */
.btn{
	padding: 10px 30px !important; 
}

.btn-primary{
	color: var(--contrast-color) !important;
	background: var(--accent-color) !important;	
	border: 0 !important;	
}
.btn-primary:hover{
	color: var(--contrast-color) !important;
	background: color-mix(in srgb, var(--accent-color), transparent 15%) !important;
}

.leftNavItem{
	background: color-mix(in srgb, var(--default-color), transparent 96%);
	width: 100%;
	display: block;
	padding: 10px 30px;
	border: solid 1px;
	border-color: color-mix(in srgb, var(--default-color), transparent 80%);
	border-radius: 3px;
	color: var(--heading-color);
}
.leftNavItem:hover{
	background: var(--accent-color);
	color: var(--contrast-color);
}
.leftNavItemActive{
	background: var(--accent-color);
	width: 100%;
	display: block;
	padding: 10px 30px;
	border: solid 1px;
	border-color: color-mix(in srgb, var(--default-color), transparent 80%);
	border-radius: 3px;
	color: var(--contrast-color);
}

.moduleCard{
	background: color-mix(in srgb, var(--default-color), transparent 98%);
	width: 100%;
	display: block;
	padding: 30px 30px;
	border: solid 1px;
	border-color: color-mix(in srgb, var(--default-color), transparent 80%);
	border-radius: 3px;
	color: var(--heading-color);
}