body {
	margin: 0;
	padding: 0;
	background-color: rgb(250, 250, 250) !important;
	font-family: "Open Sans";
	font-size: 13px;
	zoom: 100%;
}

/*======Global=======*/

.voffset10 {
	margin-top: 10px;
}

.voffset30 {
	margin-top: 30px;
}

.voffset50 {
	margin-top: 50px;
}

.voffset60 {
	margin-top: 60px;
}

.voffset80 {
	margin-top: 80px;
}

.voffset100 {
	margin-top: 100px;
}

.hoffset15 {
	margin-left: 15px;
	margin-right: 15px;
}

.block {
	display: block !important;
}

.white {
	color: #fff;
}

.blue {
	color: #00537b;
}

.uppercase {
	text-transform: uppercase;
}

.font-20 {
	font-size: 20px;
}

.font-14 {
	font-size: 14px;
}

.font-16 {
	font-size: 16px;
}

.font-18 {
	font-size: 18px;
}

.grey-back {
	background: #e1e1e1;
}

.container {
	background: #fff;
	border-radius: 10px;
	padding: 10px;
}

.container-fluid {
	background: #fff;
	border-radius: 10px;
	padding: 10px;
}

.container.min-height {
	min-height: 700px;
}

.container-fluid.min-height {
	min-height: 630px;
}

.side-nav ul {
	float: right;
}

.side-nav ul li,
.top-strip ul li {
	list-style: none;
	float: left;
	margin-right: 15px;
}

.side-nav .dropdown-menu li {
	float: none;
	margin-right: 0;
}

.side-nav ul li a {
	text-decoration: none;
	color: #575757;
}

.top-strip {
	height: 40px;
	background: black;
}

.my-port {
	font-size: 25px;
	text-transform: uppercase;
	font-weight: 600;
	color: #00537b;
}

.side-nav .dropdown-menu {
	left: -90px;
}

.dropdown-menu-role {
	left: -45px !important;
}


.reg-head {
	text-transform: uppercase;
	font-weight: 600;
	color: #00537b;
	text-align: center;
}

.reg-details {
	border: 1px solid #ccc;
	border-radius: 5px;
	padding-bottom: 0px;
	width: 100%;
}

.pad-left10 {
	padding: 0 8px;
}

