.no-width {
	width: 8% !important;
}


.application-timeline .swiper-container .swiper-wrapper .swiper-slide .tab-link {
	width: 30px !important;
	height: 30px;
	display: inline-block;
	position: relative;
	background: #34495e;
	color: #fff;
	border-radius: 50%;
	text-align: center;
	line-height: 30px;
	margin-right: 72px !important;
	cursor: pointer;
}

.rtl .application-timeline .swiper-container .swiper-wrapper .swiper-slide .tab-link {
	margin-right: 0px !important;
	margin-left: 72px !important;
}

.application-timeline .swiper-container .swiper-wrapper .swiper-slide:after {
	content: "";
	width: 100%;
	position: absolute;
	top: 15px;
	left: 30px;
	border-top: 1px solid #000;
}

.rtl .application-timeline .swiper-container .swiper-wrapper .swiper-slide:after {
	content: "";
	width: 100%;
	position: absolute;
	top: 15px;
	left: auto;
	right: 30px;
	border-top: 1px solid #000;
}

.app-sec {
	position: relative;
	padding-top: 5px;
}

.application-timeline [_nghost-c2] > div[_ngcontent-c2], .application-timeline #application-swiper .swiper-container {
	width: 90%;
	height: 100%;
}

.app-panel input.form-control, input.form-control {
	border: none;
	border-bottom: 0px solid #8e8e8e;
	background: none;
	padding: 5px 10px;
	border-radius: 0px;
	color: #000;
	box-shadow: none;
	background: #f4f4f4;
}

.custom-select.width-100 select:focus {
	outline: 1px solid #d36c9b;
}

.form-control:focus {
   /* border: 1px solid #d36c9b !important;*/
}

app-date {
	float: left;
	width: 100%;
}

	app-date:focus {
		border: 1px solid #d36c9b !important;
	}

ngb-datepicker:focus {
	outline: 1px solid #d36c9b;
}

/*.application-timeline .swiper-container .swiper-wrapper .swiper-slide .tab-link:after {
	content: "";
	width: 75px;
	position: absolute;
	top: 15px;
	left: 30px;
	border-top: 1px solid #000;
}*/

.application-timeline .swiper-container .swiper-wrapper .swiper-slide:last-child:after {
	display: none;
}

/*.rtl .application-timeline .swiper-container .swiper-wrapper .swiper-slide:last-child:after {
	display: block;
}
.rtl .application-timeline .swiper-container .swiper-wrapper .swiper-slide:first-child:after {
	display: none;
}*/

.application-timeline .swiper-container .swiper-wrapper .swiper-slide .tab-link div {
	position: absolute;
	top: 40px;
	color: #000;
	text-align: left;
	line-height: 16px;
}

.rtl .application-timeline .swiper-container .swiper-wrapper .swiper-slide .tab-link div {
	text-align: right;
	width: 72px;
	word-wrap: break-word;
}

.application-timeline .swiper-container .swiper-wrapper .swiper-slide .tab-link.selected {
	-webkit-box-shadow: inset 0px 0px 0px 2px #34495e;
	-moz-box-shadow: inset 0px 0px 0px 2px #34495e;
	box-shadow: inset 0px 0px 0px 2px #34495e;
	color: #000;
	background: #fff !important;
}

.application-timeline .swiper-container .swiper-wrapper .swiper-slide .tab-link.completed {
	background: #621337;
}

.application-timeline .swiper-container .swiper-wrapper .swiper-slide .tab-link.error {
	background: #ff3d43;
}

.app-sec .swiper-button-prev, .app-sec .swiper-button-next {
	position: absolute;
	top: 0;
	width: 27px;
	height: 41px;
	margin-top: 0;
	z-index: 3;
	cursor: pointer;
	-moz-background-size: 27px 44px;
	-webkit-background-size: 27px 44px;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat;
}

.app-sec .swiper-button-next, .app-sec .swiper-container-rtl .swiper-button-prev {
	background: url(../images/sprite.png) no-repeat;
	background-position: -310px -203px;
	right: 0px;
	left: auto;
}

.rtl .app-sec .swiper-button-next, .app-sec .swiper-container-rtl .swiper-button-prev {
	left: 0px;
	right: auto;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
}

.app-sec .swiper-button-prev, .app-sec .swiper-container-rtl .swiper-button-next {
	background: url(../images/sprite.png) no-repeat;
	background-position: -290px -203px;
	left: 0px;
	right: auto;
}

.rtl .app-sec .swiper-button-prev, .app-sec .swiper-container-rtl .swiper-button-next {
	right: 0px;
	left: auto;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
}

.rtl .legend li .sign {
	margin-left: 10px;
	margin-right: 0px;
}

.custom-li {
	list-style: disc;
	padding-left: 50px;
}

	.custom-li li {
		margin-bottom: 10px;
	}

.row-edit-xs {
	position: fixed;
	bottom: 0px;
	width: calc(100% - 65px);
	z-index: 99;
	right: 0px;
}

.wrapper-expanded .row-edit-xs {
	width: calc(100% - 218px);
}

.upload-items ol.custom p {
	width: 97%;
}

.helptxt {
	color: #107a12;
	font-size: 1em;
}

.application-timeline ul.status-timeline li {
	margin-right: 4.2%;
}

	.application-timeline ul.status-timeline li div {
		font-size: 0.810em;
		width: 78px;
	}

.grid-table table tbody td {
	/* vertical-align: top;*/
}

.warning-txt {
	color: red !important;
}

.notes {
	list-style: disc;
	padding-left: 40px;
}

.tab-pane.fade {
	display: none;
}

	.tab-pane.fade.in {
		display: block;
	}

.panel-group.borderedit {
	padding: 20px;
	border: 1px solid #ccc;
}

.application-timeline ul.status-timeline li.edit span {
	box-shadow: inset 0px 0px 0px 2px #ff3d43;
	background: #fff;
	color: #000;
}

app-date {
	display: block;
}

	app-date input {
		width: calc(100% - 35px) !important;
		float: left;
	}

	app-date span {
		float: left;
		padding: 7px 8px;
		background: #f4f4f4;
	}

ngb-datepicker-navigation .btn-link, ngb-datepicker-navigation .btn-link:hover {
	background: none;
}

	ngb-datepicker-navigation .btn-link span {
		color: #000;
	}

.ngb-dp-arrow-btn {
	padding: 0px !important;
}

