body,
html {
	height: 100%
}

body {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-rendering: optimizeLegibility;
	user-select: none;
	-webkit-backface-visibility: hidden;
	-webkit-touch-callout: none;
	font-family: robotolight, Helvetica, Arial, sans-serif;
	font-size: 14px;
	margin: 0;
	padding: 0;
	color: #666
}

@font-face {
	font-family: 'Droid Arabic Kufi';
	font-style: normal;
	font-weight: 400;
	src: url(../../../vendor/fonts/arabic/DroidKufi-Regular.eot);
	src: url(../../../vendor/fonts/arabic/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'), url(../../../vendor/fonts/arabic/DroidKufi-Regular.woff2) format('woff2'), url(../../../vendor/fonts/arabic/DroidKufi-Regular.woff) format('woff'), url(../../../vendor/fonts/arabic/DroidKufi-Regular.ttf) format('truetype')
}

@font-face {
	font-family: 'Droid Arabic Kufi';
	font-style: normal;
	font-weight: 700;
	src: url(../../../vendor/fonts/arabic/DroidKufi-Bold.eot);
	src: url(../../../vendor/fonts/arabic/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'), url(../../../vendor/fonts/arabic/DroidKufi-Bold.woff2) format('woff2'), url(../../../vendor/fonts/arabic/DroidKufi-Bold.woff) format('woff'), url(../../../vendor/fonts/arabic/DroidKufi-Bold.ttf) format('truetype')
}

[class*=" icon-"],
[class^=icon-] {
	display: inline-block
}

a {
	color: #ad1457
}

a:active,
a:focus,
a:hover {
	outline: 0;
	text-decoration: none
}

:focus {
	outline: 0
}

img {
	border: 0
}

.overflow-hidden,
svg:not(:root) {
	overflow: hidden !important
}

.robotothin {
	font-family: robotothin
}

.robotomedium {
	font-family: robotomedium
}

.text-uppercase {
	text-transform: uppercase
}

.column-text {
	font-size: 16px;
	color: #6d6e70
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: robotolight
}

span {
	display: inline-block
}

li span {
	vertical-align: top
}

.ui-wrapper {
	background: #d7dbdf;
	box-sizing: border-box;
	display: block;
	height: auto;
	position: relative;
	min-height: 100%;
	min-height: calc(100% - 52px);
	min-height: -moz-calc(100% - 52px);
	min-height: -ms-calc(100% - 52px);
	min-height: -webkit-calc(100% - 52px)
}

.freeze {
	min-height: 100%;
	overflow: hidden;
	position: fixed;
	top: 0
}

.form-control::-moz-placeholder {
	color: rgba(255, 255, 255, .7);
	opacity: 1
}

.form-control:-ms-input-placeholder {
	color: #fff
}

.form-control::-webkit-input-placeholder {
	color: rgba(255, 255, 255, .7)
}

.feedback-form .form-control::-moz-placeholder {
	color: rgba(0, 0, 0, .7);
	opacity: 1
}

.feedback-form .form-control:-ms-input-placeholder {
	color: rgba(0, 0, 0, .7)
}

.feedback-form .form-control::-webkit-input-placeholder {
	color: rgba(0, 0, 0, .7)
}

.edit-profile-form .form-control::-moz-placeholder {
	color: rgba(0, 0, 0, .5);
	opacity: 1
}

.edit-profile-form .form-control:-ms-input-placeholder {
	color: rgba(0, 0, 0, .5)
}

.edit-profile-form .form-control::-webkit-input-placeholder {
	color: rgba(0, 0, 0, .5)
}

button,
button.btn {
	font-family: robotoregular;
	border-radius: 3px;
	padding: 6px 12px;
	white-space: normal;
	position: relative;
	overflow: hidden;
	font-weight: 500;
	border-radius: 22px
}

.pink-button .btn {
	background: #ad1457;
	color: #fff;
	font-size: 14px;
	margin-bottom: 20px;
	width: 100%;
	transition: all .2s ease 0s
}

.event-points-btn {
	text-align: center;
	display: block;
	margin-top: 4px
}

.pink-button .btn:hover {
	color: #fff;
	background: #690034;
	border: 1px #690034 solid
}

.pink-border-button .btn {
	color: #ad1457;
	border: 1px solid #ad1457;
	background: 0 0;
	font-size: 14px;
	width: 100%;
	margin-bottom: 20px;
	transition: all .2s ease 0s
}

.other-school-label,
.own-school-label {
	color: #fff;
	font-family: robotomedium;
	font-size: .991em;
	text-align: center;
	width: 14px;
	white-space: nowrap
}

.other-school-label {
	background-color: #c70241
}

.video-tag {
	position: absolute;
	left: 0;
	font-size: 24px;
	max-width: 478px
}

.pink-border-button .btn:hover {
	background: #ad1457;
	color: #fff
}

.btn.active,
.btn:active,
.btn:focus,
button.btn.active:active,
button.btn.active:focus {
	box-shadow: none;
	outline: 0 none
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn:active:focus,
.btn:focus {
	outline: 0 none
}

.header-onscroll {
	background: rgba(255, 255, 255, .1);
	box-shadow: 0 4px 4px 0 rgba(50, 50, 50, .3)
}

.nav>li>a:focus,
.nav>li>a:hover {
	color: #ad1457;
	background-color: transparent
}

ul.navbar-nav li {
	border-right: 1px solid #ccc
}

.navbar-right {
	margin-top: 14px
}

.navbar-toggle a {
	color: #ad1457
}

.dashboard-nav-wrapper .navbar-right {
	margin-top: 0
}

.dashbord-nav ul.navbar-nav li {
	border-right: 1px solid #ccc
}

.dashbord-nav ul.navbar-nav li:first-child {
	border-right: 0
}

.navbar-nav>li>a {
	font-family: robotoregular;
	color: #ad1457;
	cursor: pointer;
	padding: 0 10px;
	position: relative
}

.navbar-nav>li>a:hover {
	color: #23527c
}

ul.navbar-nav li:last-child {
	border-right: 0
}

.login-id-wrapper a:hover {
	color: #fff
}

.navbar-nav i {
	margin-right: 4px;
	line-height: 20px;
	margin-left: 4px
}

.navbar-nav i.fa-bell {
	margin-left: 0
}

.navbar-fixed-top {
	border: 0
}

.ng-cloak {
	display: none
}

.navbar-toggle {
	margin-top: 0;
	margin-bottom: 0
}

@media only screen and (max-width :991px) {
	.email-link {
		margin-bottom: 10px
	}
}

@media only screen and (min-width:768px) and (max-width :991px) {
	.navbar-header {
		display: block;
		float: right;
		padding-right: 0
	}

	.dashbord-nav {
		padding-right: 0
	}

	.navbar-toggle {
		display: block
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.collapse.navbar-collapse {
		display: none !important;
		height: auto !important;
		overflow: visible !important;
		padding-bottom: 0
	}

	.dashbord-nav .navbar-toggle {
		display: none
	}

	.collapse.navbar-collapse {
		display: block !important;
		height: auto !important;
		overflow: visible !important;
		padding-bottom: 0;
		padding-right: 0
	}

	.navbar-right {
		margin-right: 0
	}
}

.top-header-wrapper,
.top-sub-header-wrapper {
	background: #fff;
	padding: 20px 0 5px;
	transition: opacity .1s ease-in-out 0s;
	-moz-transition: opacity .1s ease-in-out 0s;
	-ms-transition: opacity .1s ease-in-out 0s;
	-webkit-transition: opacity .1s ease-in-out 0s;
	border-bottom: 2px solid #ad1457
}

.top-header-wrapper img {
	display: inline-block;
	float: left;
	vertical-align: top
}

.dashbord-title {
	float: left
}

.dashbord-nav {
	float: right;
	padding-left: 0
}

@media only screen and (min-width :768px) and (max-width :990px) {
	.dashboard-banner .dashbord-nav {
		width: 46%;
		padding-right: 0;
		padding-left: 0
	}

	.dashboard-banner .dashboard-title {
		width: 53%
	}
}

.hero-banner {
	background: #ccc;
	border-bottom: 1px solid transparent;
	border-top: 1px solid transparent;
	color: #fff;
	margin-bottom: 0;
	padding: 120px 0 30px;
	overflow: hidden;
	position: relative;
	width: 100%;
	min-height: 630px
}

.mobile-app .hero-banner {
	border-top: none !important;
	padding-top: 20px !important
}

.hero-banner-bg {
	background: url(../images/collage.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 28% 3%
}

.hero-banner .banner-overlay {
	display: block
}

.hero-banner h1 {
	margin-bottom: 50px;
	font-size: 30px;
	margin-top: 0
}

.no-hero-banner {
	background: #d7dbdf
}

.hero-banner.no-hero-banner .banner-overlay {
	display: none
}

.news-brief,
.news-brief span:last-child {
	word-wrap: break-word
}

.take-survey .survey-row {
	background: #fff;
	background: rgba(255, 255, 255, .8);
	box-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
	border-radius: 2px;
	margin-bottom: 20px
}

.take-survey .news-brief>span {
	font-size: 16px
}

.take-survey .survey-icon-holder i {
	font-size: 68px;
	padding-left: 9px
}

.take-survey .survey-icon-holder {
	text-align: center
}

.no-hero-banner .forgot-pw a,
.no-hero-banner .input-md.remember-checkbox,
.no-hero-banner .signup-links .bhelp-link a,
.no-hero-banner .signup-links .bsignup-link a,
.no-hero-banner.hero-banner {
	color: #333
}

.no-hero-banner .forgot-pw a:hover,
.no-hero-banner .signup-links .bhelp-link a:hover,
.no-hero-banner .signup-links .bsignup-link a:hover {
	color: #ad1457
}

.no-hero-banner .field-holder .form-control {
	color: rgba(0, 0, 0, .8);
	border-bottom: 1px solid rgba(0, 0, 0, .4)
}

.no-hero-banner .field-holder .form-control:focus {
	border-bottom: 2px solid #ad1457
}

.no-hero-banner .field-holder .form-control::-moz-placeholder {
	color: #666;
	opacity: 1
}

.no-hero-banner .field-holder .form-control:-ms-input-placeholder {
	color: #666
}

.no-hero-banner .field-holder .form-control::-webkit-input-placeholder {
	color: #666
}

.no-hero-banner .input-md.remember-checkbox input[type=checkbox]+.f-label:before {
	background: 0 0
}

.no-hero-banner .input-md.remember-checkbox input[type=checkbox]+.f-label:before {
	border: 2px solid rgba(0, 0, 0, .4)
}

.no-hero-banner .input-md.remember-checkbox input[type=checkbox]:checked+.f-label:before {
	background: #ad1457;
	border-color: #ad1457
}

.no-hero-banner .input-md.remember-checkbox input[type=checkbox]:checked+.f-label:after {
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff
}

.db-wrapper,
.login-wrapper {
	background: #fff;
	position: relative;
	height: 100%
}

.signing-steps {
	font-size: 16px
}

.login-wrapper {
	background: #656565;
	margin-bottom: 50px
}

.login-form-wrapper {
	padding-top: 0
}

.login-form-wrapper .error-msg {
	color: #fff
}

.login-form {
	margin: 0 0 20px;
	padding: 0;
	min-width: 310px
}

.login-form .field-holder .form-control {
	padding-left: 1px;
	width: 87%
}

input:-webkit-autofill {
	background-color: transparent !important
}

.login-form .backend-msg-bg span {
	display: inline
}

.login-form .field-holder {
	margin-bottom: 30px
}

.login-form .field-holder:first-child {
	margin-bottom: 0;
	margin-top: 1px;
	min-height: 63px
}

.login-form .field-holder:first-child .backend-msg-bg {
	margin-top: 2px;
	margin-bottom: 4px
}

.login-button button {
	width: 54%;
	background: #ad1457;
	color: #fff;
	margin: 5px auto;
	font-size: 14px;
	min-width: 170px;
	transition: all 0ms ease 0s
}

.login-button button:focus,
.login-button button:hover {
	color: #fff;
	background: #690034;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .36)
}

form button,
form button.btn {
	text-transform: capitalize
}

.login-button {
	width: 87%
}

.db-survery .survey-row {
	min-height: 315px
}

@media (max-width:767px) {
	.db-survery .survey-row {
		min-height: initial
	}
}

.hero-banner-signing-contract,
.signing-contract-wrapper {
	background: #fff
}

.hero-banner-signing-contract .signup-links .bhelp-link a,
.hero-banner-signing-contract .signup-links .bsignup-link a {
	color: #ad1457
}

.signing-contract-wrapper .hero-banner {
	color: #000;
	padding: 85px 0 30px
}

.alert-info .inline-text .fa-question-circle {
	font-size: 20px
}

.signing-contract-wrapper .login-wrapper {
	background-color: #fff
}

.en-us .signing-contract-wrapper .signup-links .lang-switch,
.signing-contract-wrapper .banner-title,
.signing-contract-wrapper .signup-links-wrapper {
	float: left
}

.standalone-signin .field-holder .form-control,
.standalone-signin .field-holder .form-control:focus {
	border: 1px solid #ccc;
	border-radius: 4px !important;
	color: #333;
	height: 36px;
	display: inline-block;
	padding: 0 10px;
	position: relative
}

.standalone-signin>div {
	position: relative
}

.standalone-signin .field-holder input::-moz-placeholder {
	text-transform: uppercase;
	color: #666
}

.standalone-signin .field-holder input:-ms-input-placeholder {
	text-transform: uppercase;
	color: #666
}

.standalone-signin .field-holder input::-webkit-input-placeholder {
	text-transform: uppercase;
	color: #666
}

.signing-contract-wrapper .hero-banner h1 {
	margin-bottom: 15px;
	padding-left: 0;
	width: 100%;
	font-weight: 700;
	font-size: 24px;
	margin-top: 0;
	text-align: unset
}

.standalone-signin .input-group-addon:last-child {
	display: inline-block;
	right: 11%;
	top: 5px;
	position: relative;
	background: 0 0;
	border: 0;
	cursor: pointer;
	width: 27px
}

.student-school-name {
	position: relative;
	float: left;
	width: 100%
}

.login-form.standalone-signin .field-holder:first-child {
	position: relative
}

.datepicker table tr td.today {
	font-weight: 700
}

.signing-contract-wrapper .error-msg {
	color: red;
	margin-bottom: 10px
}

.signing-contract-wrapper .hero-banner .signup-links .lang-switch {
	margin-top: 0;
	float: right
}

.standalone-signin .alert-info {
	margin: 5px 0 10px
}

.standalone-signin .alert-info a {
	cursor: pointer
}

.standalone-signin .field-holder:nth-child(2) {
	margin-bottom: 5px;
	margin-top: 0
}

.ar-ae .standalone-signin .field-holder:nth-child(2) {
	float: right
}

.datepicker.datepicker-dropdown,
.input-group-addon {
	z-index: -100 !important
}

.standalone-signin .login-button {
	padding-top: 15px;
	position: relative;
	float: left
}

.standalone-signin .login-button {
	padding-top: 15px
}

.sign-this-contract-wrapper.stick-signin-action {
	text-align: center;
	background-color: #ad1457;
	padding: 3px 20px;
	border-radius: 2px;
	overflow: hidden;
	position: fixed;
	bottom: 0;
	z-index: 11;
	margin-left: 9px;
/* max-width: 878px; */
	max-width: 1142px;
	width: inherit
}

.sign-this-contract-wrapper {
	position: relative;
	width: 100%;
	text-align: center;
	background-color: #ad1457;
	padding: 3px 20px;
	border-radius: 2px;
	overflow: hidden;
	margin-left: 9px;
	/* max-width: 878px; */
	max-width: 1142px;
}

.add-scroll-bar {
	overflow-y: auto !important;
	overflow-x: hidden;
	height: 90%;
	max-height: 492px;
	max-height: calc(100vh - 184px);
	position: fixed !important
}

.add-scroll-bar::-webkit-scrollbar {
	height: 10px;
	width: 10px
}

.add-scroll-bar::-webkit-scrollbar-track {
	background-color: transparent;
	background-color: rgba(206, 210, 229, .5);
	border-radius: 13px
}

.add-scroll-bar::-webkit-scrollbar-thumb {
	background-color: #b1b5c5;
	background-color: #a5a9b7;
	background-clip: padding-box;
	border: 2px solid transparent;
	border-radius: 13px;
	-webkit-border-radius: 13px;
	box-shadow: inset 0 4px 0 0 transparent
}

.signin-channel-scroll.left-nav-wrapper {
	min-width: 230px;
	display: none !important;

}

.signin-channel-scroll .left-nav>li>a {
	padding: 9px 5px 9px 15px
}

.signin-channel-scroll .nav>li {
	margin-bottom: .3rem
}

.signin-channel-scroll .left-nav.nav span {
	width: calc(100% - 44px)
}

.sign-this-contract-wrapper button {
	background-color: #fff;
	color: #ad1457
}

.canvas-menu.canvas-for-contract {
	width: 274px
}

.canvas-for-contract.left-nav>li>a .canvas-for-contract.nav>li>a {
	padding: 10px 10px 10px 15px
}

.canvas-for-contract.left-nav.nav span {
	width: calc(100% - 50px)
}

.sign-this-contract-wrapper button:focus,
.sign-this-contract-wrapper button:hover {
	font-weight: 700;
	color: #ad1457
}

.standalone-signin .signing-label {
	font-weight: 700;
	padding-bottom: 5px;
	opacity: .75
}

.standalone-signin .alert-info-success>div:first-child,
.standalone-signin .alert-info>div:not(.alert-info-success):first-child>div:first-child {
	font-size: 18px
}

.fullContract .alert-info {
	color: green;
	width: 100%;
	max-width: 100%;
	margin: 0 8px 10px;
	background-color: #fff;
	box-shadow: 0 2px 2px 0 rgb(50 50 50 / 30%);
	border: 0
}

.standalone-signin .input-group-addon[disabled]:last-child {
	cursor: not-allowed
}

.standalone-signin .alert-info>div:first-child .fa-info-circle {
	font-size: 20px
}

.fullContract .alert-info i,
.hero-banner-signing-contract .alert-info-success>div .fa-check-circle {
	font-size: 22px
}

@media only screen and (max-width :767px) {
	.standalone-signin.login-form {
		min-width: 260px;
		max-width: 90%;
		margin: 0
	}

	.signing-contract-wrapper .signup-links {
		margin: 0 0 20px
	}
}

.signing-contract-wrapper .login-form-wrapper {
	width: 320px;
	margin: 0
}

.student-name {
	color: #ad1457;
	font-size: 20px;
	font-weight: 700;
	width: 100%
}

.school-name {
	color: #000;
	font-size: 20px;
	font-weight: 700;
	width: 100%;
	padding-bottom: 25px
}

.login-full-wrapper.signing-contract-wrapper,
.signing-contract-wrapper .hero-bg-full {
	min-height: 480px
}

.signing-contract-wrapper .signup-links-wrapper:empty {
	display: none
}

.modal-body .signing-link {
	color: #0073c3
}

.modal-body .signing-link:focus,
.modal-body .signing-link:hover {
	color: #0073c3;
	text-decoration: underline
}

.happiness-meter-wrapper {
	width: 100%
}

.happiness-meter-icons input[type=radio] {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: 0 !important;
	outline: 0 !important;
	background: transparent none !important;
	border: 1px solid transparent !important;
	opacity: 0 !important
}

.happiness-meter-question {
	color: #2c364d;
	font-weight: 700;
	font-size: 1.1em
}

.happiness-meter-logo {
	max-width: 264px;
	margin: 25px auto 15px
}

.happiness-meter-icons label {
	margin: 0 4%;
	cursor: pointer;
	position: relative;
	width: 91px
}

.happiness-meter-icons .selected-state-shadow {
	display: none
}

.happiness-meter-icons .active-happiness-state .selected-state-shadow {
	box-shadow: 0 0 10px 7px #199394;
	height: calc(100% - 10px);
	width: calc(100% - 10px);
	display: block;
	position: absolute;
	top: 4px;
	left: 0;
	border-radius: 100%;
	right: 0;
	margin: 0 auto
}

.happiness-meter-question .fa-check-circle {
	font-size: 26px;
	margin-right: 5px;
	margin-left: 5px;
	color: green;
	vertical-align: bottom
}

.happiness-meter-icons label img {
	opacity: .65
}

.happiness-meter-icons label.active-happiness-state img,
.happiness-meter-icons label:hover img {
	opacity: 1
}

.complete-onboarding-modal .login-button,
.happiness-meter-icons span {
	width: 100%
}

.signup-links {
	display: block;
	float: right;
	margin: 18px 0 0;
	position: relative;
	width: 100%;
	min-width: 14px;
	text-align: right;
	line-height: 24px
}

.signup-links .bsignup-link a span:first-child {
	white-space: nowrap
}

.signup-links .bhelp-link a,
.signup-links .bsignup-link a {
	color: #fff;
	display: inline-block;
	font-size: 14px
}

.signup-links .bhelp-link a:hover>span {
	text-decoration: underline
}

.signup-close .close,
.signup-close i.icon-cross-48 {
	font-weight: 700;
	color: rgba(0, 0, 0, .4);
	font-size: 16px;
	padding: 7px 0 10px;
	opacity: 1
}

.signup-close .close:hover,
.signup-close i.icon-cross-48:hover {
	color: rgba(0, 0, 0, .8)
}

.child-card-title {
	font-size: 18px;
	color: #8b2554;
	font-family: robotomedium, "Droid Arabic Kufi";
	border-bottom: 1px solid rgba(255, 255, 255, .85);
	margin-bottom: 20px;
	margin-top: 20px;
	width: 100%
}

.child-name-bg {
	position: relative;
	background: rgba(255, 255, 255, .85);
	padding: 0 25px;
	height: 49px;
	line-height: 49px;
	vertical-align: top
}

.child-name-bg .child-heading {
	max-width: 178px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	white-space: nowrap
}

.child-name-bg span:last-child {
	vertical-align: top
}

.child-name-bg:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	right: -35px;
	top: 0;
	border-bottom: 49px solid rgba(255, 255, 255, .85);
	border-right: 35px solid transparent
}

.child-name {
	font-weight: 700
}

.inline-text {
	display: inline
}

.otp-inline-text {
	display: inline;
	min-width: 150px
}

.default-lang-msg {
	font-size: 16px;
	line-height: normal;
	padding-top: 10px;
	text-align: center
}

.signup-links .bsignup-link {
	float: right;
	font-family: robotoregular;
	font-size: 16px;
	line-height: 24px;
	padding-right: 0;
	position: relative
}

.signup-links .seperator-login {
	font-size: 19px;
	line-height: 24px;
	padding-right: 10px;
	padding-left: 10px
}

.signup-points {
	font-size: 12px;
	left: 0;
	top: 27px;
	position: absolute;
	text-align: left;
	width: 100px;
	z-index: 1
}

.seperator-font-ico {
	line-height: 24px
}

.com-head-1 {
	color: #000;
	padding: 10px 0 15px 0;
	font-family: robotoregular;
	font-size: 16px
}

.signup-links .lang-switch {
	float: right
}

.signup-links .bhelp-link {
	font-size: 16px;
	font-family: robotoregular;
	margin-right: 0;
	float: right;
	margin-top: 0
}

.signup-links span i {
	margin-right: 5px;
	font-size: 16px;
	margin-left: 4px
}

.forgot-pw {
	font-family: robotoregular;
	margin-top: 20px;
	white-space: nowrap
}

.signin-guide-wrapper,
.valid-mobile-info {
	text-align: left
}

.signin-guide {
	padding-left: 22px;
	max-height: 248px;
	overflow-y: auto
}

.signin-guide li {
	color: #777
}

li .tans,
li .tquestion {
	width: 100%;
	position: relative
}

.signin-guide .tans {
	color: #222;
	margin: 12px 0
}

.forgot-pw .seperator-login {
	font-size: 16px;
	padding: 0 10px
}

.forgot-pw a:last-child {
	cursor: pointer;
	text-align: left
}

.forgot-pw a span:first-child {
	min-width: 88px
}

.forgot-pw a:first-child>span {
	padding-left: 5px
}

.forgot-pw a {
	color: #fff;
	font-size: 14px
}

.forgot-pw a:hover>span {
	text-decoration: underline
}

h1 i {
	margin-right: 12px
}

.news-column i.icon-KHDA_News {
	margin-left: 10px
}

i.commucation,
i.report {
	margin-left: 5px;
	margin-right: 17px;
	color: #8e24aa;
	font-size: 26px
}

i.commucation {
	color: #ef6c00
}

h1 i.survey-result {
	margin-left: 0;
	font-size: 30px
}

.news-column h1,
.students-update-column h1 {
	padding: 22px 0 0;
	color: #35495e;
	font-size: 30px
}

.students-update-column h1 {
	font-size: 32px
}

.news-brief {
	display: block;
	line-height: 35px;
	overflow: hidden;
	position: relative;
	color: #58595b;
	font-size: 16px;
	font-family: robotolight
}

.news-brief>span {
	display: inline-block;
	line-height: 22px;
	vertical-align: bottom;
	letter-spacing: .1px;
	font-family: robotoregular
}

.news-row {
	padding: 19px 0
}

.news-row .col-md-9 {
	padding-left: 7px;
	cursor: pointer
}

.form-control {
	font-family: robotoregular;
	font-size: 14px
}

.field-holder .form-control {
	width: 85%;
	background-color: transparent;
	border: 0;
	border-bottom: 1px solid rgba(255, 255, 255, .7);
	color: #fff;
	box-shadow: none;
	border-radius: 0;
	padding-left: 10px;
	padding-right: 10px;
	height: 40px
}

input:-webkit-autofill,
select:-webkit-autofill,
textarea:-webkit-autofill {
	background-color: transparent;
	background-image: none;
	color: #000
}

.field-holder .form-control:focus {
	border-bottom: 2px solid #fff
}

.avatar-holder {
	display: block;
	height: 70px;
	max-width: 102px
}

.avatar-holder img {
	width: 70px;
	border-radius: 100%;
	border: 1px solid #ad1457;
	display: inline-block
}

.avatar-img {
	border: 1px solid #ad1457;
	border-radius: 100%;
	display: inline-block;
	width: 70px;
	height: 70px;
	border-radius: 50%
}

.news-date {
	color: #ad1457;
	line-height: 30px;
	font-size: 12px;
	font-family: robotoregular
}

.students-update-column {
	padding-bottom: 60px
}

.button-text-block {
	display: block;
	min-width: 190px;
	overflow: hidden;
	position: relative;
	text-align: center;
	margin-top: 5px
}

.button-text-block span:last-child {
	min-width: 62px;
	position: relative;
	line-height: normal
}

.message-with-icon {
	text-align: left;
	padding-left: 30px
}

.message-with-icon .icon-KHDA_Dos,
.message-with-icon i:first-child {
	position: absolute;
	left: 1px;
	top: 2px;
	color: #00c000;
	font-size: 18px
}

.school-text {
	font-size: 20px;
	color: #6d6e70;
	padding-right: 0;
	font-family: robotolight;
	max-width: 108px;
	padding-left: 0
}

.boy-icon,
.girl-icon {
	padding-bottom: 10px;
	text-align: right;
	padding-right: 0
}

.boy-icon i,
.girl-icon i {
	color: #0277bd;
	font-size: 74px
}

.students-count-text {
	color: #000;
	font-size: 20px;
	font-family: robotolight;
	max-width: 122px;
	text-align: right
}

.news-column {
	padding-right: 12%
}

.students-update-column h1 .icon-KHDA_Help {
	font-size: 28px
}

.boys-count {
	padding-right: 20px;
	min-width: 100px;
	max-width: 150px
}

.girls-count {
	min-width: 100px;
	max-width: 127px;
	padding-right: 62px
}

.students-text {
	color: #58595b;
	text-align: right;
	max-width: 118px
}

.survey-result {
	padding-top: 10px
}

.survey-result .column-text {
	line-height: 55px;
	overflow: hidden;
	position: relative;
	font-family: robotolight;
	color: #58595b;
	font-size: 20px;
	padding-top: 15px;
	max-width: 274px
}

.survey-result .column-text>span {
	display: inline-block;
	line-height: 22px;
	vertical-align: bottom;
	margin-left: 0
}

.girl-icon i {
	color: #8e24aa
}

@media only screen and (max-width :767px) {
	.dashbord-nav ul.navbar-nav li {
		border-right: 0
	}
}

footer {
	background: #fff;
	color: #58595b;
	padding: 15px 0 14px;
	margin: 0;
	position: relative;
	z-index: 2;
	font-size: 12px;
	overflow: hidden;
	width: 100%;
	min-height: 40px;
	display: block;
	min-width: 200px;
	font-family: robotoregular
}

.db-help {
	min-width: 49px
}

.dashboard-navigation {
	background: #d8d9da
}

.dashboard-banner {
	padding-top: 120px;
	padding-bottom: 22px;
	min-height: 655px;
	background: #656565
}

.dashboard-title {
	padding-bottom: 20px;
	padding-left: 15px
}

.dashboard-title h1 {
	color: #35495e;
	font-size: 30px;
	margin-top: 6px;
	overflow: hidden;
	position: relative
}

.parents-name {
	font-size: 18px;
	color: #6d6e70
}

.camera-icon {
	float: right;
	margin-right: 15px;
	margin-bottom: 40px;
	margin-top: 29px
}

.camera-icon>span:first-child {
	cursor: pointer;
	position: relative;
	overflow: hidden
}

.camera-icon>span:first-child:hover .icon-KHDA_Selfie,
.camera-icon>span:first-child:hover .selfie-head {
	color: #ad1457
}

.db-points {
	font-size: 12px;
	text-align: right;
	cursor: default;
	display: block;
	position: relative;
	line-height: normal
}

.camera-icon .db-points {
	white-space: nowrap
}

.family-selfie .camera-icon,
.no-selfie .camera-icon {
	padding-bottom: 0;
	margin-bottom: 10px
}

.family-selfie .camera-icon {
	margin-top: 0;
	margin-bottom: 0;
	float: none
}

.family-selfie .dashboard-title {
	padding-bottom: 0
}

.no-selfie .camera-icon {
	margin-bottom: 0
}

.camera-icon i {
	color: #ad1457;
	font-size: 25px;
	margin: 2px 8px 0
}

.no-contract-details {
	font-family: robotoregular;
	font-size: 16px;
	line-height: normal;
	text-align: center;
	padding: 20px;
	position: relative;
	display: block;
	background: #fff;
	width: auto;
	width: 100%;
	max-width: 100%;
	margin-top: 0
}

.select-fees-text {
	margin: 0;
	padding: 0 0 24px;
	color: #333;
	font-size: 14px;
	font-family: robotomedium
}

.hide-pw,
.show-pw {
	cursor: pointer;
	display: block;
	padding: 10px 0;
	position: absolute;
	right: 0;
	top: 0;
	color: #ad1457;
	font-size: 14px;
	font-family: robotoregular, "Droid Arabic Kufi"
}

.sign-contract-button {
	display: inline-block;
	font-size: 14px;
	margin: 2px 0 0 0;
	position: relative;
	width: 194px;
	float: right
}

.pink-button.sign-contract-button .btn {
	margin-bottom: 6px;
	white-space: nowrap
}

.students-list .students-col {
	display: inline-block;
	margin-right: 34px;
	max-width: 62px;
	position: relative;
	margin-left: 10px;
	vertical-align: top
}

.students-list {
	padding-top: 15px;
	padding-bottom: 13px
}

.students-name {
	color: #58595b;
	font-size: 14px;
	padding-bottom: 18px;
	padding-top: 4px;
	text-align: center
}

.student-icon {
	max-width: 60px
}

.student-icon .student-img {
	width: 60px;
	height: 60px;
	border-radius: 100%;
	border: 2px solid #fff;
	display: inline-block;
	position: relative;
	z-index: 1
}

.student-icon img {
	width: 60px;
	border-radius: 100%;
	border: 3px solid rgba(255, 255, 255, .3);
	display: inline-block
}

.students-list .boy-icon,
.students-list .girl-icon {
	padding-bottom: 10px
}

.student-card {
	border: 1px solid #ccc;
	background: #e7e8e8;
	border-radius: 5px;
	min-height: 286px;
	margin: 0;
	padding: 20px 25px 15px
}

.student-arrow:after,
.student-arrow:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none
}

.student-arrow:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #e7e8e8;
	border-width: 12px;
	margin-left: -12px
}

.student-arrow:before {
	border-color: rgba(194, 225, 245, 0) rgba(194, 225, 245, 0) #ccc;
	border-bottom-color: #ccc;
	border-width: 14px;
	margin-left: -14px;
	display: none
}

.family-selfie .student-arrow:after {
	border-bottom-color: rgba(0, 0, 0, .3)
}

.family-selfie .student-arrow:before {
	border-color: rgba(194, 225, 245, 0) rgba(194, 225, 245, 0) #ccc
}

.student-arrow {
	display: inline-block;
	left: 0;
	margin-left: 56px;
	margin-top: 0;
	position: absolute;
	top: 1px;
	display: none
}

.active-arrow:after,
.active-arrow:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none
}

.active-arrow:after {
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #e7e8e8;
	border-width: 12px;
	margin-left: -12px;
	margin-top: 54px;
	top: 0
}

.family-selfie .active-arrow:after {
	border-top-color: #ccc
}

.family-selfie .active-arrow:before {
	border-color: rgba(194, 225, 245, 0) rgba(194, 225, 245, 0) #ccc
}

.active-student:before {
	content: '';
	display: block;
	width: 6px;
	height: 10px;
	border: solid #c6ff00;
	border-width: 0 3px 3px 0;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	position: absolute;
	top: 21px;
	z-index: 2;
	right: 12px;
	border-radius: 1px
}

.active-student:after {
	width: 18px;
	height: 18px;
	border-color: #9a9898;
	background: #9a9898;
	border-radius: 50%;
	content: "";
	display: block;
	position: absolute;
	right: 3px;
	top: 16px;
	z-index: 0
}

@media only screen and (max-width :640px) {
	.student-card {
		padding: 8px
	}
}

.link-c {
	color: #ad1457;
	cursor: pointer;
	font-family: robotoregular
}

.left-nav.nav li.link-c:hover,
.link-c:hover {
	background: 0 0;
	text-decoration: underline;
	color: #ad1457
}

.edit-divider {
	color: #ad1457;
	margin: 0 12px
}

.edit-profile-selfie .edit-divider {
	color: #fff
}

.edit-profile-selfie .fa-trash,
.profile-row .link-c .fa-times {
	font-size: 16px
}

.edit-profile-selfie .edit-divider:hover {
	color: #fff;
	cursor: default
}

.profile-avatar {
	max-width: 125px;
	padding-right: 16px !important
}

.profile-avatar img {
	width: 100px;
	border-radius: 100%;
	border: 4px solid #999;
	display: inline-block
}

.profile-avatar .db-ios-img {
	height: 90px;
	width: 90px
}

.profile-img {
	border: 4px solid #999;
	border-radius: 100%;
	display: inline-block;
	width: 90px;
	height: 90px
}

.cur-indian,
.pgrade {
	padding-right: 4px;
	position: relative;
	min-width: 54px
}

.cur-indian {
	min-width: 202px
}

.pgrade,
.pstudent-year,
.school-rating {
	position: relative;
	white-space: nowrap
}

.edit-profile-img {
	color: #fff;
	text-align: center;
	padding: 5px 0;
	font-family: robotoregular;
	min-width: 66px;
	display: block;
	width: 90px;
	cursor: pointer
}

.edit-profile-img>span:hover {
	text-decoration: underline
}

.delete-profile-avatar,
.edit-profile-link {
	cursor: pointer
}

.disabled-edit-link {
	cursor: default !important
}

.profile-row .edit-profile-img {
	color: #ad1457
}

.family-selfie .pstudent-year {
	color: #a7a5a3
}

.pink-border-button .text-center {
	margin-bottom: 10px
}

.take-photo-wrapper {
	height: 100%;
	width: 100%;
	display: block;
	position: absolute;
	left: auto;
	top: 0;
	display: none;
	z-index: 5;
	overflow: hidden;
	position: relative;
	height: auto;
	max-height: 366px
}

.preview-video {
	display: block
}

.take-photo-button {
	position: absolute;
	z-index: 6;
	bottom: 0;
	right: 0;
	display: block;
	overflow: hidden;
	margin-right: 45px;
	margin-bottom: 20px
}

.take-photo-video {
	height: 100%;
	overflow: hidden;
	position: relative;
	width: inherit
}

.close-video-preview {
	position: absolute;
	z-index: 6;
	top: 0;
	right: 0;
	display: block;
	overflow: hidden;
	margin-right: 45px;
	margin-top: 20px;
	color: #fff;
	font-size: 20px;
	cursor: pointer
}

@media only screen and (min-width :768px) and (max-width :799px) {
	.navbar-collapse {
		padding-left: 0
	}
}

.notify-box {
	background-color: #fff;
	border: 1px solid #ad1457;
	margin: 5px auto !important;
	width: 96vw !important
}

.notify-box span {
	font-size: 14px;
	padding: 15px
}

.profile-avatar .link-c {
	padding: 5px 0;
	cursor: pointer
}

.student-card .action-buttons {
	margin-top: 18px
}

.student-card .column-text {
	line-height: 28px;
	font-size: 14px
}

.student-info .column-text {
	margin-bottom: 5px;
	font-size: 14px;
	font-family: robotoregular
}

.student-info h1.profile-name {
	font-size: 16px;
	margin-bottom: 15px
}

.student-card .link-c {
	font-family: robotomedium
}

.student-card .profile-name {
	font-size: 22px;
	margin-bottom: 10px
}

.camera-icon .selfie-head {
	color: #6d6e70;
	font-size: 18px;
	padding-top: 5px;
	position: relative;
	vertical-align: top
}

.video-head-login {
	font-size: 24px;
	text-align: center;
	padding-top: 10px;
	color: #fff;
	word-break: break-all;
	float: inherit;
	width: 100%;
	max-width: 450px;
	margin: 0 auto
}

.video-head {
	font-size: 20px;
	text-align: center;
	padding-top: 10px;
	color: #000;
	word-break: break-all;
	word-wrap: break-word;
	float: left;
	width: 100%
}

.cur-text {
	color: #fff
}

.cur-indian .cur-text,
.school-rating .cur-text {
	color: rgba(255, 255, 255, .85)
}

.survey-icon-holder {
	max-width: 102px
}

.survey-icon-holder i {
	font-size: 74px;
	text-align: center;
	color: #76c043
}

.survey-row {
	padding: 40px 0 20px
}

.survey-row .news-brief {
	line-height: normal
}

.survey-row .pink-border-button button {
	width: 145px;
	margin-top: 20px;
	font-family: robotomedium
}

.survey-row h2 {
	font-size: 24px;
	margin-top: 0;
	color: #35495e;
	font-family: robotolight
}

.edit-profile-form .field-holder,
.feedback-form .field-holder {
	display: block;
	margin-bottom: 40px;
	overflow: hidden;
	position: relative
}

.feedback-form .field-holder {
	margin-bottom: 20px;
	min-height: 64px
}

.feedback-form .mb-5 {
	margin-bottom: 5px
}

.feedback-form .mb-10 {
	margin-bottom: 10px
}

.user-login-info span:first-child,
.user-login-info>div:first-child {
	color: #000
}

.edit-profile-form .pro-label {
	height: 34px;
	margin-top: 8px;
	vertical-align: top;
	width: 25%;
	min-width: 88px
}

.profile-rating {
	position: relative;
	min-width: 86px
}

.edit-profile-form .profile-details {
	padding: 7px 0 5px;
	position: relative
}

.edit-profile-form .field-holder {
	display: inline-block;
	margin-bottom: 0;
	width: 60%;
	margin-left: 20px
}

.edit-profile-form .field-holder .form-control,
.feedback-form .field-holder .form-control {
	width: 85%;
	background-color: transparent;
	border: 0;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	color: rgba(0, 0, 0, .8);
	box-shadow: none;
	border-radius: 0;
	padding-left: 0
}

.edit-profile-form .field-holder .form-control {
	width: 100%
}

.edit-profile-form .field-holder .form-control:focus,
.feedback-form .field-holder .form-control:focus {
	border-bottom: 1px solid #ad1457
}

.feedback-form-wrapper {
	margin-top: 57px
}

.feedback-form button.btn {
	width: 146px
}

.disabled-button button.btn {
	border: 1px solid #d8d9da;
	color: #abadaf;
	cursor: default;
	pointer-events: none
}

.banner-overlay {
	background: rgba(0, 0, 0, .5);
	display: none;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.dashboard-banner .banner-overlay {
	background: rgba(0, 0, 0, .6)
}

.student-card-wrapper {
	position: relative;
	z-index: 1
}

.parents-video img {
	text-align: right
}

.parents-video {
	text-align: right;
	margin-top: 2px
}

.family-selfie {
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
	overflow: hidden;
	position: relative;
	background-position: center center;
	visibility: visible
}

.family-selfie .column-text,
.family-selfie .dashboard-title h1,
.family-selfie .parents-name,
.family-selfie .pstudent-year,
.family-selfie .selfie-head,
.family-selfie .students-name {
	color: #fff
}

.family-selfie .navbar-nav>li>a {
	color: rgba(255, 255, 255, .85)
}

.family-selfie .navbar-nav>li>a:hover {
	color: #fff
}

.family-selfie .camera-icon i {
	color: rgba(255, 255, 255, .6)
}

.year-label {
	margin-right: 4px
}

.family-selfie .dashboard-title h1 {
	font-family: robotoregular, "Droid Arabic Kufi";
	font-size: 18px;
	margin-top: -5px;
	margin-bottom: 7px
}

.family-selfie .dashboard-title h1>span:first-child {
	vertical-align: top;
	padding-top: 4px;
	line-height: 20px;
	height: 20px
}

.family-selfie ul.navbar-nav li {
	border-right: 1px solid rgba(255, 255, 255, .3);
	height: 18px
}

.dashboard-nav-wrapper ul.navbar-nav li {
	border-right: 0 solid #ccc
}

.db-border:after {
	border-right: 1px solid rgba(255, 255, 255, .5);
	content: "";
	height: 16px;
	position: absolute;
	top: 5px;
	left: 0
}

.dashboard-nav-wrapper ul.navbar-nav li:first-child,
.dashboard-nav-wrapper ul.navbar-nav li:last-child {
	border-right: 0
}

.family-selfie ul.navbar-nav li:last-child {
	border-right: 0
}

.student-card .sc-arrow {
	border-color: transparent transparent #e7e8e8 transparent;
	border-style: solid;
	border-width: 10px;
	display: block;
	height: 0;
	position: absolute;
	left: 32px;
	top: -19px;
	width: 0;
	z-index: 0;
	display: none
}

.student-card-banner {
	position: relative
}

.family-selfie .sc-arrow:after {
	border-top: 1px solid rgba(255, 255, 255, .3);
	display: none
}

.family-selfie .sc-arrow {
	background: rgba(0, 0, 0, .3) none repeat scroll 0 0;
	border: 1px solid rgba(255, 255, 255, .3);
	border-left: 0;
	border-bottom: 0;
	border-radius: 4px;
	box-shadow: -1px 1px 1px rgba(0, 0, 0, .1);
	display: inline-block;
	height: 18px;
	left: 0;
	margin-left: 35px;
	margin-top: -8px;
	position: absolute;
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	width: 18px;
	z-index: 0;
	display: none
}

.family-selfie .dashboard-title h1 .edit-profile {
	text-shadow: none
}

.family-selfie .dashboard-title h1 .db-title {
	position: relative;
	min-width: 82px;
	display: inline-block
}

.db-title-hide .db-title~span:not(.db-title) {
	margin: 0 5px
}

.family-selfie .dashboard-title h1 .db-title:first-child,
.family-selfie .dashboard-title h1 .db-title:last-child {
	min-width: 58px;
	display: inline-block;
	vertical-align: top
}

.family-selfie .dashboard-title h1 .db-title:first-child {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	max-width: 140px
}

.edit-profile {
	font-size: 14px;
	cursor: pointer
}

.family-selfie .banner-overlay {
	display: block;
	background: rgba(255, 255, 255, .5)
}

label {
	font-weight: 400
}

.input-md input[type=checkbox] {
	left: auto;
	width: 85%;
	opacity: 0;
	position: absolute;
	z-index: 1;
	cursor: pointer;
	top: -8px;
	height: 30px;
	display: inline-block
}

.input-md input[type=checkbox]+.f-label {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	padding-left: 30px
}

.input-md input[type=checkbox]+.f-label:before {
	position: absolute;
	left: 0;
	display: block;
	content: "";
	border: 1px solid #ad1457;
	height: 16px;
	width: 16px;
	border-radius: 2px;
	background: #fff;
	background: 0 0;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	box-sizing: border-box;
	top: 0
}

.mark-section.input-md input[type=checkbox]+.f-label:before {
	top: 2px;
	border-color: #fff
}

.mark-section.input-md input[type=checkbox]:checked+.f-label:before {
	background: #fff
}

.mark-section.input-md input[type=checkbox]:checked+.f-label:after {
	border-color: #ad1457
}

.input-md input[type=checkbox]+.f-label:after {
	position: absolute;
	display: block;
	content: "";
	top: 2px;
	left: 7px;
	width: 6px;
	height: 13px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	opacity: 0;
	-webkit-transition: opacity .3s ease;
	transition: opacity .3s ease;
	-moz-transition: opacity .3s ease;
	-ms-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	-webkit-transition-delay: .1s;
	-moz-transition-delay: .1s;
	-ms-transition-delay: .1s;
	-o-transition-delay: .1s;
	transition-delay: .1s;
	box-sizing: border-box
}

.input-md input[type=checkbox]:checked+.f-label:before {
	background: #ad1457;
	border-color: #ad1457
}

.input-md input[type=checkbox]:checked+.f-label:after {
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	opacity: 1
}

.input-md input[type=checkbox][disabled]+.f-label {
	color: #ccc
}

.input-md input[type=checkbox][disabled]+.f-label:before {
	border-color: #ccc
}

.input-md input[type=checkbox][disabled]:checked+.f-label:before {
	background: #ccc
}

.mark-section.input-md input[type=checkbox]+.f-label:after {
	left: 5px;
	height: 11px;
	top: 3px
}

.input-md input[type=checkbox]+.f-label {
	padding-left: 25px
}

.field-holder .input-md {
	position: relative
}

.input-md input[type=radio]+.f-label {
	color: #666
}

.field-holder .enquiry-about {
	color: #000;
	margin-right: 10px;
	font-family: robotoregular, Droid Arabic Kufi
}

.upload-file {
	background-color: #e6e6e6;
	color: #333;
	padding: 5px 12px;
	border: 0;
	border-radius: 2px;
	margin-top: 10px;
	cursor: pointer
}

.upload-file:hover {
	color: #ad1457
}

.query-attachment div:first-child {
	color: #000
}

.query-attachment .link-c {
	display: inline-block;
	margin-left: 20px
}

.no-file-chosen {
	color: #666;
	padding-left: 20px
}

.user-login-info {
	font-size: 14px;
	margin-top: 10px;
	color: #666
}

.field-holder .user-login-info:first-child {
	margin-top: 0
}

.faq-dd-field input::-moz-placeholder {
	color: #000;
	opacity: 1
}

.faq-dd-field input:-ms-input-placeholder {
	color: #000
}

.faq-dd-field input::-webkit-input-placeholder {
	color: #000
}

.input-md input[type=radio] {
	height: 30px;
	left: auto;
	opacity: 0;
	position: absolute;
	top: -8px;
	width: 85%;
	z-index: 1;
	cursor: pointer
}

.input-md input[type=radio]+.f-label {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	padding-left: 30px
}

.input-md input[type=radio]+.f-label:after,
.input-md input[type=radio]+.f-label:before {
	position: absolute;
	left: 6px;
	top: 2px;
	display: block;
	content: "";
	border: 1px solid #777;
	height: 16px;
	width: 16px;
	border-radius: 50%;
	background: #fff;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	background-clip: padding-box
}

.input-md input[type=radio]+.f-label:after {
	background: #ad1457;
	border: 2px solid #fff;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	-ms-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease
}

.input-md input[type=radio]:checked+.f-label:before {
	border-color: #777
}

.input-md input[type=radio]:checked+.f-label:after {
	-webkit-transform: scale(.75, .75);
	-ms-transform: scale(.75, .75);
	-moz-transform: scale(.75, .75);
	-o-transform: scale(.75, .75);
	transform: scale(.75, .75)
}

.mark-fee.input-md input[type=checkbox]+.f-label:before {
	top: 2px;
	border-color: #fff
}

.mark-fee.input-md input[type=checkbox]+.f-label:after {
	left: 5px;
	height: 10px;
	top: 4px
}

.mark-fee.input-md input[type=checkbox]:checked+.f-label:before {
	background: #fff
}

.mark-fee.input-md input[type=checkbox]:checked+.f-label:after {
	border-color: #666
}

.mark-fee.input-md input[type=checkbox]+.f-label:before {
	top: 2px;
	border-color: #666
}

.mark-fee.input-md input[type=checkbox]:checked+.f-label:before {
	background: 0 0;
	border-color: #ad1457
}

.mark-fee.input-md input[type=checkbox]:checked+.f-label:after {
	border-color: #ad1457
}

.agree-terms .input-md input[type=checkbox][disabled]+.f-label {
	color: #404041
}

.agree-terms .mark-section input[type=checkbox]+.f-label:before {
	border-color: #ad1457
}

.agree-terms .input-md input[type=checkbox]:checked+.f-label:before {
	background: #ad1457
}

.agree-terms .input-md input[type=checkbox]:checked+.f-label:after {
	border-color: #fff
}

.marked-read .input-md input[type=checkbox]:checked+.f-label:after {
	border-color: #679f42
}

.marked-read .input-md input[type=checkbox]:checked+.f-label:before {
	background: #fff;
	border-color: #679f42;
	border-color: #fff
}

.resend-pw {
	text-transform: uppercase;
	margin-top: 4px
}

.error-msg {
	font-size: 14px;
	color: #f3493d;
	position: relative;
	padding: 4px 0 0;
	display: inline-block;
	width: 100%;
	text-align: left;
	font-family: robotoregular
}

.alert {
	padding: 8px;
	max-width: 740px;
	margin: 0 auto;
	min-width: 100px;
	width: auto;
	display: inline-block;
	font-family: robotoregular;
	position: relative
}

.alert i {
	padding-left: 2px;
	padding-right: 2px
}

.alert a:active,
.alert a:hover {
	color: #ad1457;
	text-decoration: underline
}

.alert-info.message-with-icon {
	padding-left: 30px;
	margin-top: 10px
}

.alert-info.message-with-icon span {
	display: inline-block
}

.message-with-icon.alert-info i {
	color: #31708f;
	top: 9px;
	left: 5px
}

.alert-danger,
.alert-warning {
	padding-left: 30px;
	position: relative;
	text-align: left
}

.alert-danger i,
.alert-warning i {
	display: inline;
	position: absolute;
	left: 7px;
	margin-top: 3px
}

.backend-msg-bg {
	background: rgba(255, 255, 255, .85);
	border-radius: 4px;
	padding: 6px 10px;
	width: 85%;
	letter-spacing: .1px;
	margin: 10px 0 0;
	font-size: 12px;
	font-family: robotoregular;
	display: block;
	text-shadow: none;
	color: #f3493d
}

.login-form-wrapper .backend-msg-bg {
	color: #f3493d;
	min-width: 260px;
	width: 87%;
	padding-left: 28px;
	position: relative
}

.signup-form-wrapper .backend-msg-bg {
	width: 100%;
	color: #f3493d;
	min-width: 260px;
	padding-left: 28px;
	position: relative
}

.uae-pass {
	display: inline-block
}

.error-msg ul {
	padding-left: 0;
	margin-bottom: 0
}

.backend-msg-bg .fa-exclamation-triangle {
	font-size: 14px;
	position: absolute;
	left: 8px;
	right: auto;
	top: 7px
}

.error-msg-vhidden,
.error-msg-vhidden.ng-hide {
	height: 1.4em;
	line-height: normal;
	text-align: left;
	visibility: hidden;
	width: 100%
}

.error-msg-vhidden.ng-hide {
	display: inline-block !important
}

.error-msg-vhidden {
	visibility: visible;
	height: auto
}

.remember-me input[type=checkbox] {
	width: 28%;
	min-width: 128px
}

.input-md.remember-checkbox {
	color: #fff;
	display: inline-block;
	font-size: 14px;
	margin-bottom: 25px;
	position: relative;
	width: 100%;
	text-align: left;
	line-height: normal
}

.input-md.remember-checkbox input[type=checkbox]+.f-label:before {
	background: 0 0;
	border: 2px solid rgba(255, 255, 255, .7);
	top: 2px
}

.input-md.remember-checkbox input[type=checkbox]:checked+.f-label:before {
	background: #fff;
	border-color: #fff
}

.input-md.remember-checkbox input[type=checkbox]:checked+.f-label:after {
	border-bottom: 2px solid #ad1457;
	border-right: 2px solid #ad1457
}

.input-md.remember-checkbox input[type=checkbox]+.f-label:before {
	height: 14px;
	width: 14px
}

.input-md.remember-checkbox input[type=checkbox]+.f-label {
	padding-left: 23px;
	min-width: 130px;
	font-family: robotoregular;
	line-height: normal
}

.input-md.remember-checkbox input[type=checkbox]+.f-label:after {
	height: 10px;
	left: 4px;
	top: 3px;
	width: 6px
}

.action-buttons .pink-button .btn.disabled,
.action-buttons .pink-button .btn[disabled],
.action-buttons .pink-button .btn[disabled]:hover,
.btn.disabled,
.btn.disabled:hover,
.btn[disabled],
.btn[disabled]:hover,
fieldset[disabled] .btn,
fieldset[disabled] .btn:hover {
	background: #575757;
	cursor: default;
	opacity: 1;
	border-color: #a3a5a7;
	color: #fff;
	font-weight: 400;
	box-shadow: none;
	cursor: not-allowed
}

.action-buttons .pink-button .btn {
	border: 0 solid rgba(255, 255, 255, .8);
	text-transform: uppercase;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 13px
}

.action-buttons button.btn {
	margin-bottom: 10px
}

.action-buttons .pink-button .btn:hover {
	background: #690034;
	color: #fff
}

.school-near-here {
	background: url(../../../themes/common/images/googlemap.png) no-repeat transparent;
	height: 76px;
	background-size: 59px 59px;
	width: 100%;
	text-align: left;
	padding-left: 80px;
	font-family: robotoregular;
	background-position-y: center;
	background-position-x: 10px;
	border: 1px solid transparent;
	border-radius: 3px;
	transition: all .2s ease 0s
}

.school-near-here:hover {
	background-color: rgba(173, 20, 87, .16);
	border: 1px solid rgba(173, 20, 87, .2)
}

.school-near-here div:first-child {
	font-size: 14px;
	text-transform: uppercase;
	color: #ad1457
}

.school-near-here div:last-child {
	color: #000;
	font-size: 13px
}

.action-buttons>.pink-button:not(.ng-hide)~.pink-button~.pink-button {
	margin-top: 10px
}

.map-wrapper {
	background: #d7dbdf;
	display: block;
	height: auto;
	min-height: calc(100% - 100px);
	min-height: -webkit-calc(100% - 100px);
	min-height: 100%;
	padding-top: 144px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 100%;
	overflow: hidden
}

.map-holder {
	height: 100%;
	width: 100%;
	position: relative;
	top: 0
}

.location-mark {
	display: none
}

.school-mark {
	width: 169px;
	padding-bottom: 15px;
	overflow: hidden
}

.school-mark .schools-list {
	padding-top: 18px
}

.school-mark .locate-map-label {
	left: 9px;
	width: 18px;
	text-align: center
}

.school-mark .map-arrow {
	left: 0;
	margin-top: -1px
}

.school-mark .schools-list>span:first-child {
	padding-left: 0;
	float: left
}

.school-mark .schools-list .school-name,
.school-mark .schools-list span.list-row {
	text-align: left
}

.school-mark .schools-list .school-name {
	padding-left: 31px;
	width: 172px
}

.school-mark .schools-list .school-name,
.school-mark .schools-list span.list-row {
	text-align: left
}

.school-mark .schools-list .list-row {
	padding-left: 30px;
	padding-right: 0
}

.map-menu {
	position: relative;
	z-index: 1;
	width: 240px;
	display: block;
	height: 100%
}

.map-menu-holder {
	padding-left: 0
}

.map-menu-holder:after {
	background: #add8e6;
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	width: 240px;
	box-shadow: 0 3px 4px 0 rgba(50, 50, 50, .3);
	display: none
}

.left-nav-bg,
.map-menu-bg,
.mobile-left-nav-bg {
	height: 100%;
	position: fixed;
	left: auto;
	top: 0;
	bottom: 0;
	width: 240px;
	z-index: 0;
	background: rgba(255, 255, 255, .85);
	box-shadow: 0 3px 4px 0 rgba(50, 50, 50, .3)
}

.map-menu-bg {
	background: #fff;
	background: #fff
}

.mobile-left-nav-bg {
	display: none
}

.left-nav-bg {
	background: rgba(255, 255, 255, .85)
}

.map-menu .schools-list:first-child {
	padding-top: 20px
}

.schools-list span.list-row {
	display: block;
	padding-left: 50px;
	padding-right: 30px;
	line-height: 25px
}

.schools-list .school-name,
.schools-list>span:first-child {
	display: inline-block
}

.schools-list>span:first-child {
	width: 48px;
	padding-right: 0;
	padding-left: 20px;
	vertical-align: top
}

.schools-list .school-name {
	width: 70%;
	padding-left: 0;
	padding-right: 0;
	color: #35495e
}

.schools-list {
	padding: 24px 0 0
}

.map-menu .schools-list:last-child {
	margin-bottom: 25px
}

.active-school.schools-list {
	background: #d7d8d9;
	padding-bottom: 20px
}

.db-nav-avatar {
	left: 5px;
	min-width: 85px;
	position: absolute;
	top: -19px;
	width: 85px
}

.db-nav-img {
	border-radius: 100%;
	display: inline-block;
	height: 62px;
	width: 62px;
	border: 1px solid #ad1457;
	-o-transition: height .3s ease 0s;
	-ms-transition: height .3s ease 0s;
	-moz-transition: height .3s ease 0s;
	-webkit-transition: height .3s ease 0s;
	transition: height .3s ease 0s
}

.back-btn {
	width: 74px;
	padding-right: 0;
	text-align: left;
	cursor: pointer
}

.back-btn a,
.no-wrap {
	white-space: nowrap
}

.back-btn a,
.back-btn a:hover {
	color: grey;
	display: inline-block;
	line-height: 23px;
	cursor: pointer;
	color: #fff
}

.back-btn i {
	margin-right: 4px;
	font-size: 24px;
	margin-left: 4px;
	vertical-align: bottom;
	padding-top: 0
}

.dashboard-nav-wrapper {
	padding-top: 20px;
	padding-right: 11px
}

.section-nav .dashboard-nav-wrapper {
	padding-top: 0
}

.nav-avatar-wrapper {
	padding-left: 0;
	padding-right: 0;
	width: 74px;
	height: 20px;
	text-align: left
}

.navbar-default .dashboard-nav-wrapper .navbar-nav>li>a {
	color: #ad1457
}

.db-nav-avatar img {
	border: 1px solid #ad1457;
	border-radius: 100%;
	display: inline-block;
	width: 62px;
	height: 62px
}

.locate-label {
	position: relative;
	text-align: center;
	width: 100%;
	z-index: 1;
	padding: 1px 2px 0 0
}

.locate-map-label {
	position: absolute;
	color: #fff;
	text-align: left;
	padding: 0;
	margin: 0;
	left: 30px;
	line-height: 22px
}

.locate-icon {
	color: #fff;
	font-size: 12px;
	font-family: robotomedium
}

.map-arrow {
	display: inline-block;
	font-size: 34px;
	left: 15px;
	margin-top: -3px;
	position: absolute;
	text-align: center;
	width: 26px;
	color: #ca0241
}

.map-arrow.current-pin {
	color: #35495e
}

.map-arrow.other-pin {
	border-color: #c70241 transparent transparent
}

.aed-txt {
	color: #3e495f
}

.aed-txt>span {
	color: #888;
	font-size: 10px
}

.outstanding-txt {
	color: #68e26d
}

.available-txt {
	color: #00c000;
	padding: 0;
	font-family: robotomedium
}

.forgot-pw-valid .pink-border-button .btn[disabled].hide-validate,
.forgot-pw-valid .pink-border-button .btn[disabled].hide-validate:hover {
	display: none
}

.action-buttons .button-text-block {
	font-family: robotoregular
}

.available-txt .fa-check-circle,
.contract-txt .fa-exclamation-triangle,
.icon-KHDA_badges {
	font-size: 16px
}

.available-txt .fa-check-circle,
.contract-txt .fa-exclamation-triangle {
	margin-right: 2px
}

.contract-txt {
	color: red;
	padding: 0;
	font-family: robotomedium
}

.list-row .aed-txt {
	font-family: robotomedium;
	color: #35495e;
	font-size: 12px
}

.mlist-label {
	color: #35495e;
	font-size: 12px;
	font-weight: 400
}

.acceptable-txt {
	color: #ad1457;
	padding: 0;
	font-family: robotomedium
}

.dashboard-nav-wrapper .dashbord-nav {
	width: inherit;
	display: inline-block
}

.profile-nav-top {
	display: inline-block;
	vertical-align: top
}

.profile-parent-head {
	padding-right: 20px !important;
	width: auto !important
}

.points-divider {
	border-left: 1px solid rgba(255, 255, 255, .6);
	height: 16px;
	margin-left: 3px;
	padding: 0 0 0 3px;
	position: relative;
	width: 1px;
	line-height: 19px;
	vertical-align: top
}

.schoold-round-head {
	color: #fff;
	display: inline-block;
	font-size: 18px;
	position: relative;
	min-width: 107px;
	width: auto;
	padding-right: 0;
	text-align: left;
	padding-left: 0
}

.dashboard-nav-wrapper .navbar-nav>li>a {
	padding-bottom: 0;
	padding-top: 3px;
	color: #fff
}

.section-head .col-md-11 {
	padding-top: 3px
}

.navbar-default .dashboard-nav-wrapper .navbar-toggle {
	border-color: transparent;
	padding-bottom: 0;
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 0
}

@media only screen and (min-width :768px) and (max-width :820px) {
	.dashboard-nav-wrapper .col-sm-7 {
		max-width: 54.33%;
		padding-right: 0
	}
}

@media only screen and (max-width :767px) {
	.schoold-round-head {
		padding-left: 5px;
		font-size: 16px
	}

	.dashboard-nav-wrapper ul.navbar-nav li {
		padding: 10px 0;
		border-right: 0
	}
}

@media only screen and (max-width :550px) {
	.skyline-dashboard {
		height: 100px !important;
		margin-top: -31px !important
	}
}

.dashboard-nav-wrapper .navbar-collapse {
	box-shadow: none;
	border: 0;
	width: 100%
}

.map-close-icon {
	background: rgba(0, 0, 0, .4);
	color: rgba(255, 255, 255, .7);
	position: absolute;
	right: 0;
	margin-top: -4px;
	margin-right: 60px;
	top: auto;
	font-size: 16px;
	cursor: pointer;
	z-index: 10;
	border-radius: 100%;
	height: 36px;
	width: 36px;
	text-align: center;
	line-height: 36px
}

.map-loader {
	border: 0 solid green;
	display: block;
	height: inherit;
	max-width: 1140px;
	min-height: 100%;
	padding-top: 144px;
	position: absolute;
	text-align: center;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: inherit;
	z-index: 0;
	min-height: 100%
}

.angular-google-map {
	border: 0 solid green;
	display: block;
	height: inherit;
	max-width: 1140px;
	padding-left: 10px;
	min-height: 100%;
	padding-top: 129px;
	position: absolute;
	text-align: center;
	top: 0;
	width: inherit;
	z-index: 0;
	min-height: 100%;
	left: 0;
	right: 0;
	margin: 0 auto
}

.map-wrapper .container {
	min-width: 300px
}

@media screen and (min-width:675px) and (max-width:767px) {
	.map-wrapper .container {
		width: 690px
	}
}

@media screen and (min-width:200px) and (max-width:669px) {
	.map-wrapper .container {
		width: 100%
	}
}

.map-wrapper .map-menu-bg {
	z-index: 1
}

.map-block {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	top: auto;
	padding-left: 20px;
	padding-right: 20px
}

.angular-google-map {
	height: 100%
}

.angular-google-map-container {
	min-height: 100%
}

.onboarding-wrapper,
.section-wrapper {
	background: #d7dbdf;
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	height: auto;
	min-height: 100%;
	padding-top: 139px;
	position: relative
}

.onboarding-wrapper {
	background: 0 0
}

.section-wrapper {
	padding-top: 134px
}

.onboarding-wrapper {
	padding-top: 130px;
	overflow: hidden;
	position: relative
}

.onboarding-wrapper .container {
	position: relative
}

.section-bg {
	background-size: 100% 100%;
	background-position: center center;
	background-color: #612d69;
	display: block;
	height: inherit;
	left: 0;
	margin: 0 auto;
	max-width: 1170px;
	min-height: 100%;
	padding-top: 144px;
	position: absolute;
	right: 0;
	top: 0;
	width: inherit;
	z-index: 0;
	width: 100%
}

.top-header-wrapper {
	padding: 7px 0 5px
}

.section-nav {
	left: 0;
	position: fixed;
	right: 0;
	z-index: 1030;
	top: 79px;
	background: #ad1457;
	margin-top: 13px;
	border-color: #ad1457;
	height: 38px;
	padding: 7px 10px 5px 0;
	box-shadow: 0 3px 3px 0 rgba(50, 50, 50, .3)
}

.top-header {
	padding-top: 13px;
	min-height: 92px
}

.left-nav {
	display: block;
	height: 100%;
	padding-top: 0;
	position: relative;
	width: 240px;
	z-index: 1;
	padding-left: 10px;
	font-family: robotoregular
}

.student-gems-count {
	font-family: robotomedium;
	font-size: 18px;
	color: #f47e16
}

.needs-text-head {
	font-family: robotomedium;
	color: #58595b;
	font-size: 14px
}

.left-nav-wrapper {
	min-width: 240px;
	max-width: 240px;
	padding-left: 0
}

.left-nav li a i {
	margin-right: 10px;
	font-size: 20px;
	width: 24px;
	text-align: center;
	color: #ad1457;
	vertical-align: top
}

.left-nav li a i.icon-KHDA_Admission {
	font-size: 18px
}

.left-nav>li>a {
	padding-left: 20px;
	color: #231f20;
	margin-bottom: 2px
}

.left-nav>li>a .icon-KHDA_Graduation_requirements {
	font-size: 26px
}

.active-tab {
	background: #35495e;
	color: #fff
}

.boarding-process-status {
	margin-left: 8px;
	min-width: 110px;
	padding-left: 0;
	position: relative
}

.boarding-process-status:after {
	background: #679f42;
	position: absolute;
	content: "";
	display: block;
	left: 0;
	width: 100%;
	top: 0;
	margin-top: -13px;
	z-index: -1;
	border-radius: 2px 2px 0 0;
	min-width: 110px;
	box-shadow: 0 0 0 1px rgba(50, 50, 50, .16);
	height: 44px;
	line-height: normal
}

.onboard-student-title {
	max-width: 14em;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: bottom;
	white-space: nowrap
}

@media only screen and (min-width :768px) and (max-width :995px) {
	.onboard-student-title {
		font-size: 14px;
		width: 4.23em;
		white-space: nowrap;
		text-overflow: ellipsis;
		vertical-align: bottom;
		overflow: hidden
	}
}

@media only screen and (min-width :996px) and (max-width :1022px) {
	.onboard-student-title {
		font-size: 14px;
		width: 15.9em;
		white-space: nowrap;
		text-overflow: ellipsis;
		vertical-align: bottom;
		overflow: hidden
	}
}

.boarding-process-status .completed-text {
	font-size: 12px;
	font-family: robotoregular;
	line-height: 19px;
	vertical-align: top;
	padding-right: 5px
}

.boarding-process-status .completed-text,
.boarding-process-status i {
	color: #35495e
}

.boarding-process-status i {
	font-size: 22px;
	color: #222;
	line-height: 10px;
	padding-left: 7px
}

.points-holder {
	position: relative;
	padding-right: 3px;
	cursor: pointer
}

.points-holder:after {
	cursor: pointer;
	content: "";
	position: absolute;
	height: 46px;
	width: 98%;
	top: -13px
}

.completed-status {
	font-family: robotomedium;
	font-size: 13px;
	color: #fff;
	line-height: 19px;
	vertical-align: top
}

.left-nav li.active-tab>a,
.left-nav li.active-tab>a i {
	color: #fff
}

.left-nav li.active-tab>a {
	font-family: robotoregular
}

.left-nav li>a {
	font-family: robotoregular;
	font-size: 14px;
	cursor: pointer
}

.left-nav.nav span {
	width: 126px
}

.left-nav.nav button span {
	width: auto
}

.canvas-menu.nav .badge.bg-success {
	max-width: 100px;
	width: auto;
	position: relative;
	display: inline-block;
	top: auto
}

.canvas-menu.nav .fa-bell {
	font-size: 18px
}

.left-nav.nav .read-done {
	position: absolute;
	right: 20px;
	top: 11px;
	vertical-align: top;
	width: auto;
	color: #43a047
}

.login-form-head {
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	margin: 20px 0 15px
}

.read-done i {
	font-size: 18px
}

.left-nav.nav li:hover {
	background: #35495e;
	color: #fff
}

.left-nav.nav li:hover a i,
.left-nav.nav li:hover a>span {
	color: #fff
}

.left-nav.nav li:hover a>span {
	font-family: robotoregular
}

.special-needs .needs-list {
	vertical-align: top;
	padding-bottom: 10px;
	float: none;
	width: 33%;
	min-width: 249px
}

.special-needs-brief {
	padding: 10px 0 15px 0;
	color: #404041;
	font-size: 16px
}

.needs-list-icon {
	max-width: 25px;
	vertical-align: top;
	margin-right: 7px;
	color: #f57f17
}

.needs-list-icon i {
	font-size: 20px
}

.needs-list-icon .icon-KHDA_Book {
	font-size: 22px
}

.special-needs-list {
	display: inline-block;
	line-height: normal;
	margin-bottom: 10px;
	min-height: 24px;
	position: relative;
	width: 100%
}

@media only screen and (max-width :840px) {
	.special-needs .needs-list {
		width: 100%
	}
}

.needs-list-text {
	width: 85%;
	color: #414141;
	font-size: 14px;
	font-family: robotoregular
}

.section-card.curriculum-and-edu {
	padding-top: 30px
}

.ce-list-icon i {
	margin-right: 22px;
	font-size: 20px;
	color: #00c853
}

.ce-list-text {
	color: #000;
	font-family: robotolight
}

.ce-list-desc {
	font-size: 12px;
	color: #231f20;
	line-height: 20px
}

.ce-list,
.ce-list-desc {
	padding-bottom: 25px
}

.subject-offered {
	padding: 20px 0 0 18px
}

.subject-offered-head {
	padding: 30px 20px 4px 20px
}

.car-and-edu-head {
	padding: 0 20px 10px 20px
}

.subject-offered-head .card-icon-holder i {
	font-size: 20px
}

.curriculum-and-edu .card-icon-holder i,
.subject-offered-head i {
	color: #0097a7
}

.subject-offered .col-sm-4.col-xs-12,
.subject-offered .col-sm-4.col-xs-6 {
	display: block;
	line-height: normal;
	min-height: 55px;
	padding: 0;
	position: relative
}

.subject-offered .column-card {
	box-shadow: none;
	padding: 5px 24px 10px
}

.sub-icon {
	max-width: 40px;
	text-align: center
}

.sub-offered-head {
	color: #000;
	font-family: robotoregular;
	font-size: 16px
}

.pass-marks {
	color: #000;
	font-size: 12px
}

.sub-icon .icon-KHDA_Curriculum_top {
	font-size: 20px;
	margin-top: 2px
}

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

	.ce-list,
	.ce-list-desc {
		padding-bottom: 8px
	}

	.ce-list-desc {
		padding-left: 55px
	}

	.ce-list-icon i {
		margin-right: 18px
	}
}

.total-fees {
	font-size: 30px;
	color: #43a047;
	font-family: robotomedium
}

.fees-amt {
	color: #35495e;
	font-size: 30px;
	font-family: robotomedium;
	padding: 0 5px
}

.aed-text {
	color: #58595b;
	font-size: 10px;
	font-family: robotolight
}

.fees-block {
	color: #fff;
	white-space: nowrap;
	font-size: 0;
	text-align: right;
	width: 61%;
	width: 55%;
	position: relative;
	display: block;
	max-width: 346px
}

.fblock-1 i,
.fblock-2 i,
.fblock-3 i,
.fblock-4 i {
	float: left;
	font-size: 18px
}

.fblock-1,
.fblock-2,
.fblock-3,
.fblock-4 {
	min-width: 64px;
	line-height: normal;
	padding: 10px 7px;
	font-size: 14px
}

.fblock-1 {
	background: #1e88e5
}

.fblock-2 {
	background: #ff1744
}

.fblock-3 {
	background: #ef6c00
}

.fblock-4 {
	background: #7b1fa2
}

.fs-list-title {
	font-size: 16px;
	color: #000;
	font-family: robotoregular
}

.fs-completed-status {
	font-size: 32px;
	font-family: robotomedium;
	text-align: right
}

.fs-list-icon i {
	font-size: 38px
}

.mfees-amount {
	font-size: 16px;
	color: #35495e
}

.mfees-details {
	color: #231f20;
	font-size: 12px;
	word-break: break-all;
	word-break: break-word
}

.pay-by {
	color: #58595b;
	font-size: 9px
}

.pay-by-date {
	color: #000;
	font-size: 14px
}

.pay-amt {
	color: #35495e;
	font-family: robotomedium;
	font-size: 14px;
	vertical-align: top
}

.column-card-row,
.mf-table .column-card {
	padding: 0 24px 15px
}

.grasst-card-row {
	padding: 0 15px 15px
}

.fees-card-title {
	margin: 0;
	padding: 0 0 24px 0
}

.mf-table .row.column-card {
	background: #fff;
	border-radius: 0;
	box-shadow: none
}

.mf-table .column-card:last-child {
	padding-bottom: 24px
}

.installment-title {
	color: #58595b;
	font-size: 16px;
	font-family: robotomedium;
	text-align: center
}

.installment-head {
	color: #000
}

.installment-percent {
	color: #43a047;
	font-size: 14px;
	font-family: robotomedium
}

.grass-total .col-md-6 {
	padding-left: 0;
	padding-right: 0;
	border-bottom: 1px solid #ddd;
	height: 26px
}

.border-top-1 {
	border-top: 1px solid #ddd
}

.gtotal-fees .border-top-1 {
	padding-left: 0;
	padding-right: 0;
	padding-top: 10px
}

.discount-head {
	font-size: 12px;
	color: #6d6e70
}

.gtotal-fees {
	color: #43a047;
	font-size: 18px;
	padding: 0;
	margin: 0
}

.gtotal-fees>div:first-child {
	font-family: robotomedium
}

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

	.fblock-1 i,
	.fblock-2 i,
	.fblock-3 i,
	.fblock-4 i {
		font-size: 14px
	}

	.fblock-1,
	.fblock-2,
	.fblock-3,
	.fblock-4 {
		min-width: 36px;
		line-height: normal;
		padding: 10px 7px;
		font-size: 12px
	}

	.fees-amt,
	.total-fees {
		font-size: 26px
	}

	.fees-block,
	.total-fees-wrapper {
		padding-left: 0
	}
}

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

	.fees-block,
	.total-fees-wrapper {
		padding-top: 20px
	}

	.fs-completed-status {
		font-size: 24px
	}
}