.reg-details-head {
	background: linear-gradient(#f7f7f7, #dfdfdf);
	padding: 8px;
	border-radius: 5px 5px 0 0;
	width: 100%;
	margin-bottom: 15px;
}

.pad-left30 {
	padding-left: 40px;
}

.reg-details-head span {
	width: 22px;
	height: 22px;
	background: linear-gradient(#318db9, #00537b);
	border-radius: 50%;
	color: #fff;
	display: block;
	float: left;
	line-height: 20px;
	margin-top: 2px;
}

.head-arrow {
	line-height: 19px;
}

.reg-details-head p {
	margin: 0 !important;
	font-weight: 600;
	font-size: 14px;
	line-height: 26px;
}

.reg-details .form-horizontal label {
	font-weight: 600;
	text-align: left;
}

.btn-default.reg-btn {
	background: linear-gradient(#2d72b8, #1d4b79);
	color: #fff;
	border: none;
	font-weight: 600;
	width: 100%;
	margin: 10px 0;
}

.btn-default.reg-btn-DeactiveStaff {
	background: linear-gradient(#2d72b8, #1d4b79);
	color: #fff;
	border: none;
	font-weight: 600;
	width: 110%;
}

.update-btn-default.reg-btn {
	background: linear-gradient(#2d72b8, #1d4b79);
	color: #fff;
	border: none;
	font-weight: 600;
	width: 37%;
	margin: -2px;
}

.btn-default.red-btn {
	background: linear-gradient(#b30000, #ff6666);
	color: #fff;
	border: none;
	font-weight: 600;
	width: 100%;
}

.btn-default.red-btnWithZeroMargin {
	background: linear-gradient(#b30000, #ff6666);
	color: #fff;
	border: none;
	font-weight: 600;
	width: 100%;
}

.margin_right192 {
	margin-right: 25%;
}

.margin_right75 {
	margin-right: 7%;
}

.btn-default.reg-btn:hover,
.btn-default.reg-btn:focus {
	color: #fff;
	border: none;
	background: linear-gradient(#1d4b79, #2d72b8);
}

.btn-default.red-btn:hover,
.btn-default.red-btn:focus {
	color: #fff;
	border: none;
	background: linear-gradient(#ff6666, #b30000);
}

.btn-default.red-btnWithZeroMargin:hover,
.btn-default.red-btnWithZeroMargin:focus {
	color: #fff;
	border: none;
	background: linear-gradient(#ff6666, #b30000);
}

.right-sec {
	padding: 15px;
}

.right-sec h5 {
	background: url(../images/tick.png) no-repeat;
	padding-left: 35px;
	font-size: 17px;
	font-weight: 600;
}

.right-sec p {
	font-size: 12px;
	color: #575757;
	text-align: justify;
}

.radio label {
	font-size: 13px;
}

.login-select input[type="radio"] {
	margin-top: 9px;
}

.login {
	background-color: #ffffff;
}

.edit-btn .btn-default {
	height: 25px;
	margin-top: -3px;
	line-height: 8pt;
	background: linear-gradient(#2d72b8, #1d4b79);
	color: #fff;
	border: none;
}

.online-info {
	background: #f5f5f5;
	margin-bottom: 30px;
}

.online-info .reg-details-head {
	background: transparent;
}

.nav-tabs {
	border-bottom: 0;
}

.tab-content .reg-details {
	border-radius: 0 0 8px 8px;
	border-color: #ddd;
	width: 100%;
}

.tab-content .table th {
	border-top: 0;
}

.tab-strip td {
	border-top: 1px solid #ccc !important;
}

.back-none {
	background: none;
}

.login .btn-default {
	margin: 0;
}

.quiz-type {
	margin-bottom: 100px;
}

.std-dropdown {
	width: 100%;
}

.que-num {
	padding: 10px;
}

.quiz-modal {
	width: 100%;
}

.successImageWidth {
	width: 300px;
}

button.close {
	padding: 10px;
}

.quiz-result-table tr td i {
	font-size: 20px;
}

.quiz-result-table tr td i.fa-check-circle {
	color: green;
}

.quiz-result-table tr td i.fa-times-circle {
	color: red;
}

#no-more-tables table {
	width: 100% !important;
}

#no-more-tables table .checkbox {
	margin-top: 0;
	margin-bottom: 0;
}

.modal-dialog {
	padding-bottom: 100px;
}

.modal.in .modal-dialog.quiz-que-modal {
	width: 72%;
	margin-top: 11%;
}

.modal .modal-dialog.quiz-que-modal {
	width: 72%;
}

.prgrm-enroll .panel-heading {
	background: linear-gradient(#f7f7f7, #dfdfdf);
}

.prgrm-enroll .panel-title a {
	text-decoration: none;
}

.prgrm-enroll .panel-title a:focus {
	outline: none;
}

.reg-btn.edit-btn {
	padding: 3px 10px;
	margin: 0;
}

ol.child-enroll-info {
	padding-left: 15px;
}

ol.enroll-list {
	padding-left: 15px;
	display: block;

}

ol.child-enroll-info li {
	font-weight: bold;
}

ol.enroll-list li {
	font-weight: normal !important;
}

ol.child-enroll-info li p strong {
	margin-right: 25px;
	display: block;
	float: left;
}

ol.child-enroll-info li p strong:last-child {
	margin-right: 0;
}

.alert.form-fill-alert {
	padding: 7px 15px;
}

.footer {
	background: #333;
	width: 100%;
	padding: 0 0 15px 0;
	position: fixed;
	bottom: 0;
	z-index: 99999;
	left: 0;
	right: 0;
	margin: 0 auto;
}

#mainDiv,
#registerDiv {
	min-height: 75vh;
	padding-bottom: 200px;
}

@media only screen and (min-width: 1700px) {
	#mainDiv {
		min-height: 90vh;
		padding-bottom: 200px;
	}
}

ul.footer-section {
	display: block;
	padding-left: 15px;
	margin-top: 20px;
}

ul.footer-section li a {
	text-decoration: none;
	color: inherit;
}


.attendancePageStyle {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	background: #EEEEEE;
}




@media (min-width: 1048px) and (max-width: 1199px) {
	.attendancePageStyle {
		width: 850px;
	}
}

@media (min-width: 992px) and (max-width: 1047px) {
	.attendancePageStyle {
		width: 768px;
	}
}

@media (min-width: 916px) and (max-width: 991px) {
	.attendancePageStyle {
		width: 740px;
	}
}

@media (min-width: 850px) and (max-width: 915px) {
	.attendancePageStyle {
		width: 680px;
	}
}

@media (min-width: 650px) and (max-width: 849px) {
	.attendancePageStyle {
		width: 580px;
	}
}

@media (min-width: 550px) and (max-width: 649px) {
	.attendancePageStyle {
		width: 540px;
	}
}

.headerTag {
	text-align: center;
	margin-bottom: 4%;
}

.centerSelect {
	text-align: center;
}


.selectTagBatch {
	margin: 0 auto;
}

.selectTagDate {
	margin: 0 40%;
	line-height: 34px;
	min-height: 34px;
	height: 34px;
}

.full button span {
	background-color: limegreen;
	border-radius: 32px;
	color: black;
}

.partially button span {
	background-color: orange;
	border-radius: 32px;
	color: black;
}

table.studentNameTable th {
	text-align: center;
	vertical-align: middle;
	border: none !important;
}

table.studentNameTable td {
	text-align: center;
	vertical-align: middle;
	border: none !important;
}

table.studentNameTable tr {
	line-height: 38px;
	min-height: 38px;
	height: 38px;
}

table.studentNameTable thead {
	font-family: "Open Sans";
	font-size: 13px;
}


table.studentNameTable tbody {
	font-family: "Open Sans";
	font-size: 12px;
}

#studentName {
	text-align: left;
}

.input-group.input-group-attendance {
	float: left;
}

.buttonResetGetAtt {
	margin: 0% 16%;
}

.buttonResetAtt {
	margin: 3% 15%;
}

.tableAttTop {
	padding: 2%;
	margin-top: 2%;
	background: #EDEAE3;

}

@media (max-width: 768px) {
	.buttonResetAtt {
		margin: 10% 5%;
	}
}

@media (min-width: 768px) and (max-width: 992px) {
	.selectTagBatch {
		margin-bottom: 9%;
	}
}


@media (min-width:320px) and (max-width:767px) {
	.nav-tabs>li>a {
		margin-right: 0;
	}

	.navbar-nav li a {
		padding-top: 10px !important;
		padding-bottom: 10px !important;
		border-right: none;
	}

	.form-control::-moz-placeholder {
		opacity: 1;
	}

	.reg-btn .btn-default {
		margin: 10px 0;
	}

	.side-nav ul {
		float: none;

	}

	.reg-details-head p {
		padding: 0 5px;
	}

	.pad-left30 {
		padding-left: 5px;
	}

	.que-cat .radio-inline,
	.que-cat .checkbox-inline {
		width: 100%;
		margin-bottom: 5px;
	}

	.que-cat .radio-inline+.radio-inline,
	.que-cat .checkbox-inline+.checkbox-inline {
		margin-left: 0;
	}

	.modal.in .modal-dialog.quiz-que-modal {
		width: auto;
	}
}

@media (min-width:768px) and (max-width:989px) {
	.navbar-right {
		margin-top: -75px;
	}

	.pad-left30 {
		padding-left: 15px !important;
	}

	.modal.in .modal-dialog.quiz-que-modal {
		width: 96%;
		margin-top: 16%;
	}

	.modal .modal-dialog.quiz-que-modal {
		width: 96%;
	}
}

@media (min-width:320px) and (max-width:900px) {

	/* Force table to not be like tables anymore */
	#no-more-tables table,
	#no-more-tables thead,
	#no-more-tables tbody,
	#no-more-tables th,
	#no-more-tables td,
	#no-more-tables tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	#no-more-tables .tab-strip tbody tr {
		margin-bottom: 20px;
	}

	#no-more-tables td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 5%;
		white-space: normal;
		text-align: left;
	}

	.tab-strip td {
		border-top: none !important;
	}

	#no-more-tables td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		text-align: left;
		font-weight: bold;
	}

	/*
	Label the data
	*/
	#no-more-tables td:before {
		content: attr(data-title);
	}
}

.error {
	color: red;
	font-weight: normal;
	margin-left: 5px;
}

.success {
	background-color: #ccc;
}

.warning {
	background-color: #ddd;
}

.form-group.required .control-label:after {
	content: "*";
	color: red;
}

.req {
	color: red;
}

/* override bootstrap original style for striped table.*/
.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th {
	background-color: #D2D7D3;
	/* // Choose your own color here */
}

.loading-spiner-holder {
	height: 100vh;
	width: 100vw;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2050;
	opacity: .5;
	opacity: .5;
	width: 100vw;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2050;
	opacity: .5;
	background-color: #f6f6f6;
}

.loading-spiner {
	position: absolute;
	left: 50%;
	top: 40%;
}

.container-fluid,
.panel,
.alert,
.panel-heading {
	border-radius: 0px;
}

.box-shadow {
	box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
}

.nav-side-menu {
	padding: 10px;
	z-index: 60px;
	/*min-width : 200px;*/
}

.primary-title {
	color: white;
}

.marginleft73 {
	margin-left: 73%;
}

.width-640 {
	width: 640px;
}

.que-close-btn {
	position: absolute;
	right: 0px;
	z-index: 9999999999999;
	margin-right: 11px;
}

.pointer {
	cursor: pointer;
}


.chart-div-dimentions {
	width: 600;
	height: 300;
}

.successDivForManageStaff {
	margin-left: 10%;
	margin-top: 20px;
	display: block;
}

.widthCss {
	width: 21%;
	margin-left: 1%;
}

#modalFloat {
	float: left;
}

.marginTopAlert {
	margin-top: 5%;
}

.modalHeaderPaddingBottom {
	padding-bottom: 25px;
}

.modalBodyPaddingBottom {
	padding-bottom: 0;
}

.dateLableClass {
	margin-top: 5px;
	margin-left: 20px;
}

.card {
	/* Add shadows to create the "card" effect */
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	transition: 0.3s;
	background-color: #f4f4f4;
	margin: 5px;
}

.card:hover {
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
	cursor: pointer;
	background-color: white;
}

.card-container {
	padding: 2px 16px;
	width: 100%;
}

/*  test date style */

.widthCssForTestDate {
	width: 21%;
	margin-left: 1%;
}

.marginForLoginId {

	margin-top: 0.5%;
}

.heightForMessageBox {
	height: 8%;
	width: 87%;
}

.marginForMessageBox {
	margin-left: 0.5%;
}

.widthOfInterestedProgram {
	width: 29%;
}

.marginForReferralCode {
	margin-top: 4%;
}

.marginTopForReferralApply {
	margin-top: -6%;
}

#sat_batch_dateId {
	padding-left: 10px;
	padding-right: 10px;
	float: left;
}

.glyphicon_margin {
	margin-right: 20%;
}

@media(max-width: 767px) {
	.glyphicon_margin {
		margin-right: 10%;
	}
}

@media(max-width: 434px) {
	.glyphicon_margin {
		margin-right: 2%;
	}
}


#broadcastMsg {
	height: 150px;
}

