.custom-bg {
	background-image: url(../../images/bg-bg1.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

.custom-table {
	margin-top: -20px;
}

.custom-table tr td {
	border: none;
}

.myCard {
	border: 1px solid #15639950;
}

.myCard .card-header {
	background-color: #156399;
}

.btn-custom {
	background-color: #156399;
	color: #fff;
}

.btn-custom:hover {
	color: #fff;
	background-color: #135686;
}

/* Teacher Module */
.profile-card-bg {
	
}
.pc-mob-header {
	background-color: #156399;
}
.quiz-body {
	background-image: url(../../images/bg-bg1.jpg);
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
}
.btn-logout {
	background: #ec008c; /* fallback for old browsers */
	background: -webkit-linear-gradient(
		to bottom,
		#fc6767,
		#ec008c
	); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(
		to bottom,
		#fc6767,
		#ec008c
	); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	border-color: #ec008c;
}

.grid-system {
	width: 100%;
	margin-top: -90px;
	padding-left: 20px;
	padding-right: 20px;
}
.grid-system .inner {
	width: 100%;
}
.grid-system .inner .main-container-inner {
	width: 100%;
	display: flex;
	padding: 5px;
}
.grid-system .inner .main-container-inner .inner-con {
	width: 50%;
	margin: 5px;
}
.grid-system .inner .main-container-inner .inner-con .card {
	background-color: transparent !important;
}
.grid-system .inner .main-container-inner .inner-con .link-card {
	color: #fff;
	border-radius: 10px;
	box-shadow: 0 0 5px #77777780;
}
.grid-system .inner .main-container-inner .inner-con .link-card i {
	font-size: 24px;
	margin-bottom: 10px;
}
.grid-system .inner .main-container-inner .inner-con .link-card p {
	font-size: 14px;
	font-weight: 500;
}
.grid-system .inner .main-container-inner .inner-con .link-card.first {
	background: #fc4a1a; /* fallback for old browsers */
	background: -webkit-linear-gradient(
		to bottom,
		#f7b733,
		#fc4a1a
	); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(
		to bottom,
		#f7b733,
		#fc4a1a
	); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.grid-system .inner .main-container-inner .inner-con .link-card.second {
	background: #56ccf2; /* fallback for old browsers */
	background: -webkit-linear-gradient(
		to top,
		#2f80ed,
		#56ccf2
	); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(
		to top,
		#2f80ed,
		#56ccf2
	); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.grid-system .inner .main-container-inner .inner-con .link-card.third {
	background: #ec008c; /* fallback for old browsers */
	background: -webkit-linear-gradient(
		to bottom,
		#fc6767,
		#ec008c
	); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(
		to bottom,
		#fc6767,
		#ec008c
	); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.grid-system .inner .main-container-inner .inner-con .link-card.fourth {
	background: #11998e; /* fallback for old browsers */
	background: -webkit-linear-gradient(
		to top,
		#38ef7d,
		#11998e
	); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(
		to top,
		#38ef7d,
		#11998e
	); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.name-user {
	background: #0575e6; /* fallback for old browsers */
	background: -webkit-linear-gradient(
		to left,
		#021b79,
		#0575e6
	); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(
		to left,
		#021b79,
		#0575e6
	); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.new-stat-card p {
	font-weight: 600;
}
.new-stat-card .text-shots {
	background: #f857a6; /* fallback for old browsers */
	background: -webkit-linear-gradient(
		to top,
		#ff5858,
		#f857a6
	); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(
		to top,
		#ff5858,
		#f857a6
	); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.new-stat-card .text-follow {
	background: #5433ff; /* fallback for old browsers */
	background: -webkit-linear-gradient(
		to bottom,
		#a5fecb,
		#20bdff,
		#5433ff
	); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(
		to bottom,
		#a5fecb,
		#20bdff,
		#5433ff
	); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.new-stat-card .text-new {
	background: #11998e; /* fallback for old browsers */
	background: -webkit-linear-gradient(
		to top,
		#38ef7d,
		#11998e
	); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(
		to top,
		#38ef7d,
		#11998e
	); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* Profile Card */
.profile-card-bg .image-container {
	width: 100%;
	text-align: center;
	padding-bottom: 20px;
}
.profile-card-bg .image-container img {
	width: 80px;
	height: 80px;
	border-radius: 50%;
}
.btn-link-logout {
	background: #8e2de2; /* fallback for old browsers */
	background: -webkit-linear-gradient(
		to top,
		#4a00e0,
		#8e2de2
	); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(
		to top,
		#4a00e0,
		#8e2de2
	); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

	color: #fff;
	border-radius: 20px;
	border: 1px solid #4a00e0;
}
.btn-link-logout:hover {
	color: #fff;
	box-shadow: 0 0 10px #77777780;
}
.quiz-card-header {
	background: #667db6; /* fallback for old browsers */
	background: -webkit-linear-gradient(
		to left,
		#667db6,
		#0082c8,
		#0082c8,
		#667db6
	); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(
		to left,
		#667db6,
		#0082c8,
		#0082c8,
		#667db6
	); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.grid2x2 {
	min-height: 100%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	width: 100%;
	justify-content: center;
}
.grid2x2 > div {
	display: flex;
	flex-basis: calc(50% - 20px);
	justify-content: center;
	flex-direction: column;
}
.grid2x2 > div > div {
	justify-content: center;
	flex-direction: row;
}

.box {
	margin: 5px;
	display: inline-block;
}
.myBitton {
	margin-top: 25px;
	border-radius: 40px;
}

.btn-quiz-add,
.btn-quiz-add:hover {
	background: #667db6; /* fallback for old browsers */
	background: -webkit-linear-gradient(
		to left,
		#667db6,
		#0082c8,
		#0082c8,
		#667db6
	); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(
		to left,
		#667db6,
		#0082c8,
		#0082c8,
		#667db6
	); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	color: #fff;
	border-color: #0082c8;
	border-radius: 20px;
}
.btn-quiz-add:hover {
	box-shadow: 0 0 10px #77777780;
}
.manage-quiz-header {
	background: #fc4a1a; /* fallback for old browsers */
	background: -webkit-linear-gradient(
		to bottom,
		#f7b733,
		#fc4a1a
	); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(
		to bottom,
		#f7b733,
		#fc4a1a
	); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.btn-set-quiz,
.btn-set-quiz:hover {
	background: #f46b45; /* fallback for old browsers */
	background: -webkit-linear-gradient(
		to bottom,
		#eea849,
		#f46b45
	); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(
		to bottom,
		#eea849,
		#f46b45
	); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	color: #fff;
	border-radius: 20px;
	border-color: #f46b45;
}
.btn-set-quiz:hover {
	box-shadow: 0 0 10px #77777780;
}
.quiz-panel-header {
	background: #f46b45; /* fallback for old browsers */
	background: -webkit-linear-gradient(
		to bottom,
		#eea849,
		#f46b45
	); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(
		to bottom,
		#eea849,
		#f46b45
	); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.add-question-header,
.btn-add-question {
	background: #11998e; /* fallback for old browsers */
	background: -webkit-linear-gradient(
		to bottom,
		#38ef7d,
		#11998e
	); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(
		to bottom,
		#38ef7d,
		#11998e
	); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.btn-add-question,
.btn-add-question:hover {
	color: #fff;
	border-radius: 20px;
	border-color: #11998e;
	width: 60%;
	
}
.btn-add-question:hover {
	box-shadow: 0 0 10px #77777780;
}
.btn-add-question-back, .btn-add-question-back:hover {
	background: #bc4e9c; /* fallback for old browsers */
	background: -webkit-linear-gradient(
		to bottom,
		#f80759,
		#bc4e9c
	); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(
		to bottom,
		#f80759,
		#bc4e9c
	); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	color: #fff;
	border-radius: 20px;
	border-color: #f80759;
	width: 35%;
}
.btn-add-question-back:hover{
	box-shadow: 0 0 10px #77777780;
	
}
/* -----------------------------------   Media Quesries ------------------------------------------- */

/* Extra small devices (phones, 600px and down) */

@media only screen and (max-width: 600px) {
	.grid2x2 label {
		font-size: 12px !important;
		margin-bottom: 0px !important;
	}
	.grid2x2 > div {
		flex-basis: 50%;
	}
	.box {
		margin: 0px;
		margin-bottom: 5px;
	}
	.myBitton {
		margin-top: 20px;
		border-radius: 40px;
	}
	.quiz-label {
		font-size: 12px !important;
		margin-bottom: 0px !important;
	}
	/* ===== Custom Mobile Margins ===== */
	.mobile-margin-top-minus-10 {
		margin-top: -10px;
	}
	.mobile-margin-top-minus-15 {
		margin-top: -15px;
	}
	.mobile-margin-top-minus-20 {
		margin-top: -20px;
	}
	.mobile-margin-top-minus-30 {
		margin-top: -30px;
	}
	.mobile-margin-top-minus-40 {
		margin-top: -40px;
	}
	.mobile-margin-top-minus-50 {
		margin-top: -50px;
	}
}

/* Small devices (portrait tablets and large phones, 600px and up) */

@media only screen and (min-width: 600px) {
}

/* Medium devices (landscape tablets, 768px and up) */

@media only screen and (min-width: 768px) {
}

/* Large devices (laptops/desktops, 992px and up) */

@media only screen and (min-width: 992px) {
}

/* Extra large devices (large laptops and desktops, 1200px to 1300px) */

@media only screen and (max-width: 1300px) and (min-width: 1200px) {
}

/* 1920 - 1080 */

@media screen and (min-width: 1900px) {
}