.brand {
	background-color: #007FC3;
}

.aside {
	background-color: #007FC3;
}

.aside-menu {
	background-color: #007FC3;
}

.aside-menu .menu-nav > .menu-item > .menu-heading .menu-text,
.aside-menu .menu-nav > .menu-item > .menu-link .menu-text {
	color: #ffffff;
}
.swal2-icon {
	margin: 0 auto !important;
	display: flex !important;
	justify-content: center !important;
}
.aside-menu .menu-nav > .menu-item > .menu-heading .menu-icon,
.aside-menu .menu-nav > .menu-item > .menu-link .menu-icon {
	color: #ffffff;
}
.upload-file-them-1 .spitial-list.box-list.box-item .item-2 .file-name {
	margin-left: 10px;
	color: #333;
	font-size: 14px;
}

.upload-file-them-1 .spitial-list.box-list.box-item .item-2 .remove-file-btn {
	margin-left: 10px;
	background-color: transparent;
	border: none;
	cursor: pointer;
	font-size: 16px;
	color: red;
}

.aside-menu .menu-nav > .menu-item > .menu-heading .menu-icon.svg-icon svg g [fill],
.aside-menu .menu-nav > .menu-item > .menu-link .menu-icon.svg-icon svg g [fill] {

	fill: #ffffff;
}

.aside-menu .menu-nav > .menu-section .menu-text {
	color: #ffffff;
}

@media (min-width: 992px) {
	.brand .btn .svg-icon svg g [fill] {
		fill: #ffffff;
	}
}

.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-heading,
.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link {
	background-color: #F7F6FE;
}

.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-heading .menu-icon,
.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-icon {
	color: #151965;
}

.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-heading .menu-icon.svg-icon svg g [fill],
.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-icon.svg-icon svg g [fill] {
	fill: #151965;
}

.aside-menu .menu-nav > .menu-item.menu-item-active {
	position: relative;
}

.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-heading .menu-text,
.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-text {
	color: #151965;
}

.aside-menu .menu-nav > .menu-item {
	transition: .4s
}

.aside-menu .menu-nav > .menu-item.menu-item-active::before,
.aside-menu .menu-nav > .menu-item:hover::before {
	content: "";

	position: absolute;
	left: 0;
	top: -50px;
	width: 50px;
	height: 50px;
	background: transparent;
	border-radius: 50%;
	box-shadow: -20px 20px 1px 0px #F7F6FE;
}

.aside-menu .menu-nav > .menu-item.menu-item-active::after,
.aside-menu .menu-nav > .menu-item:hover::after {
	content: "";
	position: absolute;
	left: 0px;
	bottom: -50px;
	width: 50px;
	height: 50px;
	background: transparent;
	border-radius: 50%;
	box-shadow: -20px -20px 1px 0px #F7F6FE;
}

.aside-menu .menu-nav > .menu-item.menu-item-active .menu-link {
	border-top-right-radius: 60px;
	border-bottom-right-radius: 60px;
}

.aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading,
.aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link {
	background-color: #F7F6FE;
	border-top-right-radius: 60px;
	border-bottom-right-radius: 60px;
}

.aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading .menu-icon.svg-icon svg g [fill],
.aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-icon.svg-icon svg g [fill] {
	fill: #151965;
}

.aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading .menu-text,
.aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-text {
	color: #151965;
	border-top-right-radius: 60px;
	border-bottom-right-radius: 60px;
}

.aside-menu .menu-nav {
	padding-right: 20px;
	padding-top: 45px;
}

.aside-menu .menu-nav > .menu-section {
	margin: 8px 0 0 0;
}

.aside-menu .menu-nav > .menu-item > .menu-link {
	padding: 12px 20px;
}

@media (min-width: 992px) {

	.brand .btn.active .svg-icon svg g [fill],
	.brand .btn:hover .svg-icon svg g [fill] {

		fill: #ffffff;
	}
}

.aside-menu .menu-nav > .menu-section .menu-icon {
	color: #ffffff;
}

.aside-menu .menu-nav > .menu-item:last-of-type {
	margin-bottom: 60px;
}

.header.header-fixed .box-logo {
	display: none
}

.user-prof-dropdown {
	display: inline-block
}

.dropdown.profile-dropdown {
	display: none;
}

@media (min-width: 992px) {
	.header-fixed.subheader-fixed .header {

		box-shadow: 1px 2px 8px #42424252 !important;
	}

	.dropdown.profile-dropdown {
		display: inline-block;
	}

	.user-prof-dropdown {
		display: none
	}

	.header.header-fixed {
		width: 100%;
		right: 0 !important;
		top: 0;
		z-index: 1111;
		border-bottom-right-radius: 30px;
		border-bottom-left-radius: 30px;
		box-shadow: 1px 2px 8px #42424252 !important;
	}

	.aside-fixed .aside {
		padding-top: 72px;
	}

	.header-fixed.subheader-fixed .subheader {
		border-top: 0;
	}

	.header.header-fixed .box-logo {
		display: inline-block
	}

	.profile-dropdown {
		display: inline-block;
	}

	.profile-dropdown .btn.btn-icon {
		height: auto;
		width: auto;
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}

	.profile-dropdown .btn.btn-clean i {
		color: #007FC3
	}

	.profile-dropdown .btn.btn-clean:hover:not(.btn-text):not(:disabled):not(.disabled),
	.profile-dropdown .btn.btn-clean:focus:not(.btn-text),
	.profile-dropdown .btn.btn-clean.focus:not(.btn-text) {
		background: transparent;
	}

	.profile-dropdown .btn.btn-clean:hover:not(.btn-text):not(:disabled):not(.disabled) .text-dark-50,
	.profile-dropdown .btn.btn-clean:focus:not(.btn-text) .text-dark-50,
	.profile-dropdown .btn.btn-clean.focus:not(.btn-text) .text-dark-50 {
		transition: .4s;
		color: #007fc3 !important;
	}

	.subheader-fixed.aside-minimize .subheader {
		width: 92%;

		right: 82px;
	}
}

.user-prof-dropdown .btn.btn-clean:hover:not(.btn-text):not(:disabled):not(.disabled),
.user-prof-dropdown .btn.btn-clean:focus:not(.btn-text),
.user-prof-dropdown .btn.btn-clean.focus:not(.btn-text) {
	color: #007FC3;
	background-color: transparent;
	border-color: transparent;
}

.aside-menu .menu-nav > .menu-item > .menu-link i {
	color: #fff;
	margin-left: 6px;
	vertical-align: middle;
	display: inline-block;
	font-size: 20px;
	padding-top: 3px;
}

.aside-menu .menu-nav .menu-item > .menu-heading:hover i,
.aside-menu .menu-nav .menu-item > .menu-link:hover i {
	color: #151965
}

.aside-menu .menu-nav > .menu-item.menu-item-active .menu-link i {
	color: #151965;
}

.select-without-border .bootstrap-select > .dropdown-toggle:after {
	margin-left: -14px;
	font-size: 0.8rem;
	top: 45%;
	left: 16px;
}

.select-without-border .bootstrap-select > .dropdown-toggle.bs-placeholder.btn,
.select-without-border .bootstrap-select > .dropdown-toggle.btn-light {

	height: auto;
	padding: 5px 6px 5px 22px;
	font-size: 15px;
	border-radius: 0;
	border: 0;
	background-color: #F7F6FE !important;
}

.box-item-header {
	flex-wrap: wrap;
	padding-right: 0;
	list-style: none;
	margin-bottom: 0;
	display: flex;
	width: 100%;
	justify-content: space-evenly;
}

.box-item-header .item {
	margin-left: 8px;
	margin-bottom: 6px;
	display: inline-block;
}

.box-item-header .item:last-of-type {
	margin-left: 0;
}

.box-item-header .select-without-border .filter-option-inner-inner,
.box-item-header .one-item .col-form-label {
	color: #1A323E;
	font-weight: 500;
}

.box-item-header .item .form-group.one-item .col-form-label {
	margin-left: 4px;
	color: #007FC3;
}

.box-item-header .item p {

	font-weight: 500;
	font-size: 14px;
}

.box-item-header .item .form-group.one-item p {
	color: #151965;
}

.lang-en {
	font-family: "Poppins";
}

.lang-ar {
	font-family: "Al-Jazeera-Arabic-Regular", sans-serif;
}

.without-sidebar .login-page,
.without-sidebar .register-page,
.without-sidebar .continue-register-page {
	padding-top: 96px;
}

.box-login-links,
.box-lang {
	list-style: none;
	padding-right: 0;
}

.box-lang .item-lang,
.box-login-links .item-login {
	display: inline-block
}

.box-login-links .item-login {
	margin-bottom: 6px;
	margin-left: 6px
}

.box-login-links .item-login:last-of-type {
	margin-left: 0;
}

.box-lang .item-lang .link-lang,
.box-login-links .item-login .link-login {
	display: inline-block
}

.box-login-links {
	margin-bottom: 14px;
}

.box-login-links .item-login .link-login {
	transition: .4s;
	color: #245F9B;
	padding-left: 16px;
	padding-right: 16px;
	font-size: 14px;
	font-weight: 400;
}

.box-lang {

	margin-bottom: 18px;
}

.box-lang .item-lang {

	border-left: 2px solid #fc3;
	padding: 1px 10px;
}

.box-lang .item-lang:first-of-type {
	padding-right: 0;
}

.box-lang .item-lang:last-of-type {
	border-left: 0;
}

.box-lang .item-lang .link-lang {

	font-size: 15px;
	color: #000;
	transition: .4s;
}

.box-lang .item-lang .link-lang:hover {
	color: #007FC3
}

.login-page .title-login {

	margin-bottom: 30px;
	color: #007fc3;
}

.login-page .col-form-label {

	font-size: 14px;
	font-weight: 500;
	color: #1A323E;
}

.login-page .form-control {

	background-color: #f7f6fe;
	border: 1px solid #ffcc33;
}

.without-sidebar .division-page {
	padding-top: 96px;
}

.without-sidebar .index-page {
	padding-top: 96px;
}

.bg-page {
	background-image: url(../media/bg.png);
	background-position: center center;
	background-size: 104% 104%;
	background-repeat: no-repeat;
}

.bg-dark.breadcrumb {

	background-color: transparent !important;
}

.bg-dark.breadcrumb .breadcrumb-item a,
.bg-dark.breadcrumb .breadcrumb-item.active {
	color: #fff;
}

.bg-dark.breadcrumb .breadcrumb-item + .breadcrumb-item::before {
	color: #fff
}

.breadcrumb-box .breadcrumb {
	padding: 0;
}

.spitial-list.box-list,
.division-page .box-list {
	display: flex;
	justify-content: space-evenly;
	margin-bottom: 26px;
}

.spitial-list.box-list .box-item,
.division-page .box-list .box-item {

	padding-right: 0;
	list-style: none;
}

.spitial-list.box-list .item-1,
.spitial-list.box-list .item-2,
.division-page .box-list .item-1,
.division-page .box-list .item-2 {
	display: inline-block
}

.spitial-list.box-list .item-1,
.division-page .box-list .item-1 {
	width: 140px;
	text-align: center;
	/*color: #FACB00;*/
	color: #fff;
	padding: 8px 12px;
	border-top-right-radius: 22px;
	border-left: 0;
	background: rgb(0, 81, 125);
	background-image: linear-gradient(0deg, rgba(0, 81, 125, 1) 15%, rgba(0, 162, 250, 1) 100%);
}

.spitial-list.box-list .item-2,
.division-page .box-list .item-2 {
	width: calc(100% - 240px);
	text-align: center;
	background: #ffffff;
	border: 1px solid #FACB00;
	color: #000000;
	padding: 8px 12px;
	border-bottom-left-radius: 22px;
	border-right: 0;
}

.spitial-list.box-list .box-item,
.division-page .box-list .box-item {
	display: inline-flex;
	margin-left: 6px;
}

.spitial-list.box-list .box-item:last-of-type,
.division-page .box-list .box-item:last-of-type {
	margin-left: 0;
}

.division-page .box-depart {
	width: 100%;
	background-position: top right;
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 300px;
	margin-bottom: 16px;
	transition: .4s;
}

.division-page .box-depart .link-depart {
	text-align: center;
	display: block;
	padding: 88px 12px 20px;
	transition: .4s;
}