.email-and-print {
	text-align: right
}

@media only screen and (min-width :768px) and (max-width :990px) {
	.email-and-print {
		text-align: inherit
	}
}

.contract-details-holder {
	width: auto;
	margin-left: 0;
	margin-right: -29px;
	position: relative;
	display: block
}

.contract-details-holder .col-xs-12 {
	padding-right: 0;
	padding-left: 0
}

.contract-details-holder .section-title {
	margin-top: 15px;
	background: rgba(255, 255, 255, .6);
	color: #222;
	padding: 5px 0 5px 20px
}

.contract-details,
.full-contract-details {
	background: #fff;
	padding: 20px;
	width: 100%;
	max-width: 100%;
	position: relative;
	display: block;
	margin-top: 0;
	border-radius: 0
}

.full-contract {
	width: 100%;
	max-width: 100%;
	position: relative;
	display: block
}

.repeat-contract {
	width: 100%;
	max-width: 100%;
	position: relative;
	display: block
}

.fullContract {
	position: relative;
	display: block;
	margin: 0 0 10px;
	width: auto
}

.full-contract-holds {
	width: 100%;
	max-width: 100%;
	position: relative
}

.contract-details table,
.full-contract table {
	table-layout: fixed;
	word-wrap: initial;
	position: relative;
	z-index: 1;
	min-width: 540px
}