.ngb-dp-arrow-btn {
	padding: 0px;
}

.ngb-dp-navigation-select {
	flex-basis: 13rem !important;
	flex-grow: 2 !important;
}

.ngb-dp-header {
	padding-top: 0px !important;
}

.ngb-dp-month {
	pointer-events: none;
	margin: 0px auto;
}

.pop-hover {
	position: absolute;
	background: #6e1940;
	color: #fff;
	width: 200px;
	border-radius: 10px;
	bottom: 30px;
	left: -55px;
	right: 0px;
	padding: 10px;
	margin: 0px auto;
	font-size: 12px !important;
	z-index: 3;
	display: none;
}

.modal.fade .modal-dialog {
	/* top: 50%;
	transform: translate(0%, -50%);
	-webkit-transform: translate(0%, -50%);
	-moz-transform: translate(0%, -50%);
	transition: none;
	-webkit-transition: none;
	-moz-transition: none;*/
	margin: 30px auto;
}

.listing span {
	font-size: 1.071em;
	display: table-cell;
	vertical-align: middle;
}

	.listing span.list-txt {
		width: 80%;
	}

.legend {
	list-style: none;
	padding: 0px;
	text-align: right;
}

	.legend li {
		display: inline-block;
		margin-bottom: 15px;
		padding-right: 20px;
	}

		.legend li .sign {
			width: 10px;
			height: 10px;
			border-radius: 50%;
			background: #34495e;
			margin-right: 10px;
			display: inline-block
		}

			.legend li .sign.processing {
				-webkit-box-shadow: inset 0px 0px 0px 2px #34495e;
				-moz-box-shadow: inset 0px 0px 0px 2px #34495e;
				box-shadow: inset 0px 0px 0px 2px #34495e;
				background: #fff;
			}

			.legend li .sign.completed {
				background: #8b2553;
			}

			.legend li .sign.comments {
				background: red;
			}

.tab-content .app-panel .panel-body .grid-table tr {
	border-bottom: 0px;
}

	.tab-content .app-panel .panel-body .grid-table tr td {
		border-bottom: 0px;
	}

.ngb-dp-day .bg-primary {
	background-color: #337ab7 !important;
}

.pop-hover .attch-head {
	display: block;
	font-weight: bold;
	margin-bottom: 10px;
}

.calendar-grid {
	background: #f7f7f7;
	padding: 20px;
	overflow-x: auto;
}

.calendar-grid .cal-month-view .cal-header .cal-cell {
	padding: 15px 0;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	display: block;
	white-space: nowrap;
	border: 1px solid #dadada;
	border-bottom: 0px;
	border-right: 0;
	background: #f7f7f7;
	direction: ltr;
}

.calendar-grid .cal-month-view .cal-header .cal-cell:last-child {
	border-right: 1px solid #dadada;
}
.rtl .calendar-grid .cal-month-view .cal-header .cal-cell:last-child {
	border-right: none;
}
.rtl .calendar-grid .cal-month-view .cal-header .cal-cell:first-child {
	border-left: 1px solid #dadada;
}

.calendar-grid .cal-month-view .cal-day-number {
	font-size: 23px;
	font-weight: 400;
	opacity: 0.5;
	margin-top: 5px;
	margin-right: 8px;
	float: right;
	margin-bottom: 10px;
	float: right !important;
}
.rtl .calendar-grid .cal-month-view .cal-day-number {
	float: left !important;
	margin-right: 0;
	margin-left: 8px;
}

	.calendar-grid .cal-month-view .cal-day-cell.cal-weekend .cal-day-number {
		color: #f10000;
	}

	.calendar-grid .cal-month-view .cal-cell-top {
		min-height: auto;
	}

.owl-widget .owl-state-default {
	border: 0px;
	background: #f7f7f7;
}

.owl-calendar-wrapper .owl-calendar-control .owl-calendar-controlContent .month-control {
	font-size: 21px;
	margin-right: 5px;
	font-weight: 700;
	letter-spacing: 1px;
	color: #000;
	vertical-align: middle;
}

