ul.navbar-nav li.nav-item a.parent-active {
	background-color: #ffffff;
	color: #101010 !important;
}

.bg-gray-100 {
	background-color: #f0f1f5 !important;
}

aside.sidenav.bg-white {
	background: #101010;
	background-color: #101010 !important;
}

.loader-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	background: rgba(38, 38, 38, 0.5);
	visibility: hidden;
	z-index: 999998;
}

.loader-overlay-spinner {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	display: block;
	text-align: center;
	transform: translateY(-50%);
	z-index: 999999;
	visibility: hidden;
}

.show-loader {
	visibility: visible;
}

.bg-black {
	background: #101010;
}

.sidenav-header .navbar-brand {
	text-align: center;
}

.text-warning,
.bg-warning {
	color: #fe5e10 !important;
}

.text-right {
	text-align: right;
}

.btn-dark, .btn-dark:focus, .btn-dark:active {
	background: #101010;
	background-color: #101010;
}

.btn-dark:hover {
	color: #fff;
	background-color: #101010 !important;
	border-color: #101010 !important;
	/* box-shadow: 0 3px 3px 0 rgb(52 71 103 / 15%), 0 3px 1px -2px rgb(52 71 103 / 20%), 0 1px 5px 0 rgb(52 71 103 / 15%) !important; */
	/* box-shadow: 0 0 0 0.2rem #101010; */
}

.btn-dark:hover {
	color: #fff;
	background-color: #101010 !important;
	border-color: #101010 !important;
	box-shadow: 0 0 0 0.2rem rgba(16 16 16, 0.50);
}

.d-flex-justify-content-center {
	justify-content: center;
}

.page-title-wrap .col-lg-1 {
	width: 5.33333%;
}

.page-title-wrap .page-title {
	display: flex;
	flex-flow: column;
	justify-content: center;
	font-family: 'Poppins', sans-serif;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
	color: #101010;
	font-family: 'Poppins', sans-serif;
}

p, li {
    line-height: 1.625;
    font-weight: 400;
    font-size: 1rem;
}

.page-title-wrap .page-title p {
	color: #101010;
}

.card {
	box-shadow: -4px 4px 4px 1px rgb(0 0 0 / 20%);
	color: #101010;
}

.card .card-icon {
	background-color: #fff0;
	width: 60px;
	height: 60px;
	margin-bottom: 5px;
}

img.myicons {
	width: 20px;
	filter: contrast(10);
}

img.myicons-light {
	width: 20px;
	filter: contrast(10) invert();
}

img.active-icon {
	width: 22px;
	filter: contrast(10) invert();
}

.nav-link-icon {
	font-size: 1rem !important;
	min-width: 1rem !important;
}

.top-alert {
	margin-left: 20px;
	width: 75%;
	justify-content: center;
	margin-bottom: 0 !important;
}

.top-alert-button {
	position: absolute;
	right: 0;
	background: #ffffff;
	margin-right: 20px;
	top: 15px;
	padding: 8px 30px;
	color: #101010;
}

.top-search-wrapper {
	margin-left: 20px !important;
}

input#top-search {
	background: url('/assets/themes/material/img/icons/head.png') 2% 50% no-repeat !important;
	padding-left: 30px !important;
	width: 175px;
	border: 2px solid #b0b1b2;
}

.input-group.input-group-outline .form-label.top-search-label:before {
	width: 30px;
}

.head-icon {
	padding: 0 10px 0 0;
}

.page-title-icon {
	min-width: 85px;
}

.practice-topic-logo {
	top: -3rem;
	width: 65px;
	height: 65px;
	font-family: 'Poppins', sans-serif;
}

.practice-topic {
	min-height: 150px;
}

.practice-topic .short_description,
.precise_practice_description {
	min-height: 80px;
}

.btn-secondary,
.bg-secondary,
.alert-secondary {
	background-color: #323232 !important;
	background: #323232 !important;
	color: #ffffff;
}

.flashcards-group-logo {
	width: 65px;
	height: 65px;
	font-family: 'Poppins',
		sans-serif;
}

.btn-warning:hover,
.btn.bg-gradient-warning:hover {
	background-color: #ff5300;
}

.btn-close span {
	font-size: 30px;
}

.your-score {
	height: 52px;
}

button.quiz-level {
	height: 52px;
	width: 52px;
	margin-right: 10px;
	font-size: 18px;
	padding: 0;
	box-shadow: -4px 4px 4px 1px rgb(0 0 0 / 20%);
}

button.btn.quiz-level.btn-warning {
	background-color: #ff5300;
	color: #ffffff;
}

button.btn.quiz-level.btn-light {
	background-color: #ffffff !important;
}

.choice_item {
	border: 2px solid transparent;
}

.question_choice_selected {
	border: 2px solid orange;
	border-radius: .5rem;
}

.form-check:not(.form-switch) .form-check-input[type="checkbox"]:checked {
	background: #ff5300;
	background-color: #ff5300;
}

.previous-btn {
	background: #b4b4b4 !important;
}

.flashcards-answer-btn {
	padding: 10px 2px;
	width: 105px;
	box-shadow: 0px 0px 5px 5px rgba(235, 235, 235, 1);
}



.side-icons {
	position: absolute;
	right: 10px;
	top: 50%;
}

.side-icons button {
	width: 53px;
	height: 53px;
	text-align: center;
	box-shadow: 0px 0px 5px 5px rgba(235, 235, 235, 1);
	background-color: white !important;
}

.side-icons button .fa {
	width: 22px;
	height: 22px;
}

.bookmark{
	color: #000 !important;
}
.star-filled {
	color: #fe5e10 !important;
}


/* for changing logo on side navbar */
.logo_360 {
	display: none;
}

.g-sidenav-pinned .sidenav .logo_kmk360 {
	display: inline-flex;
}

.g-sidenav-pinned .sidenav .logo_360 {
	display: none;
}

.g-sidenav-hidden .sidenav .logo_kmk360 {
	display: none;
}

.g-sidenav-hidden .sidenav .logo_360 {
	display: inline-flex;
}

.g-sidenav-hidden .navbar-vertical:hover .logo_kmk360{
	display: inline-flex;
}

.g-sidenav-hidden .navbar-vertical:hover .logo_360 {
	display: none;
}

.g-sidenav-hidden .sidenav .kmk-sidenav-footer {
	display: none;
}

.g-sidenav-hidden .navbar-vertical:hover .kmk-sidenav-footer {
	display: block;
}