@media only screen and (max-width :1000px) {
	.mobile-app .contract-details table {
		max-width: 540px !important
	}
}

.contract-table-holds {
	overflow-y: hidden;
	overflow-x: hidden;
	width: 100%;
	min-height: .01%;
	display: block;
	position: relative;
	-webkit-overflow-scrolling: touch
}

@media only screen and (max-width :3600px) {
	.contract-table-holds {
		overflow-x: auto
	}

	.table-scroll {
		background-color: #39b44a;
		position: absolute;
		width: 26%;
		left: 0;
		height: inherit;
		transition: all .2s ease;
		-ms-transition: all .2s ease;
		-moz-transition: all .2s ease;
		-webkit-transition: all .2s ease
	}

	.table-scroll-wrap {
		background: #e5e5e5;
		height: 6px;
		width: 100%;
		display: block;
		position: relative
	}
}

.section-spacing .contract-doc-holder {
	background: rgba(255, 255, 255, .6)
}

.login-id-wrapper {
	text-align: center;
	width: 87%;
	display: block;
	overflow: hidden;
	padding-top: 15px;
	margin-bottom: 10px
}

.login-id-wrapper img {
	position: relative;
	z-index: 2
}

.myid-a {
	display: block;
	width: 134px;
	margin: 15px auto 22px
}

