* {
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	padding: 0;
	margin: 0;
	font-family: 'Roboto', sans-serif;
	background-color: #f2f3fb;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
	margin: 0;
	padding: 0;
	text-decoration: none;
}

ul,
ol,
li {
	margin: 0;
	padding: 0;
	list-style: none;
}

/*header part css start*/

header {
	width: 100%;
	background-color: #fff;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 2100;
	padding: 10px 26px 9px;
	-webkit-box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.15);
	box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.15);
	z-index: 8;
}

.logo {
	width: 156px;
	float: left;
}

.logo img {
	width: 70%;
}

.header-right {
	float: right;
	margin: 8px 0 0 0;
}

.mobile-menu-btn {
	display: none;
}

.bell a i.fas {
	color: #222 !important;
}

.bell a::after {
	display: none;
}

.dropdown.bell {
	display: inline-block;
	margin: 0 13px;
}

.dropdown a {
	cursor: pointer;
}

/*header part css end*/

/*dasboard part css start*/

.dasboard-container {
	width: 100%;
	float: left;
	margin: 66px 0 0 0;
}

.dasboard-container .row {
	margin: 0;
	padding: 0;
}

.dasboard-nav {
	position: fixed !important;
	height: 100%;
	z-index: 8;
	background-color: #fff;
	padding: 0;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	left: 0;
	-webkit-box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.15);
	box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.15);
}

.menu-close .col-lg-12.dasboard-rightbar {
	padding: 19px 1% 0 1.6%;
}

.menu-close .side-nav-btn {
	margin: 2px -59px 0 0;
}

.col-lg-12.dasboard-rightbar {
	padding: 19px 1% 0 18%;
	background-color: #f2f3fb;
}

.dropdown-menu.notification {
	left: -153px !important;
	top: 30px !important;
	border: none;
	-webkit-box-shadow: 0px 3px 45px -14px rgba(47, 53, 62, 0.59);
	-moz-box-shadow: 0px 3px 45px -14px rgba(47, 53, 62, 0.59);
	box-shadow: 0px 3px 45px -14px rgba(47, 53, 62, 0.59);
}

.message-notification {
	left: -153px !important;
	top: 30px !important;
	border: none;
	-webkit-box-shadow: 0px 3px 45px -14px rgba(47, 53, 62, 0.59);
	-moz-box-shadow: 0px 3px 45px -14px rgba(47, 53, 62, 0.59);
	box-shadow: 0px 3px 45px -14px rgba(47, 53, 62, 0.59);
}

.bell a i.fas:hover {
	color: #169f97 !important;
}

.bell.show a i.fas {
	color: #169f97 !important;
}

.bell.show i.fa {
	color: #169f97 !important;
}

.dropdown i.fa {
	color: #222;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.dropdown a :hover i.fa {
	color: #169f97;
}

.notification-block {
	width: 20px;
	height: 20px;
	background-color: #169f97;
	color: #fff;
}

.notification-block {
	width: 20px;
	height: 20px;
	background-color: #039ca2;
	color: #fff;
	display: inline-block;
	text-align: center;
	border-radius: 100%;
	font-size: 10px;
	position: absolute;
	top: -8px;
	left: -14px;
	font-weight: bold;
	line-height: 19px;
}

a.log-out {
	color: #333;
	display: inline-block;
	position: relative;
	top: -4px;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.dropdown i.fa:hover {
	color: #169f97;
}

a.log-out:hover {
	color: #169f97;
}

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

.dropdown.pfofile .nav-link {
	padding: 0;
	color: #222;
}

.dropdown.pfofile {
	display: inline-block;
	position: relative;
	top: -7px;
	margin: 0 16px 0 0;
}

.dropdown-menu.profile.animated.flipInX.show {
	width: 345px;
	left: -204px !important;
	top: 45px !important;
	border: none;
	-webkit-box-shadow: 0px 3px 45px -14px rgba(47, 53, 62, 0.59);
	-moz-box-shadow: 0px 3px 45px -14px rgba(47, 53, 62, 0.59);
	box-shadow: 0px 3px 45px -14px rgba(47, 53, 62, 0.59);
}

.show .dropdown-toggle::after {
	transform: rotate(179deg);
}

.dropdown-toggle::after {
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.search-block {
	width: 100%;
	display: inline-block;
	padding: 9px 11px;
	margin-bottom: 4px;
}

.search-block ::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #222;
}

.search-block ::-moz-placeholder {
	/* Firefox 19+ */
	color: #222;
}

.search-block :-ms-input-placeholder {
	/* IE 10+ */
	color: #222;
}

.search-block :-moz-placeholder {
	/* Firefox 18- */
	color: #222;
}

.side-nav-btn {
	display: inline-block;
	width: 38px;
	height: 34px;
	background-color: #039ca2;
	text-align: center;
	padding: 9px 0 0 0;
	float: right;
	border-radius: 4px;
}

.side-nav-btn span {
	width: 24px;
	height: 2px;
	display: block;
	background-color: #fff;
	margin: 0 auto 5px;
}

input.search-input {
	border: none;
	outline: none;
	background-color: #384054;
	border-bottom: 1px solid #d8d8d8;
	width: 100%;
	font-size: 15px;
	padding: 10px;
	color: #222;
	background: url(../images/search-icon.png) no-repeat;
	background-position: 98% 15px;
	background-size: 18px;
	padding: 11px 27px 11px 11px;
	margin: 20px 0 9px 0;
}

.dasboard-nav .nav-link {
	border-radius: 0;
	position: relative;
	color: #172b4d !important;
	opacity: 0.8;
	font-size: 0.8125rem;
	font-weight: 500;
	line-height: 2.2rem;
}

.dasboard-nav .nav-link img {
	float: left;
	margin: 0 12px 0 0;
}

.dasboard-nav .nav-link.active {
	background-color: #f6f6f6;
}

.dasboard-nav .dropdown-menu.show {
	position: relative !important;
	transform: inherit !important;
}

.dropdown-nav {
	margin: 14px 0 0 0;
	width: 100%;
	display: inline-block;
	display: none;
}

.dropdown-nav li {
	width: 100%;
	display: inline-block;
}

.dropdown-nav li a {
	color: #172b4d !important;
	opacity: 0.8;
	font-size: 0.8125rem;
	font-weight: 500;
	border-bottom: 1px solid #d8d8d8;
	display: block;
	padding: 10px 15px 10px 25px;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	line-height: 33px;
	position: relative;
}

.dropdown-nav li img {
	float: left;
	margin: 0 16px 0 0;
	width: 32px;
}

.dropdown-nav li a.active {
	background-color: #f6f6f6;
}

.dropdown-nav.nav-open {
	display: block;
}

.dropdown-nav li a:hover {
	text-decoration: none;
	background-color: #f6f6f6;
	color: #222;
}

body::-webkit-scrollbar {
	width: 10px;
	height: 20px;
}

body::-webkit-scrollbar-thumb {
	background-color: #039ca2;
	border-radius: 30px;
}

.breadcrumbs-container {
	width: 100%;
	padding: 15px 1% 15px 19%;
	display: inline-block;
	background-color: #fff;
}

body.menu-close .dasboard-nav {
	left: -16.8%;
}

.breadcrumbs-leftbar {
	display: inline-block;
	width: 47%;
}

.breadcrumbs-leftbar li {
	display: inline-block;
	text-transform: uppercase;
	font-size: 14px;
	margin: 0 1% 0 0;
	color: rgba(0, 0, 0, 0.6);
}

.breadcrumbs-leftbar li a {
	color: #039ca2;
}

.breadcrumbs-leftbar li a:hover {
	text-decoration: none;
}

.menu-close .breadcrumbs-container {
	padding: 15px 1% 15px 2.6%;
}

.dasboard-top {
	width: 100%;
	display: inline-block;
}

.dasboard-top h1 {
	font-size: 24px;
	color: #000;
	margin: 0 0 13px 16px;
}

.dasboard-top h1 span {
	font-size: 13px;
	color: #afafaf;
	display: inline-block;
	margin: 0 0 0 16px;
}

.feedback-card {
	background-color: #2979ff;
	border: none;
	text-align: right;
	color: #fff;
	padding: 28px 26px;
	overflow: hidden;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.feedback-card .card-body-icon {
	position: absolute;
	font-size: 67px;
	left: 16px;
	top: 0px;
	color: #fff;
}

.card.feedback-card p {
	font-size: 28px;
}

.card.feedback-card span {
	font-size: 25px;
}

.light-red {
	background-color: #ee685a;
}

.light-green {
	background-color: #40a8af;
}

.light-purple {
	background-color: #887aa9;
}

.view-more {
	width: 100%;
	margin: 15px 0 0;
	text-align: left;
	padding: 11px 22px;
	color: #fff;
	font-size: 18px;
	-webkit-box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.15);
	box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.view-more:hover {
	box-shadow: none;
	color: #333;
}

.feedback-card:hover {
	-webkit-box-shadow: 0 2px 30px 0 rgba(144, 144, 144, 0.54);
	box-shadow: 0 2px 30px 0 rgba(144, 144, 144, 0.54);
}

.feedback-card:hover .view-more {
	text-decoration: none;
	background-color: #fff;
	color: #000;
}

.site-visit {
	background-color: #fff;
	padding: 15px;
	margin: 0 0 20px;
}

.site-visit-top {
	width: 100%;
	display: inline-block;
	border-bottom: 1px solid #e0e0e0;
}

.site-visit-top h3 {
	font-size: 17px;
	color: #384054;
	padding: 0 0 18px;
	display: inline-block;
	text-transform: uppercase;
	font-weight: 600;
}

.site-visit-top h3 span {
	font-size: 13px;
	color: #adadad;
	text-transform: none;
	font-weight: normal;
}

.portlet .tabbable-line > .tab-content {
	padding-bottom: 0;
}

ul.visits-tabs {
	float: right;
}

.visit-tab {
	float: right;
}

.visit-tab {
	float: right;
	border: none;
}

.visit-tab li a {
	color: #8e94a7;
	font-size: 15px;
	padding: 12px;
	background-color: #fff;
	border-radius: 40px;
	padding: 7px 19px;
	margin: 0 12px 0 0;
}

.visit-tab li a:hover {
	text-decoration: none;
}

.visit-tab li a.active {
	background-color: #8e94a7;
	color: #fff;
}

body canvas#myChart {
	max-width: 100% !important;
	max-height: 100% !important;
	width: 100%;
	height: 100%;
}

.filterby {
	float: right;
}

button#dLabel {
	outline: none;
	border: 1px solid;
	background-color: #fff;
	color: #8e94a7;
	font-size: 15px;
	padding: 12px;
	background-color: #fff;
	border-radius: 40px;
	padding: 4px 19px;
	margin: 0 12px 0 0;
}