.calendar-grid .cal-month-view .cal-cell {
	padding: 5px 0px;
	background: #fff;
}
.owl-calendar {
	position: absolute !important;
	min-height: 13.7em;
	width: 100%;
	z-index: 2;
	background: #fff;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}

	.owl-calendar tbody td.owl-calendar-selected {
		background-color: #8b2554 !important;
	}

.calendar-grid .cal-month-view .cal-day-cell.cal-today, .calendar-grid .cal-month-view .cal-day-cell.cal-today:hover {
	background-color: #8b2554;
}

	.calendar-grid .cal-month-view .cal-day-cell.cal-today .cal-cell-top .cal-day-number {
		opacity: 1;
		color: #fff;
	}

.calendar-grid .cal-month-view .cal-day-cell.cal-in-month.cal-has-events {
	cursor: pointer;
}
 /*swiper [_ngcontent-c1]{
	height: 125px !important;
}*/

.row-relative .table-sub {
	position: absolute;
	right: 15px;
	bottom: 0px;
}

.calendar-grid .cal-month-view .cal-cell .time-date {
	overflow: auto;
	min-height: 10px;
	max-height: 35px;
}

	.calendar-grid .cal-month-view .cal-cell .time-date .exam-slot {
		margin: 0;
		font-size: 10px;
		text-align: center;
		background-color: #953360;
		color: #fff;
		padding: 1px 0px;
		margin-bottom: 1px;
		direction: ltr;
	}

.owl-calendar-wrapper .owl-calendar-control .owl-calendar-controlContent .year-control {
	font-size: 21px;
	font-style: normal;
	color: #000;
	vertical-align: middle;
	font-weight: bold;
}

	.owl-calendar-wrapper .owl-calendar-control .owl-calendar-controlContent .month-control:hover, .owl-calendar-wrapper .owl-calendar-control .owl-calendar-controlContent .year-control:hover {
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		transform: none;
	}

.owl-calendar-control {
	display: block !important;
	position: relative;
	width: 100%;
	height: 2em;
}

.owl-calendar-controlContent {
	position: relative;
}

	/*.owl-calendar-controlContent:after {
		content: "";
		display: inline-block;
		width: 17px;
		height: 13px;
		background: url(../images/sprite.png) no-repeat;
		background-position: -269px -216px;
		cursor: pointer;
		vertical-align: middle;
		transform: rotate(180deg);
		position: absolute;
		right: 0px;
		top: 8px;
	}*/

.owl-calendar-control .owl-calendar-controlNav {
	position: relative;
	/*display: block !important;*/
	width: 18px !important;
	display: inline-block !important;
}

.owl-calendar-control .owl-calendar-controlContent {
	/* display: block !important;
	width: 63%;*/
	padding: 0 30px;
	height: 100%;
	display: inline-block !important;
}

.owl-calendar-controlNav .icon-owl-right-open {
	display: inline-block;
	width: 18px;
	height: 28px;
	background: url(../images/sprite.png) no-repeat;
	background-position: -316px -210px;
	cursor: pointer;
	vertical-align: middle;
}
.rtl .owl-calendar-controlNav .icon-owl-left-open {
	background-position: -316px -210px;
}

.rtl .owl-calendar-controlNav .icon-owl-right-open {
	background-position: -291px -210px;
}
	.owl-calendar-controlNav .icon-owl-left-open {
	display: inline-block;
	width: 18px;
	height: 28px;
	background: url(../images/sprite.png) no-repeat;
	background-position: -291px -210px;
	cursor: pointer;
	vertical-align: middle;
}

	.owl-calendar-controlNav .icon-owl-left-open:before, .owl-calendar-controlNav .icon-owl-right-open:before {
		display: none;
	}

@media only screen and (max-width: 1155px) and (min-width: 769px) {
	.my-actions-new {
		text-align: center;
	}
}

.modal.fade.show {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
}

.modal-backdrop.show {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.attach {
	display: inline-block;
	width: 14px;
	height: 12px;
	background-position: -173px -245px;
	cursor: pointer;
	vertical-align: middle;
}

/*.help {
	display: inline-block;
	width: 16px;
	height: 16px;
	background-position: -209px -241px;
	cursor: pointer;
	vertical-align: middle;
	position: relative;
	margin-top: -5px;
}*/

.help.help-number .pop-hover {
	bottom: 45px;
	left: -15px;
}

.pop-head {
	position: relative;
}

.pop-hover.extra {
	width: 500px;
}

.pop-hover:after {
	content: "";
	position: absolute;
	bottom: -10px;
	left: 0px;
	right: 70px;
	width: 0;
	height: 0;
	margin: 0px auto;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 10px solid #6e1940;
}

.help:hover .pop-hover {
	display: block;
}

label.btn.btn-primary.btn-radius.m-l-15.pull-right {
	color: #fff;
}

.equal-height .grid-table {
	min-height: 125px;
	padding-bottom: 25px;
}

	.equal-height .grid-table .select-txt {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
	}

.row-relative .button-grp .btn {
	margin-left: 15px;
}

.my-actions-new {
	text-align: center;
}

	.my-actions-new .doc-icon, .my-actions-new .doc-txt, .my-actions-new .doc-action {
		padding: 15px 0px;
	}

	.my-actions-new .doc-txt {
		font-size: 1.071em;
	}

		.my-actions-row .doc-txt a, .my-actions-new .doc-txt a {
			text-decoration: none;
			color: #4969a7;
		}

		.my-actions-new .doc-txt span {
			display: block;
		}

	.my-actions-new .doc-action button {
		border-radius: 20px;
	}

.my-actions-new {
	text-align: center;
}

	.my-actions-new .doc-icon, .my-actions-new .doc-txt, .my-actions-new .doc-action {
		padding: 15px 0px;
	}

	.my-actions-new .doc-txt {
		font-size: 1.071em;
	}

		.my-actions-row .doc-txt a, .my-actions-new .doc-txt a {
			text-decoration: none;
			color: #4969a7;
		}

		.my-actions-new .doc-txt span {
			display: block;
		}

	.my-actions-new .doc-action button {
		border-radius: 20px;
	}

.app-panel .input-file {
	position: absolute;
	top: -5px;
	right: 0;
	left: auto;
	width: 100%;
	opacity: 0;
	padding: 7px 0;
	cursor: pointer;
}

.rtl .app-panel .input-file {
	left: 0;
	right: auto;
}

.rtl app-date input {
	width: calc(100% - 35px) !important;
	float: right;
}

.rtl .nav-tabs.emp-ul > li {
	float: right;
}
/*.rtl .styled-checkbox:checked + label:after {
	left: 9px;
	right: auto;
}*/
.rtl .help-icon {
	margin-left: 5px;
}

.rtl .upload-items ol span {
	vertical-align: middle;
	margin-right: 15px;
	float: left;
	margin-left: 0px;
}

.exam-modal .modal-dialog {
	width: 75%;
}

.rtl .exam-modal .modal-dialog .panel-body table th {
	text-align: right;
}

.shadow-none {
	box-shadow: none !important;
}

.booking-btn {
	position: absolute;
	bottom: 0px;
	padding: 20px;
	left: 0px;
	right: 0px;
	margin: 0px auto;
}

.booking-slot-height {
	min-height: 100px;
	max-height: 635px;
	overflow: auto;
}

.legal-upload .input-file-container {
	float: right;
}

.modal-dialog {
	/*position: absolute;
	margin: 10px;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%) !important;
	-webkit-transform: translate(-50%, -50%) !important;
	-moz-transform: translate(-50%, -50%) !important;*/
	position: relative;
	margin: 30px auto;
}

.status-pop-up .notification-box .left-txt {
	color: #FF0000;
	font-size: 1.071em;
	display: block;
	vertical-align: middle;
	padding: 0px;
	margin: 0px;
}

.status-pop-up .notification-box .pop-txt {
	padding: 15px 20px;
}

.btn-border {
	background-color: #fff;
	border-color: #23313f;    
	color: #23313f;
	font-weight: normal;
	letter-spacing: 1px;
	padding: 8px 25px;
	line-height: 20px;
}

.error-sec {
	outline: 1px solid red !important;
	border: 0px solid red !important;
}

.date-component:after {
	clear: both;
	content: "";
	display: table;
}

.upload-items a {
	cursor: pointer;
	text-decoration: underline;
	color: #737373;
}

.export-file {
	cursor: pointer;
	font-size: 1em;
	text-decoration: underline;
}

.table-height .table-sub {
	position: absolute;
	bottom: 0px;
	right: 15px;
}

.pop-txt .left-txt.success-txt {
	color: #107A12;
}

.pop-txt .left-txt.error-txt {
	color: red;
}

.equal-height .left-div {
	position: relative;
	vertical-align: top;
}

	.equal-height .left-div .notification-box, .equal-height .right-div .notification-box {
		margin-top: 0px;
	}

.select-txt .text-center {
	padding: 20px 0px;
}

.left-div .table-sub, .right-div .table-sub {
	position: absolute;
	bottom: 0px;
	right: 15px;
	width: 100%;
}

	/*.left-div .grid-table, .right-div .grid-table {
	margin-bottom: 50px;
}*/

	.left-div .table-sub .table-pagination, .right-div .table-sub .table-pagination {
		margin-left: 30px;
	}

.rtl .ngb-dp-navigation-chevron::before {
	transform: rotate(45deg) !important;
	-webkit-transform: rotate(45deg) !important;
	-ms-transform: rotate(45deg) !important;
}

.rtl .right .ngb-dp-navigation-chevron:before {
	-webkit-transform: rotate(222deg) !important;
	-ms-transform: rotate(222deg) !important;
	transform: rotate(222deg) !important;
}

.rtl .upload-btn-wrapper {
	position: relative;
	overflow: hidden;
	padding-right: 10px;
	padding-left: 5px;
	display: inline-block;
}

.rtl select {
	background-position: 5% 10px;
}

.rtl .app-panel.btn-group > .btn {
	position: relative;
	float: right;
	margin-right: 15px;
}

.swiper-wrapper {
	display: flex;
	flex-wrap: nowrap;
}

.swiper-slide {
	flex-grow: 1;
	width: auto !important;
}

* {
	-webkit-touch-callout: none; /* iOS Safari */
	/*-webkit-user-select: none; */ /* Safari */
	/* -khtml-user-select: none; */ /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
								  supported by Chrome and Opera */
}

.rtl .col-md-12.col-rtl {
	float: none !important;
}

.status-pop-up .custom-notification {
	-webkit-box-shadow: 0px 0px 49px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 49px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 49px rgba(0, 0, 0, 0.1);
}

.add.middle {
	vertical-align: text-bottom;
	margin-right: 10px;
}

.btn-link.language-text {
	min-width: 70px;
}

	.btn-link.language-text:hover {
		color: #fff;
	}

.upload-inline {
	display: inline-block;
}

.ngb-dp-navigation-select select {
	width: 44% !important;
	margin: 3px 3px;
}

	.ngb-dp-navigation-select select.custom-select {
		min-width: 68px;
	}

.upload-inline .input-file-container {
	position: relative;
	top: -5px;
}

.txt-static.custom {
	display: block !important;
}

.impl-year p {
	border: none;
	padding: 0;
}

.impl-year {
	border-top: 1px solid #cbcdd5;
	padding-top: 10px;
}

.text-black {
	color: #333;
}

.invoices-details {
	padding-top: 15px;
}

	.invoices-details .table-display {
		padding-bottom: 15px;
	}

.grid-main .search-box .input-bg input {
	background: #f4f4f4;
	background-position: calc(100% - 10px) 7px;
	border: 1px solid #f4f4f4;
}

.add.middle {
	vertical-align: text-bottom;
	margin-right: 0px;
}

.app-panel .panel-body .grid-table.width td {
	width: 50%;
}

.grid-table.lincence-width table thead tr th:nth-child(1) {
	width: 90%;
	white-space: normal;
}

.grid-table.lincence-width table thead tr th:nth-child(2) {
	text-align: center;
}

.grid-table.lincence-width table tbody tr td:nth-child(2) {
	text-align: center;
}

.equal-height .right-div, .equal-height .left-div {
	display: table-cell;
	height: 100%;
	width: 50%;
	padding: 15px 15px;
	vertical-align: top;
}

.equal-height .middle-div {
	display: table-cell;
	height: 100%;
	padding: 15px 15px;
}

	.equal-height .middle-div .swap-arrows .fa {
		font-size: 20px;
		margin-bottom: 10px;
	}

	.equal-height .middle-div .swap-arrows {
		position: absolute;
		top: 50%;
		margin-top: -15px;
		margin-left: -16px;
	}

.swap-right {
	display: inline-block;
	width: 22px;
	height: 19px;
	background-position: -190px -281px;
	cursor: pointer;
	vertical-align: middle;
	position: relative;
}

.swap-right-disable {
	display: inline-block;
	width: 22px;
	height: 19px;
	background-position: -225px -281px;
	cursor: pointer;
	vertical-align: middle;
	position: relative;
}

.swap-left-disable {
	display: inline-block;
	width: 22px;
	height: 19px;
	background-position: -225px -306px;
	cursor: pointer;
	vertical-align: middle;
	position: relative;
}

.swap-left {
	display: inline-block;
	width: 22px;
	height: 19px;
	background-position: -190px -306px;
	cursor: pointer;
	vertical-align: middle;
	position: relative;
}

.equal-height .middle-div .swap-arrows .arrow-rgt {
	padding: 5px;
}

.equal-height .middle-div .swap-arrows .arrow-lft {
	padding: 5px;
}

.rtl .equal-height .middle-div .swap-arrows .arrow-rgt {
	padding: 5px;
	transform: rotate(180deg);
}

.rtl .equal-height .middle-div .swap-arrows .arrow-lft {
	padding: 5px;
	transform: rotate(180deg);
}

@media only screen and (max-width: 992px) {
	.row-eq-height-col {
		display: block !important;
	}

	.modal-dialog {
		position: relative;
		width: 85%;
	}
}

.numeric-align {
	text-align: right;
	float: right;
	margin-top: -2px;
}

.rtl .numeric-align {
	float: left;
	margin-left: 0;
	margin-right: 15px;
}

.width-80 {
	width: 80%;
}

.grid-main .notification-box.nominate-header {
	background: #fff;
	border: 1px solid #e4e5ed;
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
}

.pn-ProductNav_Wrapper [_nghost-c1] > div[_ngcontent-c1], .pn-ProductNav_Wrapper #pnProductNavContents .swiper-container {
	width: 95% !important;
}

.pn-ProductNav_Wrapper .swiper-button-prev, .pn-ProductNav_Wrapper .swiper-button-next {
	margin-top: -22px !important;
	background: url(../images/sprite.png) no-repeat !important;
	width: 23px;
}

	.pn-ProductNav_Wrapper .swiper-button-prev, .pn-ProductNav_Wrapper .swiper-button-prev.swiper-button-disabled {
		background-position: -290px -203px !important;
		left: 0px !important;
	}

	.pn-ProductNav_Wrapper .swiper-button-next, .pn-ProductNav_Wrapper .swiper-button-next.swiper-button-disabled {
		background-position: -310px -203px !important;
		right: 0px !important;
	}

.condition-txt {
	background: #f4f4f4;
	padding: 5px;
}

.custom-select.table-align-middle {
	display: table-cell;
}

.feedback-add {
	margin: 6px 0 0 10px;
}

.mt-10 {
	margin-top: 10px;
}

.app_form .form-group .form-check .cts-list p.condition-txt {
	margin-bottom: 10px;
}

.mt-5 {
	margin-top: 5px;
}


#pnProductNavContents {
	width: 100%;
	padding-right: 0;
}