.myid-login {
	display: block;
	width: auto;
	margin: 15px auto 15px
}

.myid-login .myid-bg {
	background-color: #fff;
	padding: 2px 0;
	border-radius: 5px
}

.myid-a div {
	background-color: #fff;
	padding: 2px 0;
	border-radius: 5px
}

.myid-a>div img~span {
	position: relative;
	z-index: 2;
	color: #fff
}

.login-by-id {
	color: #fff;
	max-width: 200px;
	display: inline-block;
	background: #ad1457;
	padding: 9px 12px;
	border-radius: 22px;
	min-width: 170px;
	position: relative;
	font-family: robotoregular, Droid Arabic Kufi;
	transition: none
}

.login-id-wrapper>a:hover .login-by-id {
	color: #ad1457;
	background: #fff;
	box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .2);
	font-weight: 600
}

.section-spacing .full-contract {
	background: #fff;
	border-radius: 2px;
	padding-left: 15px;
	margin-top: 0
}

.fullContract .rsbtn {
	margin-bottom: 12px
}

.com-italic {
	font-family: robotolight_italic;
	font-size: 14px;
	color: #414141
}

.tution-fees-warning .msg-italic {
	color: #414141
}

.tution-fees-warning {
	display: block;
	overflow: hidden;
	width: 100%;
	margin-top: 10px
}

.tution-fees-warning>div {
	padding-left: 0
}

.tution-fees-warning>div:first-child {
	margin-top: 3px;
	padding-left: 0;
	padding-right: 0;
	width: 20px
}

.tution-fees-warning i {
	color: #777
}

.card-section-col .com-text {
	font-size: 14px;
	padding-top: 5px
}

.com-ways i {
	font-size: 52px
}

.com-ways-row {
	padding: 16px 12% 16px
}

.com-ways .icon-KHDA_Schools_website {
	color: #7c4dff
}

.com-ways-block {
	margin-bottom: 40px;
	text-align: center;
	margin-top: 10px
}

.agree-terms-sign {
	margin-top: 40px;
	padding-left: 10%
}

.sign-head {
	font-weight: 700;
	text-align: left
}

.sign-holder .person-name {
	text-align: left
}

.com-list-head-icon i {
	font-size: 28px
}

.com-list-icon i {
	font-size: 20px;
	color: #039be5
}

.com-list-icon .icon-KHDA_Parents {
	color: #388e3c
}

.com-list-icon .icon-KHDA_Private_vehicles {
	color: #00c752
}

.com-list-icon .icon-KHDA_Transportation {
	color: #ee4337
}

.com-column {
	padding-left: 0;
	padding-right: 0
}

.com-wrapper.section-card,
.section-card {
	padding: 16px 24px
}

.com-column .column-card.com-head {
	padding-top: 24px;
	padding-bottom: 24px
}

.com-column .column-card {
	padding-top: 10px;
	padding-bottom: 10px
}

.com-column .column-card:last-child {
	padding-bottom: 30px
}

.com-head .fs-list-title {
	padding-top: 5px
}

.com-column .column-card>.col-xs-2 {
	text-align: center
}

.com-column .needs-list-text {
	width: 100%
}

.com-wrapper {
	font-size: 12px;
	color: #231f20;
	line-height: 22px
}

.icon-KHDA_calendar2 {
	font-size: 20px;
	color: #08c957
}

.attendance-text {
	color: #231f20
}

.attendance-italic {
	font-family: robotolight_italic;
	font-size: 14px;
	color: #6d6e70
}

.warning-list i {
	font-size: 42px
}

.warning-list .icon-KHDA_runninglate {
	font-size: 56px;
	color: #651fff
}

.attendance-icon-width {
	max-width: 68px
}

.section-card .attedance-column .column-card {
	box-shadow: none;
	padding: 15px 24px 10px;
	background: 0 0
}

.com-list-head-icon .icon-KHDA_Donts,
.section-head .icon-KHDA_Shield {
	color: #fac02c;
	font-size: 28px;
	margin-top: 5px
}

.com-list-head-icon .icon-KHDA_Donts {
	margin-top: 0
}

.attedance-column .icon-KHDA_Academic_calendar,
.attedance-column .icon-KHDA_Winter_break {
	margin-right: 7px;
	color: #08c957;
	font-size: 16px
}

.attedance-column .icon-KHDA_Winter_break {
	font-size: 20px
}

.com-list-head-icon .icon-KHDA_Donts,
.com-list-icon .icon-KHDA_Donts_1,
.com-list-icon .icon-KHDA_Donts_2,
.com-list-icon .icon-KHDA_Donts_3 {
	color: #d40000
}

.warning-list .icon-KHDA_Online_bullying,
.warning-list .icon-KHDA_Physical,
.warning-list .icon-KHDA_Psychological,
.warning-list .icon-KHDA_emotional_abuse,
.warning-list .icon-KHDa_zero_tolerance {
	color: #00c853
}

.warning-list .icon-KHDA_Online_bullying,
.warning-list .icon-KHDA_Physical,
.warning-list .icon-KHDA_Psychological,
.warning-list .icon-KHDA_emotional_abuse {
	font-size: 22px;
	vertical-align: bottom;
	margin-right: 10px;
	margin-left: 0;
	line-height: normal
}

.policy-list .col-xs-12 {
	padding-left: 0
}

.policy-list {
	margin-top: 15px;
	margin-bottom: 5px
}

.com-list-icon .icon-KHDA_Dos1,
.com-list-icon .icon-KHDA_Dos_2,
.com-list-icon .icon-KHDA_Dos_3 {
	color: #00b0ff
}

.icon-KHDA_Health__safetytop {
	color: #ff9100;
	font-size: 28px
}

.com-list-icon .icon-KHDA_Parents {
	font-size: 30px
}

.com-head .fs-list-icon .icon-KHDA_Parents {
	font-size: 38px
}

.com-column .parents-padding.com-head {
	padding-bottom: 14px
}

.column-card-row .col-xs-2 {
	text-align: center
}

.section-head .icon-KHDA_Transportation_safety {
	font-size: 32px
}

.transport-card-row {
	padding: 0 15px 15px 20px
}

.transportation-holder {
	height: 315px
}

.section-head .icon-KHDA_Warning {
	color: #e70026;
	font-size: 26px
}

.transport-head-icon {
	max-width: 52px
}

.transport-list-icon {
	max-width: 48px
}

.transport-card-row .needs-list-text {
	width: 99%
}

.transport-head-icon .icon-KHDA_Private_vehicles,
.transport-head-icon .icon-KHDA_Transportation {
	color: #00c752;
	font-size: 24px;
	margin-left: 2px
}

.transport-head-icon .icon-KHDA_Transportation {
	color: #ee4337
}

.warning-head .icon-KHDA_Warning {
	color: #e70026;
	font-size: 26px
}

.appeal-step i {
	font-size: 32px
}

.appeal-step-list {
	padding: 0 10px 5px;
	font-size: 14px;
	color: #231f20
}

.warning-list {
	padding-bottom: 10px;
	padding-top: 10px;
	position: relative;
	width: 100%;
	overflow: hidden
}

.no-icon-head {
	padding: 0 15px 0
}

.page-title,
.parent-head {
	color: #58595b;
	color: #fff;
	display: inline-block;
	font-size: 18px;
	min-width: 107px;
	padding-right: 0;
	position: relative;
	text-align: left;
	width: 68%;
	padding-left: 20px;
	font-family: robotoregular
}

.parent-head {
	min-width: 230px
}

.trunk-parent-name {
	max-width: 10.9em;
	white-space: nowrap;
	text-overflow: ellipsis;
	vertical-align: bottom;
	overflow: hidden
}

.parent-yob-label {
	font-size: 14px;
	font-family: robotoregular, Droid Arabic Kufi;
	color: #404041
}

.parent-yob-wrapper .parent-yob-label {
	color: #fff
}

.parent-yob-label span {
	max-width: 13em;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	vertical-align: bottom
}

.parent-yob-wrapper~.login-button {
	margin-top: 15px
}

.page-title {
	color: #fff
}

.page-title:after,
.parent-head:after {
	border-left: 1px solid rgba(255, 255, 255, .5);
	content: "";
	display: block;
	height: 18px;
	left: 0;
	position: absolute;
	top: 3px;
	width: 1px
}

.parent-head:empty:after {
	display: none
}

.padding-right-5 {
	padding-right: 15px
}

.padding-right-17 {
	padding-right: 17px
}

.navbar-nav>li a.default-icon {
	cursor: default
}

.parent-name {
	font-size: 34px;
	color: #03111e;
	padding-bottom: 15px;
	margin-top: 0
}

.profile-details {
	padding: 10px 0 10px;
	clear: both
}

.parent-profile-icon i {
	font-size: 40px;
	text-align: center
}

.profile-row .col-icon-width {
	max-width: 52px
}

.table-card {
	display: table;
	border-collapse: collapse;
	border-spacing: 0;
	max-width: 100%
}

.table-card-row {
	display: table-row
}

.table-card-cell {
	display: table-cell
}

.bradius {
	border-radius: 2px
}

.profile-row {
	display: block;
	height: auto;
	overflow: hidden;
	position: relative;
	width: 100%
}

.pro-label {
	color: #35495e;
	font-size: 16px;
	position: relative;
	overflow: hidden;
	font-family: robotomedium
}

.field-label {
	font-family: robotoregular;
	font-size: 14px;
	color: #000;
	text-align: left
}

.profile-details .pro-label {
	white-space: nowrap
}

.pro-label-value {
	position: relative;
	overflow: hidden;
	color: #231f20;
	font-size: 18px
}

.lang-label-value {
	position: relative;
	overflow: hidden
}

.profile-col {
	background: #fff;
	border-radius: 2px;
	margin: 0 0 12px 10px;
	box-shadow: 0 2px 2px 0 rgba(50, 50, 50, .3);
	padding: 24px;
	min-height: 240px
}

.dheight-profile {
	height: 366px
}

.profile-row .student-card .col-md-9 {
	padding-left: 25px;
	padding-right: 25px
}

@media only screen and (min-width :1024px)and (max-width :1200px) {
	.profile-row .student-card .col-md-9 {
		padding-right: 0
	}

	.student-card .profile-name {
		font-size: 20px
	}
}

.profile-row .student-card .profile-avatar {
	padding-top: 10px
}

.profile-row .student-card .column-text {
	min-height: 30px;
	margin-bottom: 0
}

.profile-card.xs-space {
	padding-right: 0;
	padding-left: 10px
}

.profile-column-2 .profile-card:nth-child(2),
.profile-column-2 .profile-card:nth-child(4),
.profile-column-2 .profile-card:nth-child(6),
.profile-column-2 .profile-card:nth-child(8) {
	padding-left: 0
}

.profile-selfie-holder .profile-card:nth-child(2) {
	padding-left: 15px
}

.profile-selfie-holder .profile-card:nth-child(3) {
	padding-left: 0
}

.label-divider {
	display: inline-block;
	margin-right: 0;
	position: absolute;
	right: 0
}

.student-dashboard-title {
	padding-right: 0 !important
}

.change-pw {
	text-align: center;
	margin-top: 5px;
	color: #ad1457;
	display: block;
	font-family: robotoregular;
	white-space: nowrap;
	cursor: default
}

.change-pw>span {
	cursor: pointer;
	min-width: 120px
}

.change-pw>span:hover {
	text-decoration: underline
}

.selfie-icon .icon-KHDA_family_selfie {
	font-size: 30px;
	margin-right: 8px
}

.pfamily-selfie {
	text-align: center
}

.top-header a img,
.upload-photo-1 span {
	cursor: pointer
}

.upload-photo-1,
.upload-photo-2 {
	color: #666;
	font-size: 20px;
	font-family: robotomedium;
	margin-top: 30px
}

.upload-photo-2 {
	font-size: 20px;
	font-family: robotolight;
	margin-top: 0;
	margin-bottom: 15px
}

.upload-or-take {
	margin: 10px 0 0;
	text-align: center;
	position: relative;
	display: block
}

.upload-or-take:after,
.upload-or-take:before {
	border-top: 1px solid #333;
	content: "";
	display: inline-block;
	left: 26%;
	margin: 0 auto;
	position: absolute;
	top: 24px;
	width: 15%;
	max-width: 88px
}

.upload-or-take:before {
	left: auto;
	right: 26%
}

.profile-edit-enabled .upload-or-take:after,
.profile-edit-enabled .upload-or-take:before {
	border-top: 1px solid #fff
}

.or-text {
	width: 40px;
	font-family: robotolight_italic;
	position: relative;
	margin: 10px 0;
	text-align: center;
	font-size: 20px;
	color: #58595b;
	z-index: 2
}

.children-title,
.section-title {
	font-size: 22px;
	color: #fff;
	padding: 0 0 0 20px
}

.children-title {
	color: #222
}

.profile-row .student-card {
	background: #fff;
	min-height: 120px;
	border: 0;
	padding: 0 20px 0
}

.profile-row .student-card .profile-img {
	border: 0
}

.profile-column-2 {
	margin-bottom: 10px;
	margin-top: 12px
}

.profile-selfie {
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
	overflow: hidden;
	position: relative;
	background-position: center center;
	visibility: visible
}

.profile-selfie .banner-overlay {
	display: block
}

.pselfie-attached .pfamily-selfie {
	margin-top: 100px
}

.edit-profile-selfie {
	text-align: right;
	cursor: pointer;
	font-family: robotoregular
}

.profile-selfie .no-profile-selfie,
.pselfie-attached {
	display: none
}

.profile-selfie .pselfie-attached {
	display: block
}

.pfamily-selfie .attach-selfie,
.pfamily-selfie .selfie-icon {
	color: #666;
	font-family: robotomedium
}

.pfamily-selfie .attach-selfie {
	font-size: 18px;
	color: #000;
	font-family: robotoregular
}

.profile-edit-enabled .or-text,
.profile-selfie .pselfie-attached,
.profile-selfie .pselfie-attached .attach-selfie,
.profile-selfie .pselfie-attached .selfie-icon {
	color: #fff
}

.pfamily-selfie .selfie-icon {
	color: #c51162
}

.parent-profile-wrapper {
	margin-right: -6px;
	margin-left: 0;
	padding-left: 5px;
	padding-right: 5px
}

.change-password-wrapper .change-password-modal {
	background: 0 0;
	padding-top: 0;
	width: 100%
}

.edit-profile-form .field-holder input[disabled] {
	border-bottom: 0
}

.change-password-modal .signup-form-wrapper {
	margin-top: 15px
}

.profile-edit-enabled .pfamily-selfie .hide-fselfie {
	display: none
}

.close-edit-profile {
	text-align: right
}

.close-edit-profile .fa-close {
	font-size: 18px;
	cursor: pointer
}

.profile-edit-enabled .upload-photo-1,
.profile-edit-enabled .upload-photo-2 {
	color: #fff
}

.close-edit-profile .fa-close:hover,
.edit-profile-selfie span:hover,
.upload-photo-1 span:hover {
	color: #ad1457
}

@media only screen and (max-width :1024px) {
	.profile-column-2 .padding-left-0 {
		padding-left: 15px
	}
}

@media only screen and (max-width :639px) {
	.profile-col {
		padding: 16px
	}
}

.profile-seperator {
	border-left: 1px solid;
	padding-left: 8px;
	margin-left: 4px
}

.c-save {
	vertical-align: top;
	float: right;
	line-height: 45px
}

.profile-seperator {
	border-left: 1px solid;
	padding-left: 8px;
	margin-left: 4px
}

.faq-card {
	background: #fff;
	border-radius: 2px;
	box-shadow: 0 2px 2px 0 rgba(50, 50, 50, .3);
	margin: 10px 0;
	padding: 18px 24px 18px;
	width: 100%;
	color: #333;
	font-size: 14px;
	font-family: robotoregular, Droid Arabic Kufi
}

.faq-wrapper {
	margin-left: 0;
	margin-right: 4px;
	padding-left: 4px;
	padding-right: 0
}

.margin-bottom-10 {
	margin-bottom: 10px
}

.help-text {
	padding-left: 20px;
	padding-bottom: 10px
}

.row .help-title {
	color: #666;
	font-size: 28px;
	padding: 0 0 0 20px;
	margin-top: 20px
}

.help-title.hide-for-small {
	display: inline-block !important
}

.faq-card .field-holder .form-control {
	width: 55%
}

.question {
	color: #cb0241;
	font-family: robotomedium
}

.answer {
	padding-top: 5px;
	padding-left: 22px
}

.help-search-holder .help-search::-moz-placeholder {
	color: #666;
	opacity: 1
}

.help-search-holder .help-search:-ms-input-placeholder {
	color: #666
}

.help-search-holder .help-search::-webkit-input-placeholder {
	color: #666
}

.help-search-holder .help-search:focus {
	border: 0;
	border-bottom: 2px solid #ad1457;
	-o-transition: none;
	-ms-transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	transition: none
}

.help-search-holder .help-search {
	width: 100%;
	background-color: transparent;
	border: 0;
	border-bottom: 1px solid rgba(0, 0, 0, .3);
	color: #231f20;
	box-shadow: none;
	border-radius: 0;
	padding-left: 0;
	max-width: 400px;
	min-width: 200px;
	height: 45px;
	font-size: 24px;
	padding-right: 50px
}

.help-search-holder {
	margin-top: 12px;
	float: right;
	position: relative;
	overflow: hidden;
	padding-right: 20px
}

.help-search-icon {
	position: absolute;
	right: 10px;
	display: inline-block;
	z-index: 1;
	margin-top: 10px;
	margin-right: 30px;
	top: 0
}

.help-search-icon i {
	color: #888;
	font-size: 20px
}

.feedback-form textarea[rows] {
	height: auto
}

.feedback-form textarea {
	min-height: 70px
}

.help-fixed-size {
	max-width: 90%
}

.left-nav.nav li.onboard-link:first-child {
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 0
}

.left-nav.nav li:first-child {
	margin-top: 60px
}

.onboard-link {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	background: #cecfd0;
	background: rgba(255, 255, 255, .4)
}

.onboard-disabled .pink-button .btn,
.onboard-disabled .pink-button .btn:hover {
	background: #a3a5a7;
	cursor: default;
	border: 0;
	color: #fff
}

.left-nav.nav li.onboard-link:hover {
	background: rgba(255, 255, 255, .4);
	color: #6d6e70
}

.left-nav.nav li.no-hover-tab:hover {
	background: 0 0
}

