@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');
html{
	scroll-behavior: smooth;
}
body{
	font-family: 'Lato', sans-serif;
}
a{
	color: #283a96;
}
a:hover{
	color: #283a96;
	text-decoration: underline;
}
.table td, .table th{
	vertical-align: middle !important;
}
.grade{
	border-radius: 50%;
	width : 40px;
	height: 40px;
	border: 2px solid #000;
	line-height: 35px;
	margin: 0 auto;
}
.ls-closed .bars {
	color: #fff !important;
}
.dropdown-item {
	white-space : inherit;
}
.navbar{
	box-shadow: none;
	height: 100px !important;
	background: #1e1e1e !important;
	z-index: 12;
}
.navbar-nav {
	display: inline-flex !important;
	-ms-flex-direction: row;
	flex-direction: row;
	align-items: center;
}
.navbar-header {
	background: none;
}
.navbar .navbar-brand{
	filter: drop-shadow(-13px -14px 30px #fff);
	overflow: visible;
}
.navbar .mega-menu{
	color: #d14a48 !important;
}
.navbar-brand img{
	width : 105px;
	margin-left: 8px;
	filter: drop-shadow(15px -15px 30px #fff);
}
.navbar .notify{
	border: 2px solid #283A96;
	background: #fff;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	text-align: center;
	line-height: 21px;
	color: #000;
	font-weight: 700;
	top: 2px;
	right: 2px;
}
.sidebar .menu .list {
	list-style: none;
	margin: 0;
}
.sidebar .menu .list li{
	padding: 0 10px;
	transition: all .2s linear;
}
.sidebar .menu .list li:hover{
	background: #f2f2f2;
}
textarea.form-control {
	border    : 1px solid #e3e3e3;
}
textarea.form-control:focus, textarea.form-control:active {
	border: 1px solid #a0ecc7;
}
.form-control:focus {
	border : 1px solid #a0ecc7;
}
.input-group-focus .input-group-addon{
	border-color: #a0ecc7;
}
.input-group-focus .input-group-addon i{
	color: #a0ecc7;
}
.filter-option-inner{
	position: relative;
}
.filter-option-inner:after{
	position: absolute;
	content: '';
	border-top: 4px solid #555;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	right: 0;
	top: calc(50% - 2px);
	transition: all .3s ease-in-out;
}
.show .filter-option-inner:after{
	transform: rotate(-180deg);
}
.alert-danger .alert-link {
	color: #5d5d5d;
}
.bg-grey-light{
	background: #dfdfdf;
}
.bg-green-light{
	background: #a0ecc7;
}
.bg-blue-light{
	background: #94d9fa;
}
.border-grey{
	border: 1px solid #f4f4f4;
}
.form-group{
	margin-bottom: 30px;
}
.btn-primary{
	box-shadow: 1px 1px 2px rgb(0 0 0 / 37%);
	font-weight: 700;
	background : #283a96;
	color: #fff !important;
	border: 1px solid #283a96;
}
.btn-primary:hover{
	color: #6b717c !important;
	background: #dedee3;
	border: 1px solid #6b717c;
}
.btn-default{
	color: #6b717c !important;
	box-shadow: 1px 1px 2px rgb(0 0 0 / 37%);
	font-weight: 700;
	background: #dedee3;
	border: 1px solid #6b717c;
}
.btn-default{
	border: 1px solid #fff;
}
.btn-red{
	background: #d14a48;
	color: #fff !important;
}
.btn-red-light{
	background: #e48985;
	color: #fff !important;
}
.btn-green{
	background : #8fe847;
	color: #fff !important;
}
.btn-mint{
	background : #a0ecc7;
	color: #fff !important;
}
.btn-red-light:hover,
.btn-green:hover,
.btn-orange:hover,
.btn-mint:hover,
.btn-red:hover,
.btn-default:hover{
	color: #6b717c !important;
	background: #dedee3;
	border: 1px solid #6b717c;
}
.form-control,
.input-group-addon,
.checkbox label::before,
textarea.form-control,
.bootstrap-select .btn-round{
	border: 1px solid #b8b8b8;
}
.input-group-addon i{
	color: #b8b8b8;
}
.btn,
.form-control,
.input-group-addon,
.bootstrap-select .btn-round,
.checkbox label::before,
.checkbox label::after{
	border-radius: 0 !important;
}
.wizard>.steps .current a {
	background : #878f9c;
}
.wizard>.steps ul{
	display: flex;
}
.wizard>.steps ul > li{
	width : calc(100% / 3);
}
.wizard>.steps a {
	padding : 1em 0;
}
.form-group .form-control.bootstrap-select{
	padding: 0;
}
.block-header {
	padding: 15px 0;
	width: calc(100% + 20px);
	margin: 0 -10px 30px;
}
.block-header h2 {
	margin: 0 !important;
	font-size: 20px;
	font-weight: 900;
	color: #fff;
	padding: 6px 0 9px;
}
.page-heading{
	padding: 10px 0;
	background: #283a96;
	margin-top: 20px;
}
@media(max-width: 767px){
	.page-heading {
		padding : 10px 10px;
	}
}
.form-group .input-group-addon,
.input-group .input-group-addon {
	padding: 10px 0 4px 18px;
}
.bootstrap-select .btn{
	margin: 0;
	padding: 11px 22px;
}
.alert-tooltip{
	cursor: pointer;
}
.cursor-pointer{
	cursor: pointer;
}
.card .header h2{
	display: flex;
	align-items: center;
}
.card .header h2 i{
	font-size: 22px;
	margin-top: -2px;
}
.card .header h2::before {
	background: #283a96;
}
.signature_area{
	border: 2px solid #E3E3E3;
	width: 304px;
	height: 104px;
	margin: 0 auto;
	background: linear-gradient( #bbdde2, transparent 1px), linear-gradient(
			90deg
			, #bbdde2, transparent 1px);
	background-size: 15px 15px;
	background-position: center center;
}
.authentication .card-plain.card-plain .form-control {
	border-color: #b8b8b8;
	color: rgba(0,0,0,.7);
}
.authentication .card-plain.card-plain .input-group-addon {
	border-color: #b8b8b8;
}
.authentication .card-plain.card-plain .input-group-addon, .authentication .card-plain.card-plain .form-group.form-group-no-border .input-group-addon, .authentication .card-plain.card-plain .input-group.form-group-no-border .input-group-addon {
	color: #888;
}
.authentication .card-plain.card-plain .form-control::placeholder {
	color: #888;
}
.authentication .card-plain.card-plain .input-group-focus .input-group-addon {
	border-color: #a0ecc7;
	color: #a0ecc7;
}
.authentication .card-plain.card-plain .form-control:focus{
	border-color: #a0ecc7;
	color: #2c2c2c;
}
.authentication .link {
	color: #283a96;
}
.authentication .card-plain.card-plain {
	padding: 20px;
	background: #fff;
	display: block;
}
.authentication section.content{
	display: flex;
	align-items: center;
	background-size: cover;
	background-position: center center;
}
footer{
	height: 120px;
	padding: 12px 0 !important;
	margin: -120px 0 0 0;
	-moz-transition: .5s;
	-o-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
	background: #1e1e1e !important;
	position: relative;
	color: #fff;
}
footer a{
	color: #fff;
}
@media(min-width: 1170px){
	footer{
		margin: -120px 0 0 250px;
	}
}
.ls-toggle-menu footer{
	margin: -120px 0 0 0;
}
.card.bordered{
	border: 2px solid #E3E3E3;
}
@media(max-width: 680px){
	.wizard>.steps .number {
		display: none;
	}
}
.card-status .status-green{
	color: #8fe847;
}
.card-status .status-orange{
	color: #f1b782;
}
.card-status .status-purple{
	color: #d1b0de;
}
.card-status .status-grey{
	/*color: #dedee3;*/
	color:#a6a6a6;
}
.card-status .status-dark-grey{
	color: #878f9c;
}
.card-status .small{
	display: flex;
	align-items: center;
	margin: 10px 0 10px 10px;
	line-height: 13px;
}
.card-status .small i{
	margin-right: 4px;
	width: 20px;
	text-align: center;
}
.flex{
	display: flex;
}
.flex-inline{
	display: inline-flex;
}
.color-green{
	color: #8fe847;
}
.course-card .header h2{
	font-size: 22px;
}
.course-card .header h2::before {
	top      : 13px;
}
.card .title .icon-circle{
	width: 40px;
	height: 40px;
	border-radius: 20px;
	border: 1px solid #424242;
	line-height: 30px;
	text-align: center;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
}
.course-card .btn{
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.course-card .btn i{
	margin-right: 5px;
}
.alert-button {
	color: #6b717c;
	background: #dedee3;
	text-decoration: none;
	border: 1px solid #fff;
	border-radius: 0;
	line-height: 26px;
	display: inline-flex;
	min-width: fit-content;
	padding: 0 10px;
	font-size: 12px;
	box-shadow: 1px 1px 2px 1px rgb(0 0 0 / 37%);
	font-weight: 700;
	white-space: nowrap;
	margin-left: 10px;
	transition: all .2s linear;
}
.grey-alert-button{
	color: #6b717c !important;
}
.block-header .alert .orange-alert-button, .btn-orange{
	background : #f1b782;
	color: #fff !important;
}
.block-header .alert .red-alert-button{
	background : #d14a48;
	color: #fff;
}
.block-header .alert .blue-alert-button{
	background : #a1c5ef;
	color: #fff;
}
.block-header .alert .alert-button:hover{
	background: #cfcfcf;
	text-decoration: none;
	color: #6b717c !important;
}
.block-header .alert .alert-button img{
	transition: all .2s linear;
}
.block-header .alert .alert-button:hover img{
	filter: brightness(3);
}
.back-link{
	color: #fff;
	border: 1px solid #fff;
	display: inline-flex;
	align-items: center;
	transition: all .2s linear;
	font-weight: 900;
}
.back-link:hover{
	color: #283a96;
	background : #fff;
	text-decoration: none;
}
.course-links{
	margin: 20px 0;
}
.course-link{
	display: flex;
	align-items: center;
	flex-direction: column;
	width: 90px;
	justify-content: center;
	height: 90px;
	border: 2px solid #fff;
	box-shadow: 2px 2px 2px rgb(0, 0, 0, .2);
	margin-right: 10px;
	border-radius: 45px;
	color: #fff;
	font-size: 12px;
	transition: all .2s linear;
	font-weight: 900;
}
.course-link:hover{
	box-shadow: 1px 1px 2px rgba(0,0,0,.2);
	color: #fff;
	text-decoration: none;
}
.course-link img{
	width: 35px;
	margin-bottom: 3px;
	filter: brightness(3.5);
}
.course-link-blue{
	background: #C3DDF0;
}
.course-link-red{
	background: #e48985;
}
.course-link-purple{
	background: #b8a0d4;
}
.course-link-green{
	background: #a0ecc7;
}
.course-link-orange{
	background: #f1df8f;
}
@media(max-width: 991px){
	.ticket_date{
		border-right: none !important;
		border-bottom: 1px solid #dee2e6;
	}
}
.anchor_position{
	position: absolute;
	top: -40px;
	height: 1px;
}
.pagination.pagination-primary .page-item.active>.page-link, .pagination.pagination-primary .page-item.active>.page-link:focus, .pagination.pagination-primary .page-item.active>.page-link:hover,
.pagination .page-item.active>.page-link{
	background-color: #283a96;
	border-color: #283a96;
}
#DataTables_Table_0_filter{
	display: none;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
	width: 100%;
}
body{
	background: #fff;
	position: relative;
}
body:before{
	content: '';
	position: absolute;
	width : 100%;
	height : 100%;
	top: 0;
	left: 0;
	background: url(../images/bg.png) center / 100% 100% no-repeat;
	background-attachment: fixed;
	opacity: .4;
}
section.content {
	margin: 100px 0 120px 250px;
	min-height: calc(100vh - 220px);
	overflow: hidden;
}

.sidebar {
	height             : calc(100vh - 100px);
	top                : 100px;
	box-shadow: none;
	border-right: 1px solid #dedee3;
}
.alert strong {
	text-transform: uppercase;
	font-size: inherit;
}
.alert.alert-success {
	/* color: #8fe847; */
	color: #408e00;
	background: #fff;
	border: 1px solid #dedee3;
}
.alert.alert-danger {
	color: #d14a48;
	background: #fff;
	border: 1px solid #dedee3;
}
.alert.alert-danger a{
	color: inherit;
}
.authentication .card-plain {
	max-width: 440px;
}
.card {
	background : #ffffff !important;
	border-radius: 0!important;
	box-shadow: -10px -10px 0 0 rgb(214 214 214 / 32%);
	border-bottom: 2px solid #283a96;
}
.card .header h2 {
	color: #283a96;
}
.card:hover {
	box-shadow: -10px -10px 0 0 rgb(214 214 214 / 70%);
}
.checkbox input[type="checkbox"]:checked+label::after {
	border: 1px solid #283a96;
}
.email_free{
	bottom: -22px;
}

@media(max-width: 767px){
	section.content {
		margin: 100px 0 200px 250px;
		min-height: calc(100vh - 300px);
	}
	footer {
		height : 200px;
	}
	.ls-toggle-menu footer {
		margin: -200px 0 0 0;
	}
	.alert {
		padding  : .75rem 10px;
	}
	.alert-button {
		line-height     : 38px;
	}
}

.loader {
	position : relative;
	margin   : 0 auto;
	width    : 80px;
}
.loader:before {
	content     : '';
	display     : block;
	padding-top : 100%;
}
.circular {
	animation: rotate 2s linear infinite;
	height: 100%;
	transform-origin: center center;
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.path {
	stroke-dasharray: 1, 200;
	stroke-dashoffset: 0;
	animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
	stroke-linecap: round;
}
@keyframes rotate {
	100% {
		transform: rotate(360deg);
	}
}
@keyframes dash {
	0% {
		stroke-dasharray: 1, 200;
		stroke-dashoffset: 0;
	}
	50% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -35px;
	}
	100% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -124px;
	}
}
@keyframes color {
	100%,
	0% {
		stroke: #f75754;
	}
	40% {
		stroke: #94d9fa;
	}
	66% {
		stroke: #a0ecc7;
	}
	80%,
	90% {
		stroke: #f1df8f;
	}
}
.showbox {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 5%;
}

.notifications-menu-no-items{
	padding-top:118px!important;
	text-align: center;
}

.dropdown-menu ul.menu li>span{
	padding:10px 15px;text-decoration:none;-moz-transition:.5s;
	-o-transition:.5s;-webkit-transition:.5s;transition:.5s;
	display:block;
}

 .dropdown-menu ul.menu li > span:hover{background-color:#e9e9e9
}

.menu-info a{ 
	color:#424242!important;
	text-decoration: underline;
}

.menu-info a:hover{ 
	text-decoration: none;
}