.breadcum .btn {
	width: 100%;
}

.pn-ProductNav_Wrapper .swiper-button-next, .pn-ProductNav_Wrapper .swiper-button-next.swiper-button-disabled {
	right: 0px !important;
}

@media only screen and (max-width: 1345px) {
	.equal-height .left-div, .equal-height .right-div {
		display: block;
		height: 100%;
		width: 100%;
		padding: 15px 15px;
	}

	.equal-height .middle-div .swap-arrows {
		left: 50%;
	}

	.equal-height .middle-div {
		text-align: center;
		display: block;
		width: 100%;
		position: relative;
	}

		.equal-height .middle-div .swap-arrows .arrow-rgt, .equal-height .middle-div .swap-arrows .arrow-lft {
			float: left;
		}

		.equal-height .middle-div .swap-arrows .arrow-rgt {
			transform: rotate(90deg);
			padding: 5px;
		}
	.rtl .equal-height .middle-div .swap-arrows .arrow-lft, .rtl .equal-height .middle-div .swap-arrows .arrow-rgt {
		transform: rotate(90deg);
	}

		.equal-height .middle-div .swap-arrows .arrow-lft {
			transform: rotate(90deg);
			padding: 5px;
		}
}

@media only screen and (max-width: 767px) {
	.main-content .main-area .custom-notification .notification-box .left-txt .status-mobile {
		display: block;
		clear: both;
	}

	.main-content .main-area .custom-notification .notification-box .left-txt.mobile-status-wrap {
		padding-left: 25px;
		text-align: left;
	}

	.rtl .main-content .main-area .custom-notification .notification-box .left-txt.mobile-status-wrap {
		padding-right: 25px;
		text-align: right;
	}

	.breadcum .btn.btn-default:after {
		margin-right: -1px;
	}

	.pn-ProductNav_Wrapper [_nghost-c1] > div[_ngcontent-c1] {
		width: 90% !important;
	}

	.pn-ProductNav_Wrapper .swiper-button-prev, .pn-ProductNav_Wrapper .swiper-button-prev.swiper-button-disabled {
		left: -1px !important;
	}

	.button-grp .btn, .button-grp a{
		width: 100%;
		margin-bottom: 10px;
		display: block;
		margin-left: 0px;
	}

		.button-grp .btn:last-child {
			margin-bottom: 0;
		}

	.block-xs {
		display: block;
	}
	
	.upload-items a {
		font-size: 12px;
	}
}