.left-nav.nav li.no-hover-tab {
	height: 14px
}

.onboard-link .pink-button i {
	font-size: 14px;
	line-height: normal;
	margin-left: 3px;
	padding-top: 3px;
	position: relative;
	vertical-align: top
}

.onboard-text {
	padding-bottom: 4px;
	display: block;
	padding: 9px 10px 0
}

.left-nav .onboard-text>span:first-child {
	min-width: 205px
}

.reading-contract {
	font-family: robotolight_italic;
	font-size: 14px;
	color: #414141
}

.onboard-link .pink-button .btn {
	width: 194px;
	font-size: 14px;
	margin-left: 0;
	margin-top: 6px;
	margin-bottom: 0;
	position: relative;
	display: inline-block
}

.email-link,
.print-link {
	cursor: pointer;
	line-height: normal;
	position: relative
}

.email-link {
	margin-right: 15px
}

.email-link i,
.print-link i {
	margin-right: 5px;
	font-size: 16px
}

.button-link,
.button-link:focus,
.button-link:hover {
	background: 0 0;
	box-shadow: none;
	text-shadow: none;
	border: 0;
	border-radius: 0;
	overflow: auto;
	padding: 0
}

.email-and-print .button-link:hover>span {
	text-decoration: underline;
	font-weight: 600
}

.button-link>.fa-file-pdf-o {
	font-weight: 700
}

.provide-consent {
	float: right;
	margin-bottom: 0;
	max-width: 220px
}

.provide-consent.pink-button .btn {
	margin-bottom: 0
}

.provide-text {
	padding-top: 4px;
	position: relative;
	vertical-align: bottom;
	line-height: 22px
}

@media(min-width:768px) {
	.sticky-csigned-button {
		position: fixed;
		bottom: 0;
		left: auto;
		right: auto;
		overflow: hidden;
		max-width: 930px;
		width: 70% !important;
		background: rgba(255, 255, 255, .9) !important;
		z-index: 102
	}
}

.header-shadow {
	box-shadow: 1px 1px 0 2px rgba(0, 0, 0, .2)
}

.eid-tooltip-info {
	color: rgba(255, 255, 255, .7);
	font-size: 13px;
	padding-bottom: 10px;
	font-family: robotolight
}

.look-around-tooltip {
	background: #fff;
	border-radius: 4px;
	color: #444;
	font-size: 14px;
	left: -79px;
	min-height: 80px;
	padding: 10px;
	position: absolute;
	top: 36px;
	width: 224px;
	line-height: normal;
	z-index: 2;
	box-shadow: 0 1px 8px 6px rgba(0, 0, 0, .3);
	text-shadow: none;
	opacity: 0;
	transition: opacity .3s linear;
	background-clip: padding-box;
	visibility: hidden;
	text-align: left
}

.myid-tooltip {
	visibility: hidden;
	position: absolute;
	width: 230px;
	left: -165px;
	background-color: #fff;
	opacity: .9;
	border-radius: 5px;
	color: #000;
	font-weight: 700;
	padding: 9px;
	z-index: 2;
	box-shadow: 0 1px 8px 6px rgba(0, 0, 0, .3);
	bottom: 40px
}

.myid-tooltip.ios {
	top: -255px
}

.myid-tooltip:before {
	border-color: #fff transparent transparent transparent;
	border-style: solid;
	border-width: 16px 12px 0;
	content: "";
	width: 0;
	height: 0;
	left: 166px;
	position: absolute;
	bottom: -15px;
	display: inline-block
}

.myid-icon {
	cursor: pointer;
	font-size: medium;
	vertical-align: middle;
	margin: 0 0 0 4px;
	padding: 0 1px;
	position: relative;
	z-index: 2;
	color: #fff
}

.icon-KHDA_Help~.myid-tooltip {
	visibility: hidden
}

.look-around:hover .look-around-tooltip {
	opacity: 1;
	visibility: visible
}

.look-around:hover>span:first-child {
	text-decoration: underline
}

.cpointer,
.help-pointer,
.look-around {
	cursor: pointer
}

.look-around-tooltip:after {
	border-color: transparent transparent #fff transparent;
	border-style: solid;
	border-width: 0 10px 14px;
	content: "";
	height: 0;
	left: 101px;
	margin-top: -10px;
	position: absolute;
	top: 0;
	width: 0
}

.tooltip-info {
	display: none;
	position: absolute;
	z-index: 2;
	top: auto;
	width: calc(100% - 32%);
	left: 0;
	right: 0;
	font-size: 13px;
	margin: 5px auto 0;
	padding: 8px;
	background: #292b37;
	text-align: center;
	color: rgba(255, 255, 255, .9);
	font-weight: 500;
	border-radius: 5px;
	line-height: normal
}

.tooltip-info:after {
	content: "";
	background: none repeat scroll 0 0 transparent;
	border-color: transparent transparent #292b37;
	border-style: solid;
	border-width: 0 7px 8px;
	left: 0;
	position: absolute;
	top: -8px;
	right: 0;
	margin: 0 auto;
	width: 8px
}

body:not(.mobile-app) .tooltip-contract:hover:not([disabled])~.tooltip-info {
	display: block
}

.link-eid-profile {
	background: #fff;
	margin: 0 0 0 10px;
	padding: 24px 0;
	display: block;
	height: auto;
	position: relative;
	width: 100%;
	overflow: visible
}

.link-eid-table-header {
	background: #fff;
	margin: 0 0 0 10px;
	padding: 0;
	display: block;
	height: auto;
	position: relative;
	width: 100%;
	overflow: visible
}

.child-table-head {
	font-size: 16px;
	color: #404041;
	font-family: robotoregular;
	margin-top: 25px;
	min-width: 150px
}

.link-eid-card {
	background: #fff;
	border-radius: 2px;
	box-shadow: 0 2px 2px 0 rgba(50, 50, 50, .3);
	margin: 10px 0;
	padding: 18px 24px 18px;
	width: 100%
}

.container-dir-rtl.db-survery,
.container-dir-rtl.landing-survery {
	padding-right: 18px
}

.link-eid-wrapper {
	margin-left: 0;
	margin-right: 4px;
	padding-left: 4px;
	padding-right: 0
}

.eid-head {
	color: #404041;
	font-size: 16px;
	text-align: center;
	margin: 20px 0 30px;
	font-family: robotoregular
}

.eid-head span {
	min-width: 140px;
	position: relative;
	line-height: normal
}

.link-eid-profile .student-card .column-text {
	line-height: 26px;
	min-height: 26px
}

.primary-eid-head {
	color: #35495e;
	font-size: 16px;
	font-family: robotomedium;
	padding-right: 10px;
	min-width: 158px
}

.primary-eid-wrapper {
	padding-left: 25px
}

.primary-eid {
	font-size: 16px;
	color: #231f20;
	letter-spacing: 2px
}

.eid-head i {
	color: #ad1457;
	font-size: 32px;
	vertical-align: middle
}

.role-dd .dropdown-menu {
	border-radius: 0;
	margin-top: -35px;
	width: 95%
}

.link-eid-profile .dropdown-menu {
	padding: 0
}

.input-group {
	display: block;
	float: left;
	margin: 51px 0 0;
	position: relative;
	width: 100%
}

.role-dd a.dropdown-toggle {
	border-bottom: 1px solid #d5d5d5;
	padding: 0 10px 8px 0
}

.user-profile-edit .contact-fields .icon,
.user-profile-edit .input-group.role-dd {
	padding-top: 40px
}

.user-profile-edit .input-group {
	padding-top: 30px
}

.user-profile-edit .input-decorator label {
	top: 41px;
	color: #666;
	padding-left: 2px
}

.input-group.role-dd label {
	color: #ff9800;
	font-size: 14px;
	left: 3px;
	position: absolute;
	top: 17px
}

.user-profile-edit .input-decorator input:focus~label,
.user-profile-edit .input-decorator input:valid~label {
	top: 15px
}

.role-dd .dropdown-menu:after,
.role-dd .dropdown-menu:before,
.role-dd .selected-value {
	display: none
}

.dropdown-menu:before {
	border-color: transparent transparent #dee5e7;
	border-width: 0 8px 10px;
	left: 98px;
	top: -11px
}

.dropdown-menu:after,
.dropdown-menu:before {
	background: transparent none repeat scroll 0 0;
	border-color: transparent transparent #fff;
	border-style: solid;
	border-width: 0 7px 8px;
	content: "";
	left: 99px;
	position: absolute;
	top: -8px
}

.dropdown-menu>li>a.selected-option {
	color: #262626
}

.role-dd a,
.role-dd.open a,
.role-dd.option-selected {
	overflow: visible
}

.role-dd ul li a {
	width: 100%;
	cursor: pointer
}

.dropdown-menu>li {
	border-bottom: 1px solid #ddd
}

.dropdown-menu>li:last-child {
	border: 0
}

.dropdown-menu>li>a {
	clear: both;
	color: #333;
	display: block;
	line-height: 1.42857;
	padding: 10px 15px;
	white-space: nowrap
}

.role-dd a,
.role-dd.open a,
.role-dd.option-selected {
	overflow: visible
}

.role-dd a,
.role-dd a:hover {
	text-decoration: none
}

.link-eid-profile .dropdown-menu li:first-child .selected-option:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
	right: 10px;
	padding-top: 8px;
	margin-top: 8px;
	border-top: 8px dashed;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
	color: #999;
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transition: all .3s ease;
	-ms-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease
}

.link-eid-profile .caret {
	padding-top: 8px;
	margin-top: 8px;
	border-top: 8px dashed;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent
}

.role-dd a {
	color: #999;
	display: inline-block;
	height: 100%;
	overflow: hidden;
	text-decoration: none;
	width: 95%;
	font-size: 16px
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
	color: #00b500
}

.dropdown-menu>li>a {
	color: #231f20
}

.link-c .icon-link {
	font-size: 24px
}

.linked-eid-save {
	display: block;
	height: auto;
	position: relative;
	width: 100%;
	margin-right: 0;
	margin-left: 0
}

.linked-eid-save button.btn {
	margin-bottom: 20px;
	max-width: 232px;
	min-width: 146px;
	position: relative;
	text-transform: uppercase
}

.linked-eid-save .pink-button {
	position: relative;
	overflow: hidden;
	width: 100%;
	text-align: center;
	padding-top: 20px
}

.link-checkbox-wrapper {
	text-align: right
}

.link-checkbox-holder {
	margin-top: 50px;
	width: 32px;
	position: relative;
	overflow: hidden;
	display: block
}

.link-checkbox {
	border-radius: 4px;
	height: 32px;
	width: 32px;
	border: 2px solid #ddd;
	position: relative;
	cursor: pointer
}

.tick-mark:after {
	border-right: 4px solid #00b500;
	border-bottom: 4px solid #00b500;
	left: 8px;
	height: 20px;
	top: 1px;
	width: 12px;
	position: absolute;
	content: "";
	display: block;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	box-sizing: border-box
}

.link-eid-profile .profile-img {
	margin-top: 5px;
	border: 0
}

.link-child-head {
	padding: 0 20px 0
}

.inline-list {
	margin-bottom: 8px
}

.inline-list,
.no-linked-txt {
	font-size: 16px
}

.link-eid-profile .year-dot,
.profile-card .year-dot {
	color: #888;
	margin-right: 4px
}

.year-dot {
	color: #fff;
	font-size: 10px;
	line-height: 18px;
	height: 20px;
	vertical-align: middle;
	margin-right: 8px;
	position: relative;
	display: inline-block
}

.no-linked-txt {
	margin-top: 5px
}

.inline-list div {
	display: inline-block
}

.inline-list .delink,
.link-head {
	float: right;
	text-align: left
}

.inline-list .delink {
	width: 44px;
	color: #ad1457
}

.inline-list .delink:hover {
	text-decoration: underline
}

.link-head {
	width: 43px
}

@media only screen and (min-width :768px) and (max-width :930px) {
	.link-eid-card {
		padding: 18px 24px 18px 0
	}

	.trunk-eid {
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden
	}
}

@media only screen and (min-width :768px) and (max-width :830px) {
	.trunk-eid {
		max-width: 10.4em
	}
}

@media only screen and (min-width :831px) and (max-width :870px) {
	.trunk-eid {
		max-width: 11.4em
	}
}

@media only screen and (min-width :871px) and (max-width :920px) {
	.trunk-eid {
		max-width: 12.4em
	}
}

.thankyou-msg {
	padding: 0 30px 20px 30px
}

.thankyou-id {
	font-family: robotomedium;
	display: inline
}

.captcha-holder {
	width: 80%;
	text-align: left
}

.captcha-icons-holder {
	cursor: pointer;
	height: 100%;
	overflow: hidden;
	position: relative;
	vertical-align: top;
	width: 15%
}

.captcha-wrapper {
	display: block;
	height: 65px;
	overflow: hidden;
	position: relative
}

.opt-expires-msg p {
	display: inline-block
}

.opt-expires-msg p,
.opt-expires-msg span {
	position: relative;
	min-width: 90px;
	display: inline;
	line-height: normal
}

.refresh-icon,
.volume-icon {
	display: block;
	color: #666
}

.refresh-icon:focus i,
.refresh-icon:hover i,
.volume-icon:focus i,
.volume-icon:hover i {
	color: #ad1457
}

.refresh-icon:focus,
.volume-icon:focus {
	outline-offset: 0
}

.refresh-icon i,
.volume-icon i {
	font-size: 20px;
	padding: 0 10px 10px;
	vertical-align: top
}

.volume-icon i {
	font-size: 24px
}

.captcha-icons-holder .refresh-icon i,
.captcha-icons-holder .volume-icon i {
	padding-top: 0;
	vertical-align: top
}

.signup-wrapper {
	background: #d7dbdf;
	box-sizing: border-box;
	display: block;
	height: auto;
	min-height: 100%;
	padding-top: 118px
}

.help-link {
	color: #ad1457;
	font-family: robotoregular;
	padding-right: 15px;
	margin-top: 18px;
	cursor: pointer;
	display: inline-block
}

.help-link a:hover {
	color: #ad1457
}

.help-link i {
	font-size: 16px;
	margin-right: 4px;
	margin-left: 4px
}

.select-faq-dd,
.select-faq-type-dd {
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #ccc;
	background: 0 0;
	height: 40px;
	line-height: 40px;
	padding-right: 25px
}

.select-faq-type-dd {
	padding-left: 0;
	padding: 0 10px 0 0;
	margin: 5px 0 20px 0;
	border-bottom: 1px solid #aaa;
	font-size: 16px;
	color: #000
}

select.select-faq-dd option,
select.select-faq-type-dd option {
	color: #222;
	font-size: 16px;
	padding: 0 7px 4px 7px;
	color: #222;
	height: 35px;
	line-height: 35px
}

@media only screen and (max-width :767px) {
	.select-faq-type-dd {
		margin-left: 0;
		margin-right: 0;
		width: 100%
	}
}

.faq-dd-field {
	position: relative;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	cursor: pointer;
	height: 34px
}

.faq-dd-field .faq-txt,
.faq-dd-field input {
	pointer-events: none;
	border: 0;
	width: 84%;
	width: calc(100% - 34px);
	width: -ms-calc(100% - 34px);
	width: -moz-calc(100% - 34px);
	width: -webkit-calc(100% - 34px);
	color: #000;
	font-size: 16px;
	padding-bottom: 0
}

.school-name-dd {
	height: 30px
}

.school-name-dd .faq-txt,
.school-name-dd input {
	font-size: 14px
}

.school-name-dd input::-moz-placeholder {
	color: rgba(0, 0, 0, .7);
	opacity: 1
}

.school-name-dd input:-ms-input-placeholder {
	color: rgba(0, 0, 0, .7)
}

.school-name-dd input::-webkit-input-placeholder {
	color: rgba(0, 0, 0, .7)
}

.faq-dd-field-wrap .school-name-dd~.dropdown-menu {
	max-height: 195px;
	overflow-y: auto;
	top: 30px;
	max-width: 100%
}

.help-question {
	font-size: 16px;
	padding: 10px 0 10px 20px;
	background: #ad1457;
	cursor: pointer;
	color: #fff;
	margin-top: 10px;
	padding-right: 40px;
	width: 100%;
	position: relative;
	font-family: robotoregular
}

.question-dd .dropdown-toggle i {
	-webkit-transition: -webkit-transform 150ms cubic-bezier(.4, 0, 1, 1);
	-ms-transition: -ms-transform 150ms cubic-bezier(.4, 0, 1, 1);
	-moz-transition: -moz-transform 150ms cubic-bezier(.4, 0, 1, 1);
	transition: transform 150ms cubic-bezier(.4, 0, 1, 1)
}

.question-dd.open .dropdown-toggle i {
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg)
}

.question-dd .dropdown-toggle {
	position: absolute;
	right: 0;
	top: 0;
	right: 18px;
	margin-top: 22px;
	font-size: 14px;
	color: #fff
}

.faq-card.mt-0 {
	margin-top: 0
}

.faq-dd-field-wrap .dropdown-menu {
	top: 36px;
	left: auto;
	cursor: pointer;
	margin-top: 0;
	border-radius: 0;
	width: 100%;
	max-width: 350px;
	border: 0;
	padding: 0
}

.dropdown-menu>li {
	border: 0
}

.faq-dd-field-wrap {
	width: 100%;
	max-width: 350px;
	position: relative;
	margin-bottom: 25px
}

.school-name-dd-wrapper {
	width: 55%;
	max-width: 55%
}

.faq-dd-field>div {
	display: inline-block
}

.faq-dd-field-wrap .dropdown-menu:after,
.faq-dd-field-wrap .dropdown-menu:before {
	display: none
}

.faq-dd-field.open>.dropdown-menu {
	width: 100%
}

.caret-holds {
	float: right;
	height: 32px;
	width: 32px;
	text-align: center
}

.faq-dd-field-wrap.open .caret {
	color: #cb0241
}

.faq-dd-field-wrap.open .faq-dd-field {
	border-color: #cb0241;
	border-width: 1px
}

.faq-dd-holds .faq-dd-field-wrap,
.faq-dd-holds .faq-dd-field-wrap .dropdown-menu {
	max-width: 750px
}

form .faq-dd-field-wrap {
	min-height: 58px;
	margin-bottom: 12px
}

.faq-dd-holds .faq-dd-field-wrap .dropdown-menu {
	height: 244px;
	overflow-y: auto;
	overflow-x: hidden
}

.faq-dd-holds .faq-dd-field.open>.dropdown-menu {
	width: 100%
}

.faq-dd-holds .faq-dd-field.open>.dropdown-menu {
	white-space: normal
}

.faq-dd-holds {
	position: relative;
	display: block
}

.faq-card.faq-dd-holds {
	padding-top: 25px;
	padding-bottom: 10px
}

.faq-dd-field-wrap .dropdown-menu>li>a {
	white-space: normal;
	white-space: initial;
	word-break: break-all
}

@media only screen and (max-width :767px) {
	.help-question {
		font-size: 16px
	}

	.faq-dd-field-wrap .dropdown-menu {
		height: auto
	}

	.faq-dd-holds .dropdown-menu {
		height: 166px;
		overflow-y: auto;
		overflow-x: hidden
	}
}

.faq-dd-holds .faq-dd-field {
	min-height: 36px
}

.sign-up-head {
	color: #404041;
	font-family: robotoregular;
	font-size: 28px;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	text-align: center;
	width: 51%;
	margin-top: -35px;
	z-index: 0
}

.signup-back {
	font-size: 18px;
	color: grey;
	cursor: pointer;
	padding-top: 14px
}

.access-code-head,
.id-head {
	padding: 50px 0 30px;
	color: #ad1457;
	font-size: 24px;
	font-family: robotolight;
	line-height: normal
}

.up-pw-head {
	padding: 50px 8% 30px;
	color: #404041;
	font-size: 16px;
	max-width: 760px;
	margin: 0 auto;
	line-height: normal
}

.id-head-wrapper {
	text-align: center
}

.id-head-wrapper .id-head {
	padding-bottom: 10px
}

.signup-info {
	color: #404041;
	font-family: robotolight;
	font-size: 14px;
	line-height: normal;
	position: relative;
	letter-spacing: .4px;
	padding: 0 8px
}

.access-code-head {
	padding: 35px 0 10px
}

.otp-box {
	border-bottom: 1px solid rgba(216, 0, 88, .95);
	color: rgba(216, 0, 88, .95);
	float: left;
	height: 45px;
	line-height: 10px;
	margin-right: 10px;
	text-align: center;
	width: 45px
}

.wrong-opt-msg {
	color: #f3493d;
	font-size: 14px;
	padding: 30px 0 10px;
	width: 300px;
	margin: 0 auto
}

.pin-wrapper .wrong-opt-msg {
	width: 260px
}

.wrong-opt-msg span:last-child {
	min-width: 166px
}

.wrong-opt-msg i {
	margin-right: 5px
}

.opt-expires-msg {
	color: #404041;
	padding: 80px 0 0
}

.resend-code-link.disabled-link {
	color: #666;
	cursor: default
}

.resend-code-link,
.resend-code-link.disabled-link,
.resend-code-link.disabled-link:focus,
.resend-code-link:focus {
	outline: 0 none
}

.resend-code-button {
	text-align: center;
	position: relative;
	display: block;
	line-height: normal;
	min-height: 30px;
	overflow: hidden;
	width: 100%
}

.resend-otp-time-counter {
	width: 100%
}

.resend-code-link {
	padding: 0 0 10px;
	cursor: pointer;
	white-space: nowrap;
	position: relative;
	color: #ad1457
}

.resend-code-link:focus,
.resend-code-link:hover {
	text-decoration: underline
}

.resend-code-button .resend-code-link-enable-text {
	cursor: default;
	pointer-events: none
}

.code-send {
	padding-bottom: 20px;
	color: #404041
}

.signup-form .field-holder {
	max-width: 358px;
	margin: 10px auto 25px;
	position: relative
}

.signup-back span {
	margin-top: 3px;
	position: relative;
	vertical-align: top;
	line-height: normal
}

.signup-back a {
	color: grey
}

.mandatory-rules {
	display: block;
	font-size: 12px;
	width: 100%;
	position: relative;
	text-align: left;
	max-width: 317px;
	color: #e65100;
	padding: 5px 0 0 0
}

.mandatory-rules i {
	float: left;
	font-size: 16px;
	height: 30px;
	margin-right: 5px
}

@media only screen and (max-width :360px) {
	.captcha-holder {
		width: 64%
	}

	.refresh-icon i {
		padding-top: 1px
	}
}

.back-btn a:hover {
	color: #fff
}

.signup-back a:hover {
	color: #ad1457
}

.signup-back i {
	font-size: 30px;
	position: relative;
	margin-right: 5px
}

.signup-form .field-holder .form-control {
	width: 100%;
	background-color: transparent;
	border: 0;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	color: #231f20;
	box-shadow: none;
	border-radius: 0;
	padding-left: 0;
	max-width: 358px;
	padding-right: 0
}

.signup-form .pin-wrapper .form-control.trim {
	direction: ltr
}

.signup-form .field-holder .otp-input-wrapper .form-control {
	width: 100%;
	background-color: transparent;
	border: 0;
	border-bottom: 1px solid rgba(0, 0, 0, .4);
	color: #58595b;
	box-shadow: none;
	border-radius: 0;
	padding-left: 0;
	max-width: 310px;
	width: 51px;
	margin-right: 5px;
	margin-left: 7px;
	display: inline-block;
	text-align: center;
	padding-right: 0;
	font-size: 28px;
	height: 42px;
	line-height: 42px
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.signup-form .field-holder .otp-input-wrapper input.form-control[type=password] {
		font-family: verdana, sans-serif;
		font-size: 38px;
		line-height: 48px;
		height: 48px
	}
}

.wrong-opt-msg-error .field-holder .otp-input-wrapper .form-control {
	border-color: #e65100
}

.signup-form .field-holder .form-control:focus {
	border-bottom: 2px solid #ad1457
}

.signup-form-wrapper {
	margin-top: 35px
}

.pin-wrapper {
	float: none;
	min-height: 60px;
	margin: 0 auto;
	position: relative;
	width: 260px
}

.forgot-pw-fields .fp-year-of-birth,
.forgot-pw-fields .pin-wrapper {
	max-width: 246px
}

.forgot-pw-fields .fp-year-of-birth {
	margin: 0 auto
}