@media(min-width: 992px) {
	.margin_top_broadcastbutton {
		margin-top: 4%;
	}

	.margin_top_broadcastalert {
		margin-top: 2%;
	}
}

@media(max-width: 992px) {
	.margin_top_broadcastparent {
		margin-top: 2%;
	}
}

.flex_vertical {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}

@media(min-width: 992px) {
	.flex_vertical {
		display: flex;
		flex-direction: column;
		justify-content: center;
		height: 150px;
	}

}


.button_right_padding {
	padding-right: 10%;
}

.marginTopBottom {
	margin-top: 3%;
	margin-bottom: 2%;
}

.no_padding_left {
	padding-left: 0px;
}

#checkboxLeft {
	/* 	margin-left: 8px; */
	float: right;
}



.margin_bottom5 {
	margin-bottom: 5%;
}

.margin_bottom2 {
	margin-bottom: 2%;
}

.calendar-margin {
	margin-right: 2%;
}


#smsMsg {
	height: 150px;
}

.redText {
	color: red;
}


@media(max-width: 768px) {
	.widthCssForTestDate {
		width: 78%;
		margin-left: 5%;
	}

	#divForTestDateId {
		display: flex;
		flex-direction: column;
	}

}

@media(max-width: 320px) {
	.btn-default.reg-btn.widthForSaveAndNext {
		width: 115%;
	}

	/* apply width class after reg-btn to that button */

	.widthCssForTestDate {
		width: 91%;
	}

	.sessionTimeSlot {
		width: 50%
	}

}