.filterby-menu {
	margin: 44px 0 0 0;
	-webkit-box-shadow: 0px 3px 45px -14px rgba(47, 53, 62, 0.59);
	-moz-box-shadow: 0px 3px 45px -14px rgba(47, 53, 62, 0.59);
	box-shadow: 0px 3px 45px -14px rgba(47, 53, 62, 0.59);
	width: 191px;
	left: -80px !important;
}

.filterby-menu li a {
	display: block;
	padding: 10px 15px;
	border-bottom: 1px solid #eee;
	font-size: 13px;
	color: #333;
}

.activities-list {
	width: 100%;
	display: inline-block;
	margin: 17px 0 0 0;
}

.activities-list li {
	width: 100%;
	background-color: #eee;
	padding: 10px 15px;
	margin: 0 0 5px;
}

.activities-icon {
	width: 22px;
	height: 22px;
	text-align: center;
}

.activities-icon {
	width: 33px;
	height: 32px;
	text-align: center;
	display: inline-block;
	background-color: #88bdf3;
	color: #fff;
	line-height: 32px;
}

.activities-detail {
	float: right;
	text-align: left;
	width: 92%;
}

.activities-detail p {
	font-size: 13px;
	line-height: 34px;
	color: #cac9cd;
}

.activities-detail p span {
	float: right;
	color: #cacaca;
	font-weight: 500;
	font-style: italic;
}

.custom-scrollbar-js,
.custom-scrollbar-css {
	height: 637px;
}

.custom-scrollbar-css {
	overflow-y: scroll;
	padding: 0 9px 0 0;
}

.custom-scrollbar-css::-webkit-scrollbar {
	width: 5px;
}

.custom-scrollbar-css::-webkit-scrollbar-track {
	background: #fff;
}