.pin-boxes {
	border-bottom: 1px solid rgba(0, 0, 0, .2);
	color: rgba(0, 0, 0, .6);
	height: 44px;
	margin-right: 20px;
	text-align: center;
	width: 46px;
	vertical-align: top;
	display: inline-block;
	float: left;
	line-height: 10px;
	margin-bottom: 15px
}

.circle-pin {
	line-height: 44px
}

.pin-boxlast {
	margin-right: 0
}

.pin-wrapper .trim {
	-moz-appearance: textfield
}

.pin-wrapper .trim,
.pin-wrapper input[type=number],
.pin-wrapper input[type=text] {
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: inherit;
	display: block
}

.signup-form input.trim,
.signup-form input.trim:focus {
	background: 0 0;
	box-shadow: none;
	color: transparent;
	height: 44px;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 100%;
	margin: 0 auto;
	width: 240px;
	max-width: 240px;
	padding: 8px;
	letter-spacing: 60px;
	z-index: 1
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}

.trim:focus~.pin-boxes {
	border-bottom: 2px solid #ad1457
}

.provide-consent-modal .signup-form-wrapper,
.provide-consent-modal .signup-form-wrapper .code-send {
	margin-top: 0
}

.provide-consent-modal .signup-form-wrapper .code-send {
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 80%;
	padding-bottom: 0
}

.provide-consent-modal .signup-form-wrapper .opt-expires-msg {
	padding-top: 30px;
	min-width: 240px;
	display: block;
	position: relative
}

.provide-consent-modal .signup-form-wrapper .pink-button {
	margin-top: 10px;
	margin-bottom: 0;
	padding-bottom: 10px
}

.provide-consent-modal .signup-form-wrapper .resend-code-link {
	padding-bottom: 25px
}

.col-xs-3.padding-right-0 {
	padding-right: 0
}

.signup-form {
	position: relative;
	overflow: hidden;
	text-align: center;
	margin: 0 auto
}

.signup-form button.btn {
	min-width: 146px;
	max-width: 232px;
	margin-bottom: 10px;
	position: relative
}

.signup-form .pink-button {
	margin-top: 40px;
	padding-bottom: 10px
}

.webkit-scroll {
	-webkit-overflow-scrolling: touch
}

.change-password-modal .pink-button {
	padding-bottom: 30px
}

.change-password-modal .set-password .pink-button {
	padding-bottom: 15px
}

.signup-form .pink-button.margin-top-15 {
	margin-top: 15px
}

.signup-form .form-control::-moz-placeholder {
	color: #6d6e70;
	opacity: 1
}

.signup-form .form-control:-ms-input-placeholder {
	color: #6d6e70
}

.signup-form .form-control::-webkit-input-placeholder {
	color: #6d6e70
}

.lang-switch {
	display: inline-block;
	text-align: right;
	white-space: nowrap;
	border-radius: 2px;
	border: 1px solid #ad1457;
	background: #e1e1e1;
	color: #ad1457;
	padding: 0;
	display: inline-block;
	position: relative;
	width: 112px;
	font-family: robotomedium;
	text-align: center;
	margin: 0;
	line-height: normal;
	margin-right: 15px;
	cursor: pointer;
	text-shadow: none;
	overflow: hidden;
	vertical-align: bottom;
	height: 24px
}

.profile-details .lang-switch {
	height: 2.45rem
}

li .lang-switch {
	margin-right: 7px
}

.lang-en {
	font-size: 12px;
	padding: 2px 0 3px;
	text-shadow: none;
	letter-spacing: .2px
}

.lang-en.active-lang {
	padding: 4px 0 4px;
	text-align: center
}

.lang-ar.active-lang {
	padding: 2px 0 3px
}

.lang-ar {
	font-size: 12px;
	font-family: "Droid Arabic Kufi", arial;
	font-weight: 700
}

.dashboard-nav-wrapper .lang-switch {
	background: 0 0;
	border: 1px solid #fff;
	color: #fff
}

.dashboard-nav-wrapper .lang-switch .active-lang {
	background: #fff;
	color: #ad1457
}

.lang-switch span {
	width: 50%;
	line-height: normal;
	position: relative;
	overflow: hidden;
	vertical-align: middle
}

.ar-ae .profile-seperator {
	border-right: 1px solid;
	border-left: 0 solid #ccc;
	margin-right: 6px;
	padding-right: 10px;
	padding-left: 0;
	margin-left: 0
}

.active-lang {
	background: #ad1457;
	color: #fff;
	line-height: normal
}

@media only screen and (max-width :991px) {
	.sign-up-head {
		font-size: 18px;
		margin-top: 35px;
		width: 65%
	}

	.access-code-head,
	.id-head,
	.up-pw-head {
		padding: 75px 8% 50px
	}
}

@media only screen and (max-width :767px) {
	.up-pw-head {
		padding: 20px 8% 20px
	}
}

.signup-form .forgot-pw-valid .form-control {
	min-width: 100px;
	max-width: 368px;
	display: inline-block
}

.forgot-pw-valid .pink-border-button {
	display: block;
	position: absolute;
	right: 1px;
	top: 0
}

.blank-head {
	padding: 30px 8% 30px
}

.forgot-pw-valid .pink-border-button .btn {
	min-width: 100px;
	max-width: 130px;
	border: 0;
	font-size: 14px;
	margin-bottom: 0;
	text-transform: capitalize;
	background-color: #ad1457;
	border-radius: 0;
	color: #fff;
	margin-top: 6px
}

.forgot-pw-valid .pink-border-button .btn:hover {
	background-color: #690034;
	color: #fff
}

.forgot-pw-valid .pink-border-button .dvalidated-btn {
	font-size: 14px;
	background: 0 0
}

.forgot-pw-valid .dvalidated-btn i {
	margin-right: 4px
}

.signup-form .forgot-pw-valid {
	max-width: 368px
}

.forgot-pw-valid .dvalidated-btn:hover,
.forgot-pw-valid .dvalidated-btn[disabled]:hover,
.forgot-pw-valid .pink-border-button .btn[disabled],
.forgot-pw-valid .pink-border-button .btn[disabled]:hover {
	background-color: #ad1457;
	color: #fff;
	opacity: .5
}

@media (max-width :1024px) {

	.forgot-pw-valid .pink-border-button .btn,
	.forgot-pw-valid .pink-border-button .dvalidated-btn {
		font-size: 14px
	}
}

body.modal-open {
	padding-right: 0 !important
}

.change-password-wrapper {
	bottom: 0;
	display: none;
	left: 0;
	outline: 0 none;
	overflow: hidden;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 1050
}

.modal.in .modal-margin {
	margin-top: 18%
}

.modal.in .modal-margin-consent {
	margin-top: 10%
}

body.modal-open .change-password-wrapper.in,
body.modal-open .modal.in {
	display: block;
	overflow-x: hidden;
	overflow-y: auto;
	overflow: hidden
}

body.modal-open .change-password-wrapper.in,
body.modal-open .factsheet-modal-wrapper.in {
	overflow-y: auto
}

.modal-content {
	box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	border-radius: 4px
}

.modal-backdrop {
	display: none
}

.modal-open .modal-backdrop {
	background: rgba(0, 0, 0, .5);
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 1040;
	display: block
}

.modal-header {
	border-bottom: 0
}

.padding-dialog {
	top: 15%
}

.success-signed-msg {
	font-size: 22px;
	text-align: center;
	padding: 0;
	display: block;
	width: 100%;
	position: relative
}

.btn.pink-modal-btn {
	background: #ad1457;
	color: #fff;
	transition: all .2s ease 0s;
	width: auto;
	font-size: 14px;
	border-color: #ad1457
}

.btn.pink-modal-btn:hover {
	background: rgba(0, 0, 0, 0);
	color: #ad1457;
	border: 1px solid #ad1457
}

.btn.pink-modal-bdr-btn:hover {
	background: #ad1457;
	color: #fff
}

.btn.pink-modal-bdr-btn {
	background: rgba(0, 0, 0, 0);
	border: 1px solid #ad1457;
	color: #ad1457;
	transition: all .2s ease 0s;
	width: auto;
	font-size: 14px
}

.complete-onboarding-modal .btn.pink-modal-bdr-btn {
	margin-right: 20px
}

.complete-onboarding-modal .modal-footer {
	border-top: 0;
	text-align: center;
	margin: 5px 0 30px
}

.modal-footer {
	margin-bottom: 30px
}

.modal-footer .btn {
	min-width: 100px;
	max-width: 184px;
	width: 33%;
	text-transform: uppercase
}

.complete-onboarding-modal h4 {
	margin: 0 0 15px;
	font-size: 22px;
	color: #404041
}

.modal-header .modal-title.vhidden {
	margin-bottom: 0
}

.modal-body h4.modal-title {
	min-width: 198px
}

.complete-onboarding-modal .modal-body {
	padding-top: 0;
	padding-bottom: 20px
}

.modal-body {
	padding: 0 10% 30px;
	font-family: robotoregular
}

.profile-card {
	padding-left: 0 !important;
	padding-right: 12px !important
}

.modal-header.signup-close {
	padding-bottom: 30px;
	padding-top: 10px
}

.signup-success-modal .modal-footer {
	height: 35px
}

.mt-15 {
	margin-top: 15px !important
}

.mt-10 {
	margin-top: 10px !important
}

.pb-signing-contract {
	padding-bottom: 0 !important
}

.mb-10 {
	margin-bottom: 10px
}

.mb-20 {
	margin-bottom: 20px !important
}

.mb-5 {
	margin-bottom: 0
}

.pt-15 {
	padding-top: 15px !important
}

.pt-0 {
	padding-top: 0 !important
}

.pb-10 {
	padding-bottom: 10px !important
}

.loading-screen {
	background: #fff;
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 2000;
	display: block;
	height: 100%;
	width: 100%;
	margin-top: 0
}

.onboarding-wrapper .loading-screen {
	display: none
}

.hero-banner .loading-screen {
	margin-top: 92px
}

.error-msg .info-msg a {
	color: #23527c
}

.error-msg .info-msg a:hover {
	text-decoration: underline
}

.banner-title,
.login-holder,
.signup-links-wrapper,
.video-holder {
	float: right
}

.navbar-fixed-bottom,
.sec-left-nav-wrapper,
.sub-top-header {
	display: none
}

.no-padding {
	padding-left: 0;
	padding-right: 0
}

.padding-right-0,
.section-spacing {
	padding-right: 0
}

.section-spacing .grey-card,
.section-spacing .read-details,
.section-spacing .section-card {
	margin-left: 10px
}

.section-spacing {
	padding-left: 0;
	position: relative;
	height: inherit;
	display: block;
	font-family: robotoregular
}

.spacing-block {
	display: block;
	min-height: 500px;
	height: inherit;
	height: 100%
}

.scroll-y {
	overflow-y: scroll
}

.section-spacing .section-head {
	padding-left: 10px
}

@media only screen and (min-width :1199px) {
		/*.section-spacing {width: 77%;} */
	.section-spacing {width: 100% !important;}

	.section-spacing.full-signing-contract {
		width: 100%
	}
}

.section-head {
	padding-left: 0;
	padding-right: 0;
	background: rgba(255, 255, 255, .85);
	margin: 0;
	padding: 16px;
	box-shadow: 0 2px 1px 0 rgba(50, 50, 50, .3);
	color: #404041;
	width: auto;
	margin-right: -10px
}

.section-spacing .alert-lang-warning {
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc;
	font-family: robotoregular, Droid Arabic Kufi;
	position: relative;
	padding: 16px 16px 16px 27px
}

.section-spacing .alert-lang-warning i {
	font-size: 14px;
	padding-left: 0;
	padding-right: 4px
}

.alert-lang-warning.dir-rtl {
	direction: rtl;
	font-size: 13px;
	padding-right: 26px;
	padding-left: 16px
}

.alert-lang-warning.dir-rtl i {
	padding-left: 4px;
	padding-right: 0
}

.full-contract-rtl.css-overide,
.full-contract-rtl.css-overide * {
	direction: rtl !important;
	text-align: right !important
}

.col-icon-width,
.section-icon-width {
	max-width: 46px
}

.grey-card,
.section-card {
	border-radius: 2px;
	box-shadow: 0 2px 2px 0 rgba(50, 50, 50, .3);
	background: rgba(255, 255, 255, .85);
	width: 100%;
	max-width: 100%;
	margin: 10px 0;
	padding: 16px;
	position: relative;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease
}

.mobile-app .grey-card,
.mobile-app .section-card {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none
}

.section-card {
	padding: 24px
}

.warning-card.section-card {
	padding: 12px 24px
}

.full-contract {
	background: #fff;
	border-radius: 0;
	padding-left: 15px
}

.column-2 {
	display: block;
	height: auto;
	margin: 10px 0 10px 14px;
	min-height: 100%;
	padding: 0;
	position: relative;
	width: 100%
}

.column-2 .xs-space {
	padding-right: 0;
	padding-left: 10px
}

.column-card {
	margin: 0;
	box-shadow: 0 2px 2px 0 rgba(50, 50, 50, .3);
	background: rgba(255, 255, 255, .85);
	padding: 24px;
	border-radius: 2px;
	height: inherit;
	position: relative;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease
}

.column-card.margin-right-10 {
	padding-right: 0
}

.section-spacing .contract-title {
	background: #ad1457 none repeat scroll 0 0;
	border-radius: 0;
	color: #fff;
	font-size: 18px;
	margin-bottom: 0;
	padding: 12px;
	text-align: center
}

.margin-right-10 {
	margin-right: 10px
}

@media only screen and (max-width :1000px) {
	.column-2 .xs-space {
		margin-top: 10px;
		padding-right: 0 !important;
		padding-left: 0 !important
	}
}

.grey-card {
	background: #ad1457;
	height: 32px;
	line-height: normal;
	padding: 6px;
	position: relative;
	display: block
}

.marked-read {
	background: #679f42
}

.marked-disabled {
	background: #a3a5a7;
	cursor: default;
	color: #fff
}

.mark-section.input-md input[type=checkbox]:disabled,
.mark-section.input-md input[type=checkbox][disabled],
.marked-disabled .mark-section input {
	cursor: default
}

.marked-disabled .input-md input[type=checkbox]:checked+.f-label:after {
	border-color: #fff
}

.read-details {
	margin: 8px 0 30px;
	padding: 16px;
	text-align: center;
	position: relative;
	display: block;
	height: 25px;
	line-height: normal;
	width: 100%
}

.read-text {
	position: absolute;
	min-width: 156px;
	z-index: 5;
	left: 0;
	right: 0;
	margin: 0 auto
}

.border-top-read {
	border-top: 2px dashed #aaa;
	content: "";
	display: inline-block;
	height: 2px;
	left: 0;
	position: absolute;
	top: auto;
	margin-top: 14px;
	width: 100%;
	z-index: 0
}

.read-pdf {
	font-family: robotoregular;
	color: #fff;
	background: #ad1457;
	padding: 5px 24px;
	cursor: pointer;
	border-radius: 2px;
	box-shadow: 0 2px 2px 0 rgba(50, 50, 50, .3);
	min-width: 130px;
	display: inline-block;
	white-space: nowrap
}

.read-pdf:hover {
	background: rgba(255, 255, 255, .8);
	color: #ad1457
}

.read-pdf i {
	margin-right: 10px
}

.down-left-arrow {
	margin-right: 26px
}

.down-right-arrow {
	margin-left: 26px
}

.mark-section {
	display: block;
	left: 0;
	margin: 0 auto;
	max-width: 300px;
	min-width: 200px;
	width: 204px;
	position: absolute;
	right: 0;
	color: #fff;
	font-family: robotoregular;
	white-space: nowrap
}

.mark-fee {
	color: #fff;
	display: block;
	font-family: robotoregular;
	left: 0;
	margin: 0 auto;
	position: absolute;
	width: 20px
}

.agree-terms .mark-section {
	color: #404041;
	display: block;
	font-family: robotoregular;
	margin: 80px 0 auto;
	min-width: 200px;
	position: relative;
	right: 0;
	width: 100%;
	max-width: 850px
}

.mark-section span:last-child {
	font-size: 12px;
	min-width: 63px;
	position: relative;
	white-space: nowrap
}

.mark-section .f-label {
	min-width: 170px
}

.agree-terms .mark-section .f-label {
	white-space: normal;
	min-width: 264px
}

.section-spacing .section-head {
	margin-right: -29px
}

.mark-section.input-md input[type=checkbox] {
	width: 100%;
	min-width: 202px
}

.card-section-col {
	color: #404041;
	display: block;
	font-size: 16px;
	line-height: normal;
	overflow: hidden;
	position: relative
}

.curriculum-and-edu .card-section-col {
	min-width: 51px;
	overflow: visible;
	padding-right: 0;
	text-align: center;
	font-size: 14px;
	line-height: 16px
}

.card-section-row .card-section-col {
	padding-left: 0
}

.card-section-col h2 {
	font-size: 16px;
	margin: 0 0 4px;
	color: #000;
	font-family: robotoregular;
	line-height: normal;
	min-height: 22px
}

.section-card h4 {
	color: #000;
	font-family: robotoregular;
	font-size: 16px
}

.card-icon-holder {
	max-width: 50px;
	padding-left: 0;
	text-align: left
}

.card-icon-holder.center-icon,
.subject-offered-head .center-icon {
	text-align: center
}

.card-icon-holder .icon-KHDA_Parent-_engagement-_survey {
	font-size: 34px
}

.subject-offered-head .center-icon {
	max-width: 38px
}

.subject-text {
	color: #000;
	font-size: 14px;
	line-height: 21px
}

.subject-offered-head .center-icon i {
	font-size: 20px;
	margin-left: 8px
}

.card-icon-holder i {
	font-size: 32px
}

.card-icon-holder .icon-KHDA_Graduation_requirements {
	font-size: 36px
}

.card-icon-holder .icon-KHDA_Indian_curriculum {
	font-size: 28px
}

.card-icon-holder .icon-KHDA_Grade,
.card-icon-holder .icon-KHDA_Rating {
	font-size: 30px
}

.card-icon-holder .icon-KHDA_Parents {
	font-size: 42px;
	color: #0277bd
}

.card-section-col .card-text {
	font-size: 14px
}

.card-section-row {
	padding: 16px 0
}

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

.purple {
	color: #8e24aa
}

.green {
	color: #388e3c
}

.dgreen {
	color: #009183
}

.pink {
	color: #c51162
}

.slat-blue {
	color: #304ffe
}

.lpink {
	color: #ff1744
}

.lblue {
	color: #00b0ff
}

.dblue {
	color: #1a237e
}

.orange {
	color: #ef6c00
}

.lgreen {
	color: #9e9d24
}

.dorange {
	color: #ce2f2f
}

.lblue {
	color: #039be5
}

.pink-button .width-110,
.width-110 {
	width: 110px
}

.schoold-round-head .parent-head {
	margin-left: 20px
}

.agreement-head {
	font-family: robotomedium;
	font-size: 18px;
	margin: 10px 0 20px;
	text-align: center;
	line-height: 22px
}

.agreement-subhead {
	font-size: 14px;
	font-family: robotoregular;
	font-weight: 600
}

.faq-card .mark-section {
	margin: 15px 0
}

.scholarship-wrapper .mark-section input[type=checkbox]+.f-label {
	cursor: default
}

.scholarship-wrapper .mark-section input[type=checkbox] {
	width: auto;
	min-width: 18px
}

.scholarship-wrapper .f-label {
	font-size: 14px
}

.scholarship-wrapper ol li,
.scholarship-wrapper p {
	line-height: 22px
}

.scholarship-wrapper ol,
.scholarship-wrapper p {
	margin-bottom: 15px
}

.m-t-0 {
	margin-top: 0
}

.mr-5 {
	margin-right: 5px
}

.m-b-0 {
	margin-bottom: 0
}

.inline-text-border {
	display: inline;
	border-bottom: 1px solid #666;
	font-weight: 600
}

.canvas-menu {
	position: fixed;
	top: 0;
	right: 0;
	width: 250px;
	margin: 0;
	border: none;
	border-radius: 0;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	background-color: #fff;
	color: #ff7043;
	height: 100%;
	z-index: 1042;
	box-shadow: 0 1px 8px 6px rgba(0, 0, 0, .26);
	transform: translate(310px, 0);
	-webkit-transform: translate(310px, 0);
	-o-transform: translate(310px, 0);
	-moz-transform: translate(310px, 0);
	-ms-transform: translate(310px, 0);
	transition: all 450ms cubic-bezier(.23, 1, .32, 1) .1s;
	-moz-transition: all 450ms cubic-bezier(.23, 1, .32, 1) .1s;
	-o-transition: all 450ms cubic-bezier(.23, 1, .32, 1) .1s;
	-ms-transition: all 450ms cubic-bezier(.23, 1, .32, 1) .1s;
	-webkit-transition: all 450ms cubic-bezier(.23, 1, .32, 1) .1s
}

.canvas-menu-wrapper {
	height: auto
}

.active-cmlink {
	background: #35495e
}

.canvas-menu-wrapper.menu-open .canvas-menu {
	transform: none;
	-ms-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-webkit-transform: none;
	right: 0
}

.canvas-menu-wrapper.menu-open .modal-backdrop {
	display: block;
	background: rgba(0, 0, 0, .5)
}

.menu-open {
	transform: none;
	-ms-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-webkit-transform: none
}

.nav {
	list-style: outside none none;
	margin-bottom: 0;
	padding-left: 0
}

.canvas-menu>li>a i,
.left-nav.canvas-menu li.lang-link a i {
	color: #35495e
}

.canvas-menu li.active-cmlink a,
.canvas-menu li.active-cmlink a i,
.canvas-menu li.active-cmlink a i:hover,
.canvas-menu>li>a:hover {
	color: #fff
}

.canvas-menu li.cm-logo:hover,
.canvas-menu li.lang-link:hover {
	background: 0 0
}

.cm-logo a img {
	padding-left: 33px
}

.lang-link {
	margin-top: 20px;
	margin-bottom: 20px
}

.left-nav.nav .lang-switch:hover,
.left-nav.nav li:hover a .lang-ar {
	color: #c70241
}

.left-nav.nav .lang-switch span {
	width: 50%
}

.ar-ae .canvas-for-contract {
	left: 0;
	transform: translate(-310px, 0);
	-webkit-transform: translate(-310px, 0);
	-o-transform: translate(-310px, 0);
	-moz-transform: translate(-310px, 0);
	-ms-transform: translate(-310px, 0)
}

.ar-ae .canvas-menu-wrapper.menu-open .canvas-for-contract {
	left: 0;
	right: auto
}

.accessibility-menu {
	position: fixed;
	right: 0;
	top: 200px;
	z-index: 1010;
	margin-right: 20px
}

ul.amenu-list {
	background: #ad1457;
	list-style-type: none;
	width: 40px;
	padding-left: 2px;
	padding-bottom: 5px;
	padding-top: 5px;
	list-style: outside none none
}

.amenu-list li {
	margin-bottom: 5px
}

.am-color-icon,
.zoom-in-icon,
.zoom-nomal-icon,
.zoom-out-icon {
	padding: 1px 9px 4px 9px;
	font-size: 19px;
	color: #fff;
	cursor: pointer
}

.zoom-nomal-icon {
	font-size: 15px;
	padding: 1px 9px 4px 13px
}

.zoom-out-icon {
	font-size: 13px;
	padding: 1px 9px 4px 13px
}

.am-color-icon {
	cursor: pointer
}

.skyline-dashboard {
	background: url(../images/skyline.svg), url(../images/skyline.svg);
	width: 100%;
	height: 420px;
	margin-top: -140px;
	background-size: 60%, 60%;
	z-index: 1;
	position: relative;
	bottom: 0;
	background-position: 0 0, 101.3% 0;
	background-repeat: no-repeat
}

.skyline-db {
	background: url(../images/skyline.png), url(../images/skyline.png), url(../images/skyline.png);
	width: 100%;
	height: 100px;
	background-size: 34% auto, 34% auto, 34% auto;
	background-position: 0 100%, 101.3% 100%, 51.3% 100%;
	z-index: 1;
	position: absolute;
	bottom: 0;
	background-repeat: no-repeat;
	transition: all .2s ease 0s
}

.mobile-app .skyline-db {
	bottom: 0
}

.landing-survery .col-lg-12.col-md-12.col-sm-12.news-column {
	padding-bottom: 35px
}