.custom-select {
    min-width: 90px;
    background: #f4f4f4;
}

.grid-main-outer {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 20px;
}

.main-area.p-t-0 {
	padding-top: 0;
}

.close-window {
	border: none;
}

.modal-head {
	font-size: 24px;
}

.license-from-name {
	color: #000;
	font-size: 1em;
	margin-bottom: 10px;
}

	.license-from-name.colon {
		position: relative;
	}

		.license-from-name.colon:after {
			content: ":";
			position: absolute;
			right: -15px;
			top: 0px;
		}

	.license-from-name .left-txt {
		color: #67697c;
	}



.hypen-timeframe {
	position: absolute;
	right: -3px;
	top: 6px;
}

.white-box .panel-default .panel-body {
	/*border: none;*/
}

.white-box .panel-default {
	box-shadow: none;
}

.timestamp-loop {
	color: #ccc;
	font-size: 14px;
}

.comments-looping > div {
	margin-bottom: 10px;
	display: block;
}

	.comments-looping > div:last-child {
		margin-bottom: 0;
	}

.width-150 {
	width: 150px;
}

.swiper-wrapper .pn-ProductNav_Link .head-txt {
	max-width: 100px;
	min-width: 100px;
}

.wrap-table.grid-table th {
	white-space: nowrap;
	text-transform: unset !important;
}

.wrap-table.grid-table td {
	white-space: normal;
}

.modal.fade .modal-dialog.license-modal {
	top: 0;
	transform: none;
	margin: 30px auto;
}

.grid-table .table > tbody + tbody {
	border: none;
}

.rtl .txt-static.upload-area .export-right {
	right: auto;
	left: 8px;
}

.rtl .txt-static.upload-area {
	text-align: right;
}


.rtl .licensing-col .col .col-child .license-from-name.colon:after {
	left: -4px;
	right: auto;
}

.rtl .rtl-text-left {
	text-align: left;
}

.rtl .license-from-name.colon:after {
	right: auto;
	left: -15px;
}

.rtl .license-from-name.colon:after {
	margin-left: 0;
	margin-right: 5px;
}
	
/* Devstyles */
.rtl .custom-select select {
	padding: 8px 8px 8px 30px;
	background-position: 5px 16px;
}

.rtl .custom-select {
	min-width: 120px;
}

.grid-table td.nowrap-td {
	white-space: nowrap;
}

.table-fixed {
	table-layout: fixed;
}

.wrap-filename {
	max-width: 140px;
	text-overflow: ellipsis;
	overflow: hidden;
}

.grid-table table tbody td.align-cell-middle {
	vertical-align: middle;
}

.delete {
	width: 17px;
}

.rtl .align-text-right {
	text-align: right;
}

.rtl .grid-table table thead th.text-center {
	text-align: center;
}

.rtl .rtl-ml-10 {
	margin-left: 0;
	margin-right: 10px;
}

.modal-header {
	border-bottom: 1px solid #e5e5e5;
}

.legendHolder {
}

	.legendHolder .legend {
	}