div#chart_div div[dir="ltr"] {
	width: 100% !important;
	overflow-x: scroll !important;
}

.cursor-auto {
	cursor: auto;
}



/* end    */



/* On screens that are 992px or less, set the background color to blue */

@media(min-width: 768px) {
	.successDivForManageStaff {
		margin-left: 200px;
		margin-top: 20px;
		display: block;
	}
}


@media(max-width: 768px) {
	.card-sel-sat {
		display: flex;
		flex-direction: column;
	}

	.card-sel {
		/* Add shadows to create the "card" effect */
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
		transition: 0.3s;
		background-color: #f4f4f4;
		margin: 5px;
		padding: 10px 15px;
		display: -webkit-box;
	}

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

		.modal-dialog.form-fill-modal {
			width: auto !important;
		}
	}

	/* On screens that are 600px or less, set the background color to olive */
	@media screen and (min-width: 768px) {

		.modal-dialog.form-fill-modal {
			width: 75% !important;
		}
	}

	@media(max-width: 768px) {
		.newReCaptcha {
			transform: scale(0.80);
			transform-origin: 0 0;
		}
	}

	@media(max-width: 320px) {
		.captchaForParentRegister {
			transform: scale(0.80);
			transform-origin: 0 0;
		}
	}

	@media(max-width: 768px) {
		.update-btn-default.reg-btn {
			width: 100%;
		}
	}

	@media(max-width: 768px) {
		.btn-default.reg-btn.btn-approve {
			margin-top: 10px;
			width: 115%;
		}
	}


	@media(max-width: 768px) {
		.btn-default.reg-btn.staffApprovebtn {
			width: 135%;
		}

		.btn-default.red-btn.staffDeletebtn {
			width: 120%;
		}
	}

	.margin_bottomSmsText {
		margin-top: 3%;
		margin-bottom: 2%;
	}
}