.custom-scrollbar-css::-webkit-scrollbar-thumb {
	border-radius: 1rem;
	background-color: #e3e2e3;
	background-image: linear-gradient(to top, #e3e2e3 0%, #e3e2e3 100%);
}

.custom-scrollbar-css.scroll-1 {
	height: 285px;
}

.all-records {
	font-size: 15px;
	background-color: #8e94a7;
	color: #fff;
	border-radius: 40px;
	padding: 7px 19px;
	margin: 3px 0 0 0;
	display: inline-block;
}

.all-records:hover {
	text-decoration: none;
	color: #fff;
}

.activities-detail p spam {
	background-color: #ebc262;
	padding: 5px 19px;
	margin: 0 0 0 14px;
	color: #fff;
}

/*dasboard part css end*/

/*Students page css start*/

.students-info {
	box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	background-color: #fff;
}

/* Stepper */

label.invalid {
	font-size: 0.8rem;
	font-weight: 500;
	color: red !important;
	top: 50px !important;
}

label.invalid.active {
	color: #000;
}

/*Validate.js FIX*/

ul.stepper {
	counter-reset: section;
	padding: 0 0 28px;
}

ul.stepper.horizontal {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	min-height: 458px;
}

.card-content ul.stepper.horizontal {
	margin-left: -20px;
	margin-right: -20px;
	padding-left: 20px;
	padding-right: 20px;
	overflow: hidden;
}

.card-content ul.stepper.horizontal:first-child {
	margin-top: -20px;
}

ul.stepper.horizontal::before {
	content: '';
	background-color: transparent;
	width: 100%;
	min-height: 84px;
	box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	position: absolute;
	left: 0;
}

ul.stepper .wait-feedback {
	left: 0;
	right: 0;
	top: 0;
	z-index: 2;
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

ul.stepper:not(.horizontal) .step {
	position: relative;
}

ul.stepper .step.feedbacking .step-content > *:not(.wait-feedback) {
	opacity: 0.1;
}

ul.stepper.horizontal .step {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 84px;
}

ul.stepper.horizontal .step:last-child {
	width: auto;
}

ul.stepper.horizontal .step:not(:last-child)::after {
	content: '';
	display: inline-block;
	width: 100%;
	height: 1px;
	background-color: rgba(0, 0, 0, 0.1);
}

ul.stepper:not(.horizontal) .step:not(:last-child) {
	margin-bottom: 10px;
	-webkit-transition: margin-bottom 0.4s;
	transition: margin-bottom 0.4s;
}

ul.stepper:not(.horizontal) .step:not(:last-child).active {
	margin-bottom: 36px;
}

/*ul.stepper:not(.horizontal) .step::before {
    position: absolute;
    top: 12px;
    
    content:"";
    height: 28px;
    width: 28px;
    color: white;
    background-color: rgba(0,0,0,0.3);
    border-radius: 50%;
    text-align: center;
    line-height: 28px;
    font-weight: 400;
    left: 23px;
 }
 */

ul.stepper:not(.horizontal) .step.active::before,
ul.stepper:not(.horizontal) .step.done::before,
ul.stepper.horizontal .step.active .step-title::before,
ul.stepper.horizontal .step.done .step-title::before {
	background-color: #039ca2;
}

ul.stepper:not(.horizontal) .step.done::before,
ul.stepper.horizontal .step.done .step-title::before {
	content: '\f058';
	font-size: 16px;
	font-family: 'Font Awesome 5 Free';
}

ul.stepper:not(.horizontal) .step.wrong::before,
ul.stepper.horizontal .step.wrong .step-title::before {
	content: '\e001';
	font-size: 24px;
	font-family: 'Material Icons';
	background-color: red !important;
}

ul.stepper:not(.horizontal) .step-title {
	margin: 0 0 27px 0;
	cursor: pointer;
	padding: 15.5px 44px 17px 21px;
	display: inline-block;
	width: 100%;
}

ul.stepper.horizontal .step-title {
	line-height: 84px;
	height: 84px;
	padding-left: 65px;
	padding-right: 25px;
	display: inline-block;
	max-width: 220px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

ul.stepper.horizontal .step .step-title::before {
	position: absolute;
	top: 28.5px;
	left: 19px;
	counter-increment: section;
	content: counter(section);
	height: 28px;
	width: 28px;
	color: white;
	background-color: rgba(0, 0, 0, 0.3);
	border-radius: 50%;
	text-align: center;
	line-height: 28px;
	font-weight: 400;
}

div#linear {
	width: 100%;
	padding: 0;
}

ul.stepper.horizontal .step-title::after {
	top: 15px;
}

ul.stepper .step-title:hover {
	background-color: rgba(0, 0, 0, 0.06);
}

ul.stepper .step.active .step-title {
	font-weight: 500;
}

ul.stepper .step-content {
	position: relative;
	display: none;
	height: calc(100% - 132px);
	width: inherit;
	overflow: visible;
	margin-left: 41px;
	margin-right: 24px;
}

ul.stepper.horizontal .step-content {
	position: absolute;
	height: calc(100% - 84px);
	top: 84px;
	left: 0;
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	margin: 0;
	padding: 20px 20px 76px 20px;
}

.card-content ul.stepper.horizontal .step-content {
	padding-left: 40px;
	padding-right: 40px;
}

ul.stepper:not(.horizontal) > .step:not(:last-child)::after {
	content: '';
	position: absolute;
	top: 50px;
	left: 13.5px;
	width: 1px;
	height: calc(100% - 38px);
	background-color: rgba(0, 0, 0, 0);
	-webkit-transition: height 0.4s;
	transition: height 0.4s;
}

ul.stepper:not(.horizontal) > .step.active:not(:last-child)::after {
	height: calc(100% - 12px);
}

ul.stepper .step-actions {
	padding: 25px 16px 0;
	-webkit-display: flex;
	-moz-display: flex;
	-ms-display: flex;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.next-step {
	background-color: #219fda;
}

ul.stepper:not(.horizontal) .step-actions .btn:not(:last-child),
ul.stepper:not(.horizontal) .step-actions .btn-flat:not(:last-child),
ul.stepper:not(.horizontal) .step-actions .btn-large:not(:last-child) {
	margin-right: 5px;
}

ul.stepper.horizontal .step-actions .btn:not(:last-child),
ul.stepper.horizontal .step-actions .btn-flat:not(:last-child),
ul.stepper.horizontal .step-actions .btn-large:not(:last-child) {
	margin-left: 5px;
}

.stepper input.validate.valid {
	background-color: transparent !important;
}

ul.stepper.horizontal .step-actions {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 20px;
	background-color: #fff;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.card-content ul.stepper.horizontal .step-actions {
	padding-left: 40px;
	padding-right: 40px;
}

ul.stepper .step-content .row {
	margin-bottom: 7px;
}

.stepper input:focus {
	border-bottom: 1px solid #219fda !important;
	box-shadow: 0 1px 0 0 #209bd5 !important;
}

.stepper input.validate.valid {
	border-bottom: 1px solid #9e9e9e !important;
	box-shadow: 0 0px 0 0 #9e9e9e !important;
}

.stepper input.validate {
	margin: 0 0 23px;
}

.stepper input.validate {
	padding: 0 2%;
	width: 96%;
	margin: 21px 0;
}

.stepper .input-field.col-md-4.col-12 {
	margin: 14px 0 30px 0;
	display: inline-block;
}

.stepper .input-field label {
	color: #9e9e9e;
	position: absolute;
	top: -1.7rem;
	left: 0;
	font-size: 1rem;
	cursor: text;
	transition: 0.2s ease-out;
	padding: 0 20px;
}

.stepper input:not([type]):focus:not([readonly]) + label,
input[type='text']:focus:not([readonly]) + label,
input[type='password']:focus:not([readonly]) + label,
input[type='email']:focus:not([readonly]) + label,
input[type='url']:focus:not([readonly]) + label,
input[type='time']:focus:not([readonly]) + label,
input[type='date']:focus:not([readonly]) + label,
input[type='datetime']:focus:not([readonly]) + label,
input[type='datetime-local']:focus:not([readonly]) + label,
input[type='tel']:focus:not([readonly]) + label,
input[type='number']:focus:not([readonly]) + label,
input[type='search']:focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label {
	color: #039ca2 !important;
}

.stepper .input-field label:not(.label-icon).active {
	font-size: inherit;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

select#sel1 {
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #9e9e9e;
	border-radius: 0;
	outline: none;
	height: 34px;
	width: 100%;
	font-size: 1rem;
	margin: 0 0 20px 0;
	padding: 24px 0 0;
	box-shadow: none;
	box-sizing: content-box;
	transition: all 0.3s;
}

.card .card-content {
	padding: 0 !important;
	border-radius: 0 0 2px 2px;
}

.stepper select:focus {
	border-bottom: 1px solid #219fda !important;
	box-shadow: 0 1px 0 0 #209bd5 !important;
	border: none;
}

.stepper select {
	background-color: rgba(255, 255, 255, 0.9);
	width: 100%;
	padding: 3px 8px 0;
	border: 1px solid #f2f2f2;
	border-radius: 2px;
	height: 46px;
	display: block;
	border-bottom: 1px solid #9e9e9e !important;
	border-top: none;
	border-left: none;
	border-right: none;
	color: #9e9e9e;
}

.stepper select:focus {
	border-bottom: 1px solid #219fda !important;
	box-shadow: 0 1px 0 0 #209bd5 !important;
	border: none;
	outline: none;
}

select.select-validate.active {
	border-bottom: 1px solid #219fda !important;
	box-shadow: 0 1px 0 0 #209bd5 !important;
	border: none;
	background-color: #e8f0fe;
}

select.select-validate2.active {
	border-bottom: 1px solid #219fda !important;
	box-shadow: 0 1px 0 0 #209bd5 !important;
	border: none;
	background-color: #e8f0fe;
}

select.select-validate3.active {
	border-bottom: 1px solid #219fda !important;
	box-shadow: 0 1px 0 0 #209bd5 !important;
	border: none;
	background-color: #e8f0fe;
}

select.select-validate4.active {
	border-bottom: 1px solid #219fda !important;
	box-shadow: 0 1px 0 0 #209bd5 !important;
	border: none;
	background-color: #e8f0fe;
}

select.select-validate5.active {
	border-bottom: 1px solid #219fda !important;
	box-shadow: 0 1px 0 0 #209bd5 !important;
	border: none;
	background-color: #e8f0fe;
}

select.select-validate6.active {
	border-bottom: 1px solid #219fda !important;
	box-shadow: 0 1px 0 0 #209bd5 !important;
	border: none;
	background-color: #e8f0fe;
}

.margin-top-40 {
	margin-top: 54px !important;
}

div#non-linear {
	width: 100%;
}

.stepper [type='checkbox']:not(:checked),
[type='checkbox']:checked {
	position: absolute;
	left: 15px !important;
	opacity: 0;
	top: 27px !important;
	z-index: 9999999999999999999999;
}

.stepper [type='checkbox'] + label:before,
[type='checkbox']:not(.filled-in) + label:after {
	top: 47px !important;
	left: 15px !important;
}

.stepper .input-field {
	position: relative;
	margin-top: 2.1rem;
}

.stepper-heading {
	font-size: 30px;
	display: block;
	width: 100%;
}

.stepper-heading {
	font-size: 20px;
	display: block;
	width: 100%;
	margin: 33px 0 33px 17px;
}

select.select-validate5 {
	margin: 21px 0 0 0;
}

select.select-validate6 {
	margin: 21px 0 0 0;
}

select.select-validate7.active {
	border-bottom: 1px solid #219fda !important;
	box-shadow: 0 1px 0 0 #209bd5 !important;
	border: none;
	background-color: #e8f0fe;
}

select.select-validate8.active {
	border-bottom: 1px solid #219fda !important;
	box-shadow: 0 1px 0 0 #209bd5 !important;
	border: none;
	background-color: #e8f0fe;
}

bod yinput:-internal-autofill-selected {
	background-color: #000 !important;
}

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px white inset;
	background-color: #000 !important;
}

.margin-top21 {
	margin-top: 21px;
}

.elevation {
	background-color: #fff;
	border: none;
	text-align: right;
	color: #fff;
	padding: 42px 26px;
	overflow: hidden;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	border: none;
	box-shadow: none !important;
	border-radius: 5px !important;
	display: inline-block;
	width: 100%;
	margin: 0 !important;
}

.elevation-left {
	width: 77%;
	float: left;
	text-align: left;
}

.elevation-left h3 {
	font-size: 15px;
	color: #222;
	margin: 0 0 19px;
	font-weight: 400;
	text-transform: uppercase;
}

.elevation-left spam {
	font-size: 19px;
	color: rgba(0, 0, 0, 0.6);
	margin: 0;
}

.elevation-right {
	float: right;
	width: 48px;
	height: 48px;
	background-color: #039ca2;
	border-radius: 100%;
	text-align: center;
	font-size: 19px;
	line-height: 45px;
}

.data-table-elevation {
	background-color: #fff;
	color: rgba(0, 0, 0, 0.87);
	box-shadow: 0 2px 2px 0 rgb(0 0 0 / 45%), 0 1px 5px 0 rgb(0 0 0 / 18%), 0 3px 1px -2px rgb(132 130 130 / 22%) !important;
	margin: 0 0 34px;
}

.elevation-table-top {
	padding: 4px 16px;
	width: 100%;
	display: inline-block;
}

.table-search {
	float: left;
	width: auto;
}

.table-data-add {
	float: right;
	width: auto;
	margin: 12px 0 0;
}

.table-search h4 {
	font-size: 20px;
	font-weight: bold;
	float: left;

	padding: 14px;
	margin: 6px 0 0 0;
}

.search-table {
	float: right;
	margin: 0 0 0 18px;
	width: 121px;
}

.search-table input.search-input {
	margin: 3px 0 0 0;
	padding: 0 23px 0 0;
}

input.search-input:focus {
	border-bottom: 1px solid #219fda !important;
	box-shadow: 0 1px 0 0 #219fda !important;
}

.export-data-btn {
	color: #039ca2;
	text-decoration: underline;
	margin: 0 11px 0 0;
}

.table-data-add .waves-effect {
	font-size: 14px;
}

.responsive-table th {
	background-color: #fff;
	font-size: 14px;
	color: rgba(0, 0, 0, 0.6);
	font-weight: 500;
	vertical-align: middle;
	padding: 10px 16px;
}

.responsive-table th a {
	color: rgba(0, 0, 0, 0.6);
}

.responsive-table td {
	font-size: 15px;
	padding: 10px 16px;
	vertical-align: middle;
}

.table-data-add .waves-effect:hover {
	color: #fff;
	text-decoration: none;
}

.validate-block {
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #9e9e9e;
	border-radius: 0;
	outline: none;
	height: 3rem;
	width: 100%;
	font-size: 1rem;
	margin: 22px 0 20px 0;
	padding: 0;
	box-shadow: none;
	box-sizing: content-box;
	transition: all 0.3s;
	position: relative;
	color: #9e9e9e;
	padding: 0 8px;
}

.validate-block [type='radio']:not(:checked),
[type='radio']:checked {
	position: absolute;
	left: 6px !important;
	opacity: 0;
	z-index: 9999999;
	top: 5px;
}

.validate-radio-btn label {
	top: 0.7rem !important;
	padding: 0 37px !important;
}

.validate-radio-btn {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	float: left;
	width: 55px;
}

.validate-radio-btninput {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
	border-radius: 50%;
}

.validate-radio-btn:hover input ~ .checkmark {
	background-color: #ccc;
}

.validate-radio-btn input:checked ~ .checkmark {
	background-color: #039ca2;
}

.checkmark:after {
	content: '';
	position: absolute;
	display: none;
}

.validate-radio-btn input:checked ~ .checkmark:after {
	display: block;
}

.validate-radio-btn .checkmark:after {
	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}

.detail-msg {
	margin: -6px 0 0 0;
	width: 99%;
	resize: none;
	border: none;
}

.detail-msg:focus {
	border: none;
	outline: none;
}

.personal-paragraph {
	padding: 0 22px 14px;
	font-style: italic;
}

.detail-msg-2 {
	height: 180px;
}

.personal-paragraph span {
	color: #039ca2;
}

label.custom-file-label {
	top: 3px !important;
	border: none;
}

.validate-block .custom-file-label::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
	display: block;
	height: calc(calc(2.25rem + 2px) - 1px * 2);
	padding: 0.075rem 1.95rem;
	line-height: 2.3;
	color: #fff;
	content: 'Upload';
	background-color: #039ca2;
	border-left: none;
	border-radius: 3px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

.label-heading {
	margin: 13px 0 0 0;
}

.files-table {
	margin: 20px 0 19px 0;
	width: 100%;
	float: left;
}

.files-table th {
	font-size: 14px;
	color: rgba(0, 0, 0, 0.6);
	font-weight: 500;
}

.files-table td {
	background-color: #fff;
	font-size: 14px;
	color: rgba(0, 0, 0, 0.6);
	font-weight: 500;
}

a.folder-icon img {
	width: 20px;
}

.attach-files {
	margin: 0 18px;
}

.declaration-block {
	margin: 0 !important;
	font-size: 14px;
	color: rgba(0, 0, 0, 0.6);
	font-weight: 500;
}

.validate-block.declaration-list {
	margin: 0 0 13px;
	border: none;
	height: auto;
	display: inline-block;
}

.declaration-list .validate-radio-btn {
	width: 100%;
	display: inline-block;
	margin: 0 0 42px;
}

.matgin-top-0 {
	margin-top: 0 !important;
}

.margin-top-56 {
	margin: 56px 0 0 !important;
}

.card.account-card {
	padding: 17px;
	width: 140px;
	text-align: center;
	font-size: 18px;
	color: #333;
	margin: 0 13px 14px 0;
	float: left;
}

.card.account-card i.fas {
	font-size: 40px;
	color: #219fda;
	margin: 0 0 7px;
}

.card.student-card {
	background: #f5f7f6;
	padding: 10px 10px 10px 10px;
	border: 1px solid #e4e6e5;
	float: left;
	width: 331px;
	height: 110px;
	font-size: 15px;
	text-align: left;
	margin: 0;
	font-size: 24px;
	color: #333;
	display: none;
}

.student-card-block:hover .card.student-card {
	display: block;
}

.student-card-block:hover .card.account-card {
	background-color: #219fda;
}

.student-card-block:hover .card.account-card {
	color: #fff;
}

.student-card-block:hover .card.account-card i.fas {
	color: #fff;
}

.input-group.account-search .input-group-append {
	margin-left: -81px;
}

.input-group.account-search {
	padding: 0 18px;
	margin: 4px 0 30px;
}

.students-list {
	width: 100%;
	display: inline-block;
	padding: 0 15px 0;
}

.students-list h3 {
	background-color: #039ca2;
	color: #fff;
	font-size: 23px;
	padding: 12px 17px;
	margin: 0;
}

#accordion .panel {
	border-radius: 0;
	border: 0;
	margin-top: 0px;
}