@media only screen and (min-width :770px) {
	.landing-survery {
		margin-top: -275px;
		position: relative;
		z-index: 1
	}
}

@media only screen and (max-width :767px) {
	.landing-survery {
		margin-top: -50px;
		position: relative;
		z-index: 1
	}
}

@media only screen and (min-width :768px) and (max-width :770px) {
	.landing-survery {
		margin-top: -375px;
		position: relative;
		z-index: 1
	}
}

.hero-bg-full {
	height: 100%;
	min-height: 900px
}

.profile-seperator {
	border-left: 1px solid;
	padding-left: 8px;
	margin-left: 4px
}

.link-edit {
	float: right;
	clear: both
}

.clear {
	clear: both
}

.login-full-wrapper {
	height: 100%;
	min-height: 990px;
	background-color: #fff
}

.close-map {
	color: #ccc;
	position: absolute;
	top: 5px;
	right: 10px;
	font-size: 14px;
	cursor: pointer
}

.section-wrapper-contract {
	margin-top: 15px;
	background: rgba(255, 255, 255, .6);
	color: #222;
	padding: 5px 0 5px 20px;
	padding-left: 30px !important;
	padding-right: 30px !important
}

.section-wrapper-contract .section-title {
	margin-top: 5px;
	background: 0 0;
	color: #222;
	padding: 0;
	display: inline-block
}

.section-wrapper-contract .rsbtn {
	display: inline-block;
	float: right;
	margin-bottom: 0;
	margin-top: 5px;
	min-width: 124px
}

.section-wrapper-contract .rsbtn.rsexpanded {
	min-width: 298px
}

.ar-ae .section-wrapper-contract .rsbtn {
	display: inline-block;
	float: left;
	margin-bottom: 0;
	margin-top: 5px
}

.ar-ae .section-wrapper-contract .section-title {
	float: right
}

.fullContract .rsbtn .rsbtn_powered .rsbtn_btnlabel,
.section-wrapper-contract .rsbtn .rsbtn_powered .rsbtn_btnlabel {
	display: none !important
}

#rslightbox_overlay {
	z-index: 1111 !important;
	position: fixed !important;
	height: 100% !important
}

@media only screen and (max-width :500px) {
	#rslightbox_contentcontainer {
		width: 276px !important
	}
}

@media only screen and (min-width :501px) and (max-width :767px) {
	#rslightbox_contentcontainer {
		width: 376px !important
	}
}

.full-contract-rsbtn {
	margin-left: 15px;
	margin-top: 12px
}

.fullContract .full-contract-rsbtn {
	width: 100%
}

.css-overide .contract-table,
.css-overide .contract-table-cell,
.css-overide .contract-table-row,
.css-overide li,
.css-overide p,
.css-overide span,
.css-overide table,
.css-overide td,
.css-overide tr {
	font-family: Tahoma, robotoregular !important;
	margin-left: 0 !important;
	font-size: 14px !important;
	color: #333 !important;
	line-height: 24px !important
}

.css-overide .contract-table .contract-table-row .contract-table-cell,
.css-overide table tr td {
	white-space: normal !important
}

.css-overide table tr td {
	word-wrap: break-word
}

.css-overide p>span {
	display: inline !important
}

.css-overide {
	word-wrap: break-word
}

.css-overide span {
	display: initial
}

.css-overide strong span {
	display: inline-block
}

.css-overide p {
	margin: 0 0 5px !important;
	padding-top: 5px !important;
	text-align: left !important
}

.css-overide ol,
.css-overide ul {
	margin: 0 0 10px 0 !important;
	padding-left: 15px !important
}

.css-overide .contract-table,
.css-overide table {
	margin-bottom: 30px !important;
	width: 100% !important;
	table-layout: auto !important;
	margin-bottom: 20px !important
}

.css-overide .contract-table-cell,
.css-overide td,
.css-overide th {
	padding: 10px
}

.css-overide td,
.css-overide th {
	padding-left: 10px !important
}

.css-overide tr:first-child td[style*="#744c00"],
.css-overide tr:first-child td[style*="#744c00"] span,
.css-overide tr:first-child td[style*="#744c00"] span strong,
.css-overide tr:first-child td[style*="#B84F62"],
.css-overide tr:first-child td[style*="#B84F62"] span,
.css-overide tr:first-child td[style*="#B84F62"] span strong,
.css-overide tr:first-child td[style*="#b84f62"],
.css-overide tr:first-child td[style*="#b84f62"] span,
.css-overide tr:first-child td[style*="#b84f62"] span strong,
.css-overide tr:first-child td[style*="rgba(180, 69, 89, 0.94)"],
.css-overide tr:first-child td[style*="rgba(180, 69, 89, 0.94)"] span,
.css-overide tr:first-child td[style*="rgba(180, 69, 89, 0.94)"] span strong,
.css-overide tr:first-child th[style*="#744c00"],
.css-overide tr:first-child th[style*="#744c00"] span,
.css-overide tr:first-child th[style*="#744c00"] span strong,
.css-overide tr:first-child th[style*="#B84F62"],
.css-overide tr:first-child th[style*="#B84F62"] span,
.css-overide tr:first-child th[style*="#B84F62"] span strong,
.css-overide tr:first-child th[style*="#b84f62"],
.css-overide tr:first-child th[style*="#b84f62"] span,
.css-overide tr:first-child th[style*="#b84f62"] span strong,
.css-overide tr:first-child th[style*="rgba(180, 69, 89, 0.94)"],
.css-overide tr:first-child th[style*="rgba(180, 69, 89, 0.94)"] span,
.css-overide tr:first-child th[style*="rgba(180, 69, 89, 0.94)"] span strong {
	color: #fff !important;
	font-weight: 400
}

.css-overide .contract-table span,
.css-overide table span {
	display: block !important;
	overflow: hidden
}

.css-overide table span {
	display: inline !important;
	display: initial !important
}

.rsbtn a:focus,
.section-wrapper-contract .rsbtn span {
	line-height: normal !important
}

.section-wrapper-contract .rsbtn span {
	font-family: robotoregular, Droid Arabic Kufi
}

.factsheet-link {
	font-size: 16px;
	cursor: pointer
}

.contract-table {
	display: table;
	line-height: normal;
	margin: 0;
	border-collapse: collapse;
	table-layout: fixed;
	word-wrap: break-word
}

.contract-table-row {
	display: table-row
}

.contract-table-cell {
	display: table-cell
}

@media screen and (max-width:400px) {
	.modal.in .modal-margin {
		margin-top: 45% !important
	}
}

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

	.modal.in .sec-eid-holds,
	.modal.in .tsignup-holds {
		margin-top: 10% !important
	}
}

@media screen and (max-height:468px) {

	.modal.in .sec-eid-holds,
	.modal.in .tsignup-holds {
		margin-top: 2% !important
	}

	.signin-guide {
		max-height: 160px
	}

	.signup-form-wrapper {
		max-height: 160px;
		overflow-y: auto
	}

	.signup-form-wrapper.mt-15 {
		max-height: none;
		overflow-y: auto
	}

	.modal.in .modal-margin-consent {
		margin-top: 5%
	}
}

.mobile-app .banner-title {
	display: none
}

.mobile-app .dashboard-banner,
.mobile-app .dashboard-banner.family-selfie {
	padding-top: 105px
}

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

	.mobile-app .dashboard-banner,
	.mobile-app .dashboard-banner.family-selfie {
		padding-top: 12px !important
	}
}

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

	.mobile-app .dashboard-banner,
	.mobile-app .dashboard-banner.family-selfie {
		padding-top: 12px !important
	}
}

.mobile-app .hero-banner {
	border-top: none !important;
	padding-top: 20px !important
}

.mobile-app #canvas-btn,
.mobile-app #canvas-btn-holder {
	display: none
}

.acceptable,
.good,
.nacceptable,
.outstanding,
.unsatisfactory {
	font-weight: 400;
	font-family: robotomedium
}

.gm-style {
	font-family: robotolight !important
}

.gm-style .gm-style-iw {
	font-weight: 400 !important;
	font-size: 14px !important
}

.student-info .acceptable,
.student-info .acceptable-txt,
.student-info .good,
.student-info .nacceptable,
.student-info .unsatisfactory {
	color: #fff !important
}

.acceptable {
	color: #8c8889 !important
}

.good {
	color: #00f !important
}

.nacceptable {
	color: #000 !important
}

.outstanding {
	color: #00c000 !important
}

.unsatisfactory {
	color: #f00901 !important
}

.no-scroll,
.wt-no-scroll {
	overflow: scroll
}

.hide-scroll {
	overflow: hidden;
	z-index: -100
}

@media(max-width:767px) {
	.wt-no-scroll {
		position: fixed
	}
}

.carousel-wrapper {
	display: block;
	left: 0;
	margin: 0 auto;
	max-width: 1024px;
	max-width: 800px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 100px;
	top: 0;
	z-index: 1113;
	width: 100%
}

.close-carousel {
	color: rgba(255, 255, 255, .5);
	display: block;
	opacity: 1;
	position: absolute;
	right: 0;
	top: 0
}

.close.close-carousel:focus,
.close.close-carousel:hover {
	color: #fff
}

.overlay-carousel {
	background-color: rgba(0, 0, 0, .6);
	cursor: default;
	display: block;
	height: 100%;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1112;
	overflow: hidden
}

.single-item {
	margin-top: 30px;
	width: 800px !important;
	text-align: center
}

.slick-next,
.slick-prev {
	top: 81% !important;
	border-radius: 100%;
	background: rgba(0, 0, 0, .75) !important
}

.slick-next:hover,
.slick-prev:hover {
	background: #ad1457 !important
}

.lets-get-start {
	background: #ad1457;
	color: #fff;
	display: block;
	font-size: 14px;
	min-width: 120px;
	overflow: hidden;
	padding: 8px 0;
	position: relative;
	text-align: center;
	font-family: robotoregular, Droid Arabic Kufi;
	cursor: pointer
}

.lets-get-start:hover {
	background: #690034;
	color: #fff
}

.slick-next.slick-disabled:hover,
.slick-prev.slick-disabled:hover {
	background: rgba(0, 0, 0, .3) !important
}

.slick-prev {
	left: 45px !important;
	z-index: 10
}

.slick-next {
	right: 45px !important
}

.slick-dots {
	bottom: 40px !important
}

.slick-next.slick-disabled,
.slick-prev.slick-disabled {
	cursor: default !important;
	display: none !important
}

@media only screen and (min-height :400px) and (max-height :575px) {
	.single-item-mobile div img {
		margin: 0 auto;
		width: 230px !important
	}

	.lets-get-start {
		width: 230px;
		margin: 0 auto
	}
}

@media only screen and (min-height :576px) and (max-height :620px) {
	.lets-get-start {
		width: 250px;
		margin: 0 auto
	}

	.single-item-mobile div img {
		margin: 0 auto;
		width: 250px !important
	}
}

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

	.overlay-carousel,
	.slick-list {
		background-color: #fff
	}

	.slick-dots {
		left: 0;
		margin: 0 auto;
		right: 0;
		width: 80%
	}

	.single-item-mobile {
		margin: 0 auto;
		max-width: 700px;
		text-align: center;
		background: rgba(0, 0, 0, .2);
		width: 320px !important
	}

	.slick-next,
	.slick-prev {
		border-radius: 100%;
		background: rgba(0, 0, 0, .2) !important;
		top: 85% !important
	}

	.slick-prev {
		left: 12px !important
	}

	.slick-next {
		right: 12px !important
	}

	.slick-dots {
		bottom: -36px !important
	}
}

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

	.single-item,
	.slick-slide,
	.slick-slide img {
		width: 745px !important
	}
}

@media only screen and (max-height :660px) and (width :960px) {

	.single-item,
	.slick-slide,
	.slick-slide img {
		width: 700px !important
	}

	.slick-slide img {
		padding-left: 40px;
		padding-right: 40px
	}

	.single-item {
		margin-top: 0
	}

	.slick-prev {
		left: 69px !important
	}

	.slick-next {
		right: 69px !important
	}

	.lets-get-start {
		width: 540px
	}
}

.walkthrough {
	background-color: #313131;
	padding: 0;
	max-width: 768px;
	margin: 0 auto
}

.walkthrough .text {
	background-color: #fff;
	color: #000;
	padding: 16px 8px 8px;
	position: absolute;
	bottom: -1px;
	left: 0;
	font-size: 14px;
	min-height: 100px;
	width: 100%;
	font-family: robotoregular;
	box-shadow: 0 -2px 5px rgba(0, 0, 0, .2)
}

.owl-controls {
	background-color: #fff !important
}

.img-wrapper {
	width: auto;
	margin: 0 auto;
	display: block;
	padding: 50px 30px 0 30px
}

.img-wrapper img {
	max-width: 384px;
	margin: 0 auto;
	margin-bottom: 40px;
	box-shadow: 0 5px 16px rgba(0, 0, 0, .5)
}

.walkthrough-skip {
	width: 100%;
	padding: 5px 10px;
	text-align: right;
	position: absolute;
	z-index: 2;
	display: block;
	color: #fff
}

.item {
	padding: 0;
	margin: 0;
	color: #fff;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	text-align: center;
	width: 100%;
	height: 100%;
	background-color: #313131;
	position: relative
}

.owl-theme .owl-nav {
	margin-top: 0 !important
}

.owl-dots {
	width: 100%;
	position: fixed;
	bottom: 0
}

.ribbon-block {
	position: relative;
	height: 60px;
	background-color: #fff
}

@media only screen and (min-width :600px) {
	.img-wrapper img {
		max-width: 512px
	}

	.walkthrough .text {
		font-size: 16px
	}
}

@media only screen and (max-height :565px) {
	.walkthrough .text {
		font-size: 12px;
		padding: 8px
	}

	.owl-carousel .owl-item img {
		width: 85%
	}

	.img-wrapper img {
		margin-bottom: 30px
	}
}

.notification-wrapper .faq-card {
	padding-left: 15px;
	padding-top: 15px
}

.notification-wrapper .answer a:hover {
	text-decoration: underline;
	color: #ad1457
}

.notification-modal {
	position: fixed;
	overflow: hidden;
	top: 0;
	display: block;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1113
}

.notification-overlay {
	background-color: rgba(0, 0, 0, .6);
	cursor: default;
	display: block;
	height: 100%;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1112;
	overflow: hidden
}

.notification-item {
	margin-top: 30px;
	text-align: center;
	max-width: 600px;
	margin: -32px auto 40px;
	background: #fff;
	border-radius: 4px;
	padding-bottom: 55px
}

.notification-item .modal-content {
	background: 0 0;
	box-shadow: none;
	border-radius: 0;
	border: 0
}

.notification-btn {
	padding: 15px 15px 20px
}

.points-btn {
	padding: 15px 15px 30px;
	text-align: center
}

.notification-btn button,
.points-btn button {
	min-width: 120px
}

button:focus,
i:focus {
	outline: 0 none
}

.modal-text {
	padding: 15px 15%;
	font-family: robotoregular
}

.notification-carousel-wrapper .modal-text {
	min-height: 82px;
	padding: 15px 13% 5px
}

.slick-slide:focus,
.slick-slide:hover {
	outline: 0 none
}

@media only screen and (max-width :640px) {
	.slick-dots li {
		margin: 0 2px
	}
}

.notification-icon {
	color: #ad1457;
	font-size: 46px
}

.notification-carousel-wrapper h3 {
	margin-top: 10px;
	color: #666;
	font-weight: 600;
	padding: 0 5%
}

.nhide {
	visibility: hidden
}

.badge {
	padding: 3px 6px 3px 6px;
	position: absolute;
	top: -7px;
	font-family: robotolight;
	height: 18px
}

.dashboard-banner .badge,
.top-header-wrapper .badge {
	margin-left: 12px;
	left: 10px
}

.badge.bg-success {
	display: block;
	background-color: #f05050;
	color: #fff;
	left: 3px;
	top: -11px;
	height: 18px;
	line-height: 11px;
	box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, .2)
}

.top-header-wrapper .badge {
	top: -8px
}

.mdb-notification {
	position: absolute;
	right: 62px;
	top: 14px;
	display: none
}

.mdb-notification .badge {
	top: -14px
}

.mdb-notification i {
	color: #fff
}

.aprofile-avatar .mdb-notification {
	left: 100px
}

.ripple-checkbox {
	display: block;
	float: left;
	width: 50px;
	height: 50px;
	margin: .2%;
	line-height: 50px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	position: relative;
	overflow: hidden;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	z-index: 0;
	background: #fff;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%
}

.remember-checkbox .ripple-checkbox {
	width: 14px;
	height: 14px;
	margin: 0;
	line-height: 10px;
	position: absolute;
	top: 2px;
	left: 0;
	float: none;
	background: 0 0
}

.input-md.remember-checkbox input[type=checkbox]:checked~.ripple-checkbox,
.input-md.remember-checkbox input[type=radio]:checked~.ripple-checkbox {
	background: #fff;
	z-index: 1;
	-webkit-animation: cripple .65s linear forwards;
	-moz-animation: cripple .65s linear forwards;
	-ms-animation: cripple .65s linear forwards;
	-o-animation: cripple .65s linear forwards;
	animation: cripple .65s linear forwards
}

.input-md.remember-checkbox input[type=checkbox]:checked~.ripple-checkbox {
	z-index: 0
}

@-webkit-keyframes cripple {
	100% {
		opacity: 0;
		-webkit-transform: scale(2.4)
	}
}

@-moz-keyframes cripple {
	100% {
		opacity: 0;
		-moz-transform: scale(2.4)
	}
}

@-o-keyframes cripple {
	100% {
		opacity: 0;
		-o-transform: scale(2.4)
	}
}

@keyframes cripple {
	100% {
		opacity: 0;
		transform: scale(2.4)
	}
}

.ripple {
	position: absolute;
	background: rgba(0, 0, 0, .4);
	border-radius: 100%;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	pointer-events: none
}

.action-icons .ripple,
.login-button .btn .ripple,
.menu-icon .ripple,
.nav-icon .ripple,
.pink-button .btn .ripple {
	background: #fff
}

.link-checkbox-holder .ripple {
	background: #01a501
}

.buttons button.disabled-button,
.signin-view .buttons button.disabled-button {
	background: #ddd;
	box-shadow: none;
	color: #666;
	cursor: default;
	pointer-events: none
}

.ripple.show {
	-webkit-animation: ripple .5s ease-out;
	-moz-transform: ripple .5s ease-out;
	-ms-transform: ripple .5s ease-out;
	-o-transform: ripple .5s ease-out;
	animation: ripple .5s ease-out
}

@-webkit-keyframes ripple {
	to {
		-moz-transform: scale(1.5);
		-ms-transform: scale(1.5);
		-o-transform: scale(1.5);
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
		opacity: 0
	}
}

@keyframes ripple {
	to {
		-moz-transform: scale(1.5);
		-ms-transform: scale(1.5);
		-o-transform: scale(1.5);
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
		opacity: 0
	}
}

.img-hover {
	display: block;
	float: left;
	width: 50px;
	height: 50px;
	margin: .2%;
	line-height: 50px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	position: absolute;
	top: 0;
	overflow: hidden;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	z-index: 0;
	background: #fff;
	border-radius: 100%;
	-webkit-border-radius: 100%
}

.student-img:hover .img-hover {
	background: rgba(173, 20, 87, .8);
	z-index: 1;
	-webkit-animation: ripple-avatar .65s linear forwards;
	-moz-animation: ripple-avatar .65s linear forwards;
	-ms-animation: ripple-avatar .65s linear forwards;
	-o-animation: ripple-avatar .65s linear forwards;
	animation: ripple-avatar .65s linear forwards
}

@-webkit-keyframes ripple-avatar {
	100% {
		opacity: 0;
		-webkit-transform: scale(2.2)
	}
}

@-moz-keyframes ripple-avatar {
	100% {
		opacity: 0;
		-moz-transform: scale(2.2)
	}
}

@-o-keyframes ripple-avatar {
	100% {
		opacity: 0;
		-o-transform: scale(2.2)
	}
}

@keyframes ripple-avatar {
	100% {
		opacity: 0;
		transform: scale(2.2)
	}
}

@media only screen and (min-width :768px) and (min-height :1000px) {
	.skyline-dashboard {
		height: 200px
	}
}

@media only screen and (min-width :768px) and (max-width :1025px) {
	.schoold-round-head {
		font-size: 16px
	}

	.section-spacing .grey-card,
	.section-spacing .read-details,
	.section-spacing .section-card {
		margin-left: 8px
	}

	.section-spacing .column-2 {
		margin: 10px 0 10px 8px
	}

	.mobile-app .loading-screen {
		margin-top: 0 !important
	}

	.mobile-app .section-nav {
		top: 0 !important
	}

	.mobile-app .onboarding-wrapper {
		padding-top: 35px !important
	}

	.mobile-app .dashboard-banner {
		padding-top: 105px !important
	}

	.mobile-app .profile-holder,
	.mobile-app .section-wrapper {
		padding-top: 34px !important
	}

	.mobile-app .angular-google-map {
		padding-top: 29px !important
	}

	.mobile-app .map-loader {
		padding-top: 44px !important
	}

	.mobile-app .map-wrapper {
		padding-top: 38px !important
	}

	.mobile-app .db-nav-img {
		height: 50px !important;
		width: 50px !important;
		margin-top: 12px !important
	}

	.mobile-app .section-nav {
		margin-top: 0 !important
	}

	.mobile-app .section-card {
		margin-left: 10px !important
	}

	.mobile-app .onboarding-wrapper {
		height: inherit
	}

	.fees-block {
		max-width: 264px
	}
}

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

	.css-overide ol,
	.css-overide ul {
		padding-left: 5px !important
	}
}

.mobile-app .ui-wrapper {
	min-height: 100%
}

.mobile-app .db-title.db-title-inline {
	display: inline-block !important
}

.mobile-app .signup-wrapper {
	position: absolute;
	width: 100%;
	overflow-y: auto;
	height: 100%
}

.mobile-app .modal-body .signup-wrapper {
	position: relative
}

.mobile-app .access-code-head,
.mobile-app .id-head {
	margin: 0;
	padding: 10px 40px 10px
}

.mobile-app .signup-back a {
	display: none
}

.look-around-tooltip {
	background: #fff;
	border-radius: 4px;
	color: #444;
	font-size: 14px;
	left: -79px;
	min-height: 80px;
	padding: 10px;
	position: absolute;
	top: 36px;
	width: 224px;
	line-height: normal;
	z-index: 2;
	box-shadow: 0 1px 8px 6px rgba(0, 0, 0, .3);
	text-shadow: none;
	opacity: 0;
	-webkit-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	-ms-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	transition: opacity .3s linear;
	background-clip: padding-box;
	visibility: hidden;
	text-align: left
}

.look-around:hover .look-around-tooltip {
	opacity: 1;
	visibility: visible
}

.look-around {
	cursor: pointer
}

.look-around-tooltip:after {
	border-color: transparent transparent #fff transparent;
	border-style: solid;
	border-width: 0 10px 14px;
	content: "";
	height: 0;
	left: 101px;
	margin-top: -10px;
	position: absolute;
	top: 0;
	width: 0
}

.bottom-nav-big-screens {
	float: left;
	width: calc(100% - 240px);
	margin-left: 240px;
	padding: 5px;
	position: relative;
	background-color: #ad1457
}

.bottom-nav-big-screens .previous-button {
	float: left
}

.bottom-nav-big-screens .next-button,
.bottom-nav-big-screens .submit-button {
	float: right
}

.bottom-nav-big-screens .submit-button {
	float: right;
	color: #fff;
	background-color: #679f42
}

.bottom-nav-big-screens button {
	border: 0;
	width: auto;
	display: block;
	border-radius: 0;
	background-color: #fff;
	position: relative;
	color: #ad1457;
	padding: 3px 11px;
	border-radius: 14px;
	min-width: 62px
}

.bottom-nav-big-screens button:hover {
	background-color: #35495e;
	color: #fff
}

.bottom-nav-big-screens button[disabled] {
	background-color: #888;
	color: #fff
}

.sec-btn.btn-xl.submit-button-bottom-nav {
	overflow: visible
}

.sec-btn.btn-xl.submit-button-bottom-nav:active {
	background-color: transparent
}