.division-page .box-depart .link-depart .img-depart {
	width: 146px;
	margin-bottom: 22px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.division-page .box-depart .link-depart .par-depart {
	text-align: center;
	margin-bottom: 0;
}

.division-page .box-depart .link-depart .par-depart .span-depart {
	font-weight: 600;
	font-size: 20px;
	position: relative;
	display: inline-block;
	padding: 12px 12px;
	color: #2F5597;
}

.division-page .box-depart .link-depart:hover .par-depart .span-depart {
	color: #007fc3;
}

.division-page .box-depart .link-depart .par-depart .span-depart::after {
	content: "\f10d";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	left: -10px;
	bottom: -8px;
	font-size: 16px;
	color: #FF9F44;
}

.division-page .box-depart .link-depart .par-depart .span-depart::before {
	content: "\f10e";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	right: -10px;
	top: -8px;
	font-size: 16px;
	color: #FF9F44;
}

.division-page .box-depart.box-depart-2 {
	min-height: 260px;
}

.division-page .box-depart.box-depart-2 .link-depart {
	padding-top: 66px;
}

.division-page .box-depart.box-depart-2 .link-depart .img-depart {
	width: 60px;
	margin-bottom: 10px;
}

.division-page .box-depart .link-depart .par-depart .span-depart {
	font-size: 18px;
	position: relative;
}



@media (min-width: 992px) {
	.aside-enabled.subheader-fixed .without-sidebar .content .subheader {

		right: 25px;
		width: 96%;
		padding-top: 18px !important;
		padding-bottom: 8px !important;
	}
}

.subheader .box-item-header .item .form-group.select-without-border {
	display: flex;
	align-items: center;
}

.subheader .box-item-header .item .form-group.select-without-border .col-form-label {

	color: #007FC3;
	padding: 0;
	font-weight: bold;
	font-size: 16px;
}

:not(.input-group) > .form-group.select-without-border .bootstrap-select.form-control:not([class*=col-]) {
	width: auto;
}

@media (max-width: 991.98px) {

	.subheader-enabled:not(.subheader-mobile-fixed) .division-page.content {
		padding-top: 96px;
	}

	/* .login-page .box-lang {

		padding-top: 68px;
	} */
}

/********timetable week***********/
.without-sidebar .calender-page {
	padding-top: 66px;
}

.calender-page .box-btn {
	margin-bottom: 25px;
}

.scadual-timetable {
	padding: 12px;
	border-radius: 25px;
	overflow: hidden;
	padding: 44px 88px 42px 46px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url(../media/bg-timetable.png);
	background-position: top right;
	background-size: cover;
}

.time-table {
	background: #f7f6fe
}

.time-table .table {
	background: #f7f6fe
}

.time-table .table th {
	width: 170px;
	border-top: 0;
	border-bottom: 0;
	height: 55px;
	vertical-align: middle;
	padding: 10px 12px;
	text-align: center;
	border-left: 1px solid #767999;
}

.time-table .table th p {
	margin-bottom: 0;
}

.time-table .table th.yellow-head {
	background: #FACB00;
	border: 0;
	color: #fff;
	padding: 0;
}

.time-table .table th.yellow-head p {
	border: 1px solid #fff;
	height: 100%;
	width: 100%;
	padding: 4px 12px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.time-table .table th.blue-head {
	background: #2F5597;
	color: #fff;
	border: 0;
}

.time-table .table td {
	width: 170px;
	height: 108px;
	padding: 12px 10px 0;
	border-top: 0;
	text-align: center;
	border-left: 1px solid #767999;
}

.time-table .table td p {
	margin-bottom: 0;
}

.time-table .table th .block-note {
	padding: 0 2px 10px 2px;
}

.time-table .table th.yellow-side .block-note p {
	width: 100%;
	height: 100%;
	background: #ffcc33;
	background-image: linear-gradient(0deg, #bf9c00 15%, #facb00 100%);
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 8px;
	color: #2F5597;
}

.time-table .table th.blue-side .block-note p {
	width: 100%;
	height: 100%;
	background: #ffcc33;
	background-image: linear-gradient(0deg, #182B4C 15%, #4EBEFA 100%);
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 8px;
	color: #fff;
}

.time-table .table td .block-note,
.time-table .table th .block-note {
	border-bottom: 1px solid #767999;
	width: 166px;
	height: 98px;
}

.time-table .table td .note {
	background-repeat: no-repeat;
	text-align: center;
	cursor: pointer;
	background-position: center center;
	justify-content: center;
	color: #fff;
	background-size: cover;
	margin-left: auto;
	margin-right: auto;
	padding: 20px 29px 29px 16px;
}



.time-table .table td .note .note-text {
	display: block;
	color: #fff;
}

.time-table .table td .note.yellow-note .note-text,
.time-table .table td .note.yellow-note .note-text {
	color: #000000;
}

/*******them-btn********/
.them-btn-1.link-login {
	min-width: 180px;
	border: 2px solid;
	transition: .4s;
	font-size: 18px;
	font-weight: 500;
	padding: 9px 14px;
}

.btn.btn-light.them-btn-1 {
	transition: .4s;
	background: rgb(0, 81, 125);
	background-image: linear-gradient(0deg, rgba(0, 81, 125, 1) 15%, rgba(0, 162, 250, 1) 100%);
	border: 2px solid #007BC0;
	color: #fff;
	border-color: #007bc0;

}


.them-btn-1.btn.btn-light:hover,
.them-btn-1.btn.btn-light:not(:disabled):not(.disabled):active:not(.btn-text),
.them-btn-1.btn.btn-light:not(:disabled):not(.disabled).active {
	background: #ffcc33;
	border: 2px solid #ffcc33;
	color: #fff;
	background-image: linear-gradient(0deg, #a98722 15%, #ffcc33 100%);
}

.them-btn-1.btn.btn-light:hover:not(.btn-text):not(:disabled):not(.disabled),
.them-btn-1.btn.btn-light:focus:not(.btn-text),
.them-btn-1.btn.btn-light.focus:not(.btn-text) {
	background: #ffcc33;
	border: 2px solid #ffcc33;
	color: #fff;
	background-image: linear-gradient(0deg, #a98722 15%, #ffcc33 100%);
}


.them-btn-2.link-setting {
	min-width: 180px;
	border: 2px solid;
	transition: .4s;
	font-size: 18px;
	font-weight: 500;
	padding: 9px 14px;
	margin-top: 20px;
}

.btn.btn-light.them-btn-2 {
	transition: .4s;
	background: #ffcc33;
	background-image: linear-gradient(0deg, #a98722 15%, #ffcc33 100%);
	border: 2px solid #ffcc33;
	color: #fff;
}


.them-btn-2.btn.btn-light:hover,
.them-btn-2.btn.btn-light:not(:disabled):not(.disabled):active:not(.btn-text),
.them-btn-2.btn.btn-light:not(:disabled):not(.disabled).active {
	color: #fff;
	background: rgb(0, 81, 125);
	background-image: linear-gradient(0deg, rgba(0, 81, 125, 1) 15%, rgba(0, 162, 250, 1) 100%);
	border: 2px solid #007BC0;
}

.them-btn-2.btn.btn-light:hover:not(.btn-text):not(:disabled):not(.disabled),
.them-btn-2.btn.btn-light:focus:not(.btn-text),
.them-btn-2.btn.btn-light.focus:not(.btn-text) {
	color: #fff;
	background: rgb(0, 81, 125);
	background-image: linear-gradient(0deg, rgba(0, 81, 125, 1) 15%, rgba(0, 162, 250, 1) 100%);
	border: 2px solid #007BC0;
}

.them-btn-2 .icons-btn {
	margin-right: 8px;
	width: 22px;
	vertical-align: middle;
	padding-bottom: 3px;
}

.btn.btn-light.them-btn-3 {
	box-shadow: 2px 3px 6px #00000024;
	color: #1A323E;
	font-weight: 500;
	background: #fff;
	margin-left: 11px;
	padding: 8px 24px 10px;
	transition: .4s
}

.btn.btn-light.them-btn-3:hover {
	border-color: transparent
}

.them-btn-3 .img-btn {
	width: 16px;
	margin-right: 15px;
}

.btn.btn-light.them-btn-4 {
	transition: .4s;
	background: rgb(0, 81, 125);
	background-image: linear-gradient(0deg, #A0292C 15%, #FD8589 100%);
	border: 2px solid #cb5457;
	color: #fff;
	border-color: #cb5457;
}


.them-btn-4.btn.btn-light:hover,
.them-btn-4.btn.btn-light:not(:disabled):not(.disabled):active:not(.btn-text),
.them-btn-4.btn.btn-light:not(:disabled):not(.disabled).active {
	background: #ffcc33;
	border: 2px solid #ffcc33;
	color: #fff;
	background-image: linear-gradient(0deg, #a98722 15%, #ffcc33 100%);
}

.them-btn-4.btn.btn-light:hover:not(.btn-text):not(:disabled):not(.disabled),
.them-btn-4.btn.btn-light:focus:not(.btn-text),
.them-btn-4.btn.btn-light.focus:not(.btn-text) {
	background: #ffcc33;
	border: 2px solid #ffcc33;
	color: #fff;
	background-image: linear-gradient(0deg, #a98722 15%, #ffcc33 100%);
}



.class-room-page .box-list {
	display: flex;
	justify-content: space-evenly;
	margin-bottom: 26px;
}

.class-room-page.box-list .box-item {

	padding-right: 0;
	list-style: none;
}

.class-room-page .box-list .item-1,
.class-room-page .box-list .item-2 {
	display: inline-block
}

.class-room-page .box-list .item-1 {

	text-align: center;
	/*color: #FACB00;*/
	color: #Fff;
	padding: 8px 12px;
	border-top-right-radius: 22px;
	border-left: 0;
	background: rgb(0, 81, 125);
	background-image: linear-gradient(0deg, rgba(0, 81, 125, 1) 15%, rgba(0, 162, 250, 1) 100%);
}

.class-room-page .box-list .item-2 {
	/*	width: 140px;*/
	text-align: center;
	background: #ffffff;
	border: 1px solid #FACB00;
	color: #000000;
	padding: 4px 10px;
	border-bottom-left-radius: 22px;
	border-right: 0;
	width: calc(100% - 116px);
}

.class-room-page .box-list .box-item {
	display: inline-flex;
	margin-left: 6px;
}

.class-room-page .box-list .box-item:last-of-type {
	margin-left: 0;
}

/************class-room***********/
.without-sidebar .class-room-page {
	padding-top: 174px;
}

.class-room-page .box-item.box-list {
	display: flex;
	justify-content: space-evenly;
	margin-bottom: 26px;
	list-style: none;
	padding-right: 0;
	justify-content: unset;
}

.select-without-border.bootstrap-select > .dropdown-toggle.bs-placeholder.btn,
.select-without-border.bootstrap-select > .dropdown-toggle.btn-light {
	height: auto;
	padding: 4px 7px;
	font-size: 1.08rem;
	border-radius: 0;
	border: 0;
	display: block;
	font-weight: 400;
	width: 100%;
	background-color: transparent !important;
	color: #1A323E;
	padding-left: 18px;
}

.select-without-border.bootstrap-select > .dropdown-toggle:after {
	border: 0;
	left: 5px;
}

.box-list-btn {
	margin-bottom: 28px;
	padding-right: 0;
	list-style: none;
	text-align: center;
}

.box-list-btn li {
	display: inline-block;
}

.btn-border-right-box .btn-yellow {
	background-image: linear-gradient(0deg, #dcab1c 15%, #ffcc33 100%);
	color: #fff;
	border: 1px solid #dcab1c;
	border-radius: 0;
	border-top-right-radius: 40px;
	padding: 8px 24px 8px 12px;
	width: 160px;
	text-align: center;
	display: inline-flex;
	justify-content: space-between;
	transition: .4s;
	font-size: 16px;
	align-items: center;
}
.btn-border-right-box .btn-yellowR {
	background-image: linear-gradient(0deg, #dcab1c 15%, #ffcc33 100%);
	color: #fff;
	border: 1px solid #dcab1c;
	border-radius: 0;
	border-top-left-radius: 40px;
	padding: 8px 12px 8px 24px;
	width: 160px;
	height: 40px;
	text-align: center;
	display: inline-flex;
	justify-content: space-between;
	transition: .4s;
	font-size: 16px;
	align-items: center;
}

.btn-yellow.btn.btn-light:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn-yellow.btn.btn-light:focus:not(.btn-text),
.btn-yellow.btn.btn-light.focus:not(.btn-text) {
	background: rgb(0, 81, 125);
	background-image: linear-gradient(0deg, rgba(0, 81, 125, 1) 15%, rgba(0, 162, 250, 1) 100%);
	color: #fff;
}

.btn-border-right-box .btn-yellow .img-icon {
	width: 22px;
	margin-right: 12px;
}

.btn-border-left-box .btn-blue {
	background: #F7F6FE;
	color: #1A323E;
	border: 0;
	border-radius: 0;
	border-top-left-radius: 40px;
	padding: 8px 12px 8px 24px;
	width: 160px;
	text-align: center;
	display: inline-flex;
	justify-content: space-between;
	transition: .4s;
	border: 1px solid #007FC3;
	font-size: 16px;
	align-items: center;
}
.btn-border-left-box .btn-blueR {
	background: #F7F6FE;
	color: #1A323E;
	border: 0;
	border-radius: 0;
	border-top-right-radius: 40px;
	padding: 8px 24px 8px 12px;
	width: 160px;
	height: 40px;
	text-align: center;
	display: inline-flex;
	justify-content: space-between;
	transition: .4s;
	border: 1px solid #007FC3;
	font-size: 16px;
	align-items: center;
}



.btn-border-left-box .btn-blue .icon-btn {
	margin-right: 12px;
	color: #1A323E;
	padding: 0;
	font-size: 15px;
}

.btn-border-left-box .btn-blue.btn.btn-light:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn-border-left-box .btn-blue.btn.btn-light:focus:not(.btn-text),
.btn-border-left-box .btn-blue.btn.btn-light.focus:not(.btn-text) {
	background: rgb(0, 81, 125);
	background-image: linear-gradient(0deg, rgba(0, 81, 125, 1) 15%, rgba(0, 162, 250, 1) 100%);
	color: #fff;
}

.btn-border-left-box .btn-blue.btn.btn-light:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.btn-border-left-box .btn-blue.btn.btn-light:focus:not(.btn-text) i,
.btn-border-left-box .btn-blue.btn.btn-light.focus:not(.btn-text) i {
	color: #fff;
}

.class-room-page .box-links-class {
	list-style: none;
	padding-right: 0;
	border: 1px solid #104587;
	border-radius: 100px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.class-room-page .box-links-class .item {
	position: relative;
	display: inline-block;
	flex: 0 0 25%;
	text-align: center;
}

.class-room-page .box-links-class .item::after {
	content: "";
	width: 1px;
	height: 28px;
	background: #FFCC33;
	position: absolute;
	left: 0;
	top: 50%;
	/* bottom: 50%; */
	transform: translateY(-50%);
}

.class-room-page .box-links-class .item:last-of-type::after {
	width: 0;
}

.class-room-page .box-links-class .item .link-class {
	position: relative;
	display: inline-block;
	padding: 8px 12px;
	color: #104587;
	transition: .4s;
	width: 100%;
}

.class-room-page .box-links-class .item .link-class:hover {
	color: #FFCC33;
}

.class-room-page .classroom-setting {
	text-align: center;
	list-style: none;
	padding-right: 0;
	margin-bottom: 40px;
}

.class-room-page .classroom-setting .item {
	display: inline-block;
	margin-left: 16px;
	margin-bottom: 8px;
}

.class-room-page .classroom-setting .item .box-img {
	text-align: center;
	width: 48px;
	height: 48px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 6px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	border-radius: 50%;
	border: 1px solid #fc3;
}

.class-room-page .classroom-setting .item .link-item {
	display: inline-block;
	text-align: center;
	color: #1A323E;
	transition: .4s;
}

.class-room-page .classroom-setting .item .link-item span {
	font-weight: 500;
	display: inline-block;
}

.class-room-page .classroom-setting .item:last-of-type {
	margin-left: 0;
}


.class-room-page .classroom-popup {
	text-align: center;
	list-style: none;
	padding-right: 0;
	display: flex;
	justify-content: center;
	align-items: start;
}

.class-room-page .classroom-popup .item {
	display: inline-block;
	margin-left: 34px;
	margin-bottom: 8px;
}

.class-room-page .classroom-popup .item .box-img {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.class-room-page .classroom-popup .item .box-img .img-class {
	height: 32px;
}

.class-room-page .classroom-popup .item .link-item {
	display: inline-block;
	text-align: center;
	color: #1A323E;
	transition: .4s;
}

.class-room-page .classroom-popup .item .link-item span {
	font-weight: 500;
	display: inline-block;
	margin-bottom: 12px;
}

.class-room-page .classroom-popup .item:last-of-type {
	margin-left: 0;
}

.class-room-page .box-students {
	position: relative;
	justify-content: center;
	text-align: center;
	margin-bottom: 26px;
	padding: 0 20px;
	align-items: center;
}

.class-room-page .box-students::after {
	content: "";
	position: absolute;
	left: 0;
	top: 47%;
	width: 1px;
	height: 80%;
	background: #007FC3;
	transform: translateY(-50%)
}

.class-room-page .col-md-4:nth-child(3) .box-students::after {
	display: none
}

.class-room-page .col-md-4:last-of-type .box-students::after {
	display: none
}

.class-room-page .box-students .box-img-student {

	margin-bottom: 6px;
	position: relative;
}

.class-room-page .box-students .box-img-student .red-note {
	width: 28px;
	height: 28px;
	color: #fff;
	border-radius: 50%;
	background: #FF0000;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 12px;
	position: absolute;
	right: -2px;
	top: -2px;
}

.class-room-page .box-students .box-img-student .green-note {

	width: 28px;
	height: 28px;
	color: #fff;
	border-radius: 50%;
	background: #8BC349;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	font-size: 12px;
	left: -2px;
	top: -2px;
}

.class-room-page .box-students .box-img-student .img-student {
	border-radius: 50%;
	padding: 2px;
}

.class-room-page .box-students .student-name {
	margin-bottom: 0;
	color: #151965;
	font-weight: 500;
	font-size: 12px;
}

.class-room-page .box-students .block-student {
	position: relative;
	margin-bottom: 26px;
}

.class-room-page .box-students .block-student .link-student {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.slider-info-box {
	padding-left: 50px;
	position: relative;
}

.slider-info-box .link-slider {
	position: absolute;
	left: 4px;
	top: 50%;
	cursor: pointer;
	transform: translateY(-50%);
}

.slider-info {
	direction: ltr;
	position: relative;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.slider-info .info-block-slider {
	direction: rtl;
}

.slider-info .info-block-slider .half-block-slider {
	padding: 15px 0;
	border: 1px solid #007fc3;
	margin: 0;
	margin-bottom: 36px;
}


.slider-info .info-block-slider .half-block-slider .form-group .input-group .input-group-prepend .input-group-text,
.form-group .input-group.input-them-1 .input-group-prepend .input-group-text,
.form-group .input-group.textarea-them-1 .input-group-prepend .input-group-text {
	background: rgb(0, 81, 125);
	background-image: linear-gradient(0deg, rgba(0, 81, 125, 1) 15%, rgba(0, 162, 250, 1) 100%);
	color: #fff;
	border: 0;
	width: 160px;
	border-radius: 0 100px 100px 0;
	text-align: center;
	justify-content: center;
	flex-wrap: wrap;
	padding: 0 6px;
	margin-bottom: 0;
	white-space: unset;
}

.slider-info .info-block-slider .half-block-slider .form-group .form-control {
	border-color: #FFCC33;

	border-radius: 0;
}

.slider-info .info-block-slider .half-block-slider .form-group .input-group .form-control,
.form-group .input-group.input-them-1 .form-control,
.form-group .input-group.textarea-them-1 .form-control {
	border-color: #FFCC33;
	border-right: 0;
	border-radius: 0;
}

.slider-info .info-block-slider .half-block-slider .form-group .input-group.textarea-groupe,
.form-group .input-group.textarea-groupe.textarea-them-1 {

	align-items: start;
}

.slider-info .info-block-slider .half-block-slider .form-group .input-group.textarea-groupe .input-group-prepend .input-group-text,
.form-group .input-group.textarea-groupe.textarea-them-1 .input-group-prepend .input-group-text {
	padding: 12px 6px;
}

.slider-info .info-block-slider .half-block-slider .form-group .input-group.textarea-groupe .form-control,
.form-group .input-group.textarea-groupe.textarea-them-1 .form-control {
	margin-top: 0px;
	margin-bottom: 0px;
	height: 79px;
	min-height: 185px;
	max-height: 185px;
	border-right: 1px solid #fc3;
}

[dir='rtl'] .slider-info-box .slick-next:before {
	background-image: url(../media/icons/11.png);
	width: 29px;
	height: 60px;
}

[dir='rtl'] .slider-info-box .slick-prev:before {
	background-image: url(../media/icons/10.png);
	width: 29px;
	height: 60px;
}

.general-model .modal-header {
	padding: 24px 1.75rem;
	text-align: center;
	justify-content: center;
	position: relative;
	background: transparent;
	border-bottom: 0;
}

.general-model .modal-header .title-popup {
	margin-bottom: 0;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: auto;
	background-image: linear-gradient(0deg, #004062 15%, #00A3FA 100%);

	right: auto;
	font-weight: 400;
	top: -1px;
	color: #fff;
	padding: 6px 30px 13px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0 0 25px 25px;
}

.general-model .modal-header .close {
	position: absolute;
	left: 22px;
	top: 18px;
	color: #007FC3;
}

.general-model.modal .modal-header .close i,
.general-model.modal .modal-header .close .ki {
	color: #007FC3;
}

.general-model .modal-footer {
	border: 0;
	padding: 6px 26px 18px;
}

.general-model .modal-footer .them-btn-2 {
	padding: 5px 12px;
	margin-top: 0;
	min-width: 150px;
}

.general-model .student-attendance {
	padding-right: 0;
	list-style: none;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	text-align: center;
}

.general-model .student-attendance .attendance-item {
	margin-left: 20px;
	margin-bottom: 26px;
	position: relative;
}

.general-model .student-attendance .attendance-item:last-of-type {
	margin-left: 0;
}

.general-model .student-attendance .attendance-item .box-img {
	margin-bottom: 5px;
}

.general-model .student-attendance .attendance-item .box-img img {
	border-radius: 50%;
}

.general-model .student-attendance .attendance-item .student-name {
	color: #151965;
	font-weight: 500;
	margin-bottom: 6px;
	text-align: center;
}

.general-model .student-attendance .attendance-item .status-dropdown .btn.btn-outline-secondary {
	border-radius: 25px;
	padding: 3px 14px;
	border-color: #007FC3;
	color: #151965;
}

.general-model .student-attendance .attendance-item .status-dropdown .btn.btn-outline-secondary.dropdown-toggle:after {
	color: #151965;
	margin-left: 0;
	margin-right: 0.5rem;
}

.general-model .student-attendance .attendance-item .status-dropdown .dropdown-menu {
	text-align: center;
}

.general-model .student-attendance .attendance-item .status-dropdown .dropdown-menu .dropdown-item {
	text-align: center;
	padding: 6px 10px;
	border-bottom: 1px solid #007fc3;
	color: #151965;
}

.general-model .student-attendance .attendance-item .status-dropdown .dropdown-menu .dropdown-item:last-of-type {
	border-bottom: 0;
}

.status-dropdown .btn.btn-outline-secondary:not(:disabled):not(.disabled):active:not(.btn-text),
.status-dropdown .btn.btn-outline-secondary:not(:disabled):not(.disabled).active,
.status-dropdown .show > .btn.btn-outline-secondary.dropdown-toggle,
.status-dropdown .show .btn.btn-outline-secondary.btn-dropdown {
	background-color: #f7f6fe;
}

.add-groupe-modal .modal-body {
	padding-bottom: 0;
}

.general-model .modal-dialog {

	margin: 86px auto 1.75rem;
}

.general-model .modal-content {

	border: 1px solid #707070;
	background: #ffffffeb;
	box-shadow: none;
	border-radius: 25px;
}

.general-model .student-attendance.add-groupe .attendance-item {
	position: relative;
	padding-right: 21px;
}

.general-model .student-attendance.add-groupe .attendance-item .check-box-student {

	position: absolute;
	top: 1px;
	right: 1px;
}

.general-model .student-attendance.add-groupe .attendance-item .checkbox.checkbox-outline.checkbox-primary > input:checked ~ span {
	border-color: #62B020;
}

.general-model .student-attendance.add-groupe .attendance-item .checkbox.checkbox-outline.checkbox-primary > input:checked ~ span:after {
	border-color: #62B020;
}

.general-model .student-attendance.add-groupe .attendance-item .checkbox.checkbox-outline.checkbox-primary > span {
	border-color: #62B020;
}

.general-model .modal-footer .link-out.them-btn-1 {
	padding: 4px 24px 10px;
	font-weight: 500;
}


.spitial-input.form-group .input-group .input-group-prepend .input-group-text {
	background: rgb(0, 81, 125);
	background-image: linear-gradient(0deg, rgba(0, 81, 125, 1) 15%, rgba(0, 162, 250, 1) 100%);
	color: #fff;
	border: 0;
	width: 160px;
	border-radius: 0 100px 100px 0;
	text-align: center;
	justify-content: center;
	flex-wrap: wrap;
	padding: 0 6px;
	margin-bottom: 0;
	white-space: unset;
}

.spitial-input.form-group .input-group .form-control {
	border-color: #FFCC33;
	border-right: 0;
	border-radius: 0;
}

.add-groupe-modal .modal-body .form-group.spitial-input.margin-input {
	margin-bottom: 50px;
	margin-top: 26px;
	width: 84%;
	margin-left: auto;
	margin-right: auto;
}

.add-groupe-modal .modal-body .spitial-input.form-group .input-group .form-control {
	border-radius: 50px 0 0 50px;
}

/* END Optional styles */
.video-container {
	width: 100%;
	border-radius: 0;
	margin: 0 auto;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.video-container .video-wrapper {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.video-container video {
	width: 100%;
	height: 100%;
	border-radius: 4px;
}

.play-button-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: auto;
	pointer-events: none;
}

.play-button-wrapper #circle-play-b {
	cursor: pointer;
	pointer-events: auto;
}

.play-button-wrapper #circle-play-b svg {
	width: 100px;
	height: 100px;
	fill: #fff;
	stroke: #fff;
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0.2);
	border-radius: 50%;
	opacity: 0.9;
}

.them-btn-1.link-addMession {
	min-width: 180px;
	border: 2px solid;
	transition: .4s;
	font-size: 18px;
	font-weight: 500;
	padding: 9px 14px;
	margin-top: 20px;
}

.them-btn-1 .icons-btn {
	margin-right: 8px;
	width: 22px;
	vertical-align: middle;
	padding-bottom: 3px;
}

.note-page .time-table .table td .block-note,
.note-page .time-table .table th .block-note {
	width: 100%;
	height: 120px;
	overflow-x: hidden;
}

.note-page .list-note-text {
	list-style: none;
	padding-right: 0;
}

.note-page .list-note-text .item {
	padding: 6px 12px 8px;
	background: #FFF0E6;
	margin-bottom: 8px;
	border-radius: 71px;
	color: #0071BC;
	font-weight: 500;
	display: block;
}

.note-page .list-note-text.note-homework .item {
	color: #0071BC;
	background: #FFF0E6;
}

.note-page .list-note-text.note-exame .item {
	color: #0071BC;
	background: #00E5FF;
}

.note-page .list-note-text.note-other .item {
	color: #0071BC;
	background: #00DDB7;
}

.general-model.model-them-1 .modal-content {
	background: #007fc3;
}

.general-model.model-them-1 .modal-header .title-popup {
	color: #000000;
	background-image: linear-gradient(0deg, #bf9826 15%, #ffce3d 100%);
}

.block-news {

	display: flex;
	margin-bottom: 20px;
	border: 1px solid #FFCC33;
	border-radius: 22px;
	overflow: hidden;
	background: #fff;
	align-items: center;
	text-align: center;
}

.block-news .info-news {

	flex: 0 0 25%;
	padding: 14px 12px;
	max-width: 25%;
	background: #fc3;
}

.block-news .info-news .news-title {

	color: #000000;
	margin-bottom: 20px;
}

.block-news .info-news .date-day {

	color: #000;
	margin-bottom: 5px;
}

.block-news .info-news .data-par {

	color: #000000;
}

.block-news .info-news .name-auther {

	color: #000000;
}

.block-news .text-news-box {

	flex: 0 0 25%;
	padding: 14px 12px;
	max-width: 25%;
	background: #fc3;
}

.block-news .text-news-box {

	background: #fff;
	padding: 15px 18px;
	text-align: center;
	flex: 0 0 75%;
	max-width: 75%;
	height: 100%;
}

.block-news .text-news-box .text-news {

	color: #1A323E;
}

.them-btn-1.link-save {
	padding: 6px 16px;
	display: inline-flex;
	height: 40px;
	text-align: center;
	align-items: center;
	justify-content: center;
	min-width: 74px;
}

.them-btn-1.link-puplic {
	padding: 6px 16px;
	display: inline-flex;
	height: 40px;
	text-align: center;
	align-items: center;
	justify-content: center;
	min-width: 74px;
}

.them-btn-4.link-close {
	padding: 6px 16px;
	display: inline-flex;
	height: 40px;
	text-align: center;
	align-items: center;
	justify-content: center;
	min-width: 74px;
}

.spitial-list.box-list.box-item,
.spitial-list.box-list,
.box-list.box-item {
	width: 100%;
}

.spitial-list.box-list.box-item .item-2 {
	display: flex;
	align-items: center;
	padding: 4px 10px;
	width: calc(100% - 116px);
}

.upload-input .custom-file-label {
	border-radius: 50px;
	border: 1px solid #FFCC33;
	background: #fff;
	border-radius: 53px;

}


.upload-input .custom-file-label::after {
	content: "تحميل";
	border-radius: 53px;
	background: rgb(0, 81, 125);
	background-image: linear-gradient(0deg, rgba(0, 81, 125, 1) 15%, rgba(0, 162, 250, 1) 100%);
	border: 0;
	color: #fff;
	padding-left: 22px;
	padding-right: 22px;
}

.homework-modal .homework-block {
	margin-bottom: 16px;
	background: #fff;
	position: relative;
	border-radius: 30px;
	border: 1px solid #FFCE3D;
	overflow: hidden;
}

.homework-modal .homework-block .homework-header {
	padding: 12px 26px;
	background: #FFCE3D;
	text-align: center;
}

.homework-modal .homework-block .homework-header .title-homework {
	margin-bottom: 0;
	font-size: 18px;
}

.homework-modal .homework-block .homework-body {
	padding: 12px 26px;
}

.homework-modal .homework-block .homework-body .form-control.textarea-input {
	border: 0;
	min-height: 185px;
	max-height: 185px;
}

.homework-modal .homework-block .homeworkfooter {

	background: #FFCE3D;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 16px 26px;
}

.homework-modal .homework-block .homeworkfooter .date-par {

	display: inline-block;
	margin-bottom: 0;
}

.homework-modal .homework-block .homeworkfooter span {
	margin-right: 8px;
	display: inline-block;
}

.homework-modal .homework-block .homeworkfooter .box-icon {

	display: inline-block;
	padding-right: 0;
	list-style: none;
	margin-bottom: 0;
}

.homework-modal .homework-block .homeworkfooter .box-icon .item-icon {
	display: inline-block;
	margin-left: 8px
}

.homework-modal .homework-block .homeworkfooter .box-icon .item-icon:last-of-type {
	margin-left: 0px
}

.homework-modal .homework-block .homeworkfooter .box-icon .item-icon .link-icon i {
	transition: .4s;
	color: #fff;
}

.homework-modal .homework-block .homeworkfooter .box-icon .item-icon .link-icon:hover {
	color: #007FC3;
}

.model-them-3 .modal-content {
	background: #fff;
	border: 1px solid #5683c3;
}

.model-them-3 .modal-content .modal-header .title-popup {

	border-radius: 0;
	position: relative;
	color: #1A1818;
	padding: 0;
	background-image: none;
	font-weight: 500;
}

.model-them-3 .modal-content .modal-footer {

	justify-content: center;
}

.model-them-3 .modal-content .modal-footer .them-btn-5 {

	flex: 0 0 33.33333333333%;
	border-radius: 0 !important;
	max-width: 33.33333333%;
	background: #0063B0;
	border-color: #0063B0;
	color: #fff;
	transition: .4s;
	margin: 0;
}

.model-them-3 .modal-content .modal-footer .them-btn-5.btn.btn-light:hover {
	background: #00589c;
	border-color: #00589c;
	color: #fff
}

.model-them-3 .modal-content .modal-footer .them-btn-6 {
	margin: 0;
	flex: 0 0 33.333333333333%;
	border-radius: 0 !important;
	max-width: 33.33333333333%;
	background: #FFD400;
	border-color: #FFD400;
	color: #1A1818;
	transition: .4s;
}

.model-them-3 .modal-content .modal-footer .them-btn-6.btn.btn-light:hover {
	background: #e6c000;
	border-color: #e6c000;
	color: #fff
}

.model-them-3 .modal-content .block-check {
	transition: .4s;
	border: 1px solid #00000059;
	box-shadow: 0px 0px 7px #00000040;
	padding: 6px 12px;
	border-radius: 6px;
	text-align: center;
	margin-bottom: 6px;
	cursor: pointer;
	display: flex;
	justify-content: center;
	min-height: 90px;
	align-items: end;
}

.model-them-3 .modal-content .block-check.active {
	background: #0063b0;
	color: #fff;
	border-color: #0063b0;
	position: relative;
}

.model-them-3 .modal-content .block-check.active::before {
	content: "";
	font-family: "Line Awesome Free";
	font-weight: 900;
	position: absolute;
	right: 10px;
	top: 2px;
	font-size: 22px;
	color: #FFD400;

}

.model-them-3 .modal-content .nav.nav-tabs {
	justify-content: center;
	margin-bottom: 34px;
	border: 0;
}

.model-them-3 .modal-content .nav.nav-tabs .nav-item {
	flex: 0 0 50%;
	text-align: center;
	border-radius: 0;
	margin: 0;
}

.model-them-3 .modal-content .nav.nav-tabs .nav-item .nav-link {
	display: inline-block;
	margin: 0 !important;
	width: 100%;
	color: #fff;
	border-radius: 0;
	background: #C7C9CB;
	transition: .4s;
	border: 0;
}

.model-them-3 .modal-content .nav.nav-tabs .nav-item .nav-link.active {
	background: #0063b0;

}

.model-them-3 .modal-content .nav.nav-tabs .wrong-in.nav-item .nav-link.active {
	background: #E60019;
}

.add-MessageParent-modal .modal-body .form-group:last-of-type {
	margin-bottom: 0;
}

.add-MessageParent-modal .modal-body .form-group .form-control {

	min-height: 150px;
	max-height: 200px;
	border-color: #F5C22C;
	background: #fff;
}

.add-MessageParent-modal .modal-content .modal-footer {
	justify-content: end;
}

.add-MessageParent-modal .modal-footer .btn-send.them-btn-1 {

	background-image: none;
	background: #007BC0;
	border-color: #007BC0;
}

.add-MessageParent-modal .modal-footer .btn.btn-light.btn-send.them-btn-1:hover {
	background: #006eac;
	border-color: #006eac;
	color: #fff
}

.add-MessageParent-modal .modal-footer .btn-close.them-btn-3 {
	margin-left: 0;
	background: #F74F54;
	color: #fff;
	box-shadow: none;
	border-color: #F74F54;
}

.add-MessageParent-modal .modal-footer .btn.btn-light.btn-close.them-btn-3:hover {
	background: #E60019;
	border-color: #E60019;
	color: #fff
}

.boost-student-modal .modal-content .block-radiobtn {
	margin-top: 20px;
}

.spitial-list.box-list .box-item,
.division-page .box-list .box-item {
	width: 100%;
}

.class-room-page.add-group-page .title-group-block {
	font-weight: 600;
	margin-bottom: 24px;
}

.class-room-page.add-group-page .box-students.group-block {
	margin: 0 8px;
	padding: 26px 16px 10px;
	background: #fff;
	border-radius: 20px;
	box-shadow: 1px 1px 20px rgb(0 0 0 / 4%);
	margin-bottom: 26px;
}

.class-room-page.add-group-page .box-students::after {
	display: none;
}

.add-homework-page .box-list-btn-2 .btn-border-right-box .them-btn-1 {
	border: 0;
	border-radius: 8px;
	min-width: 140px;
	margin-left: 8px;
}

.add-homework-page .box-list-btn-2 .btn-border-left-box .them-btn-2 {
	border: 0;
	border-radius: 8px;
	min-width: 140px;
}

.add-homework-page .box-list-btn-2 .btn-border-right-box .them-btn-1.btn.btn-light:hover:not(.btn-text):not(:disabled):not(.disabled),
.add-homework-page .box-list-btn-2 .btn-border-right-box .them-btn-1.btn.btn-light:focus:not(.btn-text),
.add-homework-page .box-list-btn-2 .btn-border-right-box .them-btn-1.btn.btn-light.focus:not(.btn-text) {
	border: 0;
}

.add-homework-page .box-list-btn-2 .btn-border-left-box .them-btn-2.btn.btn-light:hover:not(.btn-text):not(:disabled):not(.disabled),
.add-homework-page .box-list-btn-2.btn-border-left-box .them-btn-2.btn.btn-light:focus:not(.btn-text),
.add-homework-page .box-list-btn-2.btn-border-left-box .them-btn-2.btn.btn-light.focus:not(.btn-text) {
	border: 0;
}

.spitial-input.form-group.special-input-1 .input-group .input-group-prepend .input-group-text {
	border-radius: 0px 50px 0px 0px;
}

.spitial-input.form-group.special-input-1 .input-group .form-control {

	border-radius: 50px 0px 0px 0px;
}

.block-add-homework {
	border: 1px solid #707070;
	padding: 14px 16px;
}

.without-sidebar .add-homework-page {
	padding-top: 174px;
}

.bg-text-1 {
	background: rgb(0, 81, 125);
	background-image: linear-gradient(0deg, rgba(0, 81, 125, 1) 15%, rgba(0, 162, 250, 1) 100%);
	color: #fff;
	border-radius: 0 51px 50px 0;
	padding: 4px 12px;
}

.form-group label.bg-text-1 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
}

.block-add-homework .form-group.row {
	padding-left: 15px;
	padding-right: 15px;
}

.radio.radio-them-1 > span {
	background-color: #ffffff;
	border: 1px solid transparent;
}

.radio.radio-success.radio-them-1 > span {
	border: 1px solid #ffcc33;
}

.radio.radio-success.radio-them-1 > input:checked ~ span {
	background-color: #1BC5BD;
	border-color: #1BC5BD;
}

.block-add-homework .box-btn a {
	margin-left: 10px;
}

.block-add-homework .box-btn a:last-of-type {
	margin-left: 0;
}

.select-them-2 .box-item {
	padding-right: 0;
	list-style: none;
	text-align: center;
}

.select-them-2 .box-item .item-1 {
	padding: 6px 14px;
	text-align: center;
	font-size: 14px;
	display: inline-block;
	background: rgb(0, 81, 125);
	background-image: linear-gradient(0deg, rgba(0, 81, 125, 1) 15%, rgba(0, 162, 250, 1) 100%);
	color: #fff;
	line-height: 1.4;
	border-radius: 20px 20px 0 0;
}

.select-them-2 .box-item .item-2 .bootstrap-select.form-control {
	border: 1px solid #fc3;
	border-radius: 0;
}

.select-them-2 .box-item .item-2 .dropdown-toggle.btn-light {

	background: #fff !important;
	padding: 6px 12px;
	border: 0;
	height: 36px;
	border-radius: 0;
}

.text-end {
	text-align: end;
}

.homework-table {
	border: 1px solid #ffcc33;
	padding: 14px 16px;
}

.title-them-1 {

	padding: 6px 14px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 44px;
	background: rgb(0, 81, 125);
	background-image: linear-gradient(0deg, rgba(0, 81, 125, 1) 15%, rgba(0, 162, 250, 1) 100%);
	color: #fff;
	line-height: 1.4;
	border-radius: 50px 50px 0 0;
	margin-bottom: 10px;
}

.table.table-them-1 tr th,
.table.table-them-1 tr td {
	color: #000 !important;
}

.table.table-them-1 thead th {
	vertical-align: middle;
	border-bottom: 2px solid #007fc3;
}

.table.table-them-1 th,
.table.table-them-1 td {
	padding: 0.7rem 0.4rem;
	vertical-align: middle;
	border-top: 1px solid #007fc3;
}

.table.table-them-1 td p {
	margin-bottom: 0;
}

.table.table-them-1 td i {
	font-size: 16px;
}

.first-block .form-group.spitial-input {
	margin-bottom: 10px;
}

.without-sidebar .continue-homework-page {
	padding-top: 174px;
}

.continue-homework-page .first-block {
	padding: 0 18px;
	position: relative;
}

.border-after {
	position: relative;
}

.border-after::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	background: #707070;
	height: 100%;
}

.continue-homework-page .second-block {
	padding: 0 18px 20px;
}

.border-card-1 {
	border: 1px solid #007FC3;
	position: relative;
	padding: 12px 18px;
	margin-bottom: 20px;
}

.border-card-1 .title-block {
	display: inline-block;
	padding: 4px 18px;
	background: #f7f6fe;
	top: -16px;
	position: relative;
	margin-bottom: 0;
	left: -8px;
}


.form-them-1 .form-control {
	border: 1px solid #ffcc33;
}

.continue-homework-page .form-them-1 .btn.btn-light.them-btn-2 {
	border: 0;
	padding: 0.5rem 1.4rem;
}

.continue-homework-page .btn.btn-light.them-btn-1 {
	border: 0;
	padding: 0.5rem 1.4rem;
}

.without-sidebar .Preparation-page {

	padding-top: 174px;
}

.form-them-1 .bootstrap-select.form-control {
	border: 0;
}

.spitial-list.box-list .box-item {
	margin-bottom: 0;
}

.form-them-2 .col-md-12:first-of-type .spitial-list.box-list.box-item .item-1,
.form-them-2 .col-md-12:first-of-type .form-them-2 .spitial-list.box-list.box-item .item-1 {
	border-top-right-radius: 22px;
}

.form-them-2 .col-md-12:last-of-type .spitial-list.box-list.box-item .item-1,
.form-them-2 .col-md-12:last-of-type .form-group .input-group.input-them-1 .input-group-prepend .input-group-text {
	border-bottom-right-radius: 22px;
}

.form-them-2 .spitial-list.box-list.box-item .item-1,
.form-them-2 .form-group .input-group.input-them-1 .input-group-prepend .input-group-text {
	width: 160px;
	border-radius: 0;
	color: #fff;
}

.form-them-2 .spitial-list.box-list.box-item .item-2 {
	width: calc(100% - 160px);
	border-radius: 0;
}

.form-them-3 {
	position: relative;
	border: 2px solid #c8cbcd;
	padding: 16px 26px 50px;
	margin-bottom: 50px;
}

.form-them-3 .box-btn-list {
	list-style: none;
	margin-right: 36px;
	width: 80%;
	position: relative;
	padding-right: 0;
	border-bottom: 1px solid #C8CBCD;
	padding-bottom: 16px;
}

.form-them-3 .box-btn-list::after {
	content: "";
	position: absolute;
	left: -1px;
	bottom: -6px;
	width: 12px;
	height: 12px;
	background: #C8CBCD;
	border-radius: 50%;
}

.form-them-3 .box-btn-list li {
	display: inline-block;
	margin-left: 23px;
	position: relative;
}

.form-them-3 .box-btn-list li:last-of-type {
	margin-left: 0;
}

.form-them-3 .box-btn-list li::after {
	content: "";
	position: absolute;
	left: -18px;
	top: 2px;
	width: 2px;
	height: 92%;
	background: #C8CBCD;
}

.form-them-3 .box-btn-list li:last-of-type::after {
	display: none;
}

.form-them-3 .box-btn-list li .btn.btn-light.them-btn-1,
.form-them-3 .box-btn-list li .btn.btn-light.them-btn-2 {
	border: 0;
	padding: 7px 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	vertical-align: middle;
}

.form-them-3 .box-btn-list li .btn.btn-light.them-btn-1:hover,
.form-them-3 .box-btn-list li .btn.btn-light.them-btn-2:hover {
	border: 0;
}

.form-them-3 .box-btn-list li .them-btn-1.btn.btn-light:hover:not(.btn-text):not(:disabled):not(.disabled),
.form-them-3 .box-btn-list li .them-btn-1.btn.btn-light:focus:not(.btn-text),
.form-them-3 .box-btn-list li .them-btn-1.btn.btn-light.focus:not(.btn-text),
.form-them-3 .box-btn-list li .them-btn-2.btn.btn-light:hover:not(.btn-text):not(:disabled):not(.disabled),
.form-them-3 .box-btn-list li .them-btn-2.btn.btn-light:focus:not(.btn-text),
.form-them-3 .box-btn-list li .them-btn-2.btn.btn-light.focus:not(.btn-text) {
	border: 0;
}

.form-them-3 .add-input {
	vertical-align: middle;
	display: inline-flex;
	height: 100%;
	align-items: center;
	cursor: pointer;
}

.form-them-3 .btn-form-3 {
	position: absolute;
	left: -4px;
	bottom: -16px;
}

.form-them-3 .btn-form-3 .btn-box-1 {
	position: relative;
	display: inline-block;
	background: #f7f6fe;
	padding: 14px 26px 0;
}

.form-them-3 .btn-form-3 .btn-box-1::after {
	content: "";
	position: absolute;
	left: -3px;
	top: -9px;
	width: 12px;
	height: 12px;
	background: #C8CBCD;
	border-radius: 50%;
}

.form-them-3 .btn-form-3 .btn-box-1::before {
	content: "";
	position: absolute;
	right: -2px;
	bottom: 9px;
	width: 12px;
	height: 12px;
	background: #C8CBCD;
	border-radius: 50%;
}

.btn.btn-light.them-btn-2 i,
.btn.btn-light.them-btn-3 i,
.btn.btn-light.them-btn-4 i {
	color: #fff;
	font-size: 15px;
	margin-left: 4px;
}

.them-btn-4.btn.btn-light:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.them-btn-4.btn.btn-light:focus:not(.btn-text) i,
.them-btn-4.btn.btn-light.focus:not(.btn-text) i,
.them-btn-2.btn.btn-light:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.them-btn-2.btn.btn-light:focus:not(.btn-text) i,
.them-btn-2.btn.btn-light.focus:not(.btn-text) i,

.them-btn-3.btn.btn-light:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.them-btn-3.btn.btn-light:focus:not(.btn-text) i,
.them-btn-3.btn.btn-light.focus:not(.btn-text) i {
	color: #fff;
}

.form-them-3 .btn-box-1 .btn.btn-light.them-btn-2 {
	border: 0;
	margin-left: 10px;
}

.form-them-3 .btn-box-1 .btn.btn-light.them-btn-4 {
	border: 0;
}

.form-them-3 .btn-box-1 .btn.btn-light.them-btn-2:last-of-type {
	margin-left: 0;
}

.form-them-3 .btn-box-1 .them-btn-2.btn.btn-light:hover:not(.btn-text):not(:disabled):not(.disabled),
.form-them-3 .btn-box-1 .them-btn-2.btn.btn-light:focus:not(.btn-text),
.form-them-3 .btn-box-1 .them-btn-2.btn.btn-light.focus:not(.btn-text),
.form-them-3 .btn-box-1 .them-btn-4.btn.btn-light:hover:not(.btn-text):not(:disabled):not(.disabled),
.form-them-3 .btn-box-1 .them-btn-4.btn.btn-light:focus:not(.btn-text),
.form-them-3 .btn-box-1 .them-btn-4.btn.btn-light.focus:not(.btn-text) {
	border: 0;
}

.icon-input.input-them-1 .icon-box {
	position: absolute;
	left: 8px;
	border: 1px solid #fc3;
	top: 5px;
	border-radius: 50%;
	width: 34px;
	height: 34px;
	text-align: center;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.icon-input.input-them-1 .icon-box .icon-img {
	width: 18px;
}

.form-them-3 .spitial-list.box-list.box-item .item-1,
.form-them-3 .form-group .input-group.input-them-1 .input-group-prepend .input-group-text {
	width: 160px;
	color: #fff;
}

.form-them-3 .spitial-list.box-list.box-item .item-2 {
	width: calc(100% - 160px);
	border-radius: 0;
}

.input-them-1 {
	position: relative;
}

.input-them-1 .form-control {
	border-color: #FFCC33;
	border-radius: 50px;
}

.breack-1 {
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	border-color: #C8CBCD;


}

.icon-input-1 .icon-img {

	position: absolute;
	left: 14px;
	top: 9px;
}

.aside-menu .menu-section {
	justify-content: center;
}

.aside-menu .menu-section .menu-text {
	font-weight: 500;
	font-size: 18px;
	margin-bottom: 15px;
	color: #fff;
}

.icon-date-input {
	display: inline-block;
	position: relative;
	width: auto;
	vertical-align: middle;
}

.icon-date-input .form-control {

	display: inline-block;
	opacity: 0;
	padding: 0;
	height: auto;
	margin: 0;
	border: 0;
	line-height: 0;
}

.icon-date-input .input-group-append {

	position: absolute;
	top: 50%;
	right: 5px;
	transform: translateY(-50%);
	bottom: 50%;
}

.icon-date-input .input-group-append .input-group-text {

	background: transparent;
	border: 0;
	padding: 0;
}

.icon-date-input .input-group-append .input-group-text i {

	color: #1a323e;
}

.teacher-info-page {
	padding-top: 70px;
}

.form-group .input-group.select-them-1 .input-group-prepend .input-group-text {
	background: rgb(0, 81, 125);
	background-image: linear-gradient(0deg, rgba(0, 81, 125, 1) 15%, rgba(0, 162, 250, 1) 100%);
	color: #fff;
	border: 0;
	width: 160px;
	border-radius: 0 100px 100px 0;
	text-align: center;
	justify-content: center;
	flex-wrap: wrap;
	padding: 10px 6px;
	margin-bottom: 0;
	white-space: unset;
}

.form-group .input-group.select-them-1 .bootstrap-select.form-control {
	align-items: center;
	display: flex !important;
	border: 1px solid #FFCC33;
	border-right: 0;
	border-radius: 0;
}

.table.table-them-2 .thead-ligh tr th {
	color: #1A323E;
	background: #00000012;
	padding: 8px 14px;
}

.table.table-them-2 thead-body tr td {

	background: #00000012;
	padding: 8px 14px;

}

.table.table-them-2 tbody tr td .link-delete i {
	color: #5F818E;
	transition: .4s;
	padding-left: 12px;
}

.table.table-them-2 tbody tr td .link-delete:hover i {
	color: #e50e2f
}

.form-them-4 {
	padding: 40px 30px 60px;
	background: #fff;
	border-radius: 12px;
	position: relative;
	box-shadow: 0px 3px 8px #00000026;
}

.border-form-them-4 {
	border: 2px solid #c8cbcd;
	padding: 42px 26px;
	position: relative;
	margin-bottom: 40px;
}

.border-form-them-4 .btn-form-4 {
	position: absolute;
	left: 20px;
	bottom: -19px;
}

.border-form-them-4 .btn-form-4 .btn.btn-light.them-btn-1 i {
	color: #fff;
}

.border-form-them-4 .header-form-them-4 {
	position: absolute;
	top: -29px;
	right: 14px;
}

.border-form-them-4 .header-form-them-4 .box-title-them-2 {
	position: relative;
	margin-bottom: 0;
	padding: 6px 26px;
	background: #fff;
}

.border-form-them-4 .header-form-them-4 .box-title-them-2 .title-them-2 {
	font-size: 16px;
	padding: 10px 30px;
	background: #003e60;
	background-image: linear-gradient(0deg, #003e60 15%, #00a2fa 100%);
	color: #fff;
	border-radius: 34px;
	margin-bottom: 0;
	border: 1px solid #007BC0;
}

.border-form-them-4 .header-form-them-4 .box-title-them-2::after {
	content: "";
	position: absolute;
	left: -3px;
	bottom: 19px;
	width: 12px;
	height: 12px;
	background: #C8CBCD;
	border-radius: 50%;
}

.border-form-them-4 .header-form-them-4 .box-title-them-2::before {
	content: "";
	position: absolute;
	right: -2px;
	bottom: 19px;
	width: 12px;
	height: 12px;
	background: #C8CBCD;
	border-radius: 50%;
}

.list-block-semester .block-semester {
	border: 2px solid #C8CBCD;
	margin-bottom: 30px;
	text-align: center;
	padding: 16px;
	position: relative;
}

.list-block-semester .block-semester .content-semester {
	padding: 35px 14px 20px;
	border: 1px solid #FFCC33;
	box-shadow: inset 0px 0px 6px #00000047;
}

.list-block-semester .block-semester .box-img {
	position: absolute;
	left: -7px;
	top: -8px;
	background: #fff;
	padding: 4px;
}

.list-block-semester .block-semester .box-img .logo-img {
	width: 66px;
}

.list-block-semester .block-semester .content-semester {}

.list-block-semester .block-semester::before {
	content: "";
}

.them-btn-1.btn.btn-light:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.them-btn-1.btn.btn-light:focus:not(.btn-text) i,
.them-btn-1.btn.btn-light.focus:not(.btn-text) i {
	color: #fff;
}

.block-semester .box-icon-setting {
	display: block;
	list-style: none;
	padding-right: 0;
	margin-bottom: 0;
	margin-top: 22px;
}

.block-semester .box-icon-setting .item {
	display: inline-block;
	margin-left: 10px;
	margin-bottom: 8px;
}

.block-semester .box-icon-setting .item:last-of-type {
	margin-left: 0;
	margin-bottom: 0;
}

.block-semester .content-semester .title-block {

	font-size: 20px;
	font-weight: 600;
	color: #007FC3;
	margin-bottom: 14px;
}

.block-semester .box-icon-setting .item a {
	transition: .4s;
}

.block-semester .box-icon-setting .item a i {
	color: #007FC3;
}

.block-semester .box-icon-setting .item a:hover i {
	color: #ffcc33;
}

.block-semester .content-semester .date-block {

	font-size: 22px;
	font-weight: 600;
	color: #ffc71f;
	display: block;
}

.block-semester .content-semester .subject-name {
	font-size: 22px;
	font-weight: 600;
	color: #ffc71f;
	display: block;
	margin-bottom: 16px;
}

.semester-plan-page .block-semester .content-semester .date-block {
	margin-bottom: 6px;
}

.block-semester .content-semester .num-class {

	font-size: 20px;
	font-weight: 600;
	color: #007FC3;
	margin-bottom: 16px;
	display: block;
}


.block-semester .content-semester .box-list-num {

	list-style: none;
	padding-right: 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 16px;
}

.block-semester .content-semester .box-list-num .item {
	margin-bottom: 6px;
	margin-left: 4px;
}

.block-semester .content-semester .box-list-num .item:last-of-type {
	margin-bottom: 0px;
	margin-left: 0px;
}

.block-semester .content-semester .box-list-num .item .title-list {

	font-size: 16px;
	color: #007fc3;
	font-weight: 600;
}

.block-semester .content-semester .box-list-num .item .num-list {
	color: #FFC71F;
	font-weight: 600;
	margin-bottom: 0;
}

.timetable-setting-page {
	padding-top: 80px
}

.timetable-setting-page .box-btn {
	margin-bottom: 20px
}

.timetable-setting-page .scadual-timetable {
	border-radius: 0;
	background-image: url(../media/bg-timetable-setting.png);

}

.timetable-setting-page .box-btn-footer {
	margin-top: 30px;
}

.time-table .table .block-setting {
	min-width: 120px;
}

.time-table .table .block-setting .bootstrap-select.form-control {

	border: 1px solid #fc3;
	border-radius: 40px;
	margin-bottom: 10px;
}

.time-table .table .block-setting .bootstrap-select.form-control .btn.btn-light {
	border: 0;
	background: #fff;
	padding: 3px 12px;
	min-height: 32px;
	height: auto;
	display: flex;
	align-items: center;
	border-radius: 26px;

}

.time-table .table .block-setting .bootstrap-select > .dropdown-toggle.btn-light .filter-option {
	color: #151965;
}

.timetable-setting-page .scadual-timetable tr:nth-of-type(odd) .block-setting .bootstrap-select.form-control {
	border: 1px solid #007FC3;
}

.timetable-setting-page .scadual-timetable tr td .block-setting {
	padding-bottom: 6px;
	border-bottom: 1px solid #767999;
}

.daily-class-timing-page .daily-class-timing .box-img .img-timing {
	width: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.daily-class-timing-page .daily-class-timing .spitial-list.box-list .item-1 {
	width: 160px;
}

.them-block-time-1 {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 16px;
}

.them-block-time-1 .title-time {
	font-size: 18px;
	font-weight: 600;
}

.them-block-time-1 .label-time,
.them-block-time-1 .form-group {
	margin-bottom: 0;
}

.daily-class-timing-page .form-them-4 {
	padding-bottom: 20px;
}

.footer-form-them-4 {
	margin-top: 30px;
	margin-bottom: 10px;
}

.footer-form-them-4 .btn.btn-light {
	display: inline-flex;
	padding: 2px 18px 9px;
	align-items: center;
	font-size: 15px;
	margin-left: 6px;
}

.footer-form-them-4 .btn.btn-light i {
	color: #fff;
	font-size: 13px;
	vertical-align: middle;
	padding-top: 4px;
}

.apexcharts-legend-marker {
	margin-left: 6px;
	margin-right: 0;
}

.test-numb-card .card-body {
	position: relative;
	overflow: hidden;
}

.test-numb-card .card-body .test-list-num {

	list-style: none;
	padding-right: 0;
	justify-content: space-between;
	display: flex;
	margin-bottom: 20px;
}

.test-numb-card .card-body hr.breack-line {
	margin-left: -44px;
	display: block;
	margin-right: -44px;
	border-top: 1px solid #c8cbcd;
}

.Semester-Setting-1-page .spitial-list.box-list .item-1 {
	width: 160px;
}

.Semester-Setting-1-page .spitial-list.box-list.box-item .item-2 {
	width: calc(100% - 160px);
}


.Semester-Setting-1-page .input-group.select-them-1 .dropdown-menu {
	overflow-x: hidden;
}

.Semester-Setting-1-page .input-group.select-them-1 .dropdown-menu.inner {
	position: relative;
	overflow-x: hidden;
}

.Semester-Setting-1-page .input-group.select-them-1 .bootstrap-select.show-tick .dropdown-menu li a span.text {
	margin-right: 19px;
}

.select-them-1.spitial-list.box-list .item-1 {

	border-bottom-right-radius: 22px;
	color: #fff;
}

.select-them-1.spitial-list.box-list .item-2 {

	border-radius: 0;
}

.date.input-them-1 .form-control,
.with-left-icon.input-them-1 .form-control {

	border-left: 0;
}

.date.input-them-1 .input-group-append .input-group-text,
.with-left-icon.input-them-1 .input-group-append .input-group-text {

	background: #fff;
	border-color: #fc3;
	border-radius: 0;
}

.date.input-them-1 .input-group-append .input-group-text i,
.with-left-icon.input-them-1 .input-group-append .input-group-text i {
	color: #007fc3;
}

.Semester-Setting-1-page .block-semester-Setting-1 {
	padding: 20px;
	border: 1px solid #C8CBCD;
	border-radius: 25px;
	margin-bottom: 20px;
}

.Semester-Setting-1-page .box-title {
	text-align: center;
}

.title-them-2 {
	transition: .4s;
	background: rgb(0, 81, 125);
	background-image: linear-gradient(0deg, rgba(0, 81, 125, 1) 15%, rgba(0, 162, 250, 1) 100%);
	border: 2px solid #007BC0;
	color: #fff;
	border-color: #007bc0;
	border-radius: 25px;
	font-size: 18px;
	padding: 6px 22px 10px;
	display: inline-block;
	margin-bottom: 20px;
}

.table-them-3 .thead-blue {

	background: rgb(0, 81, 125);
	background-image: linear-gradient(0deg, rgba(0, 81, 125, 1) 15%, rgba(0, 162, 250, 1) 100%);
	color: #fff;
}

.table-them-3 thead th {

	padding-top: 12px;
	padding-bottom: 12px;
}

.table-them-3 .link-edit i {
	color: #007FC3;
	margin-left: 4px;
}

.table-them-3 .link-delete i {
	color: #007FC3;
}

.box-btn-add {
	margin-bottom: 25px;
}

.box-btn-add .btn.btn-light.them-btn-1 {
	padding: 6px 22px;
}

.box-btn-add .them-btn-1 .icons-btn {
	width: 16px;
}

.them-btn-1 .icon-left {
	padding-right: 4px;
}

.select-them-2.num-days-block {
	margin-bottom: 20px;
}

.select-them-2.num-days-block .box-item .item-2 .form-control {

	border-color: #fc3;
	text-align: center;
	box-shadow: inset 0px 1px 3px #c0af7c;
}

/*****style mashhor*********/
.exam-page .border-form-them-4.border-exam .header-form-them-4 {
	top: -29px !important;
	right: 25% !important;
}

.exam-page .border-form-them-4 .header-form-them-4 .box-title-them-2.exam {
	background: #f7f6fe;
}

.exam-page .exam-main .card-xl-stretch {
	background-color: white;
	box-shadow: 0 10px 10px #e3e3e3;

}

.exam-page .exam-title {
	position: absolute;
	top: 70px;
	right: 24px;
	color: #FFCC33;
	font-weight: 800 !important;
	font-size: 20px;
}

.exam-page .content-exam-list {
	padding: 20px 15px;
	position: relative;

}

.exam-page .content-exam {
	justify-content: space-between;
	align-items: center;
}


.exam-page .content-exam i {
	color: #007fc3;
}

.exam-page .content-exam h3 {
	color: #007fc3;
	font-size: 20px;
	font-weight: bold;
}

.exam-page .date-exam {
	font-size: 17px;
	font-weight: bold;
	color: #f5c430;

}

.exam-page .exam-h-6 {
	color: #007fc3;
	font-weight: bold;
	font-size: 15px;

}

.exam-page .sub-exam {
	font-size: 18px;
	color: #007fc3;
	font-weight: bold;
}

.exam-page .exam-main .row-end {

	align-items: flex-end;
}

.exam-page .hover-box {
	width: 100%;
	height: 0;
	background-color: #424242d9;
	position: absolute;
	right: 0;
	bottom: 0;
	transition: .4s;
	opacity: 0;
}

.exam-page .hover-box.open {
	padding: 10px 15px;
	opacity: 1;
	height: 100%;

}

.exam-page .icon-hover-list {

	justify-content: center;
	height: 100%;
	width: 100%;
	align-items: center;
}

.exam-page .icon-hover-list .box-icon-setting {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.exam-page .icon-hover-list a i {
	color: white;
	padding: 2px;
	cursor: pointer;
	transition: .4s;
}

.exam-page .icon-hover-list a i:hover {
	color: #fc3
}

.general-model.modal .modal-header .close i,
.general-model.modal .modal-header .close .ki {
	color: #ffffff;
}

.model-rating .modal-header {
	background: #f3c439;
	border-bottom: 0;
	border-radius: 23px 23px 0px 0px;
	padding: 8px 1.75rem;
}

.general-model .modal-header .next {
	position: absolute;
	right: 22px;
	top: 10px;
	color: #007FC3;
}

.title-2 {
	color: white;
	font-weight: bold;
}

.next span {
	color: white;
	font-size: 20px;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.model-rating .modal-content {
	background-color: #80C5F9 !important;
}

.model-rating h3 {
	color: white;
	text-align: center;
	padding: 10px 0
}

.radio-ex {
	text-align: center;
	padding: 14px;
}

.model-rating .modal-lg {
	max-width: 500px;
}

.model-rating .modal-lg.model-la {
	max-width: 800px;
}

.model-exam-img .col-md-4 {
	padding: 20px 10px;
}

.model-rating .modal-content.bg2 {
	background-color: #fff !important;
}

.exam-page {
	padding-top: 80px;
}

.Semester-Setting-2-page .spitial-list.box-list .item-1 {
	width: 160px;
}

.Semester-Setting-2-page .spitial-list.box-list.box-item .item-2 {

	width: calc(100% - 160px);
}

.Semester-Setting-2-block .table.table-them-3 thead tr th {
	padding-top: 10px;
	padding-bottom: 10px
}

.Semester-Setting-2-block .table.table-them-3 thead tr th,
.Semester-Setting-2-block .table.table-them-3 tr td {
	text-align: center;
}

.Semester-Setting-2-block .table.table-them-3 tr td .checkbox-inline .checkbox span {
	margin-left: 0;
}

.Semester-Setting-2-block .table.table-them-3 tr .checkbox-inline.check-box-student {
	justify-content: center;
}


.them-btn-1.btn.btn-light i {
	color: #fff;
}

.semester-plan-page .form-them-4 .btn-box-1 .them-btn-1.btn.btn-light i {
	font-size: 14px;
}

.semester-plan-1-page .form-them-4 .setting-input {
	text-align: center;
}

.semester-plan-1-page .form-them-4 .setting-input a {
	display: inline-block;
	margin-left: 6px;
	transition: .4s
}

.semester-plan-1-page .form-them-4 .setting-input a:last-of-type {
	margin-left: 0px;
}

.semester-plan-1-page .form-them-4 .setting-input a i {
	color: #007fc3;
	transition: .4s
}

.semester-plan-1-page .form-them-4 .setting-input a:hover i {
	color: #fc3;
}

.teacher-evaluation-reports-page {
	padding-top: 80px;
}

.list-block-semester .block-evaluation.block-semester .box-img {
	left: -12px;
	top: -18px;
}

.list-block-semester .block-evaluation.block-semester .content-semester {
	position: relative;
	padding-bottom: 40px;
}

.list-block-semester .block-evaluation.block-semester .content-semester .header-content {
	text-align: center;
	padding: 6px 12px;
	vertical-align: middle;
	display: block;
	background: #102A5A;
	color: #fff;
	border-radius: 10px;
	margin-bottom: 14px;
	font-size: 16px;
}

.list-block-semester .block-evaluation.block-semester .content-semester .num-class {

	margin-bottom: 5px;
}

.list-block-semester .block-evaluation.block-semester .content-semester .box-icon-setting {

	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	left: 0;
	background: #EFF1F8;
	padding: 5px 14px;
	margin-top: 0;
}

.list-block-semester .block-evaluation.block-semester .box-icon-setting .item {
	margin-bottom: 4px;
	margin-top: 4px;
}

.border-form-them-4 .header-form-them-4 .box-title-them-2 .title-them-2.title-them-red {

	background: #BC2C2F;
	background-image: linear-gradient(0deg, #bc2c2f 15%, #f74f54 100%);
	border: 1px solid #bc2c2f;
}

.teacher-evaluation-reports-supervisor-1-page .form-them-4 {
	padding: 40px 30px 30px;
	margin-bottom: 36px;
}

.teacher-evaluation-reports-page .form-them-4 {
	padding: 40px 30px 30px;
	margin-bottom: 36px;
}

.teacher-evaluation-reports-principal-1-page .form-them-4 {
	padding: 40px 30px 30px;
	margin-bottom: 36px;
}

.teacher-evaluation-reports-principal-page .form-them-4 {
	padding: 40px 30px 30px;
	margin-bottom: 36px;
}

.teacher-evaluation-reports-supervisor-1-page {
	padding-top: 80px;
}

.teacher-evaluation-reports-principal-1-page {
	padding-top: 80px;
}

.teacher-evaluation-reports-principal-page {
	padding-top: 80px;
}

.total-evaluation {
	margin-bottom: 25px;
}

.total-evaluation label {

	font-weight: 600;
	font-size: 20px;
	margin-bottom: 12px;
	color: #007fc3;
}

.total-evaluation .form-control {

	border-color: #d8d9dd;
	box-shadow: inset 0px 0px 6px #d8d9dd;
}


.header-exam {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.header-exam {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 18px;
}

.header-exam .title-exam {

	color: #000000;
}

.header-exam .date-box .date-par {

	display: inline-block;
	margin-bottom: 0;
	color: #000000;
}

.header-exam .date-box .date-par {

	display: inline-block;
	margin-bottom: 0;
	color: #000000;
}

.header-exam .date-box .box-no-watch {

	display: inline-block;
	margin-right: 8px;
}

.header-exam .date-box .box-no-watch a {

	padding: 4px 12px;
	display: inline-block;
	color: #fff;
	background: rgb(0, 81, 125);
	background-image: linear-gradient(0deg, rgba(0, 81, 125, 1) 15%, rgba(0, 162, 250, 1) 100%);
	border-radius: 12px;
}

.header-exam .date-box .box-no-watch a i {
	color: #fff;
	font-size: 15px;
}

.ask-content {
	border: 1px solid #d8d9dd;
	box-shadow: inset 0px 0px 6px #d8d9dd;
	min-height: 150px;
	padding: 10px 14px;
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
	background: #fff;
	margin-bottom: 30px;
}

.ask-content .par-ask {
	font-weight: 600;
	font-size: 18px;
	text-align: center;
}

.question-block {
	display: flex;
	margin-bottom: 16px;
}

.question-block .num-question {

	padding: 8px 10px;
	background: #0079BC;
	color: #fff;
	font-weight: 600;
	margin-left: 7px;
	width: 40px;
	height: 40px;
	text-align: center;
	align-items: center;
	font-size: 16px;
	display: flex;
	justify-content: center;
}

.question-block .the-question {
	border: 1px solid #d8d9dd;
	box-shadow: inset 0px 0px 6px #d8d9dd;
	min-height: 40px;
	background: #fff;
	padding: 9px 12px;
	width: calc(100% - 40px);
}

.question-block .the-question .par-question {
	margin-bottom: 0;
}

.block-answer-choice {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
}

.block-answer-choice .the-answer {

	width: calc(100% - 90px);
}

.block-answer-choice .radio.radio-success {

	border: 1px solid #d8d9dd;
	box-shadow: inset 0px 0px 6px #d8d9dd;
	min-height: 40px;
	background: #fff;
	padding: 9px 12px;
	width: 100%;
}

.block-answer-choice .radio.radio-success span {

	margin-left: 12px;
}

.block-answer-choice .box-img {
	width: 70px;
	margin-right: 15px;
}

.block-answer-choice .box-img .img-answer {

	width: 70px;
}

.footer-exam {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.footer-exam .exam-info {

	display: flex;
	flex-wrap: wrap;
}

.footer-exam .exam-info .form-group {
	margin-bottom: 0;
	margin-left: 10px;
}

.footer-exam .exam-info .form-group:last-of-type {
	margin-left: 0;
}

.footer-exam .exam-info .value-info {
	min-width: 40px;
	padding: 8px 12px;
	border: 1px solid #00a3fa;
	background: #fff;
	border-right: 0;
	text-align: center;
	color: #007FC3;
	font-size: 16px;
}

.exams-true-false-page .block-answer-choice .the-answer {
	width: 100%;
}

.block-answer-reorder {
	border: 1px solid #d8d9dd;
	box-shadow: inset 0px 0px 6px #d8d9dd;
	min-height: 40px;
	background: #fff;
	padding: 9px 12px;
	width: 100%;
	cursor: pointer;
	margin-bottom: 20px;
}

.block-answer-reorder .par-answer-reorder {
	margin-bottom: 0;
}

.exams-reorder-text-page {
	padding-top: 180px;
}

.block-drag-complete {

	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.block-drag-complete .num-drag-yellow {
	display: inline-flex;
	width: 40px;
	height: 40px;
	align-items: center;
	border-radius: 50%;
	margin-left: 8px;
	justify-content: center;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	background: #BF9825;
	background-image: linear-gradient(0deg, #bf9825 15%, #ffcc33 100%);
}

.block-drag-complete .par-drag {
	display: inline-block;
	margin-bottom: 0;
	margin-left: 8px;
	font-size: 18px;
}


.block-drag-complete .block-answer-drag {
	border: 1px solid #d8d9dd;
	box-shadow: inset 0px 0px 6px #d8d9dd;
	min-height: 40px;
	background: #fff;
	padding: 9px 12px;
	margin-left: 7px;
	display: inline-block;
	min-width: 140px;
}



.text-drag-answer {

	text-align: center;
	padding-right: 0;
	list-style: none;
	margin-top: 20px;
}

.text-drag-answer .text-item {

	display: inline-block;
	margin-left: 8px;
	border: 1px solid #d8d9dd;
	box-shadow: inset 0px 0px 6px #d8d9dd;
	min-height: 40px;
	background: #fff;
	padding: 8px 13px;
	margin-bottom: 6px;
	cursor: pointer;
}

.text-drag-answer .text-item:last-of-type {
	margin-left: 0px;
}

.text-drag-answer .text-item .drag-text-par {
	margin-bottom: 0;
}

.exams-multiple-choice-page .question-block {
	margin-bottom: 32px;
}


.exams-fill-blanks-text-page .question-block {
	margin-bottom: 32px;
}

.exams-text-answer-page,
.exams-reorder-images-page,
.exams-imgs-match-page,
.exams-match-text-page,
.exams-true-false-page,
.exams-multiple-choice-page,
.evaluation-Students-Portfolios-page,
.exams-fill-blanks-text-page,
.learning-resources-page,
.free-discussion-page {
	padding-top: 180px;
}

.evaluation-supervisor-page,
.semester-plan-page,
.semester-plan-1-page,
.evaluation-principal-page,
.exams-multiple-choice-edit-page,
.exams-true-false-edit-page,
.exams-text-answer-edit-page,
.exams-fill-drag-edit-page,
.exams-fill-blanks-text-edit-page,
.continue-exams-page,
.students-marks-sheet-page,
.notifications-page,
.history-questions-page,
.register-page,
.dashboard-page {
	padding-top: 80px
}



.exams-text-answer-page .form-group.answer-text .form-control {
	border: 1px solid #d8d9dd;
	box-shadow: inset 0px 0px 6px #d8d9dd;
	min-height: 150px;
	resize: none;
}

.reorder-images-list {
	margin-bottom: 20px;
	padding-right: 0;
	list-style: none;
	margin-top: 20px;
	text-align: center;
}

.reorder-images-list .item {
	cursor: pointer;
	display: inline-block;
	margin-left: 14px;
	margin-bottom: 14px;
}

.reorder-images-list .item:last-of-type {
	margin-left: 0;
	margin-bottom: 0;
}

/***********rania*****************/
.supervisor-table tr th {
	background: rgb(0, 81, 125);
	background-image: linear-gradient(0deg, #004062, #00a3fa 90%);
	color: #fff;
}

.supervisor-table tr th:first-child {
	border-radius: 0 10px 10px 0;
}

.supervisor-table tr th:last-child {
	border-radius: 10px 0 0 10px;
}

.supervisor-table tr td p {
	box-shadow: 0px 0px 4px #a9a9a9;
	border-radius: 8px;
	padding: 9px 13px;
}

.rounded-half {
	border-radius: 50px;
}

.pl-0 {
	padding-left: 0
}

.pr-0 {
	padding-right: 0
}

.evaluat-title h3 {
	box-shadow: 0px 0px 4px #a9a9a9;
	border-radius: 8px;
	padding: 9px 13px;
}

.evaluat-button .btn {
	min-width: 120px;
	margin: 7px;
}

.student-portfolios {
	background-color: #f7f6fe;

}

.table-student td {
	font-size: 12px;
	border-top: 0;
	padding: 4px 3px;

}

.table-student td a {
	box-shadow: 0px 0px 4px #a9a9a9;
	font-size: 10px;
}

.table-student td p {
	padding: 7px 3px !important;
}

.table-student th {
	padding: 0px 8px;
	font-size: 11px !important;
}

.student-profile-form .form-group {
	display: inline-flex
}

.student-profile-form .form-group i {
	color: rgba(0, 162, 250, 1)
}

/** progress  */
.circle-progress .chart {
	position: relative;
	width: 80%;
	max-width: 200px;
	margin: 0 auto;
	text-align: center;
	font-size: 23px;
	color: rgba(0, 162, 250, 1);
	min-height: 120px;
	display: flex;
	align-items: center;

}

.circle-progress .chart.red {
	color: #fd380a;
}

.circle-progress .chart.orange {
	color: #ffcc33;
}

.circle-progress .chart canvas {
	width: 100%;
}

.circle-progress span {
	position: absolute;
	left: 0;
	right: 0;
	display: block;

}


.circle-progress .show {
	list-style: none;
	padding: 0;
}

.circle-progress .show li {
	color: #999;
	font-size: 14px;
	position: relative;
	display: inline-block;
	padding-left: 11px;
	padding-right: 17px;
}

.circle-progress .show li:before {
	content: '';
	width: 10px;
	height: 10px;
	position: absolute;
	top: 5px;
	right: 0;
	border-radius: 50%;
}

.circle-progress .show .done:before {
	background-color: rgba(0, 162, 250, 1)
}

.circle-progress .show .donet:before {
	background-color: #fd380a
}

.circle-progress .show .absent:before {
	background-color: #ddd
}

.circle-progress .show .present:before {
	background-color: #ffcc33
}

.circle-progress .show .late:before {
	background-color: rgba(0, 162, 250, 1)
}

.exam-match .form-span {
	background-color: rgba(0, 162, 250, 1);
	color: #fff;
	padding: 6px 17px;
	font-size: 20px;
	margin-left: 10px;
	border-radius: 5px;

}

.exam-match .form-control {
	border-color: #ccc;
}

.exam-match .btn i {
	font-size: 14px;
	color: #fff;
	padding-left: 5px;
	padding-right: 5px;
}

.exam-match .input-group-text {
	width: 100px !important;
}

.exam-match .input-group .form-control {
	border-color: rgba(0, 162, 250, 1) !important
}

.eye-btn {
	padding: 2px;
	margin-right: 5px;
}

.eye-btn i {
	font-size: 20px !important;
	vertical-align: text-bottom;
}

/**edit exams**/
.box-test-question {
	height: 100%;
	min-height: 600px;
	position: relative;
	padding: 0px 16px 60px;
}

.box-test-question .box-questions-list,
.box-test-question .box-question-edit {
	list-style: none;
	padding-right: 0;
}

.box-test-question .box-questions-list .item-question {
	text-align: center;
	margin-bottom: 10px;
	display: block;

}



.box-test-question .box-questions-list .item-question a {
	font-size: 18px;
	color: #fff;
	transition: .4s;
	background-image: url(../media/icons/63.png);
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 54px;
	display: inline-flex;
	align-items: center;
	width: 100%;
	justify-content: center;
	background-position: center center;
	padding: 6px 12px 14px;

}

.box-test-question .box-questions-list .item-question a:hover {
	color: #ffcc33;
}

.box-test-question .box-question-edit {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	text-align: center;
	margin-bottom: 0;
	padding: 10px;
}

.box-test-question .box-question-edit .item-edit-quetion {
	display: inline-block;
	margin-left: 4px;
}

.box-test-question .box-question-edit .item-edit-quetion:last-of-type {
	margin-left: 0;
}

.box-test-question .box-question-edit .item-edit-quetion a {
	padding: 4px 8px;
	justify-content: center;
	width: 40px;
	height: 36px;
	display: inline-flex;
	align-items: center;
	color: #fff;
	background: rgb(0, 81, 125);
	background-image: linear-gradient(0deg, rgba(0, 81, 125, 1) 15%, rgba(0, 162, 250, 1) 100%);
	border-radius: 12px;
	transition: .4s;
}

.box-test-question .box-question-edit .item-edit-quetion a:hover {
	background: #ffcc33;
	background-image: linear-gradient(0deg, #ddaf28 15%, #ffcc33 100%);
}

.box-test-question .box-question-edit .item-edit-quetion a i {
	font-size: 18px;
}

.header-edit-exam .btn-box-1 {
	margin-bottom: 20px;
}

.border-side-center {
	position: relative;
}

.border-side-center::before {
	content: "";
	width: 2px;
	height: 110%;
	background: #707070;
	position: absolute;
	z-index: -1;
	top: -70px;
	right: 11px;
}

.input-them-3 .form-control,
.header-edit-exam .input-them-2 .form-control,
.box-ask-edit .input-them-2 .form-control,
.box-answer-edit-list .item-answer-edit .input-them-2 .form-control {
	border: 1px solid #d8d9dd;
	border-radius: 0;
	box-shadow: inset 0px 0px 6px #d8d9dd;
}

.input-them-3 .form-control:focus,
.header-edit-exam .input-them-2 .form-control:focus,
.box-ask-edit .input-them-2 .form-control:focus,
.box-answer-edit-list .item-answer-edit .input-them-2 .form-control:focus {
	border-color: #007fc3
}

.block-add-text .form-group.answer-text .form-control {
	border: 1px solid #d8d9dd;
	box-shadow: inset 0px 0px 6px #d8d9dd;
	min-height: 150px;
	resize: none;
	border-radius: 0;
}

.block-add-text .form-group.answer-text .form-control:focus {
	border-color: #007fc3
}

.box-ask-edit {
	margin-bottom: 26px;
	display: flex;
	flex-wrap: wrap;
}

.box-ask-edit .num-ask {

	padding: 8px 10px;
	background: #0079BC;
	color: #fff;
	font-weight: 600;
	margin-left: 7px;
	width: 44px;
	height: 44px;
	text-align: center;
	align-items: center;
	font-size: 16px;
	display: flex;
	justify-content: center;
}

.box-ask-edit .input-them-2 {
	width: calc(100% - 110px);
}

.box-answer-edit-list .item-answer-edit .input-them-2 {
	width: calc(100% - 90px);
}

.box-ask-edit .box-img {
	width: 62px;
	margin-right: -4px;
}

.box-ask-edit .box-img img {
	height: 45px;
}

.box-answer-edit-list {
	padding-right: 0;
	list-style: none;
	margin-bottom: 30px;
}

.box-answer-edit-list .item-answer-edit {
	display: flex;
	margin-bottom: 16px;
	position: relative;
	padding-right: 36px;
	align-items: center;
}

.box-answer-edit-list .item-answer-edit .checked {
	display: none;
	position: absolute;
	right: 2px;
}

.box-answer-edit-list .item-answer-edit .box-delete {
	margin-right: 12px;
}

.box-answer-edit-list .item-answer-edit .box-delete .link-delete {
	transition: .4s;
	display: inline-block;
}

.box-answer-edit-list .item-answer-edit .box-delete .link-delete i {
	color: #5F818E;
}

.box-answer-edit-list .item-answer-edit .box-delete .link-delete:hover i {
	color: #BC2C2F;
}

.box-answer-edit-list .item-answer-edit.correct-answer .checked {
	display: inline-block;
}

.box-answer-edit-list .item-answer-edit .radio-them-1 {
	border: 1px solid #d8d9dd;
	box-shadow: inset 0px 0px 6px #d8d9dd;
	min-height: 40px;
	background: #fff;
	padding: 9px 12px;
	width: calc(100% - 60px);
}

.box-answer-edit-list .item-answer-edit .radio-them-1 span {

	margin-left: 8px;
}

.box-answer-edit-list .item-answer-edit .box-img {

	width: 60px;
	margin-right: -3px;
	display: inline-block;
	z-index: 1;
}

.btn-add-answer {
	margin-bottom: 20px;
}

.btn-add-answer .btn-add {
	background: rgb(0, 81, 125);
	background-image: linear-gradient(0deg, rgba(0, 81, 125, 1) 15%, rgba(0, 162, 250, 1) 100%);
	color: #fff;
	padding: 6px 8px;
	border-radius: 50%;
	display: inline-flex;
	height: 40px;
	justify-content: center;
	align-items: center;
	width: 40px;
	text-align: center;
	transition: .4s
}

.btn-add-answer .btn-add:hover {
	background: #ffcc33;
	background-image: linear-gradient(0deg, #ddaf28 15%, #ffcc33 100%);
}

.order-ask-block .form-group .input-group {
	justify-content: end;
}

.order-ask-block .form-group .input-group .input-group-prepend {

	margin-left: 8px;
	height: 40px;
}

.order-ask-block .form-group .value-info .box-num {

	min-width: 36px;
	height: 40px;
	padding: 6px 6px;
	border: 1px solid #00a3fa;
	background: #fff;
	text-align: center;
	color: #007FC3;
	font-weight: 600;
	font-size: 16px;
	display: inline-block;
}

.order-ask-block .form-group .value-info .dash {

	font-weight: 600;
	font-size: 18px;
	display: inline-block;
	margin-left: 6px;
	margin-right: 6px;
}

.content-edit-quetion-exam .answer-text-box .form-group.answer-text .form-control {
	border: 1px solid #d8d9dd;
	box-shadow: inset 0px 0px 6px #d8d9dd;
	min-height: 150px;
	resize: none;
	border-radius: 0;
}

.content-edit-quetion-exam .answer-text-box .form-group.answer-text .form-control:focus {
	border-color: #007fc3
}

.asks-drag-edit {
	padding-right: 0;
	list-style: none;
}

.asks-drag-edit .asks-drag-edit-block {
	margin-bottom: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.asks-drag-edit .asks-drag-edit-block .input-them-3 {
	margin-bottom: 10px;
	flex: 0 0 30%;
	max-width: 30%;
}

.asks-drag-edit .box-delete {
	margin-right: 12px;
}

.asks-drag-edit .box-delete .link-delete {

	transition: .4s;
	display: inline-block;
}

.asks-drag-edit .box-delete .link-delete i {

	color: #5F818E;
}

.asks-drag-edit .box-delete .link-delete:hover i {
	color: #BC2C2F;
}

.box-ask-edit.ask-without-img .input-them-2 {
	width: calc(100% - 54px);
}

.match-text-img .match-block {
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}

.match-text-img .match-block .match-half-block {
	flex: 0 0 46%;
	display: flex;
	align-items: center;
}

.match-text-img .match-block .match-half-block .input-them-3 {
	width: calc(100% - 70px);
}

.match-text-img .match-block .match-half-block .box-img {
	position: relative;
	width: 60px;
	margin-right: -3px;
	display: inline-block;
	z-index: 1;
	cursor: pointer;
}

.match-text-img .match-block .match-half-block .box-delete {
	margin-right: 12px;
}

.match-text-img .match-block .match-half-block .box-delete .link-delete {

	transition: .4s;
	display: inline-block;
}

.match-text-img .match-block .match-half-block .box-delete .link-delete i {

	color: #5F818E;
}

.match-text-img .match-block .match-half-block .box-delete .link-delete:hover i {

	color: #BC2C2F;
}

.match-text-img .match-block .match-half-block .upload-img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
	z-index: 3
}

.history-questions-page .history-questions tr th {
	padding: 10px 12px;
}


.history-questions-page .history-questions tr th:first-child {
	border-radius: 0 10px 10px 0;
}

.history-questions-page .history-questions tr th {
	background: rgb(0, 81, 125);
	background-image: linear-gradient(0deg, #004062, #00a3fa 90%);
	color: #fff;
}

.history-questions-page .history-questions tr th:last-child {
	border-radius: 10px 0 0 10px;
}

.history-questions-page .history-questions.table th,
.history-questions-page .history-questions.table td {
	border-top: 0;
	border-bottom: 0;
	vertical-align: middle;
}



.history-questions-page .history-questions tbody tr td p {
	padding: 8px 10px;
	border: 1px solid #d8d9dd;
	box-shadow: inset 0px 0px 6px #d8d9dd;
	border-radius: 6px;
	background: #fff;
}

.history-questions-page .history-questions tbody tr td {
	padding-right: 0;
	padding-bottom: 0;
}

.history-questions-page .history-questions tbody tr td:last-of-type {
	padding-left: 0;
}

.history-questions-page .history-questions tbody tr td .box-seting {
	padding: 6px 8px;
	border: 1px solid #d8d9dd;
	box-shadow: inset 0px 0px 6px #d8d9dd;
	padding-right: 0;
	list-style: none;
	margin-bottom: 0;
	border-radius: 6px;
}

.history-questions-page .history-questions tbody tr td .box-seting .item-setting {
	display: inline-block;
	margin-left: 8px;
}

.history-questions-page .history-questions tbody tr td .box-seting .item-setting .check-box-student .checkbox-outline {
	margin-bottom: 0;
}

.history-questions-page .history-questions tbody tr td .box-seting .item-setting .checkbox-inline .checkbox span {
	margin-left: 0;
}

.history-questions-page .history-questions tbody tr td .box-seting .item-setting a {
	display: inline-block;
	vertical-align: middle;
	transition: .4s;
}

.history-questions-page .history-questions tbody tr td .box-seting .item-setting a i {
	color: #007fc3;
	font-size: 22px;
}

.history-questions-page .history-questions tbody tr td .box-seting .item-setting a:hover {
	color: #ffcc33
}

.history-questions-page .history-questions tbody tr td .box-seting .item-setting:last-of-type {
	margin-left: 0;
}

.history-questions-page .history-questions tbody tr:nth-of-type(odd) {
	background-color: #fff;
}


.history-questions-page .history-questions tbody tr:nth-of-type(even) p,
.history-questions-page .history-questions tbody tr:nth-of-type(even) .box-seting {
	background-color: #F7F6FE;
}

.add-ask-exam-modal .spitial-list.box-list .item-2 {
	border: 1px solid #007fc3;
}

.student-profile-form .form-group {
	margin-left: 12px;
	margin-bottom: 15px;
}

.student-profile-form .form-group:last-of-type {
	margin-left: 0px;
}

.student-profile-form .form-group .lable-date {
	width: 140px;
	text-align: center;
	border: 1px solid #707070;
	padding: 0.64rem 1rem;
	height: 44px;
	background: #fff;
}

.student-profile-form .form-group .date.input-them-4 .form-control {
	border-color: #707070;
	border-radius: 0;
}

/*.student-profile-form .form-group .date.input-them-4 .input-group-append .input-group-text {
	background: #fff;
	border-color: #707070;
	color: #707070;
	border-radius: 0;
}

.student-profile-form .form-group .date.input-them-4 .input-group-append .input-group-text i {
	color: #007fc3;
}*/

.box-result-num .title-result {

	margin-bottom: 16px;
}

.box-result-num .block-result-num {

	min-height: 90px;
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 150px;
	max-width: 200px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 9px;
	background-image: linear-gradient(0deg, #bb9628 15%, #ffcc33 100%);
	font-size: 24px;
	font-weight: 800;
	box-shadow: inset 3px 6px 10px #0000002e;
	color: #fff;
}

.continue-exams-page .border-card-1 .title-block {
	top: -30px;
}

.students-marks-table .thead-blue .spicial-th {
	padding: 6px 12px;
	border-radius: 25px;
	background: #ffcc33;
	background-image: linear-gradient(0deg, #ddaf28 15%, #ffcc33 100%);
}

.students-marks-table tr th:last-child,
.students-marks-table tr td:last-child {
	border-radius: 12px 0 0 12px;
}

.students-marks-table tr th:first-child,
.students-marks-table tr td:first-child {
	border-radius: 0 12px 12px 0;
}

.table-striped.students-marks-table tbody tr:nth-of-type(odd) {
	background-color: #EEEDF5;
}

.table-striped.students-marks-table tbody tr:nth-of-type(even) {
	background-color: #F7F6FE;
}

.students-marks-table tbody .name-link {
	transition: .4s;
	color: #000000;
}

.students-marks-table tbody .name-link:hover {
	color: #007FC3;
}

.header-notification {
	list-style: none;
	padding-right: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.header-notification .item .title-them-2 {
	margin-bottom: 0;
	min-width: 160px;
	text-align: center;
}

.header-notification .item .box-icon {
	width: 44px;
}

.my-notification,
.message-box {
	padding: 14px 16px;
	border: 1px solid #d8d6d6;
	background: #FAF9F8;
	margin-bottom: 20px;
}

.notification-table .box-setting a {
	z-index: 1;
	vertical-align: bottom;
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
}

.notification-table tbody tr th {
	border-top: 0;
}

.notification-table tbody tr th .student-box {

	position: relative;
	padding-right: 41px;
}

.notification-table tbody tr {
	cursor: pointer;
}

.notification-table tbody tr th .student-box .img-student {

	width: 35px;
	height: 35px;
	border-radius: 50%;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.notification-table.table th,
.notification-table.table td {
	padding: 0.5rem;
	vertical-align: middle;
}

.notification-table.table-hover tbody tr:hover {
	color: #3F4254;
	background-color: #CBE0EB;
}

.message-box .message-block {

	border: 1px solid #D8D6D6;
	padding: 22px 14px;
	background: #fff;
}

.message-box .message-block .message-header .student-box {
	position: relative;
	padding-right: 50px;
	margin-bottom: 25px;
}

.message-box .message-block .message-header .student-box .img-student {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.message-box .message-block .message-header .student-box .student-name {

	font-weight: 600;
}

.message-box .message-content {

	padding: 0 22px;
}

.message-box .footer-message {

	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}

.message-box .footer-message .box-upload-file i {
	display: inline-block;
	margin-left: 6px;
	vertical-align: middle;
	color: #00A3FA;
	font-size: 18px;
}

.message-box .footer-message .box-upload-file p {
	display: inline-block;
}

.message-box .footer-message .box-replay {
	margin-bottom: 0;
	padding-right: 0;
	list-style: none;
}

.message-box .footer-message .box-replay .item {
	position: relative;
	display: inline-block;
	padding: 2px 12px;
	border-left: 1px solid #707070;
}

.message-box .footer-message .item a {
	color: #000000;
	transition: .4s;
}

.message-box .footer-message .item a:hover {
	color: #007FC3;
}

.message-box .footer-message .box-replay .item:last-of-type {
	border-left: 0
}

.message-box .footer-message .box-upload-file a {
	color: #000000;
	transition: .4s;
}

.message-box .footer-message .box-upload-file a:hover {
	color: #007FC3;
}

.setting-exam-box {
	padding: 12px;
	background: #fff;
	border: 1px solid #9EDCFD;
	margin-bottom: 40px;
}

.setting-exam-box .block-setting-exam {
	padding: 14px;
	background: #CFEDFD;
	margin-bottom: 12px;
}

.setting-exam-box .block-setting-exam .form-group {

	margin-bottom: 20px;
}

.setting-exam-box .block-setting-exam .title-block {
	color: #010101;
	margin-bottom: 12px;
}

.setting-exam-box .block-setting-exam .form-group .col-form-label {

	padding-bottom: 0;
}

.setting-exam-box .block-setting-exam .form-group .radio-inline .radio,
.setting-exam-box .block-setting-exam .form-group .radio-list .radio {
	color: #1A323E;
}

.setting-exam-box .block-setting-exam .form-group .radio > span {
	background-color: #fff;
}

.setting-exam-box .block-setting-exam .form-group .radio.radio-success > input:checked ~ span {
	background-color: #39A95E;
}

.setting-exam-box .block-setting-exam .form-group.switch-block .col-form-label {
	padding-top: 0;
}

.setting-exam-box .block-setting-exam .form-group .form-control {
	border-radius: 0;
	border-color: #50c0fc;
	height: 40px;
	padding-bottom: 6px;
	padding-top: 6px;
}

.switch-block .switch label {
	margin: 0;
	padding: 0px 10px;
	background: #003E60;
	background-image: linear-gradient(0deg, #003e60 26%, #00a2fa 100%);
	border: 3px solid #007BC0;
	border-radius: 25px;
	text-align: center;
}

.switch-block .switch.switch-sm input:empty ~ span {
	margin: 2px 0 3px;
	height: 32px;
	left: 5px;
	width: 50px;
}

.switch-block .switch.switch-success:not(.switch-outline) input:checked ~ span:before {
	background-color: #ffffff;
}

.switch-block .switch.switch-success:not(.switch-outline) input:empty ~ span:before {
	background-color: #fdfdfe;
}

.switch-block .switch.switch-sm input:empty ~ span:before,
.switch-block .switch.switch-sm input:empty ~ span:after {
	width: 60px;
	border-radius: 22px;
}

.switch-block .switch.switch-success:not(.switch-outline) input:checked ~ span:after {
	opacity: .7;
	color: #1BC5BD;
	background-color: #FFCC33;
	box-shadow: inset 0px 0px 3px 1px #00000042;
}

.switch-block .switch.switch-sm input:checked ~ span:after {
	margin-right: 31px;
}

.switch-block .switch.switch-sm input:empty ~ span:after {

	height: 30px;
	width: 30px;
	top: 1px;
	bottom: 0px;
}

.switch.switch-success:not(.switch-outline) input:empty ~ span:after {
	background-color: #FFCC33;
	box-shadow: inset 0px 0px 3px 1px #00000042;
	opacity: 1;
}

.setting-exam-box .block-setting-exam .form-group .input-group.date .form-control {
	border-left: 0
}

.setting-exam-box .block-setting-exam .form-group .input-group.date .input-group-text {
	background-color: #fff;
	border: 1px solid #50c0fc;
	border-radius: 0;
}

.setting-exam-box .block-setting-exam .form-group .input-group.date .input-group-text i {

	color: #007fc3;
}

.filter-box {
	display: flex;
	justify-content: space-between;
	margin-bottom: 25px;
}

.filter-box .list-filter {
	list-style: none;
	padding-right: 0;
	display: inline-flex;
	margin-bottom: 0;
	align-items: center;
}

.filter-box .list-filter .item-filter {
	margin-left: 12px;
	display: inline-block;
}

.filter-box .list-filter .item-filter .filter {
	display: inline-flex;
	align-items: center;
	cursor: pointer;
	transition: .4s;
}

.filter-box .list-filter .item-filter .filter .img-icon {

	margin-left: 12px;
	width: 38px;
}

.filter-box .list-filter .item-filter .filter span {
	color: #1A323E;
	display: inline-block;
	font-size: 15px;
}

.filter-box .list-filter .item-filter:hover .filter span {
	color: #007FC3;
}

.filter-box .list-filter .item-filter .dropdown .btn.btn-light {
	padding: 0;
	background: transparent;
	border: 0;
}

.filter-box .list-filter .item-filter .dropdown .img-icon {
	margin-left: 12px;
	width: 26px;
}

.filter-box .list-filter .item-filter .dropdown .btn.btn-light.dropdown-toggle:after {
	color: #1A323E;
	margin-right: 8px;
	margin-left: 0;
}

.filter-box .list-filter .item-filter .dropdown .dropdown-menu {
	background: #F1F8FC;
	box-shadow: inset 0px 0px 8px #0000001c;
}

.filter-box .list-filter .item-filter .dropdown .dropdown-menu .dropdown-item {

	border-bottom: 1px solid #fff;
	padding-bottom: 7px;
	padding-top: 7px;
	text-align: center;
	justify-content: center;
}

.filter-box .list-filter .item-filter .dropdown .dropdown-menu .dropdown-item:hover,
.filter-box .list-filter .item-filter .dropdown .dropdown-menu .dropdown-item:focus {

	background-color: #007fc3;
	color: #fff;
}

.filter-box .box-search {
	min-width: 280px;
}

.filter-box .box-search .input-group .form-control {
	background: #CBE0EB;
	border-left: 0;
	padding-left: 0;
	height: 52px;
	border-radius: 12px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.filter-box .box-search .input-group .form-control:focus {
	border-color: #CBE0EB;

}

.filter-box .box-search .input-group .input-group-append .input-group-text {

	background: #CBE0EB;
	border-radius: 0;
	display: inline-block;
	padding-right: 0;
	height: 52px;
	border-radius: 12px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	text-align: left;
}


.filter-box .box-search .input-group .input-group-append .input-group-text .icon-search {

	width: 32px;
}

.message-box .message-content {
	min-height: 170px;
}

.send-message-popup .modal-content {

	border: 0;
	border-radius: 0;
}

.send-message-popup .modal-content .modal-body {

	padding: 0;
}


.send-message-popup .modal-content .modal-body .header-message {
	background: #007FC3;
	padding: 8px 16px;
	font-size: 20px;
	margin-bottom: 8px
}

.send-message-popup .modal-content .modal-body .header-message p {
	margin-bottom: 0;
	color: #fff;
}

.send-message-popup .modal-content .modal-body .input-message {
	padding-right: 68px;
	background: #fff;
	border: 1px solid #d8d9dd;
	height: 40px;
	background: #fff;
	position: relative;
}

.send-message-popup .modal-content .modal-body .input-message:last-of-type {
	border-top: 0;
}

.send-message-popup .modal-content .modal-body .input-message .sender {

	position: absolute;
	right: 11px;
	display: inline-block;
	direction: rtl;
	text-align: right;
	top: 50%;
	transform: translateY(-50%);
}

.send-message-popup .modal-content .modal-body .input-message .form-control {

	border: 0;
	height: 36px;
	border-radius: 0;
	padding-right: 8px;
}

.send-message-popup .modal-content .modal-body .write-message .note-editor.note-frame {

	border-left: 0;
	border-right: 0;
}

.mark-account-modal .form-group .date.input-them-1 .form-control.datetimepicker-input {

	border-right: 1px solid #707070;
	border-color: #909090;
}

.mark-account-modal .form-group .date.input-them-1 .input-group-append .input-group-text {
	border-color: #909090;
}

.mark-account-modal .form-group.degree .col-form-label {
	color: #1A323E;
	font-size: 20px;
	height: 44px;
}

.mark-account-modal .form-group.degree .form-control {
	border-radius: 0;
	border-color: #909090;
	text-align: center;
	height: 44px;
}

.mark-account-modal .block-test .form-control {
	border-radius: 0;
	border-color: #909090;
	text-align: center;
	height: 40px;
	text-align: center;
}

.mark-account-modal .block-test .checkbox.checkbox-success > span {
	margin-left: 8px;
}

.mark-account-modal .block-test .title-deg {
	color: #1A323E;
	font-weight: 600;
	font-size: 20px
}

.mark-account-modal .block-test .form-group {
	margin-bottom: 20px;
}

.bg-learning-resources {
	min-height: 380px;
	position: relative;
	padding-bottom: 56px;
	overflow: hidden;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat
}



.title-them-3 {
	background: #ffcc33;
	background-image: linear-gradient(0deg, #ddaf28 15%, #ffcc33 100%);
	text-align: center;
	color: #fff;
	margin-bottom: 0;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: auto;
	right: auto;
	font-weight: 400;
	top: -1px;
	color: #fff;
	padding: 6px 30px 13px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0 0 25px 25px;
	min-width: 180px;
}

.bg-learning-resources .title-box {

	width: 100%;
	display: flex;
	justify-content: center;
}

.learning-resources-page .filter-box {
	margin-top: -72px;
	background: rgb(255 255 255 / 96%);
	z-index: 15;
	position: relative;
	padding: 10px 12px;
	margin-bottom: 30px;
}

.learning-resources-page .filter-box .box-search .input-group .form-control {
	border: 0;
}

.learning-resources-page .filter-box .list-filter .item-filter .dropdown .img-icon {
	width: 20px;
}

.learning-resources-page .filter-box .list-filter .item-filter .filter .img-icon {
	width: 22px;
}

.learning-resources-page .filter-box .list-filter .item-filter {
	margin-left: 18px;
}

.filter-box .list-filter .item-filter:last-of-type {
	margin-left: 0;
}

.learning-resources-page .filter-box .list-filter .item-filter .dropdown.with-left-img .dropdown-menu .dropdown-item {
	justify-content: start;

}

.learning-resources-page .filter-box .list-filter .item-filter .dropdown.with-left-img .dropdown-menu .dropdown-item i {
	color: #1A323E;
	font-size: 16px;
	margin-left: 8px;
	vertical-align: middle;
	transition: .4s;
}

.learning-resources-page .filter-box .list-filter .item-filter .dropdown.with-left-img .dropdown-menu .dropdown-item:hover i {
	color: #fff;
}

.learning-resources-page .filter-box .list-filter .item-filter .dropdown.with-img .dropdown-menu .dropdown-item {
	justify-content: space-between;
}

.general-model.model-them-4 .modal-content {
	border: 1px solid #d8d9dd;
	box-shadow: inset 0px 0px 6px #d8d9dd;
	background: #F1F8FC;
	border-radius: 20px;
}

.general-model.model-them-4 .modal-content .modal-body .header-model {
	margin-bottom: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.general-model.model-them-4 .modal-content .modal-body .header-model img {
	margin-left: 12px;

}

.general-model.model-them-4 .modal-content .modal-body .header-model .title-model {
	margin-bottom: 0;
	color: #010101;
	font-size: 22px;
}

.general-model.model-them-4 .modal-content .modal-body .form-control {
	border-radius: 0;
	border-color: #00A3FA;
}

.filter-sidebar .header-filter {
	display: flex;
	padding: 8px 14px;
	background: #CAE8FD;
	align-items: center;
	margin-bottom: 15px;
	justify-content: space-between;
}

.filter-sidebar .header-filter .title-filter {
	font-size: 16px;
	font-weight: 600;
}

.filter-sidebar .filter-sidebar-box .title-filter-side {

	background: #CFEDFD;
	display: flex;
	justify-content: space-between;
	padding: 8px 14px;
	align-items: center;
}

.filter-sidebar .filter-sidebar-box {
	background: #fff;
	border: 1px solid #9EDCFD;
}

.filter-sidebar .filter-sidebar-box .title-filter-side .par-title {
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 600;
}

.filter-sidebar .filter-sidebar-box .title-filter-side .par-title img {
	margin-left: 6px;
}

.filter-sidebar .filter-sidebar-box .title-filter-side .box-close .btn-close {

	border: 0;
	outline: none;
	box-shadow: none;
	background: transparent;
	color: #00A3FA;
}

.filter-sidebar .filter-sidebar-box .title-filter-side .box-close .btn-close i {
	color: #00A3FA;
	font-size: 20px;
}

.filter-sidebar .filter-sidebar-box .filter-type-par {
	padding: 8px 14px;
}

.filter-sidebar .filter-sidebar-box .filter-type-par .par-side {
	color: #1A323E;
}

.filter-sidebar .filter-sidebar-box .block-filter-side {
	padding: 10px 14px;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left: 64px;
	margin-bottom: 4px;
}

.filter-sidebar .filter-sidebar-box .block-filter-side .type-filter {
	color: #1A323E;
	font-size: 16px;
}

.filter-sidebar .filter-sidebar-box .block-filter-side .check-box-filter {

	position: absolute;
	left: 18px;
}

.filter-sidebar .filter-sidebar-box .block-filter-side .check-box-filter .checkbox {
	margin-bottom: 0;
}

.filter-sidebar .filter-sidebar-box .block-filter-side .check-box-filter .checkbox span {
	margin-left: 0;
}






.fdropdown-them-1.dropdown .btn.btn-light {
	padding: 0;
	background: transparent;
	border: 0;
}

.dropdown-them-1.dropdown .img-icon {
	margin-left: 12px;
	width: 26px;
}

.dropdown-them-1.dropdown .btn.btn-light.dropdown-toggle:after {
	color: #1A323E;
	margin-right: 8px;
	margin-left: 0;
}

.dropdown-them-1.dropdown .dropdown-menu {
	background: #F1F8FC;
	box-shadow: inset 0px 0px 8px #0000001c;
}

.dropdown-them-1.dropdown .dropdown-menu .dropdown-item {

	border-bottom: 1px solid #fff;
	padding-bottom: 7px;
	padding-top: 7px;
	text-align: center;
	justify-content: center;
}

.dropdown-them-1.dropdown .dropdown-menu .dropdown-item:hover,
.dropdown-them-1.dropdown .dropdown-menu .dropdown-item:focus {

	background-color: #007fc3;
	color: #fff;
}

.dropdown-them-1.dropdown.with-left-img .dropdown-menu .dropdown-item {
	justify-content: start;

}

.dropdown-them-1.dropdown.with-left-img .dropdown-menu .dropdown-item i {
	color: #1A323E;
	font-size: 16px;
	margin-left: 8px;
	vertical-align: middle;
	transition: .4s;
}

.dropdown-them-1.dropdown.with-left-img .dropdown-menu .dropdown-item:hover i {
	color: #fff;
}

.box-folder-setting {

	text-align: center;
	position: relative;
	border-radius: 3px;
	margin-bottom: 16px;
	padding: 12px 14px;
	border: 1px solid #cfedfd;
	background: #fff;
}

.box-folder-setting .header-folder {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;

}

.box-folder-setting .header-folder .checkbox.checkbox-success > span {

	border-radius: 50%;
}

.box-folder-setting .header-folder .checkbox.checkbox-success > input:checked ~ span {
	background-color: #1288c7;
}

.box-folder-setting .dropdown-box {

	/*position: absolute;
	top: 0;
	right: 2px;*/
}

.box-folder-setting .dropdown-box .btn.btn-light {
	background: transparent;
	padding: 0;
	border: 0;

}

.box-folder-setting .dropdown-box .btn.btn-light:focus,
.box-folder-setting .dropdown-box .btn.btn-light:hover {
	outline: none;
	box-shadow: none;
	border-color: transparent;
	background: transparent;
}

.box-folder-setting .dropdown-box .btn.btn-light:hover:not(.btn-text):not(:disabled):not(.disabled),
.box-folder-setting .dropdown-box .btn.btn-light:focus:not(.btn-text),
.box-folder-setting .dropdown-box .btn.btn-light.focus:not(.btn-text) {
	color: transparent;
	background-color: transparent;
	border-color: transparent;
}

.box-folder-setting .dropdown-box .btn.btn-light i {
	transition: .4s;
	padding: 0;
	color: #1a323e !important;
	cursor: pointer;
}

.box-folder-setting .dropdown-box .btn.btn-light:hover i {
	color: #007fc3 !important;
}

.box-folder-setting .dropdown-box .dropdown-them-1.dropdown .btn.btn-light.dropdown-toggle:after {
	display: none;
}

.box-folder-setting .box-img {

	margin-bottom: 14px;
}

.box-folder-setting .box-img .img-file-setting {

	width: 150px;
	margin-left: auto;
	margin-right: auto;
}

.box-folder-setting .file-name {
	font-size: 18px;
}

.banner-free-page {
	min-height: 380px;
	position: relative;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	padding-top: 42px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}

.banner-free-page .title-box {
	width: 100%;
	display: flex;
	justify-content: center;
}

.banner-free-page .edit-caver .link-edit-cover {
	background: #fff;
	padding: 8px 18px;
	display: inline-flex;
	border-radius: 25px;
	justify-content: space-between;
	cursor: pointer;
	min-width: 190px;
	align-items: center;
	margin-bottom: 10px;
}

.banner-free-page .edit-caver .link-edit-cover .par-edit {

	color: #1A323E;
	font-weight: 600;
}

.banner-free-page .edit-caver .link-edit-cover .icon-cover-edit {

	width: 34px;
}

.banner-free-page .block-adress {

	background: #fff;
	display: inline-block;
	position: absolute;
	bottom: -25px;
	left: 18px;
	padding: 10px 14px;
	text-align: center;
	border: 1px solid #707070;
	border-radius: 15px;
	min-width: 150px;
	min-height: 130px;
	box-shadow: 0px 0px 15px #00000038;

}

.banner-free-page .block-adress .par-adress {

	font-size: 28px;
	font-weight: 600;
}

.banner-free-page .block-adress .span-adress {
	display: inline-block;
	font-size: 28px;
	font-weight: 600;
}

.block-title-banner {
	box-shadow: 0px 2px 10px #00000017;
	padding: 38px 26px 20px;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 30px;
}

.block-title-banner .title-banner {
	margin-bottom: 0;
	color: #007FC3;
	font-weight: 600;
}

.block-title-banner .icon-notification {
	width: 36px;
}

.choose-discussion-block {
	background: #fff;
	border: 1px solid #707070;
	border-radius: 25px;
	overflow: hidden;
	padding: 24px 22px;
	margin-bottom: 30px;
}

.choose-discussion-block .box-profile {

	display: flex;
	align-items: center;
}

.choose-discussion-block .box-profile .user-profile {

	width: 60px;
	height: 60px;
	border-radius: 50%;
	margin-left: 16px;
}

.choose-discussion-block .box-profile .par-profile {

	margin-bottom: 0;
	font-size: 20px;
	color: #1A323E;
}

.choose-discussion-block .type-discussion-block {

	list-style: none;
	padding-right: 0;
}

.choose-discussion-block .type-discussion-block .item-discussion {

	display: inline-block;
	margin-left: 6px;
	margin-bottom: 4px;
}

.choose-discussion-block .type-discussion-block .item-discussion .link-discussion {

	color: #1A323E;
	background: #CBE0EB;
	padding: 8px 22px;
	font-size: 18px;
	display: inline-flex;
	align-items: center;
	min-width: 140px;
	border-radius: 24px;
}

.choose-discussion-block .type-discussion-block .item-discussion .link-discussion .icon-discus {

	height: 30px;
	margin-left: 14px;
}

.choose-discussion-block .hr-line {

	border-top: 1px solid #707070;
}

.post-discussion-block {
	margin-bottom: 30px;
	background: #fff;
	border-radius: 20px;
	box-shadow: 0px 0px 15px #0000001a;

}

.post-discussion-block .header-post-discussion {

	display: flex;
	padding: 15px 12px;
	background: #CBE0EB;
	justify-content: center;
	min-height: 52px;
	border-radius: 20px 20px 0 0;
}

.post-discussion-block .header-post-discussion .box-icon-post {
	background: #fff;
	padding: 8px;
	width: 74px;
	height: 74px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0px 0px 11px #0000001f;
	margin-bottom: -50px;
}

.post-discussion-block .header-post-discussion .box-icon-post img {
	width: 45px;
}

.post-discussion-block .setting-post-discussion {
	padding: 16px 22px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.post-discussion-block .setting-post-discussion .box-profile-setting {

	display: flex;
	align-items: center;
}

.post-discussion-block .setting-post-discussion .box-profile-setting .img-profile-box {

	margin-left: 14px;
}

.post-discussion-block .setting-post-discussion .box-profile-setting .img-profile-box .img-profile {

	width: 60px;
	height: 60px;
	border-radius: 50%;
}

.post-discussion-block .setting-post-discussion .box-profile-setting .box-info .teatcher-name {

	margin-bottom: 5px;
	font-size: 18px;
	font-weight: 600;
}

.post-discussion-block .setting-post-discussion .box-profile-setting .box-info .date {
	font-size: 14px;
}

.post-discussion-block .box-setting-edit {
	display: inline-flex;
	align-items: center;
}

.post-discussion-block .box-setting-edit .num-views {

	display: inline-block;
	margin-bottom: 0;
	color: #008CDC;
	margin-left: 10px;
}

.post-discussion-block .box-setting-edit .dropdown-box {

	display: inline-block;
}

.post-discussion-block .box-setting-edit .dropdown-box .dropdown .btn.btn-light {

	padding: 0;
	background: transparent;
	border-color: transparent;
}

.post-discussion-block .box-setting-edit .dropdown-box .dropdown .btn.btn-light i {

	color: #008CDC;
	font-size: 24px;
	padding: 0;
}

.post-discussion-block .box-setting-edit .dropdown-box .dropdown-them-1.dropdown .btn.btn-light.dropdown-toggle:after {
	display: none;
}

.post-discussion-block .text-post-box {
	padding: 10px 24px;
	text-align: right;
	position: relative;
}

.post-discussion-block .text-post-box .ck.ck-toolbar {
	background: #BFE5F9
}

.post-discussion-block .text-post-box .ck-content.ck-editor__editable {
	text-align: right;
}



.btn.btn-light.them-btn-7 {

	transition: .4s;
	background: #D2C6BA;
	background-image: linear-gradient(0deg, #d2c6ba 15%, #faf9f8 100%);
	border: 0;
	color: #000;
	box-shadow: 0px 0px 5px #0000001a;
	min-width: 114px;
	border-radius: 25px;
}


.them-btn-7.btn.btn-light:hover,
.them-btn-7.btn.btn-light:not(:disabled):not(.disabled):active:not(.btn-text),
.them-btn-7.btn.btn-light:not(:disabled):not(.disabled).active {
	background: #ffcc33;
	border: 0;
	color: #fff;
	background-image: linear-gradient(0deg, #a98722 15%, #ffcc33 100%);
}

.them-btn-7.btn.btn-light:hover:not(.btn-text):not(:disabled):not(.disabled),
.them-btn-7.btn.btn-light:focus:not(.btn-text),
.them-btn-7.btn.btn-light.focus:not(.btn-text) {
	background: #ffcc33;
	border: 0;
	color: #fff;
	background-image: linear-gradient(0deg, #a98722 15%, #ffcc33 100%);
}

.post-discussion-block .footer-post-discussion {

	display: flex;
	margin-top: 10px;
	padding: 14px 20px;
	justify-content: space-between;
	align-items: center;
	background: #BFE5F9;
	border-radius: 0 0 20px 20px;
}

.post-discussion-block .footer-post-discussion .box-share-list {

	list-style: none;
	padding-right: 0;
	margin-bottom: 0;
}

.post-discussion-block .footer-post-discussion .box-share-list .item-share {

	display: inline-block;
	margin-left: 8px;
}

.post-discussion-block .footer-post-discussion .box-share-list .item-share .link-share {

	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 4px;
	background: #fff;
	font-size: 18px;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	transition: .4s;
}

.post-discussion-block .footer-post-discussion .box-share-list .item-share .link-share i {

	color: #008CDC;
	font-size: 16px;
}

.post-discussion-block .text-post-box .ck-toolbar.ck-toolbar_grouping {
	margin-bottom: 14px;
	direction: rtl;
	text-align: right;
}

.post-content-box {
	padding: 14px 24px;
}

.box-likes-post {

	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
	padding: 12px 30px;
}

.box-likes-post .block-likes .block-likes-list {

	padding-right: 0;
}

.box-likes-post .block-likes .block-likes-list .item {
	display: inline-block;
	margin-left: 12px;
}

.box-likes-post .block-likes .block-likes-list .item .link-likes i {
	margin-left: 6px;
	vertical-align: middle;
	color: #00A3FA;
}

i.dislike {

	transform: rotateX(357deg) scale(-1);
}

.box-likes-post .box-share-list {
	list-style: none;
	padding-right: 0;
}

.box-likes-post .box-share-list .item-share {

	display: inline-block;
	margin-left: 8px;
}

.box-likes-post .box-share-list .item-share .link-share {

	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 4px;
	background: #45515C;
	font-size: 18px;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	transition: .4s;
}

.box-likes-post .box-share-list .item-share .link-share i {

	color: #fff;
	font-size: 16px;
}

.block-replay-post {

	padding: 12px 20px 47px;
	position: relative;
	padding-right: 100px;
}

.block-replay-post .box-user {

	display: inline-block;
	position: absolute;
	right: 22px;
	top: 1px;
}

.block-replay-post .box-user .img-user {

	width: 60px;
	height: 60px;
	border-radius: 50%;
}

.block-replay-post .form-control {

	height: 50px;
	border-radius: 0;
	border-color: #707070;
}

.post-discussion-block.blue-discussion .header-post-discussion {
	background: #2979D7
}


.post-discussion-block.yellow-discussion .header-post-discussion {
	background: #FFCC33
}

.post-discussion-block.orang-discussion .header-post-discussion {
	background: #F55F13
}

.sortable-list {
	list-style: none;
	padding-right: 0;
}

.sortable-list .ui-state-default {
	border: 0;
	background: transparent;
}

.reorder-images-list .ui-state-default {
	border: 0;
	background: transparent;
}

.block-drag-complete .answer-input {
	margin: 0 10px;
}

.form-them-5 .border-form-them-4.border-exam .header-form-them-4 .box-title-them-2 {

	background: #f6f4fd;
}

.header-index {

	display: flex;
	direction: rtl;
	justify-content: space-between;
	margin-bottom: 8px;
}

.header-index a {
	display: inline-block
}

.header-index .img-icon {
	width: 40px;
}

.notifications-page .header-notification .item .img-noti {
	width: 40px;
}

.scadual-timetable-2 .time-table .table th {
	background: transparent;

	padding: 12px 10px 0;
}

.scadual-timetable-2 .time-table .table th .box-img {
	position: relative;
	padding: 6px
}

.scadual-timetable-2 .time-table .table th .box-img::after {
	content: "";
	position: absolute;
	background-color: #767999;
	height: 1px;
	bottom: 0;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 100%
}

.scadual-timetable-2 .time-table .table thead tr th .box-img {
	width: 170px;
}

.model-them-5.general-model .modal-content {
	border: 0;
	background: #2A80C6;
	border-radius: 15px;
}

.model-them-5.general-model .modal-content .modal-header {

	padding-top: 6px;
	padding-bottom: 0px;
	border-radius: 0 0 6px 0;
	background: #404A89;
}

.model-them-5.general-model .modal-content .link-study-division {
	display: block;
	text-align: center;
	padding: 9px 12px;

}

.model-them-5.general-model .modal-content .link-study-division .box-img {

	margin-bottom: 12px;
}

.model-them-5.general-model .modal-content .link-study-division .link-page {

	margin-bottom: 0;
	color: #fff;
	font-weight: 500;
	font-size: 21px;
}

.model-them-5.general-model .modal-content .modal-header .box-title-popup {
	overflow: hidden;
	position: relative;
	margin-top: -21px;
	min-width: 196px;
	padding-left: 16px;
	padding-right: 16px;
}

.model-them-5.general-model .modal-content .modal-header .box-title-popup .title-popup::after {

	content: "";
	position: absolute;
	right: -12px;
	width: 0;
	top: 0px;
	height: 0;
	border-style: solid;
	border-color: transparent transparent #316ca4 transparent;
	border-width: 0 12px 15px 0;
}

.model-them-5.general-model .modal-content .modal-header .box-title-popup .title-popup::before {

	content: "";
	position: absolute;
	left: -12px;
	width: 0;
	top: 0px;
	height: 0;
	border-style: solid;
	border-width: 0 0 15px 12px;
	border-color: transparent transparent #316ca4 transparent;
	z-index: 11
}

.model-them-5.general-model .modal-content .modal-header .box-title-popup .title-popup .title-par {
	z-index: 2;
	position: relative;
	display: block;
	text-align: center;
	color: #002B7F;
	font-weight: 600;
}

.model-them-5.general-model .modal-content .modal-header .box-title-popup .title-popup {
	position: relative;
	top: 0;
	display: inline-block;
	color: #002B7F;
	box-shadow: 0px 0px 7px #0000002e;
	margin-bottom: 10px;
	width: 100%;
	margin-bottom: 0;
	background-image: none;
	padding: 6px 30px 14px;
}



.model-them-5.general-model .modal-content .modal-header .box-title-popup .title-popup .part-1 {

	border-radius: 0px 0px 18px 0px;
	width: 50%;
	height: 100%;
	background: #5B9BD4;
	display: inline-block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
}

.model-them-5.general-model .modal-content .modal-header .box-title-popup .title-popup .part-2 {
	width: 50%;
	height: 100%;
	background: #6CAEDC;
	display: inline-block;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	border-radius: 0px 0px 0px 18px;
}

.news-modal.model-them-5.general-model .modal-content .modal-header {
	background-color: transparent;
}

.model-them-5.general-model .modal-content .block-news {

	border: 0;
	box-shadow: 0px 0px 14px rgb(0 0 0 / 6%);

}

.model-them-5.general-model .modal-content .block-news .info-news {

	position: relative;
	background: #5B9BD4;
	flex: 0 0 34%;
	padding: 14px 12px;
	max-width: 34%;
	padding-left: 47px;
}

.model-them-5.general-model .modal-content .block-news .info-news .news-title {

	margin-bottom: 42px;
	color: #fff;
	font-weight: 600;
}

.model-them-5.general-model .modal-content .block-news .info-news .box-info .name-auther {
	color: #fff;
	font-weight: 600;
}

.model-them-5.general-model .modal-content .block-news .info-news .box-info .data-par {
	color: #fff;
}

.model-them-5.general-model .modal-content .block-news .info-news .img-news {

	position: absolute;
	left: -42px;
	top: 50%;
	bottom: 50%;
	transform: translateY(-50%);
}

.model-them-5.general-model .modal-content .block-news .text-news-box {

	padding: 15px 18px;
	text-align: center;
	flex: 0 0 66%;
	max-width: 66%;
	padding-right: 40px;
}

.model-them-5.general-model .modal-content .block-news:nth-child(even) .info-news {

	background: #115F89;
}

.model-them-5.general-model.homework-modal .modal-content .modal-header {

	background: transparent;
}

.model-them-5.general-model.homework-modal .homework-block {
	overflow: unset;
	margin-top: 34px;
	border: 0;
	margin-bottom: 62px;
	box-shadow: 0px 0 8px #0303032e;
}

.model-them-5.general-model.homework-modal .homework-block:last-of-type {
	margin-bottom: 0;
}

.model-them-5.general-model.homework-modal .homework-block .homework-header {

	position: relative;
	border-radius: 30px 30px 0 0;
	padding-top: 36px;
	background: #CBE0EB;
}

.model-them-5.general-model.homework-modal .homework-block .homework-header .img-homework {
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	top: -48px;
}

.model-them-5.general-model.homework-modal .homework-block .homework-header .title-homework {
	color: #141414;
	font-weight: 600;
}

.model-them-5.general-model.homework-modal .homework-block .homeworkfooter {

	background: #CBE0EB;
	border-radius: 0 0 30px 30px;
}

.model-them-5.general-model.homework-modal .homework-block .homeworkfooter .box-icon .item-icon .link-icon i {
	color: #3F4254;
}

.login.login-3 {

	margin-top: 30px;
	margin-bottom: 30px;
	border-radius: 28px;
	overflow: hidden;
}

.login.login-3 .login-aside {

	box-shadow: inset 7px 0px 20px #00000026;

	background: #2A80C6;
	text-align: center;
	padding: 20px 12px;

}

.login.login-3 .login-content {
	box-shadow: inset -7px 0px 20px #00000026;

	background-color: #ffffff;
}

.login.login-3 .login-content .btn-login {
	transition: .4s;
	padding: 7px 12px;
	border-radius: 50px;
	width: 100%;
	box-shadow: 0px 0 8px #0000001f;
	margin-bottom: 32px;
}

.login.login-3 .login-content .box-chack-terms {
	margin-bottom: 20px;
}

.login.login-3 .login-content .box-chack-terms p {
	margin-bottom: 0;
}

.login.login-3 .login-content .box-chack-terms .checkbox.checkbox-success > input:checked ~ span {
	background-color: #007fc3;
}

.login.login-3 .login-content .box-chack-terms .site-link {
	color: #3F4254;
}

.login.login-3 .login-content .form-control {

	border: 0;
	border-bottom: 1px solid #707070;
	border-radius: 0;
	color: #707070;
	background: transparent;
}

.login.login-3 .login-content .form-control:focus {
	border-color: #007fc3;
}

.login.login-3 .login-content .form-control::placeholder {
	color: #707070
}

.login.login-3 .login-content .bootstrap-select > .dropdown-toggle.bs-placeholder.btn,
.login.login-3 .login-content .bootstrap-select > .dropdown-toggle.btn-light {
	border: 0;
	border-bottom: 1px solid #707070;
	border-radius: 0;
	color: #707070;
	background: transparent !important;
}

@media (min-width: 992px) {
	.continue-register-page .login.login-3 .login-content .login-form {
		width: 100%;
		max-width: 100%;
	}
}

.box-upload-img {

	text-align: center;
	position: relative;
	margin-bottom: 20px;
}

.box-upload-img .box-img {

	margin-bottom: 15px;
}

.box-upload-img .box-img img {

	width: 90px;
	height: 90px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 50%;
}

.box-upload-img .box-upload-profile {
	position: relative;
	text-align: center;
	display: inline-block;
}

.box-upload-img .box-upload-profile .img-icon {

	margin-bottom: 6px;
}

.box-upload-img .box-upload-profile .input-upload {

	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
}

.box-upload-img .box-upload-profile .title-upload {

	color: #1A323E;
	font-size: 17px;
}

.login-content .login-form .input-group.date .input-group-text {
	color: #007fc3;
	background-color: transparent;
	border: 0;
	border-radius: 0;
	border-bottom: 1px solid #707070;
}

.login-content .login-form .input-group.date .input-group-text i {

	color: #007fc3;
}

.login-content .login-form .radio.radio-success > input:checked ~ span {
	background-color: #2a80c6;
}

.login-content .login-form .form-group .col-form-label.title-lable {

	border-bottom: 1px solid #707070;
}

.timetable-setting-page .scadual-timetable .time-table tbody tr th,
.calender-page.note-page .scadual-timetable .time-table tbody tr th {

	vertical-align: middle;
	padding-bottom: 0;
}

.timetable-setting-page .scadual-timetable .time-table tbody tr th .box-img,
.calender-page.note-page .scadual-timetable .time-table tbody tr th .box-img {

	width: 174px;
	height: 100%;
	border-bottom: 1px solid #767999;
	display: flex;
	justify-content: center;
	align-items: center;
}

.calender-page.note-page .scadual-timetable .time-table tbody tr th .box-img {
	width: 100%;
}

.model-them-6 .modal-content {
	border: 0;
	background: #404A89;
	overflow: hidden;
	box-shadow: none;
	border-radius: 25px;

}

.model-them-6 .modal-content .modal-header {

	background: #F65656;
	padding: 10px 12px;
}

.model-them-6 .modal-content .modal-header .title-2 {
	margin-bottom: 0;
}

.model-them-6 .modal-content .par-popup {

	text-align: center;
	color: #fff;
	font-size: 22px;
	margin-bottom: 0;
}

.model-them-6 .modal-content .modal-footer {

	border: 0;
	padding: 6px 26px 18px;
	justify-content: space-evenly;
}

.setting-exam-box .block-setting-exam .spitial-list.box-list .item-1 {
	width: 64px;
	text-align: right;
	color: #000;
	padding: 4px 12px;
	border-top-right-radius: 22px;
	border-left: 0;
	background: transparent;
	background-image: none;
}

.setting-exam-box .block-setting-exam .spitial-list.box-list.box-item .item-2 {

	width: calc(100% - 66px);
	background: #ffffff;
	border: 1px solid #007fc3;
	color: #000000;

	padding: 4px 12px;
	border-bottom-left-radius: 0;
	border-right: 1px solid #007fc3;
}

.setting-exam-box .block-setting-exam .yellow-radio.checkbox.checkbox-success > input:checked ~ span {
	background-color: #ffcc33;
}

.setting-exam-box .block-setting-exam .yellow-radio.checkbox > span {
	border-radius: 50%;
	background-color: #fff;
}

.setting-exam-box .block-setting-exam .btn-box {

	display: flex;
	justify-content: space-around;
	margin-top: 16px;
	margin-bottom: 10px;
}

.setting-exam-box .block-setting-exam .btn-box a.btn {
	min-width: 100px;
}

.exam-info-result {

	margin-top: 20px;
	position: relative;
}

.exam-info-result .box-title .title-exam-info {

	display: inline-block;
	padding-bottom: 18px;
	border-bottom: 2px solid #007FC3;
	margin-bottom: 26px;
}

.exam-info-result .table-student td {
	font-size: 15px;
}

.exam-info-result .table-student th {

	font-size: 15px !important;
}

.students-marks-table .thead-blue .link-popup {
	display: inline-block;
	cursor: pointer;
}

.table thead th {
	vertical-align: middle;
}

.table th,
.table td {
	vertical-align: middle;
}


.send-message-popup.mark-account-modal .note-editor .note-toolbar .note-btn-group.note-view {
	display: none;
}

.send-message-popup.mark-account-modal .note-editor .note-toolbar .note-btn-group.note-insert .note-btn:nth-of-type(2),
.send-message-popup.mark-account-modal .note-editor .note-toolbar .note-btn-group.note-insert .note-btn:nth-of-type(3) {
	display: none;
}

.send-message-popup.mark-account-modal .note-editor .note-toolbar .note-btn-group.note-fontname,
.send-message-popup.mark-account-modal .note-editor .note-toolbar .note-btn-group.note-table {
	display: none;
}

.send-message-popup.mark-account-modal .note-editor .note-toolbar .note-btn-group.note-font .note-btn:nth-of-type(3) {
	display: none;
}

.model-them-3 .modal-content .block-check.add-skil {

	border: 0;
	box-shadow: none;
	align-items: center;
	margin-bottom: 0;
}

.model-them-3 .modal-content .block-check.add-skil .box-img {
	margin-bottom: 0;
}

.tabs-them-2 .nav-tabs {

	border-bottom: 0;
}

.tabs-them-2 .nav.nav-tabs.nav-tabs-line .nav-item {
	border-left: 2px solid #C8CBCD;
	margin: 0;
}

.tabs-them-2 .nav.nav-tabs.nav-tabs-line .nav-item:last-of-type {
	border-left: 0;
	margin-left: 0;
}

.tabs-them-2 .nav.nav-tabs.nav-tabs-line .nav-link {
	padding: 7px 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1.4;
	vertical-align: middle;
	transition: .4s;
	background: rgb(0, 81, 125);
	background-image: linear-gradient(0deg, rgba(0, 81, 125, 1) 15%, rgba(0, 162, 250, 1) 100%);
	border: 0;
	color: #fff;
	border-bottom: 0;
	border-radius: 6px;
}

.tabs-them-2 .nav.nav-tabs.nav-tabs-line .nav-link:hover,
.tabs-them-2 .nav.nav-tabs.nav-tabs-line .nav-link.active {

	transition: .4s;
	background: #ffcc33;
	background-image: linear-gradient(0deg, #a98722 15%, #ffcc33 100%);

	color: #fff;
}

.tabs-them-2 .nav.nav-tabs.nav-tabs-line .nav-link:hover:not(.disabled),
.tabs-them-2 .nav.nav-tabs.nav-tabs-line .nav-link.active,
.tabs-them-2 .nav.nav-tabs.nav-tabs-line .show > .nav-link {
	border-bottom: 0;
}

.dropdown-upload.spitial-list .btn.btn-light.dropdown-toggle:after {
	display: none;
}

.dropdown-upload.spitial-list .dropdown {

	position: relative;
	width: 100%;
}

.form-them-3 .dropdown-upload.spitial-list.box-list.box-item .item-2 {
	padding: 0;
}

.dropdown-upload.spitial-list .dropdown .btn.btn-light.dropdown-toggle {

	padding-top: 6px;
	padding-bottom: 6px;
	position: relative;
	width: 100%;
	background: #fff;
	border: 0;
	height: 30px
}

.dropdown-upload.spitial-list .img-icon-drop {
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
}

.dropdown-upload.spitial-list .dropdown-menu > .dropdown-item {
	position: relative;
	cursor: pointer;
	background: #F1F3F3;
	transition: .4s;
}

.dropdown-upload.spitial-list .dropdown-menu > .dropdown-item:hover {
	background: #CBCED0;
}

.dropdown-upload.spitial-list .dropdown-menu > .dropdown-item .upload-file {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	cursor: pointer;
	opacity: 0;
}

.dropdown-upload.spitial-list .dropdown-menu {

	padding: 6px;
	min-width: 230px;
}

.form-them-3 .dropdown-upload.spitial-list.box-list.box-item .item-1 {
	border-bottom-right-radius: 22px;
}

.box-add-block {

	position: relative;
	padding-left: 66px;
}

.box-add-block .box-icons {

	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.box-add-block .box-icons a {

	display: inline-block;
	vertical-align: middle;
}

.box-add-block .input-them-1 .form-control.border-radius-0 {
	border-radius: 0
}

.Preparation-page .border-form-them-4 .header-form-them-4 .box-title-them-2 {

	background: #f7f6fe;
}

.Preparation-page .exam-info-result {

	margin-bottom: 50px;
}

.Preparation-page .exam-info-result .box-btn {

	margin-bottom: 26px;
}

.Preparation-page .exam-info-result .supervisor-table tr th {

	background: #CFEDFD;
	background-image: none;
	color: #1A323E;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 6px;
}

.Preparation-page .exam-info-result .supervisor-table tr td p {
	box-shadow: 0px 0px 4px #a9a9a9b0;
	border-radius: 8px;
	/*margin: 4px 0 !important;*/
}

.add-groupe-modal .choose-groupe {
	position: relative;
	padding-right: 8px;
}

.add-groupe-modal .choose-groupe::before {
	content: "";
	position: absolute;
	width: 1px;
	height: 100%;
	top: 50%;
	transform: translateY(-50%);
	right: -15px;
	background-color: #707070
}

.add-groupe-modal .choose-groupe .boxtitle-img .title-img {

	width: 220px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-bottom: 22px;
}

.add-groupe-modal .select-them-two.form-group .input-group.select-them-1 .bootstrap-select.form-control {

	border-radius: 50px 0 0 50px;
	padding-left: 8px;
}

.add-groupe-modal .block-students-name {
	background: #fff;
	padding: 16px;
	border: 1px solid #00A3FA;
	box-shadow: inset 0px 0px 15px #0000001c;
}

.add-groupe-modal .block-students-name .block-student-name {

	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
}

.add-groupe-modal .block-students-name .block-student-name .name-par {

	color: #151965;
	margin-bottom: 0;
}

.add-groupe-modal .block-students-name .block-student-name .checkbox.checkbox-success span {

	border: 2px solid #62b020;
	border-radius: 2px;
}

.add-groupe-modal .block-students-name .block-student-name .checkbox > span {
	background-color: #ffffff;
}

.add-groupe-modal .block-students-name .checkbox.checkbox-success > input:checked ~ span {
	background-color: #62b020;
}

.add-groupe-modal .block-students-name .title-student-name {
	text-align: center;
	margin-bottom: 20px;
}

.add-groupe-modal .block-students-name .title-student-name .title-group-name {

	display: inline-block;
	margin-bottom: 0;
	padding: 8px 18px;
	box-shadow: inset 0px 0px 10px #0000001f;
	background-color: #fff;
	border: 1px solid #00A3FA;
}

.add-groupe-modal .block-students-name .footer-students-name {
	margin-top: 26px;
	padding-left: 34px;
	position: relative;
}

.add-groupe-modal .block-students-name .footer-students-name .box-img {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	margin-bottom: 0
}

.general-model .row.setting-header {

	position: relative;
	padding-left: 190px;
}

.general-model .setting-header .box-setting {
	position: absolute;
	left: 14px;
	top: 50%;
	transform: translateY(-50%);

}

.general-model .setting-header .box-setting .block-setting {
	display: flex;
	align-items: center;
	margin-bottom: 1.75rem;
}

.general-model .setting-header .box-setting .block-setting .list-edit {

	padding-right: 0;
	margin-bottom: 0;
	list-style: none;
	margin-left: 8px;
}

.general-model .setting-header .box-setting .block-setting .list-edit .item {

	display: inline-block;
	margin-left: 10px;
}

.general-model .setting-header .box-setting .block-setting .list-edit .item:last-of-type {
	margin-left: 0px;
}

.general-model .setting-header .box-setting .block-setting .box-choose {

	position: relative;
	padding-right: 10px;
	border-right: 1px solid #707070;
	display: flex;
	align-items: end;
}

.general-model .setting-header .box-setting .block-setting .box-choose .par-choose {

	margin-right: 6px;
	font-weight: 600;
	color: #1A323E;
}

.general-model .dropdown-folder {
	margin-bottom: 20px
}

.general-model .dropdown-folder .dropdown.with-img .btn.btn-light {

	width: 100%;
	text-align: right;
	justify-content: space-between;
	display: inline-flex;
	align-items: center;
	background: #fff;
	border: 0;
	border-radius: 0;
}

.general-model .dropdown-folder .dropdown.with-img .dropdown-menu .dropdown-item {

	position: relative;
	padding-left: 36px;
}

.general-model .dropdown-folder .dropdown.with-img .dropdown-menu {

	min-width: 14rem;
}

.general-model .dropdown-folder .dropdown.with-img .dropdown-menu .dropdown-item .file-icon {
	position: absolute;
	left: 16px;
	top: 50%;
	transform: translateY(-50%);
}

.general-model .border-card-1 .title-block {

	background: #fbfbfb;
	top: -32px;
	right: 0;
}

.general-model.exam-view-popup .dropdown-folder .dropdown.with-img .dropdown-menu .dropdown-item {
	background: #F1F3F3;
}

.general-model.exam-view-popup .dropdown-folder .dropdown.with-img .dropdown-menu .dropdown-item:nth-child(even) {
	background: #CBCED0;
}

.general-model.exam-view-popup .dropdown-folder .dropdown.with-img .dropdown-menu {
	min-width: 300px;
}

.general-model.exam-view-popup .dropdown-folder .dropdown.with-img .dropdown-menu .dropdown-item {

	padding-left: 112px;
}

.general-model.exam-view-popup .dropdown-folder .dropdown.with-img .dropdown-menu .dropdown-item .box-setting-exam {
	position: absolute;
	left: 2px;
}

.general-model.exam-view-popup .dropdown-folder .dropdown.with-img .dropdown-menu .dropdown-item .box-setting-exam .item-exam {

	display: inline-block;
	margin-left: 4px;
}

.model-them-5.alarm-modal.general-model .modal-content .modal-header .box-title-popup {

	margin-top: -23px;
}

.model-them-5.alarm-modal.general-model .modal-content {

	background-color: #F0F0F0;
}

.model-them-5.alarm-modal.general-model .modal-content .modal-header {

	background: #F0F0F0;
	background-color: #F0F0F0;
	border: 2px solid #fff;
	border-bottom: 0;
	border-radius: 18px 18px 0 0;
}

.model-them-5.alarm-modal.general-model .modal-content .modal-header .close {

	z-index: 2;
}

.model-them-5.alarm-modal.general-model .modal-content .modal-header .close i {
	color: #002b7f;
}

.model-them-5.alarm-modal.general-model .modal-content .modal-body {

	background-color: #F0F0F0;
	border: 2px solid #fff;
	border-top: 0;
	border-radius: 0 0 18px 18px;
	text-align: center;
}

.model-them-5.alarm-modal.general-model .modal-content .modal-body .block-alarm .timer-input {

	display: flex;
	justify-content: center;
	align-items: center;
}

.model-them-5.alarm-modal.general-model .modal-content .modal-body .block-alarm .timer-input .block-timer .item-arrow span {
	cursor: pointer;
	color: #6D7B82;
}
	.model-them-5.alarm-modal.general-model .modal-content .modal-body .block-alarm .timer-input .block-timer .item-input div {
		border: 0;
		background-color: transparent;
		text-align: center;
		font-size:40px;
		color: #F77E0B;
		width: auto;
		font-weight: 600;
		display: inline-block;
	}

		.model-them-5.alarm-modal.general-model .modal-content .modal-body .block-alarm .timer-input .block-timer .item-input div::placeholder {
			color: #F77E0B;
			font-size: 40px;
			font-weight: 600;
		}
.model-them-5.alarm-modal.general-model .modal-content .modal-body .block-alarm .timer-input .block-timer .item-input input {

	border: 0;
	background-color: transparent;
	text-align: center;
	font-size: 40px;
	color: #F77E0B;
	width: 96px;
	font-weight: 600;
	display: inline-block;
}

.model-them-5.alarm-modal.general-model .modal-content .modal-body .block-alarm .timer-input .block-timer .item-input input::placeholder {
	color: #F77E0B;
	font-size: 40px;
	font-weight: 600;
}

.model-them-5.alarm-modal.general-model .modal-content .modal-body .block-alarm .timer-input .block-timer p.break-par {
	margin-bottom: 0;
	font-size: 80px;
	color: #002B7F;
	padding-left: 6px;
	padding-right: 6px;

}

.model-them-5.alarm-modal.general-model .modal-content .modal-body .block-alarm .box-choose-option {

	margin-top: 18px;
}

.model-them-5.alarm-modal.general-model .modal-content .modal-body .block-alarm .box-choose-option .item {

	margin-left: 14px;
	cursor: pointer;
	transition: .4s;
	text-align: center;
}

.model-them-5.alarm-modal.general-model .modal-content .modal-body .block-alarm .box-choose-option .item:hover {
	transform: translateY(-6px);
}

.model-them-5.alarm-modal.general-model .modal-content .modal-body .block-alarm .box-choose-option .item:last-of-type {
	margin-left: 0
}

.model-them-5.alarm-modal.general-model .modal-content .modal-body .block-alarm .box-choose-option {
	display: flex;
	justify-content: center;
	align-items: center;
}

.model-them-5.alarm-modal.general-model .modal-content .modal-body .block-alarm .box-choose-option .item img {

	width: 44px;
}

.model-them-5.alarm-modal.general-model .modal-content .modal-body .block-alarm .box-choose-option .item span {

	display: block;
	color: #1A323E;
}

.model-them-5.alarm-modal.general-model .modal-content .modal-body .block-alarm .boximg-alarm {

	margin-bottom: 18px;
}

.model-them-5.alarm-modal.general-model .modal-content .modal-body .block-alarm .boximg-alarm .img-alarm {

	width: 64px;
}

.general-model .modal-content .modal-header .box-zoom {

	position: absolute;
	right: 28px;
	top: 12px;
	z-index: 3;
	cursor: pointer;
}

.general-model .modal-content .modal-header .box-zoom i {

	color: #00A1ED;
}

.general-model.zoom-model .modal-md {
	max-width: 96%;
	transition: .4s
}


.general-model.zoom-model .modal-content .modal-header .box-zoom i::before {
	content: "";
}

.general-model .dropdown-folder .dropdown.with-img .btn.btn-light {

	background: rgb(0, 81, 125);
	background-image: linear-gradient(0deg, rgba(0, 81, 125, 1) 15%, rgba(0, 162, 250, 1) 100%);
	color: #fff;
}

.general-model .dropdown-folder .dropdown.with-img .btn.btn-light.dropdown-toggle:after {
	color: #ffffff;
}

.upload-dropdown .spitial-list.box-list .item-1 {
	border-bottom-right-radius: 22px;
}

.upload-dropdown .spitial-list.box-list.box-item .item-2 {
	border-radius: 0;
}

.upload-file-them-1 .spitial-list.box-list .item-1 {
	border-bottom-right-radius: 22px;
}

.upload-file-them-1 .spitial-list.box-list.box-item .item-2 {
	border-radius: 0;
	position: relative;
	cursor: pointer;
}

.upload-file-them-1 .spitial-list.box-list.box-item .item-2 .upload-input {

	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0;
	cursor: pointer;
}

.upload-file-them-1 .spitial-list.box-list.box-item .item-2 .img-icon-drop {

	position: absolute;
	left: 12px;
	top: 50%;
	transform: translateY(-50%);
}

.circle-progress.chart-box {

	justify-content: center;
	display: flex;
	align-items: center;
}

.circle-progress.chart-box .chart {
	max-width: 150px;
	display: inline-flex;
	align-items: center;
	margin-left: 20px;
}

.circle-progress.chart-box .chart:last-of-type {
	margin-left: 0px;
}

.box-progress .block-progress {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 18px;
}

.box-progress .block-progress .progress-par-box .progress-par {

	font-size: 17px;
	margin-bottom: 0;
	position: relative;
	padding-right: 28px;
}

.box-progress .block-progress .progress-par-box .progress-par::before {
	position: absolute;
	right: 2px;
	top: 6px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	border: 1px solid #009CF0;
}

.box-progress .block-progress .progress {
	height: 1.3rem;
	background-color: #e8e8e8;
	width: 340px;
	border-radius: 0;
}

.box-progress .block-progress .progress .progress-bar {

	background-color: #00A3FA;
}

.ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items {
	flex-wrap: wrap !important;
}

.continue-homework-page .student-profile-form .form-group .lable-date {
	width: 70px;
	padding: 0.64rem 5px;
}

/**********responsive-rtl***************/


@media(max-width:575px) {
	.slider-info .info-block-slider .half-block-slider .form-group .input-group .form-control {
		margin-top: 0px;
	}

	.slider-info .info-block-slider .half-block-slider .form-group .input-group .input-group-prepend .input-group-text {
		font-size: 10px;
	}

	.message-box .footer-message .item a {
		font-size: 12px;
	}

	.input-group-prepend {
		margin-left: -1px;
		width: 90px;
		height: 38px;
	}

	.subheader.subheader-solid {
		margin-top: -7px;
	}



	#kt_subheader .box-item-header {
		margin-top: 0px;
	}

	.login-form {
		position: relative;
		left: -30% !important;
	}

	#kt_subheader .box-item-header {
		margin-top: 59px;
	}

	#SvgjsText1277 {
		margin: 100px !important
	}

	#kt_subheader ul .box-item-header {
		margin-top: 97px;
	}

	.subheader.subheader-solid {
		margin-bottom: 15px;
		margin-top: 0px;
	}

	.subheader.one {
		margin-top: -54px;
	}

	.two .input-group-prepend {
		height: 43px;
	}

	/*
	.setting-exam-box {
		padding: 12px;
		background: #fff;
		border: 1px solid #9EDCFD;
		margin-bottom: 40px;
		position: relative;
		right: 12%;
		width: 408px;
	}*/

	.add-homework-page .box-list-btn-2 .btn-border-left-box .them-btn-2,
	.add-homework-page .box-list-btn-2 .btn-border-right-box .them-btn-1 {

		min-width: 130px;
	}

	.filter-box .box-search {
		min-width: 178px;


		position: relative;
		left: -23%;

	}

	.spitial-list.box-list .item-2,
	.division-page .box-list .item-2 {
		width: 96px;
	}



	.add-homework-page .first-block .block-add-homework.form .col-md-12 .form-group .col-3.bg-text-1.col-form-label {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		border-radius: 50px 50px 0px 0;
	}

	.add-homework-page .first-block .block-add-homework.form .col-md-12 .form-group .col-9.col-form-label {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		justify-content: center;
		text-align: center;
	}

	.add-homework-page .first-block .block-add-homework.form .col-md-12 .form-group .col-9.col-form-label .radio-inline {

		justify-content: center;
	}

	.them-btn-1.link-login {
		min-width: 166px;
		font-size: 16px;
		padding: 6px 12px;
	}

	.scadual-timetable {
		padding: 58px 105px 42px 18px;
	}

	.teacher-evaluation-reports-supervisor-1-page .card.card-custom > .card-body,
	.teacher-evaluation-reports-page .card.card-custom > .card-body,
	.teacher-evaluation-reports-principal-1-page .card.card-custom > .card-body,
	.teacher-evaluation-reports-principal-page .card.card-custom > .card-body {
		padding: 1rem 12px;
	}

	/*******reham********/
	#mark-account-popup.col-4 {
		-webkit-box-flex: 0;
		/* -ms-flex: 0 0 33.3333333333%; */
		flex: 0 0 100%;
		max-width: 100%;
		text-align: center;
	}

	#mark-account-popup .col-lg-3,
	.students-marks-sheet-page .col-2 {
		-webkit-box-flex: 0;
		/* -ms-flex: 0 0 33.3333333333%; */
		flex: 0 0 100%;
		max-width: 100%;
		text-align: center;
	}

	#mark-account-popup .form-control {
		border-radius: 0;
		border-color: #909090;
		text-align: center;
		height: 27px;
		text-align: center;
	}

	#mark-account-popup .col-form-label {
		color: #1A323E;
		font-size: 20px;
		height: 44px;
		text-align: center;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	#mark-account-popup .block-test .col-3.col-form-label {
		display: none;
	}

	#mark-account-popup.checkbox {
		display: contents;
		font-size: 10px !important;
		display: inline-block;
	}

	#mark-account-popup .checkbox-inline {

		display: flex;
		/* -ms-flex-wrap: wrap; */
		flex-wrap: wrap;
		justify-content: right;

	}

	#mark-account-popup.col-3 {
		flex: 0 0 100%;
		max-width: 100%;

	}

	#mark-account-popup .col-7 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	#mark-account-popup .checkbox.checkbox-success > span {
		margin-left: 8px;
	}

	.students-marks-sheet-page .form-them-4 {
		padding: 46px 20px 30px;
	}

	.students-marks-sheet-page .border-form-them-4 {

		padding: 42px 16px;
		margin-bottom: 8px;
	}

	#mark-account-popup .col-4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: center;
	}

	#mark-account-popup .col-2 {
		-webkit-box-flex: 0;
		/* -ms-flex: 0 0 16.6666666667%; */
		flex: 0 0 100%;
		max-width: 100%;
	}

	.daily-class-timing-page .spitial-list.box-list .box-item,
	.division-page .box-list .box-item {
		width: 100%;
	}

	.daily-class-timing-page .footer-form-them-4 .btn.btn-light {
		display: inline-flex;
		padding: 4px 9px 9px;
		align-items: center;
		font-size: 15px;
		margin-left: 12px;
	}

	.daily-class-timing-page .border-form-them-4 .header-form-them-4 .box-title-them-2 {
		position: relative;
		margin-bottom: 0;
		padding: 6px 4px;
		background: #fff;
	}

	.daily-class-timing-page .spitial-list.box-list .box-item,
	.division-page .box-list .box-item {
		display: block;
	}

	.daily-class-timing-page .spitial-list.box-list .item-1 {
		border-top-left-radius: 22px;
		display: block;
		width: 100%;

	}

	.daily-class-timing-page .spitial-list.box-list .item-2 {
		display: flex;
		/* border-top-left-radius: 22px; */
		width: 100%;
		border-radius: 0;
		width: 100%;
		border-right: 1px solid #fc3;
		border-top: 0;
	}

	.daily-class-timing-page .border-form-them-4 .header-form-them-4 .box-title-them-2 {
		position: relative;
		margin-bottom: 0;
		padding: 6px 23px;
		background: #fff;
	}

	.daily-class-timing-page .them-block-time-1 {
		position: relative;
		display: block;
		justify-content: space-between;
		align-items: right;
		margin-bottom: 16px;
	}

	.daily-class-timing-page .them-block-time-1 .label-time {
		width: 100% !important;
		display: block !important;
		margin-bottom: 0;

	}

	.daily-class-timing-page .daily-class-timing .spitial-list.box-list .item-1 {
		width: 100% !important;
	}

	.daily-class-timing-page .box-list {
		width: 100%;
	}

	.daily-class-timing-page .form-them-4 {
		padding: 40px 22px 60px;
		background: #fff;
		border-radius: 12px;
		position: relative;
		box-shadow: 0px 3px 8px #00000026;
	}

	.daily-class-timing-page .them-block-time-1 .form-group {
		width: 100% !important;
		display: block !important;
		margin-bottom: 0;
		margin: 10px 0 20px 0 !important;
	}

	.daily-class-timing-page .border-form-them-4 .header-form-them-4 {
		position: absolute;
		top: -27px;
		right: 14px;
	}

	.daily-class-timing-page .border-form-them-4 .header-form-them-4 .box-title-them-2::after {
		content: "";
		position: absolute;
		left: -3px;
		bottom: 19px;
		width: 12px;
		height: 12px;
		background: #C8CBCD;
		border-radius: 50%;
	}

	.daily-class-timing-page .border-form-them-4 .header-form-them-4 .box-title-them-2::before {
		content: "";
		position: absolute;
		right: -6px;
		bottom: 19px;
		width: 12px;
		height: 12px;
		background: #C8CBCD;
		border-radius: 50%;
	}

	.daily-class-timing-page .border-form-them-4 .header-form-them-4 .box-title-them-2 .title-them-2 {
		font-size: 15px !important;
		padding: 8px 16px 11px !important;
		background: #003e60;
		background-image: linear-gradient(0deg, #003e60 15%, #00a2fa 100%);
		color: #fff;
		border-radius: 34px;
		margin-bottom: 0;
		border: 1px solid #007BC0;
	}

	.class-room-page .classroom-popup .item {

		margin-left: 20px;
		margin-bottom: 12px;
	}

	.btn-border-left-box .btn-blue,
	.btn-border-right-box .btn-yellow {
		width: 140px;
	}

	.class-room-page .box-links-class .item .link-class {

		padding: 10px 4px;
		font-size: 10px;
	}

	.pdf-modal.general-model .setting-header .box-setting {
		margin: 12px 0 0;
		position: relative;
		left: 0;
		top: 0;
		transform: unset;
	}

	.general-model .row.setting-header {
		position: relative;
		padding-left: 0;
	}

	.block-drag-complete {
		flex-wrap: wrap;
	}

	block-drag-complete .par-drag {

		font-size: 14px;
	}

	.block-drag-complete .answer-input {

		display: block;
		width: 100%;
		margin: 10px 0;
	}

	.footer-exam {

		flex-wrap: wrap;
	}

	.footer-exam .exam-info .value-info {
		min-height: 35px;
		padding: 4px 8px;
	}

	.footer-exam .exam-info .form-group {

		display: block;
		margin-bottom: 12px;
		margin-left: 0;
	}

	.border-form-them-4 .header-form-them-4 .box-title-them-2 .title-them-2 {
		font-size: 14px;
		padding: 10px 12px;
	}

	.border-form-them-4 .header-form-them-4 .box-title-them-2::after {
		left: -1px;
		bottom: 17px;
	}

	.border-form-them-4 .header-form-them-4 .box-title-them-2::before {

		right: -1px;
		bottom: 17px;
	}

	.Semester-Setting-2-page .spitial-list.box-list .item-1,
	.Semester-Setting-1-page .spitial-list.box-list .item-1 {
		width: 100%;
		border-top-left-radius: 22px;
		border-bottom-right-radius: 0;
	}

	.Semester-Setting-2-page .spitial-list.box-list .box-item,
	.spitial-list.box-list .box-item {
		display: block;
	}

	.Semester-Setting-2-page .spitial-list.box-list.box-item .item-2,
	.Semester-Setting-1-page .spitial-list.box-list.box-item .item-2 {
		width: 100%;
		border-right: 1px solid #fc3;
		border-radius: 0;
		border-top: 0;
	}

	.form-them-4 {
		padding: 40px 16px 60px;
	}

	.Semester-Setting-1-page .table-responsive .table {
		min-width: 450px;
	}

	.wrapper.by-sidebar #kt_subheader .box-item-header .item {
		margin-bottom: 0;

	}

	.wrapper.by-sidebar .box-item-header .item .form-group.one-item .col-form-label {
		padding-top: 0;
	}

	#kt_login_singin_form {
		left: 0 !important;
	}

	.login.login-3 .login-content .login-form {
		left: 0 !important;
	}

	.table-responsive .exam-info-table.supervisor-table.table-student {
		width: 500px;
	}

	.form-them-2 .spitial-list.box-list.box-item .item-1,
	.form-them-2 .form-group .input-group.input-them-1 .input-group-prepend .input-group-text {

		display: block;
		width: 100%;
		border-top-right-radius: 22px;
		border-top-left-radius: 22px;
		border-bottom-right-radius: 0;
	}

	.form-them-2 .spitial-list.box-list.box-item .item-2,
	.spitial-list.box-list.box-item .item-2 {

		width: 100%;
		border-right: 1px solid #fc3;
		border-top: 0;
	}

	.box-add-block {
		position: relative;
		padding-left: 0;
	}

	.form-them-3 .dropdown-upload.spitial-list.box-list.box-item .item-1 {
		border-bottom-right-radius: 0;
	}

	.form-them-3 .spitial-list.box-list.box-item .item-1,
	.form-them-3 .form-group .input-group.input-them-1 .input-group-prepend .input-group-text {
		width: 100%;
	}

	.spitial-list.box-list .item-1,
	.division-page .box-list .item-1 {
		border-top-left-radius: 22px;
	}


	.form-them-3 .spitial-list.box-list.box-item .item-2 {
		width: 100%;
	}

	.box-add-block .box-icons {
		text-align: end;
		position: relative;
		left: 0;
		top: 0;
		transform: unset;
		margin-bottom: 18px;
	}

	.icon-input.input-them-1 .icon-box {
		width: 28px;
		top: 4px;
		height: 28px;
	}

	.icon-input.input-them-1 .icon-box .icon-img {
		width: 12px;
	}

	.input-them-1 .input-group-prepend,
	.input-them-1.input-group-prepend .input-group-prepend {

		display: block;
		width: 100%;
	}

	.form-them-3 .spitial-list.box-list.box-item .item-1,
	.form-them-3 .form-group .input-group.input-them-1 .input-group-prepend .input-group-text {
		width: 100%;
		height: 36px;
		border-bottom-right-radius: 0;
		border-top-left-radius: 100px;
		border-top-right-radius: 100px;
	}

	.Preparation-page .tabs-them-2 .nav-tabs {

		justify-content: center;
	}

	.form-them-3 .add-input {
		text-align: end;
		margin-top: 6px;
	}

	.slider-info .info-block-slider .half-block-slider .form-group .input-group .form-control,
	.form-group .input-group.input-them-1 .form-control,
	.form-group .input-group.textarea-them-1 .form-control {

		display: block;
		border-right: 1px solid #fc3;
		border-top: 0;
		width: 100%;
	}

	.tabs-them-2 .nav.nav-tabs.nav-tabs-line .nav-item {
		margin-bottom: 10px;
	}

	.form-them-2 .col-md-12:last-of-type .spitial-list.box-list.box-item .item-1,
	.form-them-2 .col-md-12:last-of-type .form-group .input-group.input-them-1 .input-group-prepend .input-group-text {
		border-bottom-right-radius: 0;
	}

	.slider-info .info-block-slider .half-block-slider .form-group .input-group.textarea-groupe .input-group-prepend .input-group-text,
	.form-group .input-group.textarea-groupe.textarea-them-1 .input-group-prepend .input-group-text {

		width: 100%;
	}

	.slider-info .info-block-slider .half-block-slider .form-group .input-group .input-group-prepend .input-group-text,
	.form-group .input-group.input-them-1 .input-group-prepend .input-group-text,
	.form-group .input-group.textarea-them-1 .input-group-prepend .input-group-text {
		border-radius: 100px 100px 0px 0;
	}

	.textarea-them-1 .input-group-prepend {
		width: 100%;
	}

	.filter-box .list-filter {
		flex-wrap: wrap;
	}

	.filter-box .list-filter .item-filter {
		margin-bottom: 8px;
	}


	.note-page .spitial-list.box-list .item-1 {

		width: 100%;
	}

	.note-page .spitial-list.box-list .item-2 {

		width: 100% !important;
		border-radius: 0;
		border-top: 0;
		border-right: 1px solid #fc3;
	}

	.login-page .form-group .col-form-label.col-3 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		margin-bottom: 8px;
	}

	.login-page .form-group .col-9 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.add-mession-modal .form-group .input-group.input-them-1 .input-group-prepend .input-group-text {
		width: 100%;
		height: 100%;
	}

	.add-mession-modal .spitial-list.box-list .item-1 {
		width: 100%;
	}

	.add-mession-modal .select-them-1.spitial-list.box-list .item-1 {
		border-bottom-right-radius: 0;
	}

	.spitial-list.box-list .item-1 {

		width: 100%;
	}

	.history-questions-page .table-responsive .table {
		min-width: 500px
	}

	.banner-free-page {
		min-height: 310px;
		padding-top: 60px;
		text-align: center;

	}

	.upload-file-them-1 .spitial-list.box-list .item-1 {
		border-bottom-right-radius: 0;
	}

	.upload-file-them-1 .spitial-list.box-list.box-item .item-2 {
		height: 36px;
	}

	.order-ask-block .form-group .input-group.input-them-1 .input-group-prepend .input-group-text,
	.answer-edit-footer .form-group .input-group.input-them-1 .input-group-prepend .input-group-text,
	.form-group .input-group.input-them-1 .input-group-prepend .input-group-text {
		width: 100%;
		height: 100%
	}

	.order-ask-block .value-info {

		margin-top: 12px;
	}

	.box-ask-edit .box-img img,
	.box-ask-edit .num-ask {
		height: 36px !important;
	}

	.footer-exam {
		margin-top: 24px;
	}

	.footer-exam .exam-info {

		width: 100%;
	}

	.footer-exam .exam-info .form-group {

		width: 100%;
	}

	.footer-exam .exam-info .value-info {

		width: 100%;
		border-top: 0;
		border-right: 1px solid #00a3fa;
	}

	.setting-exam-box .block-setting-exam .btn-box a.btn {
		min-width: 74px;
	}

	.setting-exam-box .block-setting-exam .spitial-list.box-list.box-item .item-2 {
		width: 100%;
	}

	.radio-inline .radio {
		margin-bottom: 12px;
	}

	.reorder-images-list .item {

		display: block;
		margin-left: 0;
	}

	.match-text-img .match-block {

		flex-wrap: wrap;
	}

	.exam-match .input-group-text {
		width: 100% !important;
	}

	.match-text-img .match-block .match-half-block {
		flex: 0 0 100%;
		max-width: 100%;
		margin-bottom: 12px;
	}

	.asks-drag-edit .asks-drag-edit-block {
		flex-wrap: wrap;
	}

	.asks-drag-edit .asks-drag-edit-block .input-them-3 {
		margin-bottom: 10px;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.asks-drag-edit .box-delete {
		margin-right: 0;
		width: 100%;
		display: block;
		text-align: end;
	}

	.form-group .input-group.input-them-1.date .form-control {
		border-left: 1px solid #fc3
	}

	.input-them-1.date .input-group-append {

		border: 0;
		position: absolute;
		left: 6px;
		z-index: 2;
		top: 44px;
	}

	.input-them-1.date .input-group-append .input-group-text {
		border: 0;
	}

	.model-them-5.general-model.news-modal .modal-content .block-news {

		flex-wrap: wrap;
	}

	.news-modal.model-them-5.general-model .modal-content .block-news .text-news-box,
	.news-modal.model-them-5.general-model .modal-content .block-news .info-news {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.news-modal.model-them-5.general-model .modal-content .block-news .info-news .news-title {
		margin-bottom: 6px;
	}

	.news-modal.model-them-5.general-model .modal-content .block-news .info-news {
		padding-left: 10px;
		padding-bottom: 38px
	}

	.news-modal.model-them-5.general-model .modal-content .block-news .text-news-box {
		padding-top: 48px;
		padding-right: 15px;
	}

	.news-modal.model-them-5.general-model .modal-content .block-news .info-news .img-news {
		left: -50%;
		right: -50%;
		margin: 0 auto;
		display: block;
		top: unset;
		bottom: 0;
		transform: translateY(50%);
	}

	.add-groupe-modal .choose-groupe::before {
		display: none;
	}

	.table-site-page .student-portfolios .table-responsive .table-them-1 {
		min-width: 250px;
	}

	.dashboard-page .form-them-4 .border-form-them-4 .card.card-custom,
	.students-marks-sheet-page .card.card-custom {

		overflow-y: hidden;
	}

	.dashboard-page .form-them-4 .border-form-them-4 .card.card-custom > .card-body {
		padding: 0;
	}

	.dashboard-page .form-them-4 .border-form-them-4 .card.card-custom > .card-body #chart_3,
	.dashboard-page .form-them-4 .border-form-them-4 .card.card-custom > .card-body #chart_1,
	.dashboard-page .form-them-4 .border-form-them-4 .card.card-custom > .card-body #chart_5,
	.students-marks-sheet-page #chart_3 {
		min-width: 450px;
	}

	.test-numb-card .card-body .test-list-num {

		padding-right: 10px;
		padding-left: 10px;
	}

	.dashboard-page .card.card-custom > .card-header .card-title,
	.dashboard-page .card.card-custom > .card-header .card-title .card-label {
		margin-left: 0;
	}

	.dashboard-page .card.card-custom > .card-header {
		justify-content: center;
	}

	.post-discussion-block .setting-post-discussion {
		flex-wrap: wrap;
		flex-direction: column-reverse;
		padding: 44px 12px 22px;
	}

	.post-discussion-block .setting-post-discussion .box-profile-setting {

		margin-left: auto;
		flex-wrap: wrap;
	}

	.post-discussion-block .setting-post-discussion .box-profile-setting .img-profile-box {
		margin-left: 8px;
	}

	.post-discussion-block .setting-post-discussion .box-profile-setting .img-profile-box .img-profile {
		width: 42px;
		height: 42px;
	}

	.post-discussion-block .setting-post-discussion .box-profile-setting .box-info .teatcher-name {
		margin-bottom: 5px;
		font-size: 14px;
	}

	.post-discussion-block .setting-post-discussion .box-profile-setting .box-info .date {
		font-size: 11px;
	}

	.post-discussion-block .box-setting-edit {

		margin-right: auto;
	}

	.free-discussion-page .box-likes-post {

		padding: 10px 16px;
		display: block;
	}

	.free-discussion-page .block-likes {
		display: block;
		margin-left: auto;
	}

	.free-discussion-page .box-likes-post .box-share-list {
		display: block;
		margin-right: auto;
		margin-top: 14px;
	}

	.block-replay-post .box-user .img-user {
		width: 44px;
		height: 44px;
	}

	.free-discussion-page .block-replay-post {
		padding: 12px 16px 34px;
		padding-right: 74px;
	}

	.free-discussion-page .post-content-box {

		padding: 14px 15px;
	}

	.free-discussion-page .post-content-box .box-progress .block-progress {
		flex-wrap: wrap;
	}

	.free-discussion-page .post-content-box .box-progress .block-progress .progress-par-box {
		display: block;
		margin-bottom: 15px;
	}

	.free-discussion-page .post-content-box .box-progress .block-progress .progress-par-box {}
}

.block-answer-drag p {
	margin-bottom: 0;
}

@media (max-width: 991.98px) {
	.header-menu-wrapper {
		background: #007fc3;
	}
}

@media(max-width:767px) {
	.class-room-page .box-students {
		margin-left: 6px;
		margin-right: 6px;
		border: 1px solid #007fc3;
		padding: 20px 15px;
	}

	.exam-view-popup .footer-exam .exam-info .value-info {

		padding: 4px 12px;
	}

	.exam-view-popup .footer-exam {

		flex-wrap: wrap;
	}

	.class-room-page .box-students::after {
		display: none;
	}

	.block-semester .content-semester .date-block {
		font-size: 18px;
	}

	.block-drag-complete {
		flex-wrap: wrap;
	}

	.block-drag-complete .answer-input {

		margin-bottom: 10px;
		width: 100%;
		display: block;
	}

	.block-drag-complete .block-answer-drag {
		margin-bottom: 10px;
		min-width: 100%;
	}

	.block-drag-complete .num-drag-yellow {
		margin-bottom: 10px;
	}

	.block-drag-complete .par-drag {
		margin-bottom: 10px;
	}

	.block-title-banner .title-banner {
		font-size: 18px;
	}

	.choose-discussion-block .type-discussion-block .item-discussion .link-discussion .icon-discus {
		height: 24px;
		margin-left: 8px;
	}

	.choose-discussion-block .type-discussion-block .item-discussion .link-discussion {

		padding: 6px 12px;
		font-size: 14px;
		min-width: 127px;
		margin-bottom: 10px;
	}

	.block-title-banner .icon-notification {
		width: 28px;
	}

	.block-semester .content-semester .num-class {
		font-size: 18px;
	}

	.form-them-4 {
		margin-bottom: 40px;
	}

	.block-semester .content-semester .subject-name {
		font-size: 18px;
	}

	.block-semester .content-semester .title-block {
		font-size: 18px;
	}

	.block-semester .content-semester .box-list-num {

		justify-content: center;
	}

	.box-item-header {
		flex-wrap: wrap;
		margin: auto;
		list-style: none;
		margin-bottom: 0;
		margin-top: 56px;
		justify-content: center;
		width: 75% !important;
	}

	.table-responsive .table-them-1 {
		min-width: 500px;
	}

	.login.login-3 .login-content .login-form {
		width: 100%;
		max-width: 100%;
	}

	.class-room-page .box-students .box-img-student .red-note {}

	.class-room-page .box-students .box-img-student .green-note {}

	.input-group-prepend {
		height: 38px;
	}

	#kt_subheader ul .box-item-header {
		margin-top: 97px;
	}

	.subheader.subheader-solid {
		margin-bottom: 15px;
		margin-top: 0px;
	}

	.subheader.one {
		margin-top: -54px;
	}

	.two.input-group-prepend {
		height: 43px;
	}

	/*.setting-exam-box {
		padding: 12px;
		background: #fff;
		border: 1px solid #9EDCFD;
		margin-bottom: 40px;
		position: relative;
		right: 27%;
		width: 437px;
	}*/


	.class-room-page .box-list .item-1 {

		min-width: 120px;
	}

	.class-room-page .box-list .item-2 {

		width: calc(100% - 122px);
	}

	.slider-info-box {
		padding-left: 0;
		padding-top: 50px;
	}

	.slider-info-box {
		padding-left: 0;
		padding-top: 70px;
	}

	.slider-info-box .link-slider {
		position: absolute;
		left: 50%;
		display: block;
		margin-left: auto;
		margin-right: auto;
		top: 10px;
		cursor: pointer;
		transform: translateX(-50%);
	}

	.slider-info-box .slider-info .info-block-slider .form-group .input-group .input-group-prepend {
		width: 100%;
	}

	.slider-info-box .slider-info .info-block-slider .form-group .input-group .form-control {

		border-top: 0;
	}

	.class-room-page.add-group-page .box-students.group-block .col-md-4 {
		width: 50%;
	}

	.class-room-page .classroom-popup {
		flex-wrap: wrap;
	}

	.header-mobile-fixed .wrapper.by-sidebar {
		padding-top: 60px;
	}

	[dir='rtl'] .login-page .slick-next {

		left: 4px;
	}

	[dir='rtl'] .login-page .slick-prev {
		right: 4px;
	}

	.filter-sidebar .filter-sidebar-box {
		margin-bottom: 20px;
	}

	.box-test-question {
		height: auto;
		min-height: 600px;
		padding: 10px 20px 60px;
		width: 240px;
		margin-top: 20px;
		margin-bottom: 18px;
		margin-left: auto;
		margin-right: auto;
	}

	.border-side-center {
		margin-top: 15px
	}

	.border-side-center::before {

		width: 100%;
		height: 2px;
		top: 0;
		right: 0;
	}

	.exams-fill-blanks-text-edit-page .col-md-6 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}



	.exam-page .exam-main .card-xl-stretch {

		margin-bottom: 28px;
	}

	.evaluation-supervisor-page .table-responsive .table,
	.evaluation-principal-page .table-responsive .table {

		min-width: 500px;
	}

	.continue-exams-page .border-after::after {
		display: none;
	}
}

@media(max-width:991px) {
	.continue-homework-page .first-block {
		margin-bottom: 35px;
	}

	.continue-homework-page .first-block .table-vertical-center {
		min-width: 700px
	}

	.students-marks-sheet-page .table-responsive .table {
		min-width: 780px;
		width: auto;
	}

	.box-answer-edit-list .item-answer-edit .box-img {
		width: 50px;
	}

	.modal-dialog {
		max-width: 98%;
	}

	.aside-enabled.subheader-fixed .by-sidebar .subheader {

		width: 98% !important;
	}

	.by-sidebar #kt_subheader .box-item-header {
		margin-top: 0;
	}


	.box-item-header {
		flex-wrap: wrap;
		margin: auto;
		list-style: none;
		margin-bottom: 0;
		margin-top: 43px;
		justify-content: center;
		width: 75% !important;
	}

	.subheader.subheader-solid {
		padding-top: 20px !important;
		border-bottom-right-radius: 28px;
		border-bottom-left-radius: 28px;
		border-top: 0;
		-webkit-box-shadow: 0px 10px 30px 0px rgb(82 63 105 / 8%);
		box-shadow: 0px 10px 30px 0px rgb(82 63 105 / 8%);
		background-color: #F7F6FE;
	}

	.subheader.subheader-solid .box-item-header {
		width: 100% !important;
	}

	.box-item-header .item {
		margin-left: 14px;
	}

	.box-item-header .item:last-of-type {
		margin-left: 0px;
	}

	.header-mobile-fixed .header-mobile {
		box-shadow: 1px 2px 8px #42424252 !important;
		border-bottom-right-radius: 30px;
		border-bottom-left-radius: 30px;
	}

	.login-form {
		position: relative;
		left: -30% !important;
	}

	.box-lang {

		margin-top: 66px !important;
	}

	.input-them-1 .input-group-prepend {

		height: 35px;
	}

	.box-item-header {
		flex-wrap: wrap;
		margin: auto;
		list-style: none;
		margin-bottom: 0;
		margin-top: 101px;
	}


	.slider-info .info-block-slider .half-block-slider .form-group .input-group .input-group-prepend .input-group-text {
		font-size: 13px;
	}

	.slider-info .info-block-slider .half-block-slider .form-group .input-group .form-control {
		font-size: 14px;
	}

	.slider-info .info-block-slider .half-block-slider .form-group .input-group .form-control {
		margin-top: 44px;
	}

	.input-group-prepend {

		margin-left: 0;
		width: 90px;
		height: 36px;
		text-align: center;
		justify-content: center;

	}

	.slider-info .info-block-slider .half-block-slider .form-group .input-group .form-control {
		margin-top: 0px;
	}

	.slider-info .info-block-slider .half-block-slider .form-group .input-group .input-group-prepend .input-group-text {
		font-size: 10px;
	}


	/* .subheader .box-item-header {
	margin-top:40px
} */
	/*.subheader.subheader-solid {
		margin-bottom: 15px;
		margin-top: -48px;
	}*/

	#kt_subheader .box-item-header {
		margin-top: 46px;
	}



	.form-group .input-group.select-them-1 .input-group-prepend .input-group-text {
		padding: 0px 6px;

	}

	/* .subheader.subheader-solid {
    margin-bottom: 15px;
    margin-top: 7px;
} */
	#kt_subheader ul .box-item-header {
		margin-top: 97px;
	}

	.subheader.subheader-solid {
		margin-bottom: 30px;
		margin-top: 0px;
	}

	.subheader.one {
		margin-top: -54px;
	}

	.two.input-group-prepend {
		height: 43px;
	}

	/*.setting-exam-box {
		padding: 12px;
		background: #fff;
		border: 1px solid #9EDCFD;
		margin-bottom: 40px;
		position: relative;
		right: 42%;
		width: 600px;
	}*/



	.add-homework-page .first-block {
		margin-bottom: 20px;
	}

	.filter-box {
		flex-wrap: wrap;
	}

	.filter-box .list-filter {
		margin-bottom: 16px;
	}

	.filter-box .box-search {
		min-width: 100% !important;
	}

	.without-sidebar .calender-page {
		padding-top: 0;
	}

	.note-page .spitial-list.box-list .item-2 {
		width: calc(100% - 158px);

	}

	.note-page .spitial-list.box-list {
		flex-wrap: wrap;
	}

	.note-page .spitial-list.box-list .box-item {
		margin-bottom: 15px;
		margin-left: 0;
	}

	.note-page .scadual-timetable .table-responsive.time-table .table {

		min-width: 700px;
	}

	.continue-homework-page .border-after::after {
		display: none;
	}
}

@media (min-width: 576px) and (max-width: 991px) {
	.class-room-page .box-students .col-md-4 {

		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.class-room-page .col-md-3 {

		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}



	.add-groupe-modal .col-md-4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.Preparation-page .col-md-6 {

		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.class-room-page .col-md-6 {

		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.slider-info-box .slider-info .info-block-slider .form-group .input-group .input-group-prepend {
		width: 100%;
	}

	.learning-resources-page .col-md-3 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.learning-resources-page .col-md-9 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.learning-resources-page .col-md-9 .row .col-md-12 .col-md-3 {

		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.3333%;
		flex: 0 0 33.33333%;
		max-width: 33.3333333%;
	}

	.filter-sidebar .filter-sidebar-box {
		margin-bottom: 20px;
	}

	.continue-homework-page .col-md-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

}

@media (min-width: 768px) and (max-width: 1156px) {
	.add-homework-page .col-md-6 {

		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {

	.exam-page .col-md-9,
	.exam-page .col-md-3 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.exam-page .exam-main {
		margin-bottom: 30px
	}

	.semester-plan-page .form-them-4 .border-form-them-4 .list-block-semester .col-lg-4.col-md-6,
	.teacher-evaluation-reports-supervisor-1-page .form-them-4 .border-form-them-4 .list-block-semester .col-lg-4.col-md-6,
	.teacher-evaluation-reports-page .form-them-4 .border-form-them-4 .list-block-semester .col-lg-4.col-md-6,
	.teacher-evaluation-reports-principal-1-page .form-them-4 .border-form-them-4 .list-block-semester .col-lg-4.col-md-6,
	.teacher-evaluation-reports-principal-page .form-them-4 .border-form-them-4 .list-block-semester .col-lg-4.col-md-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.Semester-Setting-1-page .form-them-4 .border-form-them-4 .daily-class-timing .col-md-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.history-questions-page .col-md-9 {
		margin-bottom: 40px;
	}

	.history-questions-page .col-md-9,
	.history-questions-page .col-md-3 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.evaluation-Students-Portfolios-page .col-lg-10 .col-lg-6 .col-md-9,
	.evaluation-Students-Portfolios-page .col-lg-10 .col-lg-6 .col-md-3 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}

@media(max-width:1199px) {
	.box-ask-edit .box-img img {
		height: 38px;
	}

	.evaluation-Students-Portfolios-page .supervisor-table.table-student {
		min-width: 500px;
	}

	.box-test-question .box-question-edit .item-edit-quetion a i {
		font-size: 14px;
	}

	.box-test-question .box-question-edit .item-edit-quetion a {
		padding: 4px 6px;
		justify-content: center;
		width: 34px;
		font-size: 14px;
		height: 34px;
	}

	.box-ask-edit .num-ask {

		height: 38px;
	}

	.Semester-Setting-2-page .table-responsive .table {
		min-width: 800px;
	}

	.Preparation-page .nav.nav-tabs.nav-tabs-line .nav-link {
		margin: 0 3px;
	}

	.tabs-them-2 .nav.nav-tabs.nav-tabs-line .nav-link {
		padding: 7px 10px;

	}

	[dir='rtl'] .slick-next:before {
		left: 0
	}

	[dir='rtl'] .slick-prev:before {
		right: 0;
	}

	[dir='rtl'] .slider-info-box .slick-next:before,
	[dir='rtl'] .slider-info-box .slick-prev:before {
		width: 15px;
		height: 30px;
	}

	.form-group .input-group-text {
		font-size: 11px !important;
	}

	.slider-info-box .slider-info .info-block-slider .form-group .input-group {

		display: block;
	}

	.slider-info-box .slider-info .info-block-slider .form-group .input-group .input-group-prepend {
		margin-left: 0;
	}

	.slider-info-box .slider-info .info-block-slider .form-group .input-group .input-group-prepend .input-group-text {

		width: 100%;
		border-radius: 100px 100px 0px 0;
		padding: 6px 8px;
	}

	.slider-info-box .slider-info .info-block-slider .form-group .input-group .form-control {
		width: 100%;
		border-right: 1px solid #FFCC33;
		text-align: center;
	}

	.slider-info .info-block-slider .half-block-slider .form-group .form-control {
		text-align: center;
	}

	.slider-info .info-block-slider .half-block-slider:first-child {
		margin-right: 4px;
	}

	.semester-plan-page .form-them-4,
	.teacher-evaluation-reports-supervisor-1-page .form-them-4,
	.teacher-evaluation-reports-page .form-them-4,
	.teacher-evaluation-reports-principal-1-page .form-them-4,
	.teacher-evaluation-reports-principal-page .form-them-4 {
		padding: 40px 20px 20px;
	}

	.semester-plan-page .form-them-4 .border-form-them-4,
	.teacher-evaluation-reports-supervisor-1-page .form-them-4 .border-form-them-4,
	.teacher-evaluation-reports-page .form-them-4 .border-form-them-4,
	.teacher-evaluation-reports-principal-1-page .form-them-4 .border-form-them-4,
	.teacher-evaluation-reports-principal-page .form-them-4 .border-form-them-4 {
		padding: 44px 14px 26px;
		margin-bottom: 22px;
	}

	.semester-plan-page .form-them-4 .border-form-them-4 .header-form-them-4,
	.teacher-evaluation-reports-supervisor-1-page .form-them-4 .border-form-them-4 .header-form-them-4,
	.teacher-evaluation-reports-page .form-them-4 .form-them-4 .border-form-them-4 .header-form-them-4,
	.teacher-evaluation-reports-principal-1-page .form-them-4 .border-form-them-4 .header-form-them-4,
	.teacher-evaluation-reports-principal-page .form-them-4 .border-form-them-4 .header-form-them-4 {
		top: -25px;
		right: 16px;
	}

	.semester-plan-page .form-them-4 .border-form-them-4 .header-form-them-4 .box-title-them-2,
	.teacher-evaluation-reports-supervisor-1-page .form-them-4 .border-form-them-4 .header-form-them-4 .box-title-them-2,
	.teacher-evaluation-reports-page .form-them-4 .border-form-them-4 .header-form-them-4 .box-title-them-2,
	.teacher-evaluation-reports-principal-1-page .form-them-4 .border-form-them-4 .header-form-them-4 .box-title-them-2,
	.teacher-evaluation-reports-principal-page .form-them-4 .border-form-them-4 .header-form-them-4 .box-title-them-2 {
		padding: 4px 18px;
	}

	.semester-plan-page .form-them-4 .border-form-them-4 .header-form-them-4 .box-title-them-2::before,
	.teacher-evaluation-reports-supervisor-1-page .form-them-4 .border-form-them-4 .header-form-them-4 .box-title-them-2::before,
	.teacher-evaluation-reports-page .form-them-4 .border-form-them-4 .header-form-them-4 .box-title-them-2::before,
	.teacher-evaluation-reports-principal-page .form-them-4 .border-form-them-4 .header-form-them-4 .box-title-them-2::before,
	.teacher-evaluation-reports-principal-1-page .form-them-4 .border-form-them-4 .header-form-them-4 .box-title-them-2::before,
	.teacher-evaluation-reports-supervisor-1-page .form-them-4 .border-form-them-4 .header-form-them-4 .box-title-them-2::after,
	.teacher-evaluation-reports-page .form-them-4 .border-form-them-4 .header-form-them-4 .box-title-them-2::after,
	.teacher-evaluation-reports-principal-1-page .form-them-4 .border-form-them-4 .header-form-them-4 .box-title-them-2::after,
	.semester-plan-page .form-them-4 .border-form-them-4 .header-form-them-4 .box-title-them-2::after,
	.teacher-evaluation-reports-principal-page .form-them-4 .border-form-them-4 .header-form-them-4 .box-title-them-2::after {
		bottom: 13px;
	}

	.semester-plan-page .form-them-4 .border-form-them-4 .header-form-them-4 .box-title-them-2 .title-them-2,
	.teacher-evaluation-reports-supervisor-1-page .form-them-4 .border-form-them-4 .header-form-them-4 .box-title-them-2 .title-them-2,
	.teacher-evaluation-reports-principal-page .form-them-4 .border-form-them-4 .header-form-them-4 .box-title-them-2 .title-them-2,
	.teacher-evaluation-reports-principal-1-page .form-them-4 .border-form-them-4 .header-form-them-4 .box-title-them-2 .title-them-2,
	.teacher-evaluation-reports-page .form-them-4 .border-form-them-4 .header-form-them-4 .box-title-them-2 .title-them-2 {
		font-size: 15px;
		padding: 8px 20px;

	}

	.semester-plan-page .form-them-4 .border-form-them-4 .list-block-semester .block-semester,
	.teacher-evaluation-reports-supervisor-1-page .form-them-4 .border-form-them-4 .list-block-semester .block-semester,
	.teacher-evaluation-reports-page .form-them-4 .border-form-them-4 .list-block-semester .block-semester,
	.teacher-evaluation-reports-principal-1-page .form-them-4 .border-form-them-4 .list-block-semester .block-semester,
	.teacher-evaluation-reports-principal-page .form-them-4 .border-form-them-4 .list-block-semester .block-semester {
		margin-bottom: 30px;
		padding: 12px;
	}

	.semester-plan-page .form-them-4 .border-form-them-4 .list-block-semester .block-semester .content-semester,
	.teacher-evaluation-reports-supervisor-1-page .form-them-4 .border-form-them-4 .list-block-semester .block-semester .content-semester,
	.teacher-evaluation-reports-page .form-them-4 .border-form-them-4 .list-block-semester .block-semester .content-semester,
	.teacher-evaluation-reports-principal-1-page .form-them-4 .border-form-them-4 .list-block-semester .block-semester .content-semester,
	.teacher-evaluation-reports-principal-page .form-them-4 .border-form-them-4 .list-block-semester .block-semester .content-semester {
		padding: 35px 14px 20px;
		padding-bottom: 40px;
	}

	.semester-plan-page .form-them-4 .border-form-them-4 .list-block-semester .block-semester .content-semester .title-block,
	.teacher-evaluation-reports-supervisor-1-page .form-them-4 .border-form-them-4 .list-block-semester .block-semester .content-semester .title-block,
	.teacher-evaluation-reports-page .form-them-4 .border-form-them-4 .list-block-semester .block-semester .content-semester .title-block,
	.teacher-evaluation-reports-principal-1-page .form-them-4 .border-form-them-4 .list-block-semester .block-semester .content-semester .title-block,
	.teacher-evaluation-reports-principal-page .form-them-4 .border-form-them-4 .list-block-semester .block-semester .content-semester .title-block {
		font-size: 16px;
		margin-bottom: 14px;
	}

	.semester-plan-page .form-them-4 .border-form-them-4 .list-block-semester .block-semester .content-semester .date-block,
	.teacher-evaluation-reports-supervisor-1-page .form-them-4 .border-form-them-4 .list-block-semester .block-semester .content-semester .date-block,
	.teacher-evaluation-reports-page .form-them-4 .border-form-them-4 .list-block-semester .block-semester .content-semester .date-block,
	.teacher-evaluation-reports-principal-1-page .form-them-4 .border-form-them-4 .list-block-semester .block-semester .content-semester .date-block,
	.teacher-evaluation-reports-principal-page .form-them-4 .border-form-them-4 .list-block-semester .block-semester .content-semester .date-block {
		font-size: 18px;
	}

	.semester-plan-page .form-them-4 .border-form-them-4 .list-block-semester .block-semester .box-img .logo-img,
	.teacher-evaluation-reports-supervisor-1-page .form-them-4 .border-form-them-4 .list-block-semester .block-semester .box-img .logo-img,
	.teacher-evaluation-reports-page .form-them-4 .border-form-them-4 .list-block-semester .block-semester .box-img .logo-img,
	.teacher-evaluation-reports-principal-1-page .form-them-4 .border-form-them-4 .list-block-semester .block-semester .box-img .logo-img,
	.teacher-evaluation-reports-principal-page .form-them-4 .border-form-them-4 .list-block-semester .block-semester .box-img .logo-img {
		width: 50px;
	}

	/******reham******/
	.daily-class-timing-page .col-md-5 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 41.6666666667%;
		flex: 0 0 100%;
		max-width: 100% !important;
	}

	.daily-class-timing-page .col-md-7 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 58.3333333333%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}

@media(max-width:1280px) {
	.aside-enabled.subheader-fixed .by-sidebar .subheader {

		width: 70%;
	}
}

@media(max-width:1239px) {

	.filter-box .list-filter .item-filter .dropdown .img-icon,
	.filter-box .list-filter .item-filter .filter .img-icon {
		margin-left: 5px;
		width: 20px;
	}

	.filter-box .list-filter .item-filter .filter span {
		font-size: 12px;
	}

	.filter-box .list-filter .item-filter {
		margin-left: 6px;

	}

	.filter-box .box-search {
		min-width: 220px;
	}

	.my-notification .table-responsive .notification-table.table {

		min-width: 350px;
	}


}

@media (min-width: 0px) and (max-width: 599px) {
	.filter-box .box-search {
		min-width: 220px !important;
	}
}

@media (max-width: 991.98px) {
	.login.login-3 .login-content .login-form {
		width: 100%;
		max-width: 100%;
		left: 0 !important;
	}
}
/*******notifications**********/
.notifications {
	position: relative;
	direction: rtl;
	text-align: right;
}

	.notifications .msg {
		box-shadow: 0px 0px 24px rgb(29 29 29 / 4%);
		position: relative;
		border: 0;
		background-color: white;
		padding: 22px 15px;
		margin-bottom: 20px;
		padding-left: 39px;
		border: 0;
		overflow: hidden;
		padding-right: 62px;
		border-radius: 12px;
		transition: 0.5s ease;
	}

		.notifications .msg.active,
		.notifications .msg:hover {
			background-color: #007FC3;
			border: 0;
			box-shadow: none;
		}

	.notifications .box--delete {
		position: absolute;
		left: -1px;
		color: #ffffff;
		bottom: 0;
		padding: 4px 6px;
		background: #dcdce5;
		border-radius: 0 18px 0 0;
		font-size: 16px;
		text-align: center;
		width: 38px;
		height: 36px;
		display: inline-flex;
		justify-content: center;
		align-items: center;
	}

	.notifications .msg.active .box--delete,
	.notifications .msg:hover .box--delete {
		background: #ffcc33;
	}

	.notifications .msg .msg-text span.date-span {
		font-size: 13px;
		font-weight: 600;
		position: absolute;
		left: 14px;
		top: 8px;
		line-height: 16px;
	}

	.notifications .msg img {
		width: 70px;
		margin-left: 10px;
		border-radius: 10px;
	}

	.notifications .msg .msg-text {
		margin: 0 auto;
		width: 100%;
	}

		.notifications .msg .msg-text h5 {
			margin-bottom: 8px;
			font-weight: 600;
			font-size: 18px;
		}

		.notifications .msg .msg-text p {
			font-size: 16px;
			line-height: 20px;
			vertical-align: middle;
			margin-bottom: 4px;
		}

			.notifications .msg .msg-text p:last-of-type {
				margin-bottom: 0;
			}

	.notifications .msg .box-icon {
		right: 15px;
		font-size: 18px;
		top: 20px;
		background: #e0e0e0;
		width: 32px;
		line-height: 18px;
		text-align: center;
		display: flex;
		height: 32px;
		justify-content: center;
		align-items: center;
		border-radius: 50%;
		position: absolute;
		color: #fff;
	}

	.notifications .msg .msg-text .box--delete {
		z-index: 10;
		cursor: pointer
	}

		.notifications .msg .msg-text .box--delete i {
			color: #fff;
		}

		.notifications .msg .msg-text .box--delete span.date-span {
			font-size: 16px;
			cursor: pointer;
		}

	.notifications .msg .link-notification {
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
		z-index: 3;
	}

	.notifications .msg .msg-text .date-span-2 {
		font-size: 14px;
		line-height: 16px;
		margin-bottom: 5px;
		display: block;
	}

	.notifications .msg.active .box-icon, .notifications .msg:hover .box-icon {
		background: #ffcc33;
	}

	.notifications .msg .box-icon svg path {
		stroke: #fff;
	}

	.notifications .msg.active .msg-text h5, .notifications .msg:hover .msg-text h5 {
		color: #f5fbfb;
	}

	.notifications .msg.active .msg-text p, .notifications .msg:hover .msg-text p {
		color: #f5fbfb;
	}

	.notifications .msg.active .msg-text span.date-span, .notifications .msg:hover .msg-text span.date-span {
		color: #f5fbfb;
	}

.block-drag-complete .answer-input {
	width: 160px;
}

.delete-message-modal .par-popup {
	font-size: 18px;
}

/**************/
.dropdown.notifications-menu-box .topbar-item .btn span {
	color: #007FC3;
}

.dropdown.notifications-menu-box .header-notification-menu {
	background-color: #007fc3;
}

	.dropdown.notifications-menu-box .header-notification-menu .text-new {
		color: #ffffff;
		background-color: #ffcc33;
		padding: 8px 12px;
		border-radius: 5px;
		font-size: 14px;
	}

.dropdown.notifications-menu-box .dropdown-menu-box {
	position: relative;
}

	.dropdown.notifications-menu-box .dropdown-menu-box .msg .link-notification {
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
		z-index: 3;
	}

	.dropdown.notifications-menu-box .dropdown-menu-box .msg {
		box-shadow: 0px 0px 24px rgb(29 29 29 / 4%);
		position: relative;
		border: 0;
		background-color: white;
		padding: 22px 15px;
		margin-bottom: 15px;
		padding-left: 28px;
		border: 0;
		overflow: hidden;
		padding-right: 44px;
		border-radius: 12px;
		transition: 0.5s ease;
	}

		.dropdown.notifications-menu-box .dropdown-menu-box .msg.active, .dropdown.notifications-menu-box .dropdown-menu-box .msg:hover {
			background-color: #007FC3;
			border: 0;
			box-shadow: none;
		}

		.dropdown.notifications-menu-box .dropdown-menu-box .msg .box-icon {
			right: 10px;
			font-size: 17px;
			top: 20px;
			background: #e0e0e0;
			width: 28px;
			line-height: 18px;
			text-align: center;
			display: flex;
			height: 28px;
			justify-content: center;
			align-items: center;
			border-radius: 50%;
			position: absolute;
			color: #fff;
		}

		.dropdown.notifications-menu-box .dropdown-menu-box .msg.active .box-icon,
		.dropdown.notifications-menu-box .dropdown-menu-box .msg:hover .box-icon {
			background: #ffcc33;
		}

		.dropdown.notifications-menu-box .dropdown-menu-box .msg .msg-text {
			margin: 0 auto;
			width: 100%;
		}

			.dropdown.notifications-menu-box .dropdown-menu-box .msg .msg-text h5 {
				margin-bottom: 8px;
				font-weight: 500;
				font-size: 16px;
			}

			.dropdown.notifications-menu-box .dropdown-menu-box .msg .msg-text p {
				font-size: 16px;
				line-height: 20px;
				vertical-align: middle;
				margin-bottom: 4px;
			}

				.dropdown.notifications-menu-box .dropdown-menu-box .msg .msg-text p:last-of-type {
					margin-bottom: 0;
				}

			.dropdown.notifications-menu-box .dropdown-menu-box .msg .msg-text span.date-span {
				font-size: 13px;
				font-weight: 600;
				position: absolute;
				left: 14px;
				top: 8px;
				line-height: 16px;
			}

	.dropdown.notifications-menu-box .dropdown-menu-box .box--delete {
		position: absolute;
		left: -1px;
		color: #ffffff;
		bottom: 0;
		padding: 5px 6px;
		background: #dcdce5;
		border-radius: 0 18px 0 0;
		font-size: 16px;
		text-align: center;
		width: 30px;
		height: 30px;
		display: inline-flex;
		justify-content: center;
		align-items: center;
	}

	.dropdown.notifications-menu-box .dropdown-menu-box .msg .msg-text .box--delete {
		z-index: 10;
		cursor: pointer;
	}

	.dropdown.notifications-menu-box .dropdown-menu-box .msg .box-icon svg path {
		stroke: #fff;
	}

	.dropdown.notifications-menu-box .dropdown-menu-box .msg:hover .msg-text p,
	.dropdown.notifications-menu-box .dropdown-menu-box .msg:hover .msg-text h5,
	.dropdown.notifications-menu-box .dropdown-menu-box .msg.active .msg-text p,
	.dropdown.notifications-menu-box .dropdown-menu-box .msg.active .msg-text h5,
	.dropdown.notifications-menu-box .dropdown-menu-box .msg.active .msg-text span.date-span,
	.dropdown.notifications-menu-box .dropdown-menu-box .msg:hover .msg-text span.date-span {
		color: #f5fbfb;
	}

.modal-backdrop {
	z-index: 1112;
}

@media (max-width: 1199px) {
	.header .header-menu .menu-nav > .menu-item > .menu-link {
		padding: 8px 12px;
	}
}

@media (max-width: 991px) {
	.dropdown.notifications-menu-box .btn.btn-icon.btn-lg {
		width: 24px;
		margin-right: 8px;
	}

	.dropdown.notifications-menu-box .topbar-item .btn span {
		color: #484f66;
		transition: .4s;
	}

	.dropdown.notifications-menu-box .topbar-item .btn:hover span {
		color: #007FC3;
	}
}

@media (max-width: 600px) {
	.dropdown.notifications-menu-box .dropdown-menu {
		width: 90vw;
	}

	.notifications-page .header-notification .item .img-noti {
		width: 30px;
	}
}