#questionContentModal {
	width: 40%;
	margin: auto;
	top: 50px;
	padding: 20px;
	margin-bottom: 50px;
}

.ml-5 {
	margin-left: 5px !important;
}

.m-auto {
	margin: auto !important;
}

.me-3 {
	margin-right: 1rem !important
}

.pt-2 {
	padding-top: .5rem !important
}

.text-center {
	text-align: center !important
}

.v-number {
	background: #333;
	color: #fff;
	padding: 7px 5px 5px 5px;
	width: 40px;
	height: 40px;
	text-align: center;
	font-weight: 700;
}

.cursor-pointer {
	cursor: pointer;
}

.demo {
	padding: 10px;
}

.w-full {
	width: 100% !important;
}

.disabled {
	pointer-events: none;
	cursor: not-allowed;
	opacity: 0.5;
}

@keyframes rating-stars-blink {
	0% {
		opacity: 0.8;
	}

	100% {
		opacity: 0;
		transform: scale(2);
	}
}

.rating-stars .mutable {
	cursor: pointer;
}

.rating-stars .hover .star {
	position: relative;
}

.rating-stars .hover .star:hover::after {
	animation-name: rating-stars-blink;
	animation-duration: 0.5s;
	animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.rating-stars .hover .star::after {
	position: absolute;
	top: 0;
	left: 0;
	color: #f7931e;
	content: 'star';
	opacity: 0;
}

.rating-stars .ratings-right,
.rating-stars .ratings-left {
	vertical-align: middle;
	color: #858585;
}

.rating-stars .ratings-right {
	margin-left: 5px;
	/* $default-spacing / 2 */
}

.rating-stars .ratings-left {
	margin-right: 5px;
	/* $default-spacing / 2 */
}

.rating-stars .star {
	color: #949494;
	transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	vertical-align: middle;
}

.rating-stars .star::before {
	content: 'star_border';
}

.rating-stars .star.on,
.rating-stars .star.on-half {
	color: #f7931e;
}

.rating-stars .star.on.my,
.rating-stars .star.on-half.my {
	color: #f7931e;
}

.rating-stars .star.on::before {
	content: 'star';
}

.rating-stars .star.on-half::before {
	content: 'star_half';
}

.content-heading {
	font-size: initial;
	margin-bottom: 1em;
	background: linear-gradient(#f7f7f7, #dfdfdf);
	color: inherit;
	border: 1px solid #ddd;
	border-radius: 4px;
	height: 40px;
	padding-left: 1.2em;
	padding-right: 1.2em;
	padding-top: 0.5em;
	padding-bottom: 0.3em;
}

.flex-col {
  flex-direction: column!important;
}

.flex-row {
    display: flex!important;
}

.items-center {
	align-items: center !important;
}