.conditions-apply {
	padding-left: 30px;
	max-height: 100px;
	margin-bottom: 0;
}

	.conditions-apply.custom-li li:last-child {
		margin-bottom: 0;
	}

.rtl .conditions-apply li {
	padding-right: 30px;
	padding-left: 0px;
}

.badge.empty-badge {
	background: #92868b !important;
}

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

.custom-select select option {
	font-size: 1em;
	color: #23313f;
}

.rtl .legend-chart {
	transform: translate(23px,0px);
}

.fixed-navbar h1 a:hover {
	text-decoration: none;
}

/*.school-name {
	background: #f7f9ff;
	box-shadow: 0 1px 0px rgba(0, 0, 0, 0.1);
}

.rtl .school-name.fix-top {
	left: 0;
	right: 95px;
}

.rtl .expanded .school-name.fix-top {
	left: 0;
	right: 247px;
}

.school-name.fix-top {
	position: fixed;
	top: 50px;
	z-index: 4;
	width: calc(100% - 95px);
	left: 95px;
}

.school-name h1 {
	padding: 10px 30px;
}

.expanded .school-name.fix-top {
	left: 247px;
	width: calc(100% - 247px);
}
*/
.white-rounded-circle {
	background: #fff;
	border-radius: 50%;
	width: 19px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
}

	.white-rounded-circle .delete-chat {
		margin-left: 4px;
		margin-top: 3px;
		text-indent: -9999px;
	}

.timestamp-loop span {
	background: #fff;
	padding: 0 7px;
	border-radius: 9px;
	color: #333;
	font-size: 12px;
}

.delete-chat {
	width: 11px;
	height: 14px;
	background-position: -334px -243px;
	cursor: pointer;
}

.rtl .white-rounded-circle .delete-chat {
	margin-left: 0;
	margin-right: 4px;
}

.currentEmpCell {
	vertical-align: top !important;
}

/*Mozilla firfox issue- mani comment css*/
/*.target-legend-wrapper li{
	display: inline-block;
	width: 55%;
}
.target-legend-wrapper li:first-child {
	width: 45%;
}*/
/*Mozilla firfox issue- mani comment css*/
.target-legend-wrapper li span {
	display: inline-block;
	vertical-align: middle;
}
.target-legend-wrapper li span.sq-box {
	width: 10px;
	height: 10px;
	margin-right: 4px;
}
.rtl .target-legend-wrapper li span.sq-box {
	margin-right: 0;
	margin-left: 5px;
}
.target-legend-wrapper li span.orange {
	background: rgb(254, 167, 0);
}
.target-legend-wrapper li span.green {
	background: rgb(78, 206, 129);
}
.application-status {
	background: rgb(78, 206, 129);
}

.grid-table.table-responsive.withoutScroll {
	overflow-x:unset !important;
}
.sortable-header-container  > span {
	padding-right: 5px;
}
.rtl .sortable-header-container > span {
	padding-right: 0px;
	padding-left: 5px;
}
.grid-table table thead th.nowrap-th  {
	white-space: nowrap;
}
app-date {
	position: relative;
	min-width: 160px;
}
.planner-table  {
	overflow-x: unset;
}
	.planner-table .date-input-control {
		border: 1px solid #f4f4f4;
	}
.rtl .app-panel.btn-group > .btn:first-child {
	margin-right: 0;
}

.teacher-photo {
	width: 200px;
	height: 200px;
	margin: 0 auto;
}

	.teacher-photo img {
		max-width: 100%;
		height: auto;
		max-height: 100%;
		width: 100%;
	}
.top-head {
	min-height: 22px;
}
.school-list-table {
	min-height: 379px;
	max-height: 439px;
}
.school-list-pagination  ul.pagination {
	margin: 0;
}
.attachments-uploading ol p {
	margin-left: 0;
	width: 100%;
}
@media only screen and (max-width: 1024px) {
	.owl-calendar-control .owl-calendar-controlContent {
		padding: 0 5px;
	}
	.grid-table.table-responsive.withoutScroll {
		overflow-x: auto !important;
	}
	.min-120 {
		min-width: 120px;
	}
}
	@media only screen and (max-width: 991px) {
		.grid-table {
			overflow-x: auto;
		}

		profile-photo-swap {
			display: -webkit-flex; /* Safari */
			-webkit-flex-direction: column-reverse; /* Safari 6.1+ */
			display: flex;
			flex-direction: column-reverse;
		}

	 /*   .rtl .expanded .school-name.fix-top {
			right: 15px;
			left: 15px;
		}

		.expanded .school-name.fix-top {
			left: 0px;
			width: 100%;
		}*/

		.planner-table {
			overflow-x: unset;
		}
	}

	@media only screen and (max-width: 767px) {
		.clearfix-xs:after {
			content: "";
			clear: both;
			display: table;
		}

		.commenter-xs {
			display: block;
			width: 100%;
		}

		.planner-table {
			overflow-x: auto;
		}
	}

.schoolListModal.modal.fade .modal-dialog {
	transform: none !important;
	-webkit-transform: none !important;
	top: 0px !important;
	margin: 30px auto;
}
.toolTip {
	position: absolute;
	display: none;
	width: auto;
	height: auto;
	background: none repeat scroll 0 0 white;
	border: 0 none;
	border-radius: 8px 8px 8px 8px;
	box-shadow: -3px 3px 15px #888888;
	color: black;
	font: 12px sans-serif;
	padding: 5px;
	text-align: center;
}
.khda-internal-comments-wrapper {
	border: 2px solid #34495e;
}

.equal-height .grid-table {
	padding-bottom: 0;
}

.ng-trigger-collapse {
	border-spacing: 10px;
}

.ng-star-inserted[mwldraggable] {

   
}
.cal-week-view .cal-event-container {
	display: inline-block;
}
.cal-month-view .cal-open-day-events > div {
	display: inline-block;
	background: #fff;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	margin-right: 10px;
	margin: 0 10px 10px 0;
}

.event-title-group {
	padding: 10px;
}

.calendar-grid .cal-month-view .cal-event {
	display: none;
}

.disp-flex {
	display: flex;
	flex-direction: row;
}

.child-calendar-event {
	clear: both;
	display: block !important;
	padding-bottom: 10px;
	margin: 10px 20px;
	font-size: 14px;
	border-bottom: 1px solid #e1e1e1;
}

