/*
	.box {
  display: flex;
  align-items: center;
  justify-content: center;
}

.box div {
  width: 100px;
  height: 100px;
}
	*/

/* On screens that are 600px or less, set the background color to olive */


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

	.footer p {
		font-size: 8px;
	}

	/* End footer */
}

@media (max-width: 576px) {

	html,
	body {
		height: 100%;
	}

	@keyframes mymove {
		from {
			right: -200px;
		}

		to {
			right: 0px;
		}
	}

	:root {
		/* --primary-color-light: #01705f; */
		--header-height: 32px;
		--footer-height: 26px;
		--Menu-Width: fit-content;
		--HTitle-C-width: fit-content;

	}

	.MainBody {
		position: sticky;
		width: 98%;
		height: 100%;
		max-height: fit-content;
		margin-bottom: 0px;
		overflow: hidden;
	}

	/* Start Left Menu Section */

	.Menu-Left {
		width: var(--Menu-Width);
		overflow-y: auto;
	}

	.Menu-Left ul li a {
		padding: 8px 8px 8px 8px !important;
	}

	.Menu-Left ul li .fa {
		font-size: 16px;
		width: 32px;
		height: 32px;
		line-height: 30px
	}

	.Menu-Profile {
		margin-top: 60px;

	}

	/* End Left Menu Section */

	/* Start bottom Menu Section */
/* 			
.Menu-top{
	clear: both;
	position: absolute;
	border: 1px solid red;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: transparent;
	border-bottom: 8px solid var(--primary-color-light);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
}
 
.Menu-top ul li {display:inline-block; text-align:left; list-style-type: none; margin-bottom:-12px;  }
.Menu-top ul li small{
		display:none;
	}

.Menu-top ul li a{
	padding: 1px !important;
	color: #f2cb14;
}
.Menu-top ul li  .fa {
    font-size: 14px;
	width:32px;
	height:32px;
	line-height:32px;	
	background-color: var(--primary-color-light);
	border: 1px dashed #f2cb14;
	
}
.Menu-top{
	margin-top:1px;
} */
	/* End bottom Menu Section */

	/* Start bottom Menu Section */
		
.Menu-bottom{
	clear: both;
    position: fixed;
	left: 0;
	bottom: 28px;
	width:100%;
	height:fit-content;
	background-color: transparent;
	border-bottom:8px solid var(--primary-color-light);
	/* overflow-y: auto; */
	display: flex;
  align-items: center;
  justify-content: center;
}
 
.Menu-bottom ul li {display:inline-block; text-align:left; list-style-type: none; margin-bottom:-12px;  }
.Menu-bottom ul li small{
		display:none;
	}

.Menu-bottom ul li a{
	padding: 1px !important;
	/* border:1px solid red; */
}
.Menu-bottom ul li  .fa {
    font-size: 14px;
	width:32px;
	height:32px;
	line-height:32px;	
	background-color: var(--primary-color-light);
	color: #fff;
}
.Menu-bottom{
	margin-top:1px;
}
	
/* End bottom Menu Section */


	.header_logo {
		width: 80px;
		height: 100%;
		float: left;
		margin-left: 0;
	}

	.header_logo img {
		width: auto;
		height: 32px;
	}

	.header_rc {
		width: 86%;
		line-height: var(--header-height);
	}

	.text-title {

		color: var(--primary-color-light);
		background-color: transparent;
		padding: 0 5px;
		font-size: 10px;
		font-weight: 400;
		margin-top: 0px;
		/* border:1px solid black; */
		/* color:var(--body-color); */
	}

	.WlcmText {
		display: none;

	}

	.PromptSuccess,
	.PromptFail {
		width: 70%;
	}

	/* End Top Header Section */

	.Page-Content {
		margin: 0 0 var(--footer-height) 0;
		overflow: inherit;
		/* border: 1px solid red; */
	}

	.Page-Content-right {
		position: absolute;
		top: 10;
		z-index: 100;
		width: 100%;
		/* calc(100% - 50px); */
		height: 100vh;
		/* float:right; */

		display: none;
		/* position: relative; */
		animation: mymove 0.5s;
		animation-fill-mode: forwards;
		animation-timing-function: ease-out;
	}

	.Page-Content-right h2 {
		font-size: 12px;
		width: 88%;
		float: left;
		/* height:32px;  */
		line-height: 28px;
		margin-bottom: 20px;
	}

	.Popup-content h2 {
		font-size: 14px;
		line-height: 28px;

	}


	.Page-Content-right select,
	.Page-Content-right input,
	.Page-Content-right textarea,
	.Popup-content select,
	.Popup-content input,
	.Popup-content textarea {
		width: 74%;
		/* max-width: 160px; */
		height: 26px;
		font-size: 11px;
		/* outline: none; */

	}

	.Page-Content-right select,
	.Popup-content select {
		width: 81%;
	}

	.Page-Content-right select option,
	.Popup-content select option {
		font-size: 11px;
		line-height: 28px;

	}

	.Page-Content-right textarea,
	.Popup-content textarea {
		height: 54px;
		margin: 4px 0 0 0;
		border-radius: 8px;
		padding: 5px 10px;
	}

	.Page-Content-right-Note,
	.Popup-content {
		width: 70%;
		height: fit-content;
		text-align: center;
		padding: 10px;
		margin: 10px auto 0 auto;
		color: #fff;
		border: 1px dashed var(--Menu-Color);
		font-weight: 200;

	}

	.Page-Content-right-Note p {

		font-size: 12px;
	}

	.Page-Content-right-Btn-Container {
		width: 99%;
		height: 10%;
		/* margin-top:50%; */
		text-align: center;
		position: absolute;
		/* bottom: 60px; */


	}

	.Menu-Left {
		position: fixed;
		z-index: 100;
		width: 70%;
		/* calc(100% - 50px); */
		height: 100vh;
		/* float:right; */

		display: none;
		/* position: relative; */
		animation: mymove 0.5s;
		animation-fill-mode: forwards;
		animation-timing-function: ease-out;
	}

	.Menu-Left h2 {
		font-size: 12px;
		width: 88%;
		float: left;
		/* height:32px;  */
		line-height: 28px;
		margin-bottom: 20px;
	}

	.Menu-Left h2 {
		font-size: 14px;
		line-height: 28px;

	}


	.Page-Content-right select,
	.Page-Content-right input,
	.Page-Content-right textarea,
	.Popup-content select,
	.Popup-content input,
	.Popup-content textarea {
		width: 74%;
		/* max-width: 160px; */
		height: 26px;
		font-size: 11px;
		/* outline: none; */

	}

	.Page-Content-right select,
	.Popup-content select {
		width: 81%;
	}

	.Page-Content-right select option,
	.Popup-content select option {
		font-size: 11px;
		line-height: 28px;

	}

	.Page-Content-right textarea,
	.Popup-content textarea {
		height: 54px;
		margin: 4px 0 0 0;
		border-radius: 8px;
		padding: 5px 10px;
	}

	.Page-Content-right-Note,
	.Popup-content {
		width: 70%;
		height: fit-content;
		text-align: center;
		padding: 10px 10px 30px 10px;
		margin: 10px auto 0 auto;
		color: #000;
		border: 1px dashed var(--Menu-Color);
		font-weight: 200;

	}

	.Page-Content-right-Note p {

		font-size: 12px;
	}

	.Page-Content-right-Btn-Container {
		width: 99%;
		height: 10%;
		/* margin-top:50%; */
		text-align: center;
		position: absolute;
		/* bottom: 60px; */


	}

	.downloadLink a {

		height: 30px;
		line-height: 30px;
		width: fit-content;

		font-size: 8px;
		/* border:1px solid red; */

	}

	.Page-Content-left {
		width: 100%;

	}


	/* Start Heading Button Section */
	.Heading-Btn-Container {
		width: 100%;
		height: 30px;

	}

	.HTitle-Container {
		width: 70%;
		line-height: 28px;
		margin-left: 2px;
		text-align: left;
	}

	.HTitle-Container h2 {
		font-size: 12px;
		text-align: left;
		padding: 0 4px;

		float: left;
	}

	.HBtn-Container {
		display: block;
		width: 20%;
		float: right;
		text-align: right;
		padding: 1px 5px 0 0;
		line-height: 30px;
		/* background-color:#718679; */
	}


	/* Buttons */

	.Master-Btn-Container-Right {
		text-align: right;
		margin: 6px 10px 0 0;
	}

	.Common-Btn,
	.Common-Btn-circle,
	.Common-Btn-Red,
	.Common-Btn-Green,
	.Common-Btn-Orange {
		font-size: 14px;
        font-weight: 400;
        padding: 5px 15px
		/* text-transform: uppercase; */
	}

	.Common-Btn-circle {
		width: fit-content;
		min-width: 25px;
		height: 24px;
		font-size: 10px;
		padding: 1px 1px;
	}

	.Browse-btn-grad {
		height: 26px;
		padding: 0 10px;
		line-height: 26px;
		font-size: 12px;
	}

	.Browse-btn-grad:hover {
		font-size: 13px;
	}

	/* End Buttons  */


	/* Start Search section */
	.Search-Filter-Container {
		width: 100%;
		background-color: #f1f2f7;
		height: fit-content;
		margin: 0 0 10px 0;
		display: flex;
		/* border-top: 1px solid var(--primary-color); */
		border-bottom: 1px solid var(--primary-color);

	}

	.Search-FC-Section-left {
		width: 100%;
		line-height: 24px;
		text-align: center;
		color: #00AEEF;
		float: left;
		padding: 8px 0;
	}

	.Search-Filter-Container select,
	.Search-Filter-Container input {
		/* width: 81%;
		max-width: 80%; */
		width: 40%;
		height: 22px;
		font-size: 10px;
		padding: 0 10px;
		background-color: #fff;
		border: 1px solid gray;
		outline: none;
		margin: 0 auto 3px auto;
	}

	.Search-Filter-Container input {
		/* width: 81%; */
		width: 40%;
		max-width: 178px;
	}

	.Search-Filter-Container input[id="date"] {
		width: 28.5%;
		height: 22px;
	}

	.Search-Filter-Container button {
		clear: both;
		width: 24px;
		height: 24px;
		border-radius: 0%;
		font-size: 10px;
	}


	.HideMvers {
		display: none;
	}

	.HideDvers {
		display: block;
	}
	
	/* End Search Section */
	/* Start Table Section */
	.Lead-table table {

		margin: 10px 0;

	}

	/* tr:nth-child(even) { */
	/* background-color:var(--Menu-Color-bg); */
	/* line-height:20px; */

	/* } */
	/* tr:nth-child(odd) { */
	/* line-height:20px; */
	/* } */

	.Lead-table table thead th {
		padding: 2px 6px;
		font-size: 11px;
		width: fit-content;
		font-weight: 400;
		line-height: 20px;
		background-color: var(--primary-color);
	}

	.Lead-table table td:first-child {
		text-align: center;
		width: 30px;
	}

	.Lead-table table td p {
		text-align: justify;
		padding-left: 5px;
		font-size: 10px;
	}

	.Lead-table table,
	ht,
	td {
		padding: 0 3px;
		max-width: 700px;
		overflow: auto;
		font-size: 10px;
		line-height: 20px;

	}

	.Lead-table table td a {
		text-align: justify;
		font-size: 8px;

	}

	/* End Table Section */

	/* Start Note Section */
	.NoteSection {
		display: none;
	}

	/* END Note Section */
	/* Start footer */
	.footer p {
		font-size: 8px;
		padding-right: 20px;

	}

	/* start Pagination */

	nav[role="navigation"] {
		text-align: center;
	}

	.cd-pagination {
		width: 100%;
		max-width: 768px;
		margin: 0 auto;
		text-align: center;

	}

	.cd-pagination li {
		/* hide numbers on small devices */
		/* display: none; */

		display: inline-block;

		margin: 0.05em;
	}

	.cd-pagination a {
		color: black;
		background-color: #8cc751;
		padding: 3px 8px;
		text-decoration: none;
		transition: background-color .3s;
		border: 1px solid #ddd;
		font-size: 10px;

	}



	.currentCount {
		padding: 3px 8px;
		font-size: 10px;


	}


	/* End Pagination */



	/* End footer */

	.Popup-content {
		width: 80%;

		padding: 10px;
		margin-top: 100px;
	}

	.Popup-close-btn {
		float: right;
		background-color: black;
		color: white;
		width: 28px;
		height: 28px;
		font-size: 18px;
		line-height: 28px;

		top: -18px;
		left: 18px;

	}

	/* Added by PD */
	/* Start Certificate Section */
	.certificate-container {
		padding: 10px 10px 40px 10px;
		width: 90%;
	}

	.certificate {
		border: 10px solid #0C5280;
		padding: 0 10px;
		height: 550px;
		position: relative;
		text-align: center;
	}

	.certificate-header>.logo {
		width: 40px;
		height: 40px;
	}

	.certificate-body h1 {

		font-weight: 600;
		font-size: 20px;
		color: #0C5280;
	}

	.student-name {
		font-size: 20px;
		font-family: "Italianno", cursive;
	}

	.certificate-content {
		margin: 0 auto;
		width: 100%;
	}

	.about-certificate {
		width: 100%;
		margin: 0;
	}

	.about-certificate p,
	.Cer-Des {
		font-size: 12px;
	}

	.Email-Temp table {
		width: 100%;
	}

	.Email-Temp h2 {
		font-size: 14px;
	}

	.Email-Temp table td {
		vertical-align: middle;
	}

	.Em-Temp-img img {
		width: 50%;
	}

	.Emial-Temp-Icons i {
		width: 25px;
		height: 25px;
		font-size: 12px;
		line-height: 25px;
	}

	/* End of Certificate Section */
	/* Added by PD */
	.User-Cat-Cont {
		width: 84%;
		margin: 10px 10px 20px 10px;
		line-height: 20px;
	}

	.User-Cat-Cont h3,
	.Exam-timer h2 {
		font-size: 12px;
	}

	.container p,
	.Check-container,
	.que-rig-cont,
	.que-wrng-cont {
		font-size: 14px;
	}

	.User-Cat-Cont img {
		width: 12%;
	}

	.Exam-timer span {
		width: 27px;
		height: 26px;
		font-size: 12px;
	}

	.progressbar {
		display: none;
	}

	.MView {
		display: block;
	}

	.container {
		margin: 10px auto;
	}

	.Que-form {
		padding: 12px;
		margin: 20px auto 80px auto;
	}

	.Check-checkmark {
		height: 15px;
		width: 16px;
	}

	.Check-container .Check-checkmark:after {
		left: 5px;
		top: 0;
	}

	.Right-wrong-Cont {
		padding: 10px;
		width: 62%;
		display: block;
		margin: 0;
	}

	.chbContainer {
		width: 38%;
		height: 60px;
	}

	.img-checkmark {
		Left: 65px;
		width: 18px;
		height: 17px;
	}

	.chbContainer input:checked~.img-checkmark {
		Left: 60px;
		width: 24px;
		height: 24px;
	}

	.chbContainer .img-checkmark:after {
		left: 8px;
		top: 2px;
		width: 5px;
		height: 12px;
	}

	.Sce-que {
		display: block;
	}

	.Sce-que img {
		width: 60%;
	}

	/* .CountertRow {
		width: 94%;
		display: inline-block;
		justify-items: center;
		margin: 30px auto;
	} */

	.Exm-Details,
	.Test-Summary {
		width: 100%;
	}

	.Test-Summary p {
		font-size: 14px;
		line-height: 42px;
	}

	.Attempt,
	.NA,
	.Review {
		height: 37px;
	}

	.conf-box p {
		font-size: 13px;
	}

	.conf-box p::before,
	.conf-box p::after {
		width: 1rem;
		margin: 0 4px;
	}

	/* Start Dashboard Section */
	.DashCounter {
		float: left;
		width: 40%;
		height: 84px;
		margin: 4px;
	}

	.CountNum ul li:nth-child(even) {
		font-size: 12px;
	}

	.CountNum ul li:nth-child(odd) {
		font-size: 18px;
	}

	.DashCounter i {
		font-size: 18px;
		width: 2rem;
	}

	.DashCounter,
	.ChartPanel {
		padding: 8px;
		height: fit-content;
	}

	.DashCounter {
		width: fit-content;
		min-width: 42%;
	}

	.ChartRow {
		display: block;
	}

	.ChartPanel {
		width: 86%;
	}

	.panel-heading {
		font-size: 14px;
	}
.DashCounter h3{
	font-size: 16px;
        
}
.DashCounter img {
    width: 60%;
}
	/* End of Dashboard Section */
	.eq-Sec2 {
		display: inline;
	}

	.eq_Marks,
	.eq_DL,
	.eq_Ans {
		width: 90%;
		height: 12px;
		line-height: 10px;
		/* display: inline-flex; */
		margin: 3px;
		font-size: 12px;
	}

	.eq_Marks span {
		text-align: left;
		font-size: 14px;
	}

	.Comp_Logo {
		width: 50%;
	}
	.Comp_Logo img{
		width: 80%;
	}
	.Profile-Info p {
		line-height: 28px;
	}

	.Profile-Info p span {
		width: 100%;

	}

	/* .options {
		padding-left: 0;
	} */
	h2 {
		font-size: 16px;
	}
	.Page-Container ol li{
		font-size: 13px;
	}
	.TC {
		text-align: center;
		font-size: 16px;
	}
	.Page-Container {
		width: 82%;
		padding: 10px 30px 50px 30px;
		margin: 10px auto 40px auto;
	}
	.Summ-Counter ul {
		min-width: 72%;
		margin: 5px;
	}
	.conf-box p {
		margin: 14px 0;
	}
	.que-checkmark, .wrong-que-checkmark{
		width: 16px;
		height: 16px;
	}
	.HideDMView{
		display: none;
	}
	.Comp_Name h3{
		font-size: 16px;
	}
	.Breadcrumb li a, .Breadcrumb li  {
		font-size: 12px;
	}
	/* Start of Login Page */

	/* End of Login Page */
	#eye_icon {
		top: 134px;
	}
	.header{
		z-index: 1;
	}
	.Proj-Counter ul {
	min-width: 80%;
	margin: 5px;
	}
}


@media (max-width:991px) {

	.RegisterPage form,
	.LoginPage form {
		padding: 40px;
	}
}


@media only screen and (min-width: 768px) {
	.cd-pagination li {
		display: inline-block;
	}
	
}

@media only screen and (min-width: 1170px) {
	.cd-pagination {
		margin: 0 auto;
	}
}