#accordion a {
	display: block;
	padding: 5px 10px;
	border-bottom: none;
	text-decoration: none;
	font-size: 16px;
	text-align: left;
	color: #333;
}

#accordion .panel-heading a.collapsed:hover,
#accordion .panel-heading a.collapsed:focus {
	color: white;
	transition: all 0.2s ease-in;
	background-color: #039ca2;
}

#accordion .panel-heading a.collapsed:hover::before,
#accordion .panel-heading a.collapsed:focus::before {
	color: white;
}

#accordion .panel-heading {
	padding: 0;
	border-radius: 0px;
	text-align: center;
	background-color: #f0f1f9;
	border-radius: 4px;
}

div#accordion {
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
	padding: 4px 17px 19px;
}

#accordion .panel-heading a:not(.collapsed) {
	color: #333;
	background-color: #f0f1f9;
	transition: all 0.2s ease-in;
}

/* Add Indicator fontawesome icon to the left */

#accordion .panel-heading .accordion-toggle::before {
	font-family: 'Font Awesome 5 Free';
	content: '';
	float: left;
	color: #717171;
	font-weight: lighter;
	transform: rotate(0deg);
	transition: all 0.2s ease-in;
	border-top: 0.3em solid;
	border-right: 0.3em solid transparent;
	border-bottom: 0;
	border-left: 0.3em solid transparent;
	float: right;
	margin: 13px 10px 0 0;
}

#accordion .panel-heading .accordion-toggle.collapsed::before {
	color: #444;
	transform: rotate(-179deg);
	transition: all 0.2s ease-in;
}

.students-account-detail {
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
	padding: 17px 20px;
}

.students-account-detail li {
	font-size: 15px;
	color: #333;
	margin: 0 0 10px;
}

.students-account-detail li strong {
	font-size: 16px;
	width: 89px;
	display: inline-block;
}

.manage-drop {
	display: inline-block;
}

button#menu1 {
	background-color: transparent;
	color: #333;
	padding: 0;
	box-shadow: none;
}

#menu1.dropdown-toggle::after {
	display: none;
}

.students-account-detail li span {
	padding: 0;
}

.pagination li a {
	color: #444;
	display: inline-block !important;
	font-size: 1.2rem;
	padding: 0 10px !important;
	line-height: 33.7px !important;
	background-color: #fff;
	border: 1px solid #dee2e6 !important;
}

.margin-top-0 {
	margin-top: 0 !important;
}

.responsive-table {
	overflow: scroll;
	overflow-x: scroll;
	min-height: 300px;
}

ul.side-nav-drop.custom-scrollbar-css.scroll-2 {
	height: 85vh;
}

.staff-data {
	width: 3100px;
	overflow-x: scroll;
}

ul.pagination {
	display: inline-block;
	padding: 15px 9px;
	margin: 0 0 0 16px;
}

.delete-btn:hover {
	color: #fff;
}

.action-notification {
	top: 29px !important;
	border: none;
	-webkit-box-shadow: 0px 3px 45px -14px rgba(47, 53, 62, 0.59);
	-moz-box-shadow: 0px 3px 45px -14px rgba(47, 53, 62, 0.59);
	box-shadow: 0px 0px 47px -14px rgba(47, 53, 62, 0.59);
	z-index: 099999999999999;
	position: absolute !important;
	left: 0 !important;
	width: 172px;
}

.action-notification li {
	width: 100%;
}

.action-notification li a {
	display: block;
	padding: 0.25rem 1.5rem;
	clear: both;
	font-weight: 400;
	color: #212529;
	font-size: 15px;
}

.action-notification li a:hover {
	color: #16181b;
	text-decoration: none;
	background-color: #e8e8e8;
}

.responsive-table.agent-list-table {
	overflow: visible;
	overflow: inherit;
}

.validate-block-summernote {
	background-color: transparent;
	border: none;
	border-radius: 0;
	outline: none;
	width: 100%;
	font-size: 1rem;
	margin: 22px 0 20px 0;
	padding: 0 !important;
	box-shadow: none;
	box-sizing: content-box;
	transition: all 0.3s;
	position: relative;
	color: #9e9e9e;
}

i.note-icon-font.note-recent-color {
	color: #fff !important;
	background-color: transparent !important;
}

.note-btn i {
	font-weight: normal !important;
	font-size: 12px !important;
}

.note-btn {
	padding: 0 24px 0 !important;
	margin: 0 1px 0 2px !important;
	background-color: #039ca2 !important;
}

.note-btn:hover {
	background-color: #039ca2 !important;
}

.note-editor .note-toolbar,
.note-popover .popover-content {
	margin: 0;
	padding: 9px 19px !important;
}

.note-dropdown-menu {
	width: 273px;
}

.note-dropdown-menu li a {
	color: #222;
	padding: 5px 9px !important;
	display: inline-block;
	width: 100%;
}

.modal.note-modal {
	background-color: transparent !important;
	box-shadow: none;
	overflow-y: hidden;
}

.note-modal button.close {
	padding: 0;
	margin: 0;
	color: #219fda;
}

.note-modal h4.modal-title {
	width: 100%;
	margin: 18px 0 17px;
	display: inline-block;
	padding: 0;
}

.note-modal label.note-form-label {
	position: relative;
	top: 0;
	padding: 5px 0;
	color: #333;
}

.intake-action {
	left: -281px !important;
	top: -48px !important;
	z-index: 999999999 !important;
	width: 308px;
}

table#tbl-listing {
	padding: 0 0 29px;
}

.table {
	border-bottom: 1px solid #dee2e6;
	font-family: 'Public Sans', sans-serif;
}

/*Students page css end*/

/*create course page css start*/

.create-course-leftbar {
	position: fixed;
	left: 0;
	top: 67px;
	display: flex;
	flex-direction: column;
	width: 300px;
	height: 100%;
	background: #fff;
	box-shadow: 1px 0 5px 0 #dfe4e6;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	padding: 0;
	z-index: 999;
}

.section-drag {
	width: 100%;
	float: left;
}

.section-drag ul {
	margin: 0;
}

.section-drag li {
	display: inline-block;
	text-align: center;
	font-size: 12px;
	color: #42515f;
	margin: 0 14.1% 0 0;
}

.drag-block {
	position: relative;
	width: 100px;
	height: 70px;
	border-radius: 3px;
	background-color: #fff;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
	transition-property: box-shadow;
	transition-timing-function: linear;
	transition-duration: 0.2s;
	margin: 0 0 5px 0;
	cursor: grab;
	line-height: 65px;
	display: inline-block;
}

.section-drag li:nth-child(2n) {
	margin-right: 0;
}

a.accordion-title {
	font-size: 15px !important;
	color: #42515f !important;
	font-weight: 500;
	line-height: 35px;
}

.accordion-header:after {
	background: url(../images/arow-up.png);
	background-repeat: no-repeat;
	content: '';
	width: 12px;
	height: 7px;
	position: absolute;
	top: 11px;
	right: 0;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.accordion-header {
	border-bottom: 1px solid #d1dae0;
	position: relative;
	cursor: pointer;
	display: inline-block;
	width: 100%;
}

.create-course-leftbar div#accordion {
	box-shadow: none;
	padding: 18px 24px 19px;
}

.accordion-body {
	padding: 15px 0 0 0;
}

.section-drag li p {
	margin: 0 0 15px 0;
}

.my-course-create {
	width: 100%;
	box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.1);
	padding: 20px 0 0;
}

.create-course {
	width: 100%;
	display: inline-block;
}

.course-create-leftbar {
	width: 568px;
	float: left;
	text-align: left;
}

.course-cover {
	width: 124px;
	display: inline-block;
}

.course-cover img {
	width: 100%;
	margin-right: 30px;
	border-radius: 4px;
}

.my-course-create .container {
	width: 960px;
	max-width: 960px;
}

.course-create-title {
	width: 422px;
	float: right;
	position: relative;
}

.comment-spot-icon {
	width: 34px;
	height: 34px;
	position: absolute;
	right: 0;
	text-align: center;
	border-radius: 100%;
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	padding: 7px 0 0;
	color: #afbcc7;
	font-size: 14px;
}

body input.editable-text {
	word-break: break-word;
	font-size: 18px;
	font-weight: 600;
	line-height: 40px;
	font-family: Open Sans, sans-serif;
	color: #333;
	border: none;
	outline: none;
	border-bottom: 1px dashed #bfc7ce;
	width: 347px !important;
	background: url(../images/ee146a3277a5cdc5225c1fe06fe872a1.svg) no-repeat left 17px;
	padding: 0 20px 0;
	margin: 0;
}

.course-create-rightbar {
	float: right;
	width: 336px;
}

.course-create-title p {
	font: 600 11px Open Sans;
	color: #94979a;
	line-height: 1;
	margin-top: 14px;
	margin: 6px 0 0 0;
}

.course-create-title p a {
	color: #94979a;
}

.course-create-rightbar li {
	width: 24%;
	text-align: center;
	display: inline-block;
}

.course-create-rightbar li .fa {
	color: #afbcc7;
	font-size: 24px;
}

.course-create-rightbar li strong {
	display: block;
	color: #47515f;
	font-size: 11px;
	margin: 9px 0 0;
}

.create-course-list {
	width: 100%;
	display: inline-block;
	text-align: left;
	margin: 21px 0 0 0;
}

.create-course-list li {
	display: inline-block;
}