.child-calendar-event:last-child {
	border-bottom-color: transparent;
	padding: 0;
}
}

.event-title-group {
	padding: 10px;
}

.calendar-grid .cal-month-view .cal-event {
	display: none;
}

.disp-flex {
	display: flex;
	flex-direction: row;
}

.child-calendar-event {
	clear: both;
	display: block !important;
	padding-bottom: 10px;
	margin: 10px 20px;
	font-size: 14px;
	border-bottom: 1px solid #e1e1e1;
}

.child-calendar-event:last-child {
	border-bottom-color: transparent;
	padding: 0;
}
.cal-open-day-events .child-calendar-event:last-child {
	border-bottom-color: transparent;
	padding-left: 20px;
}

#CtsConditions {
	margin-top: 15px;
}


.left-div, .right-div {
	border: 1px solid #b2b2b3;
}

.icon-question {
	color: #8b2553;
	font-size: 25px;
	width: auto;
	height: auto;
}

.pop-hover {
	font-family: "Roboto", sans-serif;
}

.rtl .pop-hover {
	font-family: Tahoma;
}

.grid-table .time-td {
	direction: ltr;
	white-space: nowrap;
}

.cal-week-view {
	display: table;
	width: 100%;
}

.rtl-add-icon {
	vertical-align: middle;
	padding-left: 5px;
}

.rtl .rtl-add-icon {
	padding: 0;
}

.p-0 > .parent-event-title {
	background: #e8e8e8;
	padding: 10px;
	border: 1px solid #fff;
}

.cal-month-view .cal-day-badge {
	font-weight: normal !important;
}
.portfolio-application-panel {
	border-top-color: #ddd;
	border: 1px solid #e4e5ed;
}

.rtl .outlined-button-grp.text-right{
	text-align: left;
}

.rtl .check-venue {
	right: 250px;
}

.rtl .exam-date-body .p-l-0 {
	padding-left: 10px;
	padding-right: 0px;
}

.rtl .exam-date-body .p-r-0 {
	padding-right: 10px;
	padding-left: 0px;
}

.rtl .btn-group .btn {
	float: right;
}

.grid-table .time-td {
	direction: ltr;
	white-space: nowrap;
}

.rtl .grid-table .time-td {
	text-align: right;
}

.calendar-grid .cal-month-view .cal-open-day-events {
	display: flex;
	flex-flow: row wrap;
}

.modal-body perfect-scrollbar {
	max-height: 50vh !important;
}

.btn-anchor {
	background-color: transparent;
	border: 0px;
	border-bottom: 1px solid #b2b2b3;
}

.btn-collapse {
	background: none;
	border: 0;
	cursor: pointer;
}
.course-comment-wrap b {
	color: #333;
}
.grid-table table.reflective-stmt-table tbody td, .tab-content .app-panel .panel-body .grid-table table.reflective-stmt-table tbody td {
	border: 1px solid #dddddd !important;
}
.custom-acc .score-panel .panel-heading .accordion-toggle {
	padding-right: 115px !important;
}
.rtl .custom-acc .score-panel .panel-heading .accordion-toggle {
	padding-right: 15px !important;
	padding-left: 145px !important;
}

.score-panel .panel-title {
	position: relative;
	padding-right: 45px;
}
.rtl .score-panel .panel-title {
	padding-right: 0;
	padding-left: 45px;
}
.custom-acc .score-panel .panel-heading .score-text {
    position: absolute;
    right: -78px; /*overwrite css 30px ino -78px*/
    width: 200px !important;
    top: 50%;
    margin-top: -7px;
    font-size: 0.9em;
}
.rtl .custom-acc .score-panel .panel-heading .score-text {
    left: 15px; /*overwrite css 30px ino 15px*/
    right: auto;
    width: 140px !important;
}
.custom-acc .score-panel .panel-heading .accordion-toggle:after {
	position: absolute;
	top: 50%;
	margin-top: -4px;
	right: 15px;
}
.rtl .custom-acc .score-panel .panel-heading .accordion-toggle:after {
	right: auto;
	left: 15px;
}
.custom-acc .score-panel .panel-heading .accordion-toggle.collapsed:after {
	transform: rotate(180deg);
}
.rtl .notifybar-right li {
	padding: 0 0 0 10px;
}
.cal-day-view .cal-event-container {
    width: 145px !important; /*Overwrite css 160px to 145px*/
}
    .cal-day-view .cal-event-container mwl-calendar-day-view-event > .cal-event {
        overflow-y: unset; /*Overwrite css scroll to unset*/
    }
.cal-week-view .week-event-table .cal-event {
	margin-bottom: 5px;
}
.cal-week-view .week-event-table .cal-event:last-child {
	margin-bottom: 0;
}
.rtl .cal-month-view .cal-open-day-events .child-calendar-event, .rtl .cal-open-day-events .child-calendar-event:last-child {
	padding-left: 0;
	padding-right: 16px;
}
.push-add-btn, .day-event-add {
	float: none;
}
.title-welcome, .title-edu {
	position: static;
	float: left;
}

.title-edu {
	clear: both;
}
.rtl .title-welcome, .rtl .title-edu {
	margin-top: 0;
}

.form-horizontal.change-pwd-form .form-group {
	margin-left: -10px;
	margin-right: -10px;
}
.status-progress-popup {
	padding: 10px 20px 10px 0;
}
.rtl .status-progress-popup {
	padding: 10px 0px 10px 20px;
}
.status-progress-popup .licensing-col {
	margin-top: 0;
}
.iconic-status:before {
	left: -5px;
}
.iconic-status {
	padding-left: 20px;   
}
.modal-opened {
    overflow-x: unset;
}
.rtl .iconic-status.yet-to-start:before {
    background: url(../images/sprite.png) -400px -516px no-repeat;
    -moz-transform: scale(-1, -1);
    -o-transform: scale(-1, -1);
    -webkit-transform: scale(-1, -1);
    transform: scale(-1, -1);
}

.rtl .iconic-status.processing:before {
    background: url(../images/sprite.png) -437px -516px no-repeat;
}

.rtl .iconic-status.apprvd:before {
    background: url(../images/sprite.png) -476px -516px no-repeat;
}
.rtl .iconic-status {
    padding-right: 20px;
    padding-left: 0;
}
.rtl .iconic-status:before{
    right: -10px;
}
    .col-child.view-btn {
        text-align: center;
    }
