body {
	background-color: #f5f5f5;
}
.bg-alpha {
	background-color: #e5e5e5;
}
.bg-light-green {
	background-color: #bef7b3;
}
.c-pointer {
	cursor: pointer;
}
.bg-carousel-grey {
	height: 80vh;
}
.site-name {
	font-family: "Ultra", serif;
}
.institution-name {
	min-width: 5rem;
	width: 8rem;
}
.institution-name-2 {
	width: 100%;
}
.main-menu li {
	list-style: none;
	padding: 5px;
	border-radius: 5px;
}

.main-menu li.active {
	background-color: #0d6efd;
	box-shadow: 2px 2px 10px #000000;
}
.main-menu li:hover,
.main-menu li:focus {
	background-color: #474444;
}
.main-menu li:hover a,
.main-menu li:focus a,
.main-menu li.active a {
	color: white;
}

.main-menu li a {
	text-decoration: none;
}
.my-card-overlay {
	background-color: #0e1d8f79;
	width: 100%;
	height: 100%;
}
.my-card-overlay span small {
	text-shadow: 1px 3px 1px #97a7ff;
	color: rgb(18, 18, 18);
}

.my-card {
	text-decoration: none;
	box-shadow: 2px 2px 5px #1e21df;
	width: 10rem;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 10rem;
	border: 1px solid rgb(199, 199, 199);
}
.sec-title {
	text-transform: uppercase;
}
.book-card:hover .book-title,
.book-card:focus .book-title {
	color: #198754;
}

.qst-item {
	text-decoration: none;
}
.quiz-qst-opt {
	border: 1px solid #a4dafabb;
}
.quiz-qst-opt.selected {
	background-color: #a4dafabb;
	border: 1px solid rgb(65, 65, 255);
}
.courses-listing a {
	text-decoration: none;
}
.institute-card {
	width: 15rem;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	background-color: #f5f5f5;
}
.institute-card .institute-logo {
	height: 50px;
	position: relative;
	top: -10px;
	right: -12rem;
}
.h-40vh {
	height: 40vh;
}
.h-50vh {
	height: 50vh;
}
.h-60vh {
	height: 60vh;
}
.h-80vh {
	height: 80vh;
}

.h-100vh {
	height: 100vh;
}
.bg-style-cover {
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.wysiwyg-toolbar {
	white-space: normal;
}
.qst-container:hover,
.qst-container:focus {
	background-color: white;
	border-color: #000000;
	border-radius: 3px;
	border-width: 1px;
	border-style: solid;
}
.comment-user {
	font-size: 14px;
}
.comment-time {
	font-size: x-small;
	float: right;
}
.main-menu-btn {
	z-index: 1001;
	position: relative;
}
.x-timer {
	position: fixed;
	top: 5px;
	width: 100vw;
	z-index: 1000;
}
.pulse {
	background: rgb(42, 0, 230);
	border-radius: 50%;
	margin: 10px;
	height: 20px;
	width: 20px;

	box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	transform: scale(1);
	animation: pulse 2s infinite;
    position: fixed;
    top: 0;
    right: 2%;
    z-index: 1045;
}
.stat-link {
	text-decoration: none;
	
}
@media (min-width: 768px) {
	.h-md-80vh {
		height: 80vh;
	}
	.h-md-60vh {
		height: 60vh;
	}
    .pulse {
    right: 5.5%;

    }
}


@keyframes pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(238, 3, 3, 0.7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(105, 3, 3, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(105, 3, 3, 0);
	}
}