.create-course-list li a.active {
	position: relative;
	box-shadow: 0 -1px #4caf50 inset, 0 1px #4caf50;
	color: #2a333c;
	font-family: 'Open Sans';
	font-weight: 600;
	cursor: default;
}

.create-course-list li:hover a {
	box-shadow: 0 -1px #a5d7a7 inset, 0 1px #a5d7a7;
	text-decoration: none;
}

.create-course-list li a.active {
	position: relative;
	box-shadow: 0 -1px #4caf50 inset, 0 1px #4caf50;
	color: #2a333c;
	font-family: 'Open Sans';
	font-weight: 600;
	cursor: default;
}

.create-course-list li a {
	color: #42515f;
	display: inline-block;
	font: 15px 'Open Sans';
	line-height: 1;
	padding: 10px 25px;
	text-align: center;
	text-transform: uppercase;
	transition-property: box-shadow;
	transition-timing-function: linear;
	transition-duration: 0.2s;
}

.col-lg-12.dasboard-rightbar.new {
	background-color: #fff;
	padding: 19px 1% 0 0%;
}

.course-create-title:hover .comment-spot-icon {
	background-color: #4caf50;
	-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
	color: #fff;
}

.course-create-rightbar li :hover .fa {
	color: #81c884;
}

.course-create-rightbar li:hover a {
	text-decoration: none;
}

.course-introduction .container {
	width: 960px;
	max-width: 960px;
}

.course-introduction {
	padding: 20px 0 0 0;
	display: inline-block;
	width: 100%;
	text-align: left;
}

.course-introduction h3 {
	margin-top: 10px;
	font: 600 13px 'Open Sans';
	color: #42515f;
}

.course-introduction-block {
	width: 100%;
	position: relative;
	height: 50px;
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
	cursor: default;
	padding: 10px 21px;
	margin: 0 0 30px;
}

.introduction-block-left strong {
	font-size: 12px;
	color: #42515f;
}

.introduction-block-left span {
	font-size: 12px;
	color: #73899e;
}

.introduction-block-right {
	width: 140px;
	float: right;
	background: url(../images/dots.png) no-repeat;
	background-size: 17px 3px;
	margin: -22px 0 0 0;
	position: relative;
	background-position: 0 11px;
}

.introduction-block-right li {
	padding: 0;
	border: 0;
	box-shadow: inherit !important;
	margin: 0 6px;
	width: 30px;
	display: inline-block;
	text-align: center;
	opacity: 0;
}

.introduction-block-right li img {
	width: 13px;
	height: 16px;
}

.course-introduction-block .comment-spot-icon {
	top: 9px;
	right: -49px;
}

.introduction-block-right li:last-child {
	opacity: 100;
}

.introduction-block-right li a.view {
	background-color: transparent;
	box-shadow: none;
	opacity: 100;
}

.introduction-block-right li a {
	color: #42515f;
}

.introduction-block-right li a.view:before {
	width: 6px;
	height: 6px;
	-webkit-transform: rotate(45deg);
	border: 1px solid #7b7b7b;
	content: '';
	position: absolute;
	top: 57%;
	left: 76%;
	margin-top: -3px;
	margin-left: -4px;
	border-color: #7b7b7b #7b7b7b transparent transparent;
}

.introduction-block-right ul {
	margin: 0;
}

.course-introduction-block:hover .comment-spot-icon {
	background-color: #4caf50;
	-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
	color: #fff;
}

.course-introduction-block:hover .introduction-block-right li {
	opacity: 1000;
}

.course-introduction-block:hover .introduction-block-right {
	background: none;
}

.course-introduction h3 {
	margin-top: 10px;
	font: 600 13px 'Open Sans';
	color: #42515f;
}

.sections-list-item {
	flex-wrap: wrap;
	align-items: stretch;
	min-height: 104px;
	padding: 10px 11px;
	border-radius: 3px;
	box-shadow: 0 1px 3px 0 #b3bcc2;
	border-width: 2px;
	border-style: solid;
	border-color: transparent;
	transition: border-color 0.2s, border-style 0.2s, box-shadow 0.2s;
	position: relative;
}

.item-sort-button {
	margin: 20px 0 0 3px;
	float: left;
	cursor: grab;
}

.item-image-change {
	background-color: #f1f1f1;
	transition-timing-function: linear;
	transition-duration: 0.2s;
	cursor: pointer;
	width: 81px;
	height: 81px;
	float: left;
	border-radius: 7px;
	margin: 0 15px 0 19px;
	text-align: center;
}

.item-title-container {
	width: 585px;
	display: inline-block;
}

.item-title-wrapper-text {
	word-break: break-word;
	font-size: 13px !important;
	line-height: 26px !important;
	font-family: Open Sans, sans-serif;
	color: #333 !important;
	border: none;
	outline: none;
	border-bottom: 1px dashed #bfc7ce !important;
	width: 419px !important;
	background: url(../images/ee146a3277a5cdc5225c1fe06fe872a1.svg) no-repeat left 9px !important;
	padding: 0 20px 0 !important;
	height: auto !important;
	margin: 0 !important;
}

.item-data-conteiner {
	width: 100%;
	margin: 27px 0 0 0;
}

.objective-btn {
	font-size: 11px;
	color: #4caf50;
	border-bottom: 1px solid transparent;
	padding: 0 0 3px;
}

.item-data-conteiner span {
	color: #abbbc6;
	font-size: 11px;
	font-style: italic;
}

.sections-list-item-right {
	float: right;
	width: 102px;
	height: 40px;
	border-left: 1px solid #a8aaba;
	margin: 19px 0 0 0;
	padding: 5px 15px;
}

.sections-list-item-right li {
	width: 30px;
	height: 30px;
	text-align: center;
	display: inline-block;
}

.sections-list-item-left {
	float: left;
}

.sections-list-item .comment-spot-icon {
	top: 9px;
	right: -49px;
}

.sections-list-item-right li a:hover {
	background-color: #e4eaed;
}

.sections-list-item-right li a {
	border-radius: 100%;
	width: 100%;
	display: inline-block;
	height: 100%;
	transition-timing-function: linear;
	transition-duration: 0.2s;
	padding: 3px 0 0;
}

.sections-list-item:hover .comment-spot-icon {
	background-color: #4caf50;
	-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
	color: #fff;
}

.list-item-statement {
	border-width: 1px;
	border-style: solid;
	border-top-color: transparent;
	border-right-color: #eaeef0;
	border-bottom-color: #c5c8ca;
	border-left-color: #eaeef0;
	border-radius: 5px;
	transition-property: background-color;
	transition-timing-function: linear;
	transition-duration: 0.2s;
	width: 100%;
	background-color: #eff3f5;
	padding: 5px 10px;
	display: inline-block;
	position: relative;
}

.questions-list-container {
	width: 100%;
	padding: 10px 0 10px 40px;
	background-color: #fff;
}

.sub-item-sort-button {
	margin: 5px 6px 0 0;
	float: left;
	width: 9px;
	cursor: grab;
}

.questions-list-item-image {
	width: 34px;
	float: left;
}

.questions-list-item-image img {
	width: 100%;
}

.list-item-statement .comment-spot-icon {
	top: 9px;
	right: -49px;
}

.item-title-editable {
	width: 583px;
	float: left;
	margin: 0 0 0 10px;
}

.item-title-editable .item-title-wrapper-text {
	width: 100% !important;
	background: none !important;
	padding: 4px 20px 0 0 !important;
}

.list-item-statement .introduction-block-right {
	margin: 6px 0 0 0;
}

.list-item-statement:hover .comment-spot-icon {
	background-color: #4caf50;
	-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
	color: #fff;
}

.question-placeholder {
	height: 47px;
	padding: 10px 0;
	background-color: #edf7ed;
	width: 100%;
	font: 400 16px 'Roboto Slab';
	color: #63798e;
	text-align: center;
	border: 1px dashed #4caf50;
}

.afterword-container {
	width: 100%;
	float: left;
	margin: 50px 0 0;
}

.afterword-container a .fa {
	color: #b0bdc8;
	transform: rotate(179deg);
}

.create-content-button {
	width: 100%;
	background-color: #f6f7f9;
	border: solid 1px #eaedf1;
	font: 600 13px/50px 'Open Sans';
	text-align: center;
	color: #73899e;
	cursor: pointer;
	transition-property: border-color, box-shadow;
	transition-timing-function: linear;
	transition-duration: 0.2s;
	margin: 45px 0 0;
	display: block;
}

.list-item-statement:hover .introduction-block-right li {
	opacity: 1000;
}

.list-item-statement .introduction-block-right {
	margin: 6px 0 0 0;
	background-position: 46px 13px !important;
}

.list-item-statement:hover .introduction-block-right {
	background: none;
}

.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto;
	background: transparent;
	box-shadow: none;
}

.files {
	position: relative;
	border: 1px dashed #adabab;
	text-align: center;
	width: 100% !important;
	height: 250px;
	overflow: hidden;
	margin: 26px 0 22px 0;
	background-color: #eee;
}

.files:before {
	content: 'Browse or Drag file here';
	position: absolute;
	bottom: 55px;
	left: 0;
	right: 0;
	display: block;
	text-align: center;
	color: #a5a5a5;
	font-weight: normal;
}

.files:after {
	pointer-events: none;
	position: absolute;
	top: 60px;
	left: 0;
	width: 70px;
	right: 0;
	height: 70px;
	content: '';
	background-image: url(https://image.flaticon.com/icons/svg/130/130993.svg);
	display: block;
	margin: 0 auto;
	background-size: 100%;
	background-repeat: no-repeat;
}

.course-form {
	padding: 30px 0;
}

.course-form textarea {
	min-height: 123px;
	resize: none;
	border: 1px solid #9e9e9e;
	margin: 15px 0 0 0;
}

.course-form button:focus {
	outline: none;
	background-color: transparent;
}

.course-form label {
	font-size: 15px;
}

.modal-body a.nav-link {
	color: #000;
}

select#exampleFormControlSelect1 {
	border: 1px solid #9e9e9e;
	margin: 19px 0 29px;
	padding: 13px 13px;
	height: auto !important;
}

.modal .modal-content {
	padding: 0 24px 0 !important;
}

.sys-modal-class .modal-dialog {
	max-width: 820px;
}