.rtl .push-add-btn, .rtl .day-event-add {
    margin: 0;
}
.manage-result-table .restrict-filename ol {
    list-style: none;
}
.manage-result-table .restrict-filename .ml-10{
    margin-left: 0;
}
.manage-result-table .restrict-filename .ml-10 .upload-btn-wrapper {
    padding-left: 0;
}
.rtl .manage-result-table .restrict-filename .ml-10 .upload-btn-wrapper {
    padding-right:0;
}
    .rtl .manage-result-table .restrict-filename .ml-10 .upload-btn-wrapper > span {
        background-position: -598px -406px; /*mani changed -612px -406px to -598px -406px*/
    }
.wrap-td-criteria, .app-panel .panel-body .grid-table .reflective-panel td.wrap-td-criteria {
    white-space: normal !important;
}
/******** Mani Changes Starts *********/
.top-subhead {
    padding: 5px 8px;
    border-bottom: 1px solid #fff3cd;
    background: #fff3cd;
}

    .top-subhead h3 {
        font-weight: normal;
    }

.custom-total {
    margin: 0 10px;
}

.cnt-justify {
    position: relative;
    left: 17px;
    float: right;
}

.custom-table tr:nth-child(2) th:nth-child(5) {
    padding-left: 22px;
}

.rtl .notification-box.arab .mobile-status-wrap {
    float: left !important;
    text-align: right;
}

.rtl .custom-total.arab .arab-align {
    text-align: left;
}

.rtl .cnt-justify.arab {
    left: 0px;
}

.rtl .reasons-title > div span {
    padding-left: 0 !important;
}

    .rtl .reasons-title > div span.bold {
        text-align: right;
    }

.rtl .custom-total.arab .reasons-title span:nth-child(2) {
    float: left;
}

.request-card.request-left-section + div {
    width: 30%;
}

.form-group sup {
    top: -11px;        
}

label[for=category] sup {
    left: 88px;
}

label[for=licenseno] sup {
    left: 77px;
}

.rtl label[for=category] sup {
    left: -108px;
}

.rtl label[for=licenseno] sup {
    left: -93px;
}

.tab-mobile-content .width-110 {
    width: 100% !important;
}

.custom-left, .custom-checkleft {
    text-align: left !important;
}

.custom-right {
    text-align: right !important;
    position: relative;
    right: 11px;
}

.custom-checkleft {
    position: relative;
    left: 10px;
}

.custom-eventtime-color {
    color:#fff;
}

.reflective-stmt-table td textarea {
    height: 100%;   
    min-height: 100%;
}

.app-panel .panel-body .grid-table td {
    white-space: normal !important;
}

.custom-selectscore {
    min-width: 119px;
}

.rtl .custom-right {
    text-align: left !important;
    right: -19px;
}

.rtl .custom-left {
    text-align: right !important;
}

.custom-cts {
    font-size: 62px;
    color: #34495e;
}

span.custom-cts.icon-search2 {
    position: relative;
    right: 6px;
}

span.custom-cts.icon-exam1 {
    position: relative;
    left: 7px;
}

.status-count {
    width: 63px !important;
}

.rtl .title-welcome, .rtl  .title-edu {
    position: static;
    float: right;
}

.rtl .login-page form {
    margin-top: 70px;
}

.rtl .second-col {
    margin: -7.3vh 0 0 15% !important;
}

.custom-select select {   
    background-color: transparent !important;
    z-index: 10;    
    position: relative;
}

.cal-event.ng-star-inserted {
    overflow-y: hidden;
}

.day-event-table.ng-star-inserted {
    padding: 3px 0;
}

.dropdown-menu.calendarevent-dropdown.custom-eventtime-color {
    top: 38px;
}

.cal-day-view .cal-event-container.cal-starts-within-day.cal-ends-within-day.ng-star-inserted .cal-event.ng-star-inserted {  
    overflow-y: hidden;
}

.dropdown-menu.calendarevent-dropdown.custom-eventtime-color {
    min-width: 145px;
}

.d-inline-block{
    display:inline-block;
}
.width-50{
    width:50%;
}

.width-40 {
    width: 40%;
}

.btn-align-left {
    display: inline-block;
    float: right;
    width: auto;
    margin-left:20px;
}

.mb-5{
    margin-bottom:5px;
}

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

.grey-text{
color: #777;
}

@media (max-width: 1023px) {
    .request-card.request-left-section + div {
            width: 100%;
        }       
    }

    @media (max-width: 768px) {
        .white-box .top-head h2 {
            margin-top: 10px;
        }

        .table-responsive.calendar-unset {
            overflow-y: auto;
        }

        .rtl .login-page form {
            margin-top: 0;
        }

        .rtl .title-welcome, .rtl .title-edu {
            float: none;
        }

        .rtl .second-col {
            margin: 8vh 0 0 24% !important;
        }

        .rtl .second-col {
            float: left;
        }
    }

@media (max-width: 767px) {
    .rtl .second-col {
        margin: 9vh auto 150px auto !important;
        float: none;
    }
}


    /******** Mani Changes Ends *********/
    @media (max-width: 1023px) {
        .title-welcome, .title-edu {
            position: relative;
            float: none;
        }
    }

    @media only screen and (max-width: 767px) {
        .notifybar-right li {
            padding: 0 10px 0 0;
        }

        .custom-acc .score-panel .panel-heading .score-text {
            position: relative;
            top: 0;
            right: 0;
            margin-top: 10px;
            display: block;
        }

        .custom-acc .score-panel .panel-heading .accordion-toggle {
            padding-right: 0 !important;
        }

        .rtl .custom-acc .score-panel .panel-heading .score-text {
            left: 0;
            width: auto !important;
        }

        .rtl .custom-acc .score-panel .panel-heading .accordion-toggle {
            padding-left: 15px !important;
        }

        .licensing-col .license-from-name.colon:after {
            display: none;
        }
    }

    @media only screen and (max-width: 768px) {
        .grid-table table.reflective-panel tbody tr {
            display: table-row;
        }

            .grid-table table.reflective-panel tbody tr td {
                display: table-cell;
            }
    }

    @media only screen and (min-width: 1200px) {
        .calendar-unset {
            overflow-x: unset;
        }
    }

    .clr-khda {
        color: #8b2553;
    }

    .clr-Orange {
        color: orange
    }

    .clr-Green {
        color: green
    }