.submit-button-bottom-nav-span {
	background: #679f42;
	padding: 5px;
	margin: -5px;
	color: #fff
}

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

	.results-count-wrapper,
	.school-count {
		padding-left: 20px
	}

	.family-selfie ul.navbar-nav li {
		border-right: 0
	}

	.family-selfie .navbar-collapse {
		border-top: 0;
		border: 1px solid rgba(255, 255, 255, .2);
		background: rgba(255, 255, 255, .2);
		box-shadow: none
	}

	.hero-banner h1 {
		font-size: 30px
	}

	.dashboard-title h1 {
		font-size: 22px
	}

	.dashboard-title {
		float: left;
		width: 100%
	}

	.dashboard-nav-wrapper .dashbord-nav {
		float: right;
		width: 100%;
		padding-left: 15px
	}

	.dashbord-nav .navbar-collapse {
		padding-left: 25px
	}

	ul.navbar-nav li {
		border-right: 0
	}

	.navbar-nav>li>a {
		padding-bottom: 15px;
		padding-top: 15px
	}

	.padding-right-0,
	.section-spacing {
		padding-right: 10px
	}

	.survey-result .column-text {
		padding-left: 20px
	}
}

@media only screen and (width :1024px) {

	.map-wrapper .container,
	.onboarding-wrapper .container,
	.section-wrapper .container,
	.top-header-wrapper .container {
		width: 1024px
	}
}

@media only screen and (max-width :1024px) {
	.look-around-tooltip {
		display: none
	}
}

@media only screen and (max-width :988px) {
	.boarding-process-status {
		border-left: 0;
		margin-left: 0
	}

	.schoold-round-head {
		width: auto
	}
}

@media only screen and (min-width :1199px) {
	.help-link {
		margin-right: 10px
	}
}

.vhidden {
	visibility: hidden;
	display: none
}

.vblock {
	visibility: hidden
}

.hide-for-small {
	display: block
}

.show-for-small {
	display: none
}

.col-lg-12.col-md-12.col-sm-12.news-column {
	padding-bottom: 30px
}

.tran-height {
	min-height: 280px;
	height: 280px
}

.hs-height {
	height: 344px
}

.do-height {
	height: 244px
}

.mobile-app #canvas-btn {
	display: none
}

@media only screen and (min-width :768px) and (max-width :1027px) {
	.mobile-app .section-nav {
		top: 0 !important;
		margin-top: 0 !important
	}

	.mobile-app .profile-holder,
	.mobile-app .section-wrapper {
		padding-top: 34px !important
	}
}

.ecc-fees {
	width: 100%
}

.map-vertical-scroll {
	overflow-y: auto;
	overflow-x: hidden;
	height: 75%;
	max-height: 515px
}

.hide-ratings {
	display: none !important
}

@media only screen and (min-width :320px) {
	.gm-style-iw>div {
		min-width: 170px
	}
}

.user-points-holds {
	background: #679f42;
	box-shadow: 0 2px 3px 2px rgba(0, 0, 0, .25);
	color: #35495e;
	font-family: robotoregular;
	height: 40px;
	line-height: 40px;
	width: 190px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	top: -24px;
	font-size: 16px;
	border-radius: 0 0 4px 4px
}

@media only screen and (max-width:639px) {
	.user-points-holds {
		top: -16px
	}
}

.user-points {
	font-family: robotomedium;
	color: #fff;
	padding-right: 5px;
	padding-left: 5px
}

.height-40 {
	height: 40px
}

.disabled-user .appeal-step-list a,
.disabled-user .camera-icon>span:first-child,
.disabled-user .edit-profile-img,
.disabled-user .email-and-print .email-link,
.disabled-user .input-md input[type=checkbox],
.disabled-user .link-checkbox,
.disabled-user .pink-border-button,
.disabled-user .profile-details .lang-switch,
.disabled-user .profile-details .link-c,
.disabled-user .role-dd a.dropdown-toggle,
.disabled-user .role-dd a.dropdown-toggle:focus,
.disabled-user .role-dd a.dropdown-toggle:hover,
.disabled-user .upload-photo-1 span {
	cursor: default !important
}

.disabled-user .appeal-step-list a:hover {
	color: #ad1457
}

.disabled-user .profile-details .link-c .icon-link {
	cursor: pointer
}

.disabled-user .notification-btn .btn,
.disabled-user .notification-btn .btn:hover {
	background: #a3a5a7;
	cursor: default;
	border-color: #a3a5a7 !important
}

.disabled-user .camera-icon>span:first-child:hover .icon-KHDA_Selfie,
.disabled-user .camera-icon>span:first-child:hover .selfie-head,
.disabled-user .notification-btn .btn,
.disabled-user .notification-btn .btn:hover {
	color: #fff
}

.disabled-user .close-edit-profile .fa-close:hover,
.disabled-user .edit-profile-selfie span:hover,
.disabled-user .upload-photo-1:hover {
	color: #666 !important;
	cursor: default
}

.fb-component {
	right: 0;
	bottom: 0;
	box-sizing: border-box;
	margin: 25px;
	position: fixed;
	white-space: nowrap;
	z-index: 101;
	padding-left: 0;
	list-style: none
}

.bottom-35 {
	margin-bottom: 55px
}

.fb-component-button {
	background-color: #ff7043;
	display: inline-block;
	border: none;
	border-radius: 50%;
	box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
	cursor: pointer;
	outline: 0;
	padding: 0;
	position: relative;
	-webkit-user-drag: none;
	color: #f1f1f1;
	height: 56px;
	width: 56px;
	z-index: 20
}

.fb-component-wrap a:focus,
.fb-component-wrap a:hover {
	text-decoration: none;
	color: #fff;
	outline: 0
}

.fb-component-button i {
	position: absolute;
	font-size: 32px;
	text-align: center;
	line-height: 56px;
	height: 56px;
	vertical-align: middle;
	width: 100%;
	display: inline-block;
	left: 0;
	right: 0;
	margin: 0 auto
}

.students-list .students-col {
	margin-right: 17px;
	margin-left: 17px;
	max-width: 87px;
	text-align: center
}

.edit-avatar {
	border: 2px solid #fff;
	border-radius: 100%;
	background: #000;
	color: #fff;
	height: 26px;
	width: 26px;
	text-align: center;
	right: -8px;
	top: 40px;
	position: absolute;
	line-height: 23px;
	cursor: pointer
}

.edit-avatar:after {
	content: "";
	cursor: pointer;
	display: block;
	position: absolute;
	height: 68px;
	width: 68px;
	top: -45px;
	left: -44px
}

.edit-avatar i {
	font-size: 15px
}

.students-list .students-col:last-child {
	margin-right: 0
}

.students-list {
	position: relative;
	display: block
}

.student-icon .student-img {
	transition: all .2s ease 0s
}

.left-section-top .student-icon:hover .student-img,
.student-cards-container .student-cards:hover .student-icon .student-img {
	box-shadow: 0 0 7px 5px rgba(255, 255, 255, .65)
}

.student-cards-container .student-cards:hover .student-icon .students-name {
	font-weight: 700
}

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

	.car-and-edu-head .col-lg-2,
	.car-and-edu-head .col-lg-3 {
		text-align: left
	}
}

.banner-overlay-img,
.p-cover,
.student-img img.p-cover {
	position: absolute;
	height: 100%;
	width: 100% !important;
	left: 0;
	right: 0;
	top: 0;
	margin: 0 auto;
	object-fit: cover
}

.profile-avatar .child-pic {
	object-fit: cover;
	width: 90px
}

.ios-app-cover {
	background-image: none !important
}

.banner-overlay-img {
	z-index: 1
}

.ios-app-cover .banner-overlay {
	z-index: 2
}

.ios-app-cover>.container,
.ios-app-cover>.container-fluid {
	z-index: 4;
	position: relative;
	width: 100%
}

.ios-app-cover .profile-row {
	z-index: 2
}

.student-img img.p-cover {
	border: 0;
	border-radius: 100% !important
}

.paper-snackbar {
	transition-property: opacity, bottom, left, right, width, margin, border-radius;
	-webkit-transition-property: opacity, bottom, left, right, width, margin, border-radius;
	-ms-transition-property: opacity, bottom, left, right, width, margin, border-radius;
	-moz-transition-property: opacity, bottom, left, right, width, margin, border-radius;
	-o-transition-property: opacity, bottom, left, right, width, margin, border-radius;
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-ms-transition-duration: .5s;
	-o-transition-duration: .5s;
	transition-duration: .5s;
	transition-timing-function: ease;
	-webkit-transition-timing-function: ease;
	-ms-transition-timing-function: ease;
	-moz-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	font-size: 14px;
	min-height: 14px;
	background-color: #323232;
	position: fixed;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	-moz-flex-align: center;
	align-items: center;
	color: #fff;
	line-height: 22px;
	padding: 18px 24px;
	bottom: 0;
	opacity: 0;
	font-family: Robotoregular;
	z-index: 1501
}

.paper-snackbar.loading {
	min-width: 0;
	max-width: 160px;
	margin: 24px;
	border-radius: 2px
}

.paper-snackbar.loading .spinner {
	margin-right: 10px
}

.paper-snackbar.loading .spinner i {
	font-size: 20px
}

[ng-cloak] {
	display: none !important
}

@media (min-width:599px) {
	.paper-snackbar {
		min-width: 288px;
		max-width: 568px;
		border-radius: 2px;
		margin: 24px;
		bottom: -100px
	}

	.paper-snackbar.loading {
		min-width: 0
	}

	.paper-snackbar.loading .spinner {
		margin-right: 10px
	}
}

@media (max-width:599px) {
	.paper-snackbar {
		left: 0;
		right: 0;
		bottom: -100px
	}
}

.paper-snackbar .action,
.paper-snackbar .action:focus,
.paper-snackbar .action:hover {
	background: inherit;
	display: inline-block;
	border: none;
	font-size: inherit;
	text-transform: uppercase;
	color: #ffeb3b;
	margin: 0 0 0 24px;
	padding: 0;
	min-width: -ms-min-content;
	min-width: -webkit-min-content;
	min-width: -moz-min-content;
	min-width: min-content;
	cursor: pointer
}

.happy-meter {
	position: fixed !important;
	bottom: 14px;
	left: 0;
	z-index: 1035;
	text-align: left;
	font-family: Roboto, robotoregular, sans-serif !important;
	display: none
}

.show-happy-meter {
	display: block
}

.happy-meter-icon-style {
	font-family: Roboto, robotoregular, sans-serif !important;
	padding-top: 20px;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 20px;
	background: #18aeaf;
	cursor: pointer;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.happy-meter-icon-style img {
	user-select: none;
	-webkit-user-select: none;
	background-color: #18aeaf;
	cursor: pointer
}

.fancybox-custom .fancybox-skin {
	box-shadow: 0 0 50px #222
}

.fancybox-outer,
.fancybox-wrap iframe {
	height: 250px
}

.fancybox-inner {
	width: 100% !important
}

.fancybox-lock .fancybox-overlay {
	overflow: auto !important
}

.fancybox-inner {
	height: 482px !important
}

.fancybox-outer,
.fancybox-wrap iframe {
	height: 482px
}

.fancybox-close {
	visibility: hidden
}

.pdf-icon-image {
	background: url(../../../themes/en-us/images/pdf.png);
	background-repeat: repeat;
	background-size: 100% 100%;
	background-position: center center;
	width: 26px;
	height: 26px;
	margin-right: 4px;
	margin-left: 4px;
	position: absolute;
	left: 5px;
	top: auto
}

.pdf-download-link {
	font-size: 13px;
	color: #23527c;
	padding-left: 41px;
	margin: 8px 3px auto;
	font-family: robotoregular;
	position: relative;
	line-height: 25px;
	min-height: 24px;
	display: inline-block;
	text-align: left;
	float: left;
	vertical-align: bottom
}

.pdf-download-link span:nth-child(2) {
	line-height: 20px;
	vertical-align: bottom;
	text-transform: capitalize
}

.pdf-download-link:hover span:nth-child(2) {
	font-weight: 700
}

.pdf-download-link-wrapper {
	margin-top: 10px
}

.resend-otp-disable {
	pointer-events: none !important;
	color: #000;
	display: none
}

.margin-otp-bottom {
	margin-bottom: 10px
}

.resend-code-link-enable-text {
	color: #666;
	padding: 0 0 10px;
	cursor: pointer;
	white-space: nowrap
}

.resend-code-link-enable-text strong {
	letter-spacing: .15em
}

.updated-sections {
	text-align: center;
	padding-bottom: 10px
}

.section-heading {
	text-align: center;
	color: #555;
	height: auto;
	padding: 12px 12px 0
}

.left-nav.nav .section-heading:hover,
.section-heading:hover {
	background: 0 0;
	color: #555
}

.full-width {
	width: 100%
}

.left-section-top {
	background-color: #8b2554;
	padding-top: 0;
	padding-bottom: 15px;
	position: relative;
	z-index: 1
}

.left-section-bottom {
	background-color: #172f43;
	position: relative
}

.dashboard-banner {
	padding-top: 92px;
	padding-bottom: 0
}

.right-section-top {
	margin: 15px auto 0
}

.right-section-bottom {
	padding: 0 20px
}

.left-section-bottom-heading {
	text-align: center;
	padding: 10px 0;
	margin-bottom: 0;
	font-size: 16px;
	background-color: #25435c
}

.btn.survey-button {
	width: 100%;
	color: #ad1457;
	margin: 15px 0 0;
	padding: 15px 20px;
	text-align: left;
	font-size: 16px
}

.survey-button>i {
	font-size: 44px;
	color: #76c043;
	margin-right: 10px
}

.survey-button span:last-child {
	vertical-align: top;
	padding-top: 10px
}

.white-background {
	background-color: #fff
}

.remove-padding {
	padding: 0
}

.survey-icon-image {
	width: 24px;
	height: 28px;
	margin-right: 30px;
	margin-left: 3px
}

.left-section-top .student-icon .student-img {
	width: 134px;
	height: 134px
}

.left-section-top .student-icon {
	max-width: 150px;
	margin-top: 20px
}

.left-section-top .edit-avatar {
	height: 29px;
	width: 29px;
	text-align: center;
	right: 6px;
	top: 107px;
	position: absolute;
	line-height: 29px;
	background: #8b2554
}

.left-section-top .edit-avatar:after {
	content: "";
	cursor: pointer;
	display: block;
	position: absolute;
	height: 136px;
	width: 134px;
	top: -108px;
	left: -99px
}

.left-section-top .student-info {
	width: 100%;
	margin-top: 20px
}

.student-cards-container {
	padding: 15px 0;
	height: 370px;
	overflow: auto;
	text-align: center
}

.student-cards-container .student-cards {
	display: inline-block;
	width: calc(50% - 20px);
	background-color: #25435c;
	margin-bottom: 15px;
	cursor: pointer;
	position: relative
}

.student-cards-container .student-cards:hover {
	box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .2);
	background-color: #8b2554
}

.student-cards-container .student-cards:nth-child(odd) {
	margin-right: 15px
}

.center-section .student-card {
	min-height: 100px
}

.family-selfie .student-card {
	border: 1px solid #ccc;
	background: #e7e8e8;
	border-radius: 5px;
	min-height: 150px;
	margin: 0;
	padding: 20px 25px 15px;
	margin-bottom: 20px
}

.show-all-students {
	position: relative;
	width: 100%;
	padding: 0 12px
}

.view-all-button {
	width: 100%;
	font-size: 13px;
	background-color: #25435c;
	border: 0 solid #25435c;
	text-transform: uppercase
}

.view-all-button:hover {
	box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .2);
	background-color: #8b2554
}

.student-cards .student-icon {
	width: 36%;
	padding-top: 15px;
	margin-left: 32%;
	max-width: 150px
}

.right-section {
	height: 100%
}

.family-selfie .student-card {
	background: rgba(255, 255, 255, .85);
	border: 0 solid rgba(255, 255, 255, .45);
	color: #000;
	font-family: robotoregular, "Droid Arabic Kufi";
	min-height: 70px;
	padding: 25px
}

.student-cards-container .student-cards .student-icon {
	margin: 0 auto;
	min-width: 60px;
	cursor: pointer;
	position: relative
}

.family-selfie .action-buttons {
	margin-top: 0
}

.family-selfie .action-buttons .btn {
	margin-bottom: 5px
}

.survey-header {
	display: inline-block;
	min-width: 108px;
	background-color: #172f43;
	padding: 0 10px;
	height: 42px;
	line-height: 42px;
	margin-top: 30px;
	margin-bottom: 15px;
	font-family: robotoregular;
	font-size: 16px;
	position: relative
}

.survey-header:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	right: -35px;
	top: 0;
	border-top: 42px solid #172f43;
	border-right: 35px solid transparent
}

.survey-header .icon-KHDA_Surveys {
	margin-right: 5px;
	margin-left: 5px;
	padding-top: 0
}

.survey-header-container {
	margin-top: 20px;
	border-top: 2px solid rgba(255, 255, 255, .7)
}

.right-section-bg {
	background: rgba(255, 255, 255, .8);
	position: absolute;
	height: 100%;
	right: 0
}

.dashboard-banner {
	padding-top: 105px
}

.navbar-right {
	margin-top: 0
}

.nav-header-bg {
	background: #172f43;
	width: 100%;
	height: 46px;
	position: absolute;
	left: 0;
	top: auto;
	margin-top: -13px;
	z-index: 0
}

li .lang-switch {
	margin-top: -2px
}

.nicescroll-cursors {
	background-color: rgba(255, 255, 255, .35) !important;
	border: 1px solid transparent !important
}

.notification-carousel-wrapper .modal-header.signup-close {
	padding-top: 6px;
	margin-top: 18px;
	max-width: 600px;
	margin: -34px auto 0;
	position: absolute;
	display: block;
	z-index: 9;
	right: 15px;
	padding-bottom: 0
}

.modal-text {
	padding: 15px 15%;
	font-family: robotoregular
}

.notification-carousel-wrapper .slick-dots {
	bottom: auto !important;
	padding: 0 9px
}

.notification-carousel-wrapper .modal-text {
	min-height: 82px;
	padding: 15px 13% 5px
}

.slick-slide:focus,
.slick-slide:hover {
	outline: 0 none
}

@media only screen and (max-width :640px) {
	.notification-carousel-wrapper .modal-text {
		padding: 15px 15% 5px
	}

	.slick-dots li {
		margin: 0 2px
	}

	.notification-carousel-wrapper .slick-dots {
		bottom: 27px !important
	}
}

@media only screen and (max-width :1025px) {
	.mobile-app .notification-carousel-wrapper {
		top: 23%
	}

	.mobile-app .notification-carousel-wrapper .slick-next,
	.mobile-app .notification-carousel-wrapper .slick-prev {
		top: 30% !important
	}
}

@media only screen and (min-width :768px) and (max-width :840px) {
	.notification-carousel-wrapper .slick-slide {
		width: auto !important
	}
}

.notification-carousel-wrapper .slick-next,
.notification-carousel-wrapper .slick-prev {
	top: 36% !important
}

.notification-carousel-wrapper .slick-prev {
	left: 6% !important
}

.notification-carousel-wrapper .slick-next {
	right: 6% !important
}

.notification-icon {
	color: #ad1457;
	font-size: 46px
}

.notification-carousel-wrapper h3 {
	margin-top: 10px;
	color: #666;
	font-weight: 600;
	padding: 0 5%
}

.notification-carousel-wrapper .modal-dialog {
	margin: 0 auto;
	max-width: 570px
}

.notification-modal {
	position: fixed;
	overflow: hidden;
	top: 0;
	display: block;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1113
}

.notification-carousel-wrapper {
	display: block;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	text-align: center;
	top: 100px;
	top: 15%;
	z-index: 1113;
	padding: 15px;
	max-width: 600px;
	width: 100%
}

.notification-carousel-wrapper .slick-list {
	background-color: transparent
}

.notification-overlay {
	background-color: rgba(0, 0, 0, .6);
	cursor: default;
	display: block;
	height: 100%;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1112;
	overflow: hidden
}

.notification-item {
	margin-top: 30px;
	text-align: center;
	max-width: 600px;
	margin: -32px auto 40px;
	background: #fff;
	border-radius: 4px;
	padding-bottom: 55px
}

.notification-item .modal-content {
	background: 0 0;
	box-shadow: none;
	border-radius: 0;
	border: 0
}

.notification-btn {
	padding: 15px 15px 20px
}

.points-btn {
	padding: 15px 15px 30px;
	text-align: center
}

.notification-btn button,
.points-btn button {
	min-width: 120px
}

.notification-carousel-wrapper .modal-content {
	padding: 22px 0 0;
	min-height: 175px
}

.notification-carousel-wrapper .modal-dialog {
	margin: 0 auto;
	max-width: 570px
}

.notification-btn {
	padding: 15px 15px 20px
}

.full-contract.css-overide table {
	table-layout: fixed !important
}

.no-updated-section {
	min-height: 694px;
	background: #fff
}

.no-updated-message {
	font-size: 20px;
	padding: 18% 8%;
	text-align: center;
	color: #aaa;
	font-family: robotoregular;
	line-height: normal
}

.no-updated-message .fa-info-circle {
	color: #ddd;
	font-size: 58px;
	margin-bottom: 10px
}

.full-height {
	height: 100%
}

.status-icon {
	display: inline-block;
	width: 18px;
	vertical-align: top;
	margin-top: 0;
	margin-right: 4px
}

.contract-addendum-status {
	text-align: center;
	font-size: 12px;
	padding: 15px 1px 0
}

.contract-addendum-status .status-icon {
	width: 14px;
	margin-right: 2px;
	margin-left: 3px
}

.students-col .status-icon {
	top: 20px;
	position: absolute;
	left: 20px;
	width: 20px
}

.student-cards .status-icon {
	top: 10px;
	position: absolute;
	left: 10px;
	width: 18px
}

.addendum-modal-wrapper.in .modal-margin {
	width: 80%;
	margin: 92px auto 0;
	height: 100%
}

.addendum-modal-wrapper.in .modal-body {
	padding: 0;
	height: 100%
}

.addendum-modal-wrapper .signup-close .close,
.addendum-modal-wrapper .signup-close i.icon-cross-48 {
	height: 26px;
	width: 26px;
	border-radius: 100%;
	background-color: #ab3260;
	color: #fff;
	text-shadow: none;
	font-size: 10px;
	padding: 0;
	line-height: 26px
}

.addendum-modal-wrapper .modal-header.signup-close {
	position: fixed;
	right: -36px;
	z-index: 1;
	top: -18px;
	padding-bottom: 0;
	padding-top: 0
}

.addendum-modal-wrapper .lets-get-start {
	position: absolute;
	bottom: 0;
	border: 0;
	width: 310px;
	left: 0;
	right: 0;
	margin: 0 auto 10px
}

body.modal-open .factsheet-modal-wrapper.in {
	z-index: 1150
}

.factsheet-modal-wrapper.in .modal-margin {
	margin-top: 20px
}

.factsheet-modal-wrapper .modal-header.signup-close {
	top: 18px;
	position: relative;
	max-width: 900px;
	right: auto
}

.factsheet-modal-wrapper .modal-content {
	width: 83%;
	margin: 0 auto;
	height: 1712px;
	max-width: 900px
}

.factsheet-modal-wrapper .modal-content iframe {
	padding-bottom: 14px !important
}

.factsheet-modal-wrapper .signup-close .close {
	width: auto;
	background: 0 0;
	color: #000;
	font-size: 14px;
	border-radius: 0;
	line-height: normal;
	vertical-align: top;
	height: auto;
	padding: 4px 5px
}

.factsheet-modal-wrapper .signup-close .fa-close {
	color: #ab3260;
	font-size: 24px;
	line-height: 22px;
	vertical-align: bottom;
	display: inline-block;
	height: 20px
}

.loader-wrapper {
	width: 220px;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 0;
	top: 50px
}

.factsheet-loader {
	border: 5px solid #d1d0d0;
	border-radius: 50%;
	border-top: 5px solid #ad1457;
	width: 45px;
	height: 45px;
	-webkit-animation: spin 1.5s linear infinite;
	animation: spin 1.5s linear infinite;
	margin: 0 auto
}

.loading-text {
	width: 210px;
	margin: 10px auto;
	text-align: center;
	letter-spacing: 1px;
	font-size: 12px;
	color: #000;
	z-index: 0
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg)
	}
}

@keyframes spin {
	0% {
		transform: rotate(0)
	}

	100% {
		transform: rotate(360deg)
	}
}