.sys-modal-clas {
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	padding: 6% 0 0;
	max-height: 100%;
	width: 100%;
	margin: auto;
	overflow-y: auto;
	border-radius: 2px;
	will-change: top, opacity;
}

/*.sys-modal-class {
  overflow: hidden!important;
}
*/
/*create course page css end*/

/* login css strat */

.wrapper {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	min-height: 100vh;
	padding: 20px;
	background-color: #039ca2;
}

button:focus {
	outline: none;
	background-color: transparent !important;
}

#formContent {
	-webkit-border-radius: 0;
	border-radius: 0;
	background: #fff;
	padding: 30px;
	width: 100%;
	max-width: 580px;
	position: relative;
	padding: 30px 0 0 0;
	text-align: center;
}

#formFooter {
	background-color: #f6f6f6;
	border-top: 1px solid #dce8f1;
	padding: 25px;
	text-align: center;
	-webkit-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
}

.login-form input[type='button'],
.login-form input[type='submit'],
.login-form input[type='reset'] {
	background-color: #003034 !important;
	border: none;
	color: white;
	padding: 10px 50px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	text-transform: uppercase;
	font-size: 19px;
	-webkit-border-radius: 0;
	border-radius: 0;
	margin: 5px 20px 40px 20px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	margin: 27px 0 31px 45px;
	float: left;
}

.login-form .input-field:hover,
.login-form input[type='submit']:hover,
.login-form input[type='reset']:hover {
	background-color: #039ca2 !important;
	color: #fff;
}

.login-form input[type='button']:active,
.login-form input[type='submit']:active,
.login-form input[type='reset']:active {
	-moz-transform: scale(0.95);
	-webkit-transform: scale(0.95);
	-o-transform: scale(0.95);
	-ms-transform: scale(0.95);
	transform: scale(0.95);
}

.login-form .input-field {
	background-color: #f6f6f6 !important;
	/* border: none!important; */
	color: #0d0d0d;
	padding: 27px 32px !important;
	text-align: left;
	text-decoration: none;
	display: inline-block !important;
	font-size: 18px !important;
	margin: 5px;
	width: 85% !important;
	border: 2px solid #f6f6f6;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
}
.wrapper.SlideUp.login-form input#password {
	padding: 15px 33px !important;
}
.login-form .input-field:focus {
	background-color: #fff;
	border-bottom: 2px solid #5fbae9;
	outline: none;
}

.login-form .input-field:placeholder {
	color: #cccccc;
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@-moz-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.fadeIn {
	opacity: 0;
	-webkit-animation: fadeIn ease-in 1;
	-moz-animation: fadeIn ease-in 1;
	animation: fadeIn ease-in 1;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	animation-duration: 1s;
}

.fadeIn.first {
	-webkit-animation-delay: 0.4s;
	-moz-animation-delay: 0.4s;
	animation-delay: 0.4s;
}

.fadeIn.second {
	-webkit-animation-delay: 0.6s;
	-moz-animation-delay: 0.6s;
	animation-delay: 0.6s;
}

.fadeIn.third {
	-webkit-animation-delay: 0.8s;
	-moz-animation-delay: 0.8s;
	animation-delay: 0.8s;
}

.fadeIn.fourth {
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	animation-delay: 1s;
}

.underlineHover:after {
	display: block;
	left: 0;
	bottom: -10px;
	width: 0;
	height: 2px;
	background-color: #56baed;
	content: '';
	transition: width 0.2s;
}

.underlineHover:hover {
	color: #0d0d0d;
}

.underlineHover:hover:after {
	width: 100%;
}

.fadeIn.first img {
	width: 105px;
}

.login-form h1 {
	color: #282828;
	font-size: 26px;
	margin: 7px 0 12px;
}

.forgetpassword {
	background-color: transparent;
	border: none;
	outline: none;
	float: left;
	width: 93%;
	text-align: left;
	margin: 8px 0 0 40px;
	color: #939393;
}

.forgetpassword:focus {
	outline: none;
	box-shadow: none;
}

a.drag-slide-btn {
	position: absolute;
	left: 15.8%;
	top: 90px;
	z-index: 999999;
	transform: rotate(85deg);
}

.drag-slide .create-course-leftbar.custom-scrollbar-css {
	left: -16.8%;
}

.drag-slide a.drag-slide-btn {
	left: 0;
}

/* login css end */

table.dataTable tbody th,
table.dataTable tbody td {
	padding: 13px 17px !important;
}

table.dataTable {
	width: 100%;
	margin: 0 auto 39px !important;
	clear: both;
	border-collapse: separate;
	border-spacing: 0;
}

.dataTables_wrapper .dataTables_paginate {
	float: right;
	text-align: right;
	padding: 10px 15px !important;
}

.dataTables_wrapper .dataTables_info {
	clear: both;
	float: left;
	padding: 15px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	color: white !important;
	border: 1px solid #039ca2 !important;
	background-color: #039ca2 !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #111));
	background: -webkit-linear-gradient(top, #585858 0%, #039ca2 100%);
	background: -moz-linear-gradient(top, #585858 0%, #111 100%);
	background: -ms-linear-gradient(top, #585858 0%, #111 100%);
	background: -o-linear-gradient(top, #585858 0%, #111 100%);
	background: linear-gradient(to bottom, #039ca2 0%, #039ca2 100%) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	color: #fff !important;
	border: 1px solid #039ca2 !important;
	background-color: white;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #039ca2), color-stop(100%, #039ca2));
	background: -webkit-linear-gradient(top, #039ca2 0%, #039ca2 100%) !important;
	background: -moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);
	background: -ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);
	background: -o-linear-gradient(top, #fff 0%, #dcdcdc 100%);
	background: linear-gradient(to bottom, #039ca2 0%, #039ca2 100%) !important;
}

.header-right li {
	display: inline-block;
}

.header-right li a {
	color: #333;
	margin: 0 5px 0 0;
}

.apply-form {
	width: 100%;
	display: inline-block;
	background-color: #fff;
	padding: 30px;
}

.apply-form select {
	background-color: rgba(255, 255, 255, 0.9);
	width: 100%;
	padding: 3px 8px 0;
	border: 1px solid #f2f2f2;
	border-radius: 2px;
	height: 46px;
	display: block;
	border-bottom: 1px solid #9e9e9e !important;
	border-top: none;
	border-left: none;
	border-right: none;
	color: #9e9e9e;
}

.apply-form select:focus {
	outline: none;
}

.apply-form h3 {
	font-size: 20px;
	background-color: #039ca2;
	width: 100%;
	color: #fff;
	padding: 15px;
}

.apply-form h4 {
	font-size: 20px;
	width: 100%;
	color: #333;
	padding: 0 15px 20px;
}

.apply-form label {
	font-size: 15px;
	color: #333;
	margin: 0;
}

.apply-form .validate-radio-btn {
	width: 100%;
}

.apply-form .btn.blue {
	background-color: #003034 !important;
}

/*message view css start*/

.inbox_people {
	background: #f8f8f8 none repeat scroll 0 0;
	float: left;
	overflow: hidden;
	width: 40%;
	border-right: 1px solid #c4c4c4;
	height: 87vh;
}

.inbox_msg {
	border: 1px solid #c1c1c1;
	clear: both;
	overflow: hidden;
	border-radius: 8px;
}

.top_spac {
	margin: 20px 0 0;
}

.recent_heading {
	float: left;
	width: 40%;
}

.srch_bar {
	display: inline-block;
	text-align: right;
	width: 60%;
	padding: ;
}

.headind_srch {
	padding: 10px 29px 10px 20px;
	overflow: hidden;
	border-bottom: 1px solid #c4c4c4;
}

.recent_heading h4 {
	color: #039ca2;
	font-size: 20px;
	margin: auto;
	padding: 10px 0 0;
}

.srch_bar input {
	border: 1px solid #cdcdcd;
	border-width: 0 0 1px 0;
	width: 80%;
	padding: 2px 0 4px 6px;
	background: none;
}

.srch_bar .input-group-addon button {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	padding: 0;
	color: #707070;
	font-size: 18px;
}

.srch_bar .input-group-addon {
	margin: 0 0 0 -27px;
}

.chat_ib h5 {
	font-size: 15px;
	color: #464646;
	margin: 0 0 8px 0;
}

.chat_ib h5 span {
	font-size: 13px;
	float: right;
}

.chat_ib p {
	font-size: 14px;
	color: #989898;
	margin: auto;
}

.chat_img {
	float: left;
	width: 11%;
}

.chat_ib {
	float: left;
	padding: 0 0 0 15px;
	width: 88%;
}

.chat_people {
	overflow: hidden;
	clear: both;
}

.chat_list {
	border-bottom: 1px solid #c4c4c4;
	margin: 0;
	padding: 18px 16px 10px;
}

.inbox_chat {
	height: 80vh;
	overflow-y: scroll;
}

.active_chat {
	background: #ebebeb;
}

.incoming_msg_img {
	display: inline-block;
	width: 6%;
	height: 52px;
	overflow: hidden;
}

.received_msg {
	display: inline-block;
	padding: 0 0 0 10px;
	vertical-align: top;
	width: 92%;
}

.received_withd_msg p {
	background: #ebebeb none repeat scroll 0 0;
	border-radius: 3px;
	color: #646464;
	font-size: 14px;
	margin: 0;
	padding: 5px 10px 5px 12px;
	width: 100%;
}

.time_date {
	color: #747474;
	display: block;
	font-size: 12px;
	margin: 8px 0 0;
}

.received_withd_msg {
	width: 57%;
}

.mesgs {
	float: left;
	padding: 30px 15px 0 25px;
	width: 60%;
	background-color: #fff;
	height: 87vh;
}

.sent_msg p {
	background: #003034 none repeat scroll 0 0;
	border-radius: 3px;
	font-size: 14px;
	margin: 0;
	color: #fff;
	padding: 5px 10px 5px 12px;
	width: 100%;
}

.outgoing_msg {
	overflow: hidden;
	margin: 26px 0 26px;
}

.sent_msg {
	float: right;
	width: 46%;
}

.input_msg_write input {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	color: #4c4c4c;
	font-size: 15px;
	min-height: 48px;
	width: 100%;
}

.type_msg {
	border-top: 1px solid #c4c4c4;
	position: relative;
}

.msg_send_btn {
	background: #05728f none repeat scroll 0 0;
	border: medium none;
	border-radius: 11%;
	color: #fff;
	cursor: pointer;
	font-size: 17px;
	height: 33px;
	position: absolute;
	right: 0;
	top: 11px;
	width: 33px;
}

.messaging {
	padding: 0 0 50px 0;
}

.msg_history {
	height: 76vh;
	overflow-y: auto;
	padding: 0 0 10px;
}

.chat_img img {
	width: 100%;
	border-radius: 100%;
	overflow: hidden;
}

.incoming_msg_img img {
	width: 100%;
	border-radius: 100%;
}

input.search-bar {
	margin: 0;
}

.msg_send_btn:focus {
	background-color: #003034 !important;
}

input.search-bar {
	margin: 0 !important;
}

button.msg_send_btn.attach-file {
	right: 39px;
}

input.write_msg {
	padding: 0 0 5px !important;
}

.chat_list:last-child {
	border-bottom: none;
}

.sent_img {
	float: right;
	width: 6%;
	margin: 0 8px 0 8px;
}

.sent_img img {
	width: 100%;
	border-radius: 100%;
}

a.attache-btn {
	color: #a5a5a5;
	font-size: 13px;
}

.chat_list.unread {
	font-weight: 900;
}

.unread h5 {
	font-weight: 900;
}

.message-view {
	padding: 20px 16px 20px 18%;
}

/*message view css start*/

.detail {
	padding: 6px 19px;
	font-size: 14px;
}

.log-out-btn {
	margin: 10px 0 0;
}

.log-out-btn:hover {
	color: #fff;
}

.log-out-btn {
	width: 149px;
	margin: 10px 2px 0 0;
}

.fa-video-camera:before {
	content: '\f03d';
}

.dropdown-menu.notification.video {
	left: -936px !important;
	top: 236px !important;
	border: none;
	-webkit-box-shadow: 0px 3px 45px -14px rgba(47, 53, 62, 0.59);
	-moz-box-shadow: 0px 3px 45px -14px rgba(47, 53, 62, 0.59);
	box-shadow: 0px 3px 45px -14px rgba(47, 53, 62, 0.59);
	width: 770px;
}

.video strong {
	display: block;
	padding: 4px 16px 12px;
}

.select-validate6 button.btn.dropdown-toggle.btn-light.bs-placeholder {
	color: #fff;
}

.select-validate6 ul.dropdown-menu.inner li a {
	display: block;
	padding: 10px;
	color: #9e9e9e;
}

.select-validate6 ul.dropdown-menu.inner li a:hover {
	background-color: #eee;
}

.select-validate6 button.btn.dropdown-toggle.btn-light {
	padding: 0 18px;
	min-width: 200px;
	width: auto;
}

ul.level-menu li a {
	padding-left: 43px;
	background-color: #eee;
	opacity: 100;
	font-size: 0.7125rem;
}
ul.level-menu {
	position: relative;
	display: none;
	z-index: 9999;
	width: 100%;
	opacity: 100;
}
.side-nav-drop li:hover ul.level-menu {
	display: block !important;
}

.dropdown-nav li a .fa {
	float: right;
	position: relative;
	top: 12px;
}

.btn:focus,
.btn-large:focus,
.btn-floating:focus {
	background-color: #1d7d74 !important;
	color: #fff !important;
	box-shadow: none;
}
.stepper .input-field label sup {
	color: red;
	font-size: 16px;
	position: relative;
	top: -1px;
}

.stepper .input-field label .fa {
	font-size: 12px;
	color: #9e9e9e;
}

.step-content .input-field label sup {
	color: red;
	font-size: 16px;
	position: relative;
	top: -1px;
}
.module-form label sup {
	color: red;
	font-size: 16px;
	position: relative;
	top: -1px;
}
.modal {
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	background-color: transparent !important;
	padding: 0;
	max-height: 85% !important;
	width: 40% !important;
	margin: auto;
	overflow-y: auto;
	border-radius: 2px;
	will-change: top, opacity;
	box-shadow: none !important;
	padding: 0 !important;
}

div#helpModal {
	overflow: overlay !important;
}
.tooltip-inner {
	width: 300px;
	padding: 4px;
	color: #fff !important;
	background-color: #039ca2 !important;
}

.bs-tooltip-top .arrow::before {
	top: 0;
	border-width: 0.4rem 0.4rem 0;
	border-top-color: #039ca2 !important;
}
.tooltip.show {
	opacity: 100 !important;
}
body .blue {
	background-color: #039ca2 !important;
}
body .float-btn {
	position: fixed;
	bottom: 15px;
	right: 29px;
	background-color: #039ca2;
	padding: 7px 17px;
	height: auto;
	border-radius: 100%;
	border-color: #039ca2;
}
body .submit-button {
	background-color: #039ca2 !important;
}
body .question-chat .sent_msg p {
	background-color: #039ca2 !important;
}
body .float-btn:focus {
	background-color: #039ca2 !important;
	border-color: #039ca2;
}

.btn {
	background-color: #039ca2 !important;
}
.btn:hover {
	color: #fff !important;
}
.btn.dropdown-toggle {
	background-color: transparent !important;
}
.btn.dropdown-toggle {
	color: #039ca2 !important;
}
.select-new button.btn {
	color: #212529 !important;
	padding: 0 16px;
	border: 1px solid #ced4da;
}
.dropdown-menu.show {
	padding: 8px 6px;
	color: #212529;
}
.dropdown-menu.show li a {
	color: #212529;
	display: block;
}
.select-new {
	width: 100% !important;
}
.dropdown-menu .log-out-btn {
	width: auto;
}
.elevation-search-top {
	padding: 13px;
	width: 100%;
	display: inline-block;
	border-top: 1px solid #dee2e6;
}
select.form-control.select-dropdown {
	margin: 10px 0 0 0;
	border: 1px solid #9e9e9e;
}
select.form-control.select-dropdown:focus {
	border: 1px solid #26a69a;
	box-shadow: 0 1px 0 0 #26a69a;
}
input.form-control.new-search-input {
	margin: 0;
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 1.15em 0.625em 0.75em !important;
}
button.btn.search-clear {
	width: 100%;
	word-break: break-all;
	font-size: 11px;
	padding: 0;
	margin: 8px 0 0;
}

.header-center {
	display: inline-block;
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 16px;
}
.count-student {
	float: left;
	width: 160px;
	text-align: center;
	font-size: 17px;
	color: #039ca2;
	font-weight: bold;
	padding: 18px 0 0;
}

.page-item.active .page-link {
	z-index: 1;
	color: #fff;
	background-color: #039ca2 !important;
	border-color: #039ca2 !important;
}

.export-csv .form-group {
	border: 1px solid #9e9e9e;
	border-radius: 3px;
	padding: 6px 11px;
	margin: 9px 0 0;
}
.export-csv [type='checkbox']:checked {
	left: 85% !important;
	top: 11px !important;
}
.export-csv input[type='checkbox'] {
	position: absolute;
	left: 85%;
	opacity: 10;
	top: 10px;
}
.personal-details .upload-img {
	width: 100%;
}
.personal-details .photo-upload {
	width: 100%;
}
ul.share-list-new li {
	width: 100%;
	float: left;
	position: relative;
}
ul.share-list-new li label {
	position: relative;
	padding-left: 35px;
	cursor: pointer;
	display: inline-block;
	height: auto;
	line-height: inherit;
	font-size: 1rem;
	width: 100%;
}
ul.share-list-new li [type='checkbox']:not(:checked) {
	position: absolute;
	left: -18px;
	opacity: 0;
	text-align: left;
	width: 100%;
	top: 2px;
	z-index: 999999999;
	height: 20px;
	cursor: pointer;
}
ul.share-list-new li [type='checkbox']:checked {
	top: -45px;
	position: absolute;
	margin: -28px 0 0;
	left: -17px !important;
	opacity: 0 !important;
	height: 20px;
	cursor: pointer;
}
ul.share-list-new {
	width: 100%;
	display: inline-block;
	height: 250px;
	overflow-y: scroll;
}
label {
	font-size: 1rem !important;
	color: #333 !important;
}
table#tbl-listing td a {
	color: #039ca2;
}
a.badge {
	color: #fff !important;
}
tr.no-hover:hover {
	background-color: transparent !important;
}
a.resource-edit {
	float: right;
}

.package-table-scroll {
	width: 100%;
	overflow-x: scroll;
}

a.resource-edit {
	float: right;
}

.contact-search {
	padding: 6px 10px;
	border: 1px solid #eee;
	margin: 6px 0;
}
.contact-search .form-outline {
	width: 290px;
}
.contact-search button.btn.btn-primary {
	background-color: #039ca2;
	border-color: #039ca2;
}

.csv-btns p {
	display: inline-block;
}
.csv-btns p a {
	float: left;
	margin: 0 26px 16px 0;
	position: relative;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	vertical-align: middle;
	z-index: 1;
	transition: 0.3s ease-out;
	background-color: #039ca2;
	color: #fff;
	padding: 9px 14px;
	border-radius: 3px;
}
.csv-btns p a:hover {
	text-decoration: none;
}
.number {
	display: inline-block;
	z-index: 9999999;
	position: relative;
}
span#fees_info {
	color: #fff !important;
}

/* new form css start */
.tabbable-line li a {
	padding: 13px 17px;
	display: inline-block;
}
.tabbable-panel {
	border: 1px solid #eee;
	padding: 10px;
}

.tabbable-line > .nav-tabs {
	border: none;
	margin: 0px;
}
.tabbable-line > .nav-tabs > li {
	margin-right: 2px;
}
.tabbable-line > .nav-tabs > li > a {
	border: 0;
	margin-right: 0;
	color: #737373;
}
.tabbable-line > .nav-tabs > li > a > i {
	color: #a6a6a6;
}

.tabbable-line > .nav-tabs > li.open > a,
.tabbable-line > .nav-tabs > li:hover > a {
	background-color: #039ca2;
	color: #fff;
}

.tabbable-line > .nav-tabs > li.open .dropdown-menu,
.tabbable-line > .nav-tabs > li:hover .dropdown-menu {
	margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
	background-color: #039ca2;
	color: #fff;
}
.tabbable-line > .nav-tabs > li.active > a {
	border: 0;
	color: #fff;
}
.tabbable-line > .nav-tabs > li.active > a > i {
	color: #fff;
}
.tabbable-line > .tab-content {
	margin-top: -3px;
	background-color: #fff;
	border: 0;
	border-top: 1px solid #eee;
	padding: 15px 0;
}
.portlet .tabbable-line > .tab-content {
	padding-bottom: 0;
}
.tabbable-line > .nav-tabs {
	border: none;
	margin: 0px;
}

.tabbable-line > .nav-tabs > li {
	margin-right: 2px;
}

.tabbable-line > .nav-tabs > li > a {
	border: 0;
	margin-right: 0;
	color: #737373;
}

.tabbable-line > .nav-tabs > li.open,
.tabbable-line > .nav-tabs > li a:hover {
	background-color: #039ca2;
	color: #fff;
	text-decoration: none;
}

.tabbable-line > .nav-tabs > li.open .dropdown-menu,
.tabbable-line > .nav-tabs > li:hover .dropdown-menu {
	margin-top: 0px;
}

.tabbable-line > .tab-content {
	margin-top: -3px;
	background-color: #fff;
	border: 0;
	border-top: 1px solid #eee;
	padding: 15px 0;
}
.tabs-container select#exampleFormControlSelect1 {
	display: block;
	width: 100%;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	margin: 0;
	height: 37px !important;
}
.tabs-container .tab-content h3 {
	font-size: 24px;
	margin: 15px 0 15px 0;
	width: 100%;
	word-break: break-all;
	display: inline-flex;
}
.tabs-container input[type='email'] {
	display: block;
	width: 100%;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	height: auto;
}
.tabs-container input[type='email']:focus:not([readonly]) {
	border-bottom: 1px solid #26a69a;
	box-shadow: 0 1px 0 0 #26a69a;
}
.tabs-container input[type='text']:focus:not([readonly]) {
	border-bottom: 1px solid #26a69a !important;
	box-shadow: 0 1px 0 0 #26a69a !important;
}
.padding-left-0 {
	padding-left: 0 !important;
}

.width-88 {
	width: 88% !important;
}
.width-92 {
	width: 92% !important;
}
.width-95 {
	width: 95% !important;
}
.education-table .form-group {
	margin: 0;
}
.photo-upload {
	width: 211px;
	background-color: #eee;
	margin: 0 auto 18px;
	display: inherit;
	overflow: hidden;
}
.upload-btn {
	display: inline-block;
	background-color: #039ca2;
	color: #fff;
	padding: 8px 17%;
	font-size: 12px;
}
.upload-img {
	width: 213px;
	position: relative;
	background-color: #039ca2;
	color: #fff;
	text-align: center;
	padding: 8px 27px;
	margin: auto;
}
.upload-img input[type='file'] {
	position: absolute;
	left: 0;
	opacity: 0;
}
.form-group {
	position: relative;
}
.float-right {
	float: right;
}
.form-group.width-45 {
	width: 48.2%;
	display: inline-block;
}
.student-detail {
	float: right;
	color: #000;
	width: 200px;
	text-align: left;
}
.student-detail {
	float: right;
	color: #000;
	width: 100%;
	text-align: left;
	position: absolute;
	left: 31%;
	font-size: 14px;
}
.card.elevation .photo-upload {
	width: 106px;
	float: left;
	margin-bottom: 0;
}
.student-detail li {
	margin: 0 0 3px;
}
.card.elevation {
	position: relative;
	padding: 20px 20px 28px;
}
.emergency-contact h4 {
	margin: 0 0 12px;
	font-size: 20px;
}
.emergency-contact {
	float: left;
	width: 100%;
	text-align: left;
	color: #000;
}
ul.emergency-contact-left {
	width: 37%;
	float: left;
	padding: 0;
	margin: 0;
}
ul.emergency-contact-left.list-new li strong {
	display: inline-block;
	width: 223px;
}
ul.emergency-contact-left.contact-right.right-btn {
	width: 25%;
	float: right;
}
.emergency-contact li strong {
	display: inline-block;
	width: 152px;
}
.emergency-contact li {
	font-size: 13px;
	margin: 0 0 4.2px;
}
.student-detail li strong {
	display: inline-block;
	width: 100px;
}
ul.account-list li {
	width: 150px;
	text-align: center;
}
ul.account-list li a {
	display: block;
	padding: 20px;
	color: #333;
	background-color: #eee;
	border-radius: 8px;
}
ul.account-list li span {
	font-size: 31px;
	display: block;
	color: #039ca2;
}
.tab-content {
	width: 100%;
}
.tab-content.accounts-tabs {
	border: 1px solid #eee;
	padding: 0 20px 18px;
}
.invoice-title {
	width: 100%;
	display: inline-block;
	background-color: #03949a;
	color: #fff;
	padding: 0 20px;
}
.invoice-title h2 {
	float: left;
	font-size: 26px;
	margin: 15px 0 15px 0;
}
.invoice-title h3 {
	float: right;
	width: auto !important;
}
.add-btns {
	float: left;
	width: 86%;
	text-align: right;
}
.add-btns button {
	border: none;
	background-color: #fff;
	color: #039ca2;
	font-size: 15px;
}
.add-btns button:focus {
	border: none !important;
	background-color: #fff !important;
	color: #039ca2 !important;
}

textarea {
	padding: 12px;
}
.custom-select,
.form-inline .input-group {
	width: auto !important;
	margin-bottom: 15px;
}
ul.attendance-warning li {
	float: left;
	margin: 0 19px 0 0;
}
ul.attendance-warning li {
	width: 100%;
	margin: 0 0 19px;
}
.tab-scroll {
	border-bottom: 1px solid #eee;
	display: inline-block;
	width: 100%;
}
.tab-scroll li a {
	color: #333;
	text-decoration: none;
}
.tab-scroll li.active a {
	background-color: #039ca2;
	color: #fff;
}
input.form-control.disable {
	background-color: #fff;
	border: none;
	border-bottom: 1px solid #eee;
	padding-left: 0;
}
input.form-control.date {
	display: block;
	width: 88%;
	padding: 0 0.75rem;
	font-size: 1rem;
	line-height: -18.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	height: 35px;
}
input[type='date'].invalid {
	box-shadow: 0 1px 0 0 #f4433600 !important;
}
input[type='text'] {
	display: block !important;
	width: 100% !important;
	padding: 0.375rem 0.75rem !important;
	font-size: 1rem !important;
	line-height: 1.5 !important;
	color: #495057 !important;
	background-color: #fff !important;
	background-clip: padding-box !important;
	border: 1px solid #ced4da !important;
	border-radius: 0.25rem !important;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
	height: 23px !important;
}

table.table.table-bordered.education-table input[type='text'] {
	display: block !important;
	width: 88% !important;
	padding: 0.375rem 0.75rem !important;
	font-size: 1rem !important;
	line-height: 1.5 !important;
	color: #495057 !important;
	background-color: #fff !important;
	background-clip: padding-box !important;
	border: 1px solid #ced4da !important;
	border-radius: 0.25rem !important;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
	height: 23px !important;
}
.row.compliance_block input[type='text'] {
	width: 92% !important;
}
.upload-img.upload-certificate {
	width: 47%;
	float: left;
	margin: 0 0 0 4px;
}
.upload-img.certificate-upload {
	position: relative;
	width: 71px;
	float: left;
	padding: 6px 0;
	margin: 0 9px 0 0;
	overflow: hidden;
}
.payment-data {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	margin-bottom: 28px;
}
a.view-btn {
	width: 70px;
	position: relative;
	background-color: #039ca2;
	color: #fff;
	text-align: center;
	padding: 6px 27px;
	display: inline-block;
}
.disabled-link {
	pointer-events: none;
	background-color: #eee;
	cursor: not-allowed;
}
.photo-upload img {
	width: 100% !important;
}
div#student-info-parent {
	width: 100%;
}
/* new form css end */

input[type='email'] {
	display: block !important;
	width: 100% !important;
	padding: 0.375rem 0.75rem !important;
	font-size: 1rem !important;
	line-height: 1.5 !important;
	color: #495057 !important;
	background-color: #fff !important;
	background-clip: padding-box !important;
	border: 1px solid #ced4da !important;
	border-radius: 0.25rem !important;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
	height: 23px !important;
}

.stepper select {
	display: block !important;
	width: 100% !important;
	padding: 0.375rem 0.75rem !important;
	font-size: 1rem !important;
	line-height: 1.5 !important;
	color: #495057 !important;
	background-color: #fff !important;
	background-clip: padding-box !important;
	border: 1px solid #ced4da !important;
	border-radius: 0.25rem !important;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
	height: 38px !important;
}

.student-profile-elevation {
	min-height: 237px;
}
.bootstrap-select:not([class*='col-']):not([class*='form-control']):not(.input-group-btn) {
	width: 103% !important;
}
ul.dropdown-menu.inner li a {
	border-bottom: 1px solid #c5c2c2;
	padding: 9px 6px;
}
button.btn.dropdown-toggle.btn-light.bs-placeholder {
	box-shadow: none !important;
	border: 1px solid #ced4da !important;
}

.awn-popup-custom {
	width: 60% !important;
	min-width: 60% !important;
	max-width: 60% !important;
}

.modal-xl {
	max-width: 1140px;
}
ul.emergency-contact-left.contact-right h4 {
	opacity: 0;
}

i.fas.fa-calendar {
	font-weight: 900;
	color: #039ca2;
}
button.fc-button:focus {
	background-color: #2c3e50 !important;
}
.education-table .upload-btn {
	display: inline-block;
	background-color: #039ca2;
	color: #fff;
	padding: 8px 6%;
	font-size: 12px;
	float: left;
	margin: 0 10px;
}

table#tbl-listing td a .fas {
	color: #fff;
	font-size: 14px;
	padding: 0 4px;
}

ul.dropdown-menu.inner.show {
	min-width: 100% !important;
	width: 100% !important;
}


input.form-control.date-passport {
    display: block !important;
    width: 100% !important;
    padding: 0.375rem 0.75rem !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    color: #495057 !important;
    background-color: #fff !important;
    background-clip: padding-box !important;
    border: 1px solid #ced4da !important;
    border-radius: 0.25rem !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
    height: 23px !important;
}

.search-table .dropdown {
    width: auto;
    float: left;
    margin: 14px 13px 0 0;
}