@media (max-width: 991.98px) {
	.main > .navbar,
	.main > .footer,
	.main > .content { width: 100% !important; }
}

.side-left { float: left; }
.side-right { float: right; }

.g-1, .gx-1 {
    --bs-gutter-x: 0.25rem;
}
.g-1, .gy-1 {
    --bs-gutter-y: 0.25rem;
}
.pupil-stats__item p{ margin-bottom:0px; font-size: 13px;}
.pupil-stats__item p b {font-weight: 400;color: #a9c0cd;font-size: 12px;}
.tab .nav-tabs .nav-link {width:max-content;}
.notification-dot {height: 9px;width: 9px;background-color: #ff0000;border-radius: 50%;border: 1px solid white;display: inline-block;position: relative;top: -8px;    left: -8px; margin-right: -14px;}


table#dataTables-pupils td:nth-child(9){max-width: 60px; }
table#dataTables-example-waitlist td:nth-child(9) {max-width:100px;}
table#dataTables-inactive-pupils td:nth-child(6){max-width: 100px; }
table#dataTables-passed-pupils td:nth-child(6) {max-width: 50px; }

@media (max-width: 768px) {
    .calendar-header { display: inline-block!important; }
    .adiname {display:inline!important;}
    #dataTables-pupils td:first-child, #dataTables-pupils td:nth-child(2) { min-width: 140px;}
    #dataTables-inactive-pupils td:nth-child(2), #dataTables-inactive-pupils td:nth-child(3), #dataTables-inactive-pupils td:nth-child(5) { min-width: 140px; }
    #dataTables-passed-pupils td:nth-child(2), #dataTables-passed-pupils td:nth-child(3), #dataTables-passed-pupils td:nth-child(5) { min-width: 140px; }
    #dataTables-example-waitlist_wrapper td:nth-child(5){ min-width: 140px;}
    #dataTables-example-waitlist_wrapper td:nth-child(4){ min-width: 180px;}
    #dataTables-example-waitlist_wrapper td:nth-child(8){ min-width: 350px;}
    #dataTables-example_wrapper td:first-child, #dataTables-example_wrapper td:nth-child(2) { min-width: 140px;}
    #dataTables-example-two_wrapper td:first-child, #dataTables-example-two_wrapper td:nth-child(2) { min-width: 140px;}
    #dataTables-theory td:first-child, #dataTables-theory td:nth-child(2) { min-width: 140px;}
    #dataTables-waiting td:first-child, #dataTables-waiting td:nth-child(2) { min-width: 140px;}
    .pupil-stats .pupil-stats__item { min-width: 70px;}
    .tab__inner.overflow-auto{background:#003263; }
    .dataTables-lessons td:nth-child(2) { min-width: 140px;}
    .dataTables-lessons td:nth-child(3) { min-width: 100px;}
    .dataTables-lessons td:nth-child(4) { min-width:300px;}
    .dataTables-payments td:first-child, .dataTables-payments td:nth-child(7) { min-width: 100px;}
}



/* ------------------------------------------------------------ *\
	Iphone
\* ------------------------------------------------------------ */

.iphone { position: relative; max-width: 100%; width: 347px; }

.iphone__image { position: relative; }
.iphone__image img { max-width: 100%; height: auto; }

.iphone__content { position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; 
/*	padding: 16% 9% 5%; */
}
.iphone__content-header { font-size: 1rem; color: #696969; text-align: center;}
.iphone__content-header h3 { margin-bottom: 1rem; }
.iphone__content-header p { margin-bottom: 10px; }

.iphone__content-logo { position: relative; z-index: 1; overflow: hidden; width: 100px; height: 100px; border: 3px solid #fff; border-radius: 50%; margin: 0 auto -50px; background: #fff; }
.iphone__content-logo img { position: absolute; top: 50%; left: 50%; max-width: 100%; height: auto; transform: translate(-50%, -50%); }

.iphone-box { overflow: hidden; border-radius: 10px; background: #0040aa; }
.iphone-box:not(:last-child) { margin-bottom: 10px; }
.iphone-box:last-child { padding-bottom: 50px; }
.iphone-box img { max-width: 100%; height: auto; }

.iphone-box__lesson {}
.iphone-box__news {}
.iphone-box__progress {}
.iphone-box__actions {}

.badge a, .badge a:hover {color: #FFF!important; text-decoration:none;}
.badge.credits {background: #00a1ff;}
.badge.badge-red {background-color: #d63535; color: white;}
.badge.badge-orange{background-color: #FF9800; color: white}
.badge.badge-blue{background-color: #00a1ff; color: white}

.navbar .sidebar-link:hover {color: #343a41;}
@media (max-width: 820px) {
	.side-left { float: none; }
	.side-right { float: none; }

	.iphone { margin-top: 30px; }
}

@media (max-width: 450px) {
	.iphone__content-header p,
	.iphone__content-header h3 { margin-bottom: 5px; }

	.iphone__content-logo { width: 70px; height: 70px; margin-bottom: -35px; }
}

@media (max-width: 350px) {
	.iphone__content-header p,
	.iphone__content-header h3 { margin-bottom: 0; }

	.iphone__content-header h3 { font-size: 1rem; }

	.iphone__content-logo { width: 50px; height: 50px; margin-bottom: -25px; }
}


.navbar .sidebar-link:hover { color: #343a41;}
.mobile-menu .sidebar-item .sidebar-link:hover { color: #FFF;}

/* Iphone Secondary Styling  */
.iphone--secondary .iphone__content{
	background-size: contain;
}

.iphone--secondary .iphone__content-header{
	display: flex;
	justify-content: space-between;
	padding: 20% 10% 4%;
	align-items: center;
	margin-bottom: 20px;
}

.iphone--secondary .iphone__content-logo{
	width: 40px;
	height: 40px;
	margin: unset;
}

.iphone--secondary .iphone__content-menu{
	display: flex;
	align-items: center;
}

.iphone--secondary .iphone__content_name{
	margin-left: 20px;
	color: #fff;
	text-align: left;
}

.iphone--secondary .menu {
	display: flex;
	flex-direction: column;
}

.iphone--secondary .menu span{
	background-color: #fff;
	width: 35px;
	height: 3px;
	display: block;
	border-radius: 3px;
}

.iphone--secondary .menu span + span{
	margin-top: 5px;
}

.iphone--secondary .iphone__content_name p {
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: bold;
}


.iphone--secondary .iphone__content-scheduled{
	padding: 0 10% 0;
	border-radius: 5px;
	margin-bottom: 20px;
}

.iphone--secondary .iphone__content-status{
	padding: 0 10% 0;
	margin-bottom: 20px;
}

.iphone--secondary .iphone__content-advantage{
	padding: 0 10% 0;
	border-radius: 5px;
	margin-bottom: 20px;
}

.iphone--secondary .iphone__content-gaps{
	padding: 0 10% 0;
	border-radius: 5px;
	margin-bottom: 20px;
}

/* Iphone--Light */
.iphone--light .iphone__content-header{
	background-color: #805c81;
}

/* Scheduled */
.scheduled .scheduled__inner{
	color: #fff;
	margin-bottom: 10px;
	border-radius: 5px;
}

.scheduled .scheduled__head{
	padding: 15px 20px 8px;
	border-bottom:1px solid white;
}

.scheduled .scheduled__head p {
	margin-bottom: 10px;
}

.scheduled .scheduled__content{
	padding: 10px 20px 15px;
	position: relative;
}

.scheduled .scheduled__subtitle p{
	margin-bottom: 4px;
	line-height: 1;
	font-size: 14px;
}

.scheduled .scheduled__date{
	display: flex;
	flex-direction: row;
	font-size: 22px;
	margin-bottom: 15px;
	gap: 10px;
}

.scheduled .scheduled__date p {
	margin: 0;
}

.scheduled .scheduled__icon{
	position: absolute;
	right: 10px;
	top: 0;
	transform: translateY(-50%);
}

.scheduled .scheduled__options ul{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	color: #fff;
	padding: unset;
	font-size: 14px;
	list-style: none;
	margin: 0 -10px;
	align-items: center;
	margin-bottom: 10px;
}

.scheduled .scheduled__options p{
	margin-bottom: 5px;
}

.scheduled .scheduled__options ul li{
	padding: 3px 8px;
}

.scheduled .scheduled__options ul li.check {
	color:#000;
	background-color: #fff;
	border-radius: 4px;
	font-size: 14px; 
}

.status,
.gaps {
	color:white ;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.status .status__content{
	width: 100%;
}

.status .status__actions{
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
	width: 100%;
}

.status .status__action{
	padding: 16px 0;
	width: 50%;
	border-radius: 5px;
	text-align: center; 
}

.gaps{
	padding: 15px 10px;
	border-radius: 5px;
}

.status h4,
.gaps h4{
	font-weight: 600;
	line-height: 1;
	margin: 0;
	color: white;
	font-size: 12px; 
}

/* Advantages */
.advantages{
	border-radius: 5px;
}

.advantages .advantages__head{
	color: #fff;
	padding: 15px 10px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.advantages .advantages__head h4{
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 5px; 
}

.advantages .advantages__head p{
	font-size: 12px;
}

.advantages__content{
	background-color: #2753ab;
	padding: 15px 10px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.advantages__content ul{
	color: #fff;
	list-style: none;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding: 0; 
	margin: 0; 
}

.advantages__content ul li {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin: 0;
	font-size: 12px;
	font-weight: 400;
	gap: 5px;
}

.advantages__content ul li:nth-child(2){
	flex-direction: row-reverse;
}

.advantages__content ul li i{
	font-size: 18px;
}

/* ------------------------------------------------------------ *\
	Theory Test Pro Data
\* ------------------------------------------------------------ */

.theory-test-pro-data {
	max-width: 1000px;
}

.theory-test-pro-data ul {
	position: relative;
	overflow: hidden;
	padding: 0;
	margin: 0 -7px -20px;
	list-style: none;
}

.theory-test-pro-data li {
	float: left;
	width: 25%;
	padding: 0 7px 20px;
}

.theory-test-pro-data .size-1of3 {
	width: 33.333333%;
}

.theory-test-pro-data .size-3of5 {
	width: 37.5%;
}

.theory-test-pro-data .group {
	position: relative;
	overflow: hidden;
	padding: 25px 20px;
	background: #FFF;
	font-size: 1rem;
	font-weight: 500;
	box-shadow: 0 0 0.875rem 0 rgb(53 64 82 / 5%);
	border:1px solid #dee2e6;
}

.theory-test-pro-data .group h5 {
	color: #999abb;
}

.theory-test-pro-data .group strong {
	font-size: 1.2rem;
	font-weight: 700;
}

.theory-test-pro-data .group .feather-lg {
	width: 30px;
	height: 30px;
}

.theory-test-pro-data .group__aside {
	float: left;
	width: 50px;
}

.theory-test-pro-data .group__content {
	float: right;
	width: calc(100% - 50px);
}

.theory-test-pro-data .group__row {
	margin-bottom: 10px;
}

.theory-test-pro-data .group__row span {
	float: right;
	color: #999abb;
}
.theory-test-pro-data .group__row--basic span {
	color: #c74443;
}

.theory-test-pro-data .group__row--good span {
	color: #395393;
}

.theory-test-pro-data .group__row--great span {
	color: #6caa57;
}

.theory-test-pro-data .group__progress {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 9px;
	border-radius: 9px;
	margin-top: 5px;
	background: #e9ecef;
}

.theory-test-pro-data .group__row:not(:last-child) .group__progress {
	margin-bottom: 20px;
}

.theory-test-pro-data .group__progress__overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 9px;
	border-radius: 9px;
	background: #ebe9ec;
	transition: width .3s;
}


.theory-test-pro-data .group__progress__overlay--lightblue {
	background: #42bdff;
}

.theory-test-pro-data .group__progress__overlay--darkblue {
	background: #2a6aff;
}

.theory-test-pro-data .group__progress__overlay--basic {
	background: #c74443;
}

.theory-test-pro-data .group__progress__overlay--good {
	background: #395393;
}

.theory-test-pro-data .group__progress__overlay--great {
	background: #6caa57;
}

/* ------------------------------------------------------------ *\
	Account Table
\* ------------------------------------------------------------ */

.account-table{
	width: 900px;
	margin: 10px 0 30px 0;
	color: black;
	border-spacing: 20px;
}

.account-table tr:nth-child(odd) td, .table-prices tr:nth-child(odd){
	background: unset;
}

.account-table thead{
	font-size: 18px;
	font-weight: bold;
}

.account-table .table__content{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 50%; 
}

.account-table td h4{
	margin-right: 5px;
	font-size: 16px; 
}

.account-table td p{
	color: #495057;
	font-size: 13px; 
}

.account-table .btn{
	background-color: #d7d7d7;
	color: black;
	font-weight: bold;
	padding: 4px 10px;
	border-radius: 4px;
	line-height: 1;
	transition: .3s opacity  ease;
}

.account-table .btn:hover{
	opacity: .6;
}

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

.tables .table{
	width: 20%;
}

body:before {
	pointer-events: none;
	z-index: 999;
	position: fixed;
	opacity: 0;
	transition: opacity .3s ;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, .8);
}

body:after {
	pointer-events: none;
	z-index: 1000;
	position: fixed;
	content: '';
	opacity: 0;
	transition:  opacity .3s;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100px;
	height: 100px;
	background: url('../images/loading.svg') 0 0 no-repeat;
	background-size: cover;
}

body.is-loading:before,
body.is-loading-alt:before,
body.is-loading:after {
	pointer-events: initial;
	opacity: 1;
}

.loader {
	pointer-events: none;
	opacity: 0;
	position: fixed;
	width: 64px;
	height: 60px;
	z-index: 1000;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.loader::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	background: #002345;
	width: 64px;
	height: 32px;
	border-radius: 0 0 50px 50px;
	animation: move 0.5s linear infinite alternate;
}
.loader::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	background: #037aff;
	width: 24px;
	height: 24px;
	transform: translateX(-50%) rotate(0deg);
	animation: rotate 2s linear infinite;
}

body.is-loading-alt .loader {
	opacity: 1;
}
  
@keyframes rotate {
	100% { transform: translateX(-50%) rotate(360deg)}
}
@keyframes move {
	0% { transform: rotate(10deg)}
	100% { transform: rotate(-10deg)}
}
		

.main{background:#FFF!important;}

/* Instructors Listing */
.instructors-listing .instructors__items{
	display: flex;
	flex-direction: column;
	margin: -10px 0;
}

.instructors-listing .instructors__items .instructors__item{
	width: 100%;
	padding: 10px 0;
}

/* Instructor Billing */
.instructor-billing{
	display: grid;
	align-items: center;
	grid-template-columns: 1fr 3fr 1fr;
	background-color: white;
	border: 1px transparent;
	border-radius: 5px;
    background: #f1f5f8;
    padding: 10px 18px;
}

.instructor-billing .instructor__name{
	font-size: 13px;
	font-weight: bold;
	color: #000c2f;
}

.instructor-billing .instructor__name .instructor__admin{
	font-size: 12px;
	color: gray;
	text-transform: uppercase;
}

.instructor-billing .instructor__packages{
	justify-self: center;
}

.instructor-billing .instructor__info{
	text-align: right;
}

/* Packages */

.packages{
	display: flex;
	flex-direction:row;
	list-style: none;
	margin: 0 -20px;
	padding:unset;
}

.packages .package{
	padding: 0 10px;
}

.packages .package a {
	min-width: 85px;
	font-size: 13px;
	background-color: #526a84 !important;
	border: 1px solid #526a84;
	border-radius: 5px;
	color: white;
	transition: background-color .3s ease, color .3s ease;
}

.packages .package a:hover,
.packages .package a.is-active{
	color: #526a84;
	background-color: white !important;
}

.mobile-packages {
	display: none;
}

@media (max-width: 900px) {
	.instructor-billing .packages{
		display: none;
	}

	.instructor-billing .mobile-packages{
		display: block;
	}
}

/* Instructor-Listing--Alt */
.instructors-listing--alt .instructor-billing .packages{
	margin: 0 -5px;
}

.instructors-listing--alt .instructor-billing .packages .package{
	padding: 0 5px;
}

.instructors-listing--alt .instructor-billing .packages .package a{
	font-size: 12px;
	font-weight: 500;
}

@media (max-width: 768px) {
	.instructors-listing--alt .instructor-billing{
		grid-template-columns: repeat(4, 1fr);
		row-gap: 10px;
	}

	.instructors-listing--alt .instructor-billing .instructor__packages .packages{
		flex-wrap: wrap;
	}

	.instructors-listing--alt .instructor-billing .instructor__packages .packages .package a{
		min-width: 70px;
	}

	.instructors-listing--alt .instructor-billing .instructor__name{
		grid-column: span 2;
	}

	.instructors-listing--alt .instructor-billing .instructor__packages{
		grid-row: 2;
		grid-column: 1/-1;
		justify-self: center;
	}

	.instructors-listing--alt .instructor-billing .instructor__info{
		grid-column: span 2;
	}
}

@media (max-width: 425px){
	.instructors-listing .instructor-billing{
		grid-template-columns: repeat(2, 1fr);
		row-gap: 15px;
	}

	.instructors-listing .instructor-billing .instructor__packages{
		grid-column: 1 / -1;
		grid-row: 2;
		width: 100%;
	}
	
	.instructors-listing--alt .instructor-billing{
	}

	
	.instructors-listing--alt .instructor-billing .instructor__packages{
		width: 70%;
	}

	.instructors-listing--alt .instructor-billing .instructor__packages .packages{
		flex-direction: column;
		margin: 5px 0;
	}

	.instructors-listing--alt .instructor-billing .instructor__packages .packages .package{
		padding: 5px 0;
	}

	.instructors-listing--alt .instructor-billing .instructor__packages .packages .package a{
		width: 100%;
	}
}

.fade:not(.show) {
	display: none;
}

/* Wrapper-horizontal */
.wrapper{
	flex-direction: column;
}

/* Sidebar--horizontal */
.sidebar--horizontal{
	background-color: white;
}

.sidebar--horizontal .sidebar-brand{
	padding: unset;
	display: inline-block;
	max-width: 170px;
}

.sidebar--horizontal .sidebar-brand img{
	width: 100%;
}

.sidebar--horizontal .sidebar-content{
	padding: 16px 28px;
	background-color: white;
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

@media screen and (max-width: 500px){
	.badge--hide-mobile{
		display: none;
	}
}

.sidebar--horizontal .sidebar--links ul{
	display: flex;
	list-style: none;
	flex-direction: row;
	gap: 20px;
	margin: unset;
}

.sidebar--horizontal .sidebar--links li.sidebar__link img{
	width: 20px;
	height: 20px;
}

.sidebar--horizontal .sidebar--links li.sidebar__link a{
	position: relative;
}



.sidebar--horizontal .sidebar--links li.sidebar__link a:hover:after{
	opacity: 1;
}
.navbar-collapse.navbar-collapse--desktop{
	justify-content: flex-end;
}

@media (max-width: 900px) {
	.sidebar-nav--desktop{
		display: none !important;
	}

	.navbar.navbar--horizontal{
		background-color: #002345 !important;
		align-items: center;
		justify-content: center;
	}

	.navbar-collapse.navbar-collapse--desktop{
		display: none !important;
	}
}

/* sidebar-nav--vertical */
.sidebar-nav--vertical{
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.sidebar-nav--vertical .sidebar-link{
	font-size: 14px;
	color: white;
	font-weight: 400;
}

.sidebar-nav--vertical .sidebar-link{
	padding: unset;
}

/* Sidebar-nav--horizontal */
.sidebar-nav--horizontal{
    gap:5px;
	display: flex;
	padding: unset;
	margin: unset;
}

.sidebar-nav--horizontal .sidebar-item{
	font-size: 14px;
}

.sidebar-nav--horizontal .sidebar-item .sidebar-link{
	padding: 14px 16px 12px 16px;
	font-size:13px;
	border-bottom: 4px solid #FFF;
}

.sidebar-nav--horizontal .sidebar-item .sidebar-link:hover,
.sidebar-nav--horizontal .sidebar-item .sidebar-link.is-active{
	border-bottom: 4px solid #003263;
}

.sidebar-link, a.sidebar-link {background:unset!important;}

.text-dark, .navbar-light .navbar-nav .nav-link {
}
.panel-default {border:none!important;}
.navbar {box-shadow:unset!important;background: #080808; margin-bottom:0px;}

/* Navbar--horizontal */
.navbar--horizontal{
	padding: 0px 20px;
	box-shadow: rgb(0 50 99 / 10%) 0px 5px 10px 0px !important;
    /*box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 4px 0px !important;*/
    border-top: 1px solid #e7e7e7;
}

/* Navbar-nav--secondary */
.navbar-nav--secondary{
	font-size: 14px;
	gap: 10px;
	margin-right: 6px;
}

.navbar-nav--secondary .nav-link.dropdown-toggle{
	position: relative;
	padding-right:3px;
}

.navbar-nav--secondary .nav-link.dropdown-toggle:after{
	position: absolute;
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    content: '\f078';
    right: -15px;
    top: 24%;
	transform: none;
	padding: unset;
	margin: unset;
	border: none;
}

.navbar-nav--secondary .dropdown-menu{
	right: -20px;
}

/* Navbar-nav--mobile */
.navbar-nav--mobile{
	flex-direction: column !important;
	margin: unset;
	gap: 10px;
	width: 100%;
}

.navbar-nav--mobile a.nav-link{
	padding: 0 !important;
}

.navbar-nav--mobile a.nav-link span{
	color:white !important;
}


@media screen and (max-width: 900px){
	.navbar-nav--mobile a.nav-link.dropdown-toggle:after{
		content: unset;
	}

	.navbar-nav--mobile a.nav-link.dropdown-toggle:before{
		position: absolute;
		font-family: Font Awesome\ 5 Free;
		font-weight: 900;
		content: '\f078';
		right: -15px;
		top: 24%;
		transform: none;
		padding: unset;
		margin: unset;
		border: none;
		color: white;
	}

	.navbar-nav--mobile .dropdown .dropdown-menu .dropdown-item{
		padding: 4px 8px;
	}

	.navbar-nav--mobile .dropdown .dropdown-menu.show{
		position: unset;
	}
	
}

/* Modal Dynamic */
.modal.modal--dynamic .modal-dialog{
	margin: 0;
	max-width: fit-content;
}

/* Event-choices */
.event-choices{
	display: flex;
	list-style: none;
	flex-direction: column;
	gap: 10px;
	margin: unset;
	padding: unset;
}


li.nav-item {
    margin-right: 10px;
}

.event-choices li a{
    font-size: 14px;
    color: #047bff;
    font-weight: 400;
}

/* Tab */
.tab .tab-content{
	/* border-radius: 10px;
	box-shadow: 0rem 0rem 10px 2px rgb(222 223 229); */
}

/* Content */
.content{
	background: #f5f9fc;
	padding: 1.5rem;
}

/* Mobile Menu */
.mobile-menu{
	display: none;
	padding: 20px 10px;
}

.mobile-menu .mobile-menu__instructors{
	margin: 10px 0 30px;
}

.mobile-menu .mobile-menu__columns{
	display: flex;
	gap: 60px;
	flex-direction: row;
}

.mobile-menu .mobile-menu__column .mobile-menu__column__head {
	position: relative;
	color: #00a1ff;
}

.mobile-menu .mobile-menu__column .mobile-menu__column__head p{
	text-transform: uppercase;
	 color: #00a1ff;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 10px;
}

.mobile-menu .mobile-menu__column .mobile-menu__column__head:before{
	content:"\f077";
	font-family: Font Awesome\ 5 Free;
	font-weight: 900;
	position: absolute;
	top: 50%;
	right: 0;
	font-size: 14px;
	line-height: 1;
    transform: translateY(-50%);
	display: none;
	transition: all .3s ease-out;
}

.mobile-menu .mobile-menu__column__body{
	display: flex;
	flex-direction: row;
	gap: 40px;
	color: white;
}

.mobile-menu .sidebar-nav{
	padding: unset;
}

.mobile-menu .mobile-menu__instructors select{
	background-color: #0f3574;
	border: 1px solid white;
	color: white;
	font-size: 14px;
	padding: 14px 10px;
    height: auto;
}

@media screen and (max-width: 768px) {
	.mobile-menu {
		width: 100%;
	}

	.mobile-menu .mobile-menu__columns{
		flex-direction: column;
		gap: 30px;
	}

	.mobile-menu .mobile-menu__column__body{
		display: none;
		justify-content: space-between;
	}

	.mobile-menu .mobile-menu__column .mobile-menu__column__head:before{
		display: block;
	}

	.mobile-menu .mobile-menu__column.is-active .mobile-menu__column__head:before{
    	transform: translateY(-50%) rotate(180deg);
	}

	.mobile-menu .mobile-menu__column.is-active .mobile-menu__column__body{
		display: flex;
	}
}

/* Burger Menu */
.burger-menu{
	display: none;
	flex-direction: column;
	height: 20px;
	gap: 4px;
}

.burger-menu span{
	display: block;
	width: 30px;
	height: 4px;
	border-radius: 3px;
	background-color: #092243;
}

@media screen and (max-width: 900px){
    .sidebar--horizontal .sidebar-brand img {max-width:150px!important;}
	.mobile-menu.is-active{
		display: block;
	}

	/* Sidebar--links */
	.sidebar--horizontal .sidebar--links ul{
		display: none;
	}

	.sidebar--horizontal .sidebar--links{
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 10px;
	}

	.burger-menu{
		display: flex;
	}
}	
/* Nav-Tabs */
.nav-tabs.nav-tabs{
	flex-direction: row;
	flex-wrap: unset;
}
.nav-tabs.nav-tabs--light{
	background-color:#003263;
}

/* Color-Dark-Grey */
.color-dark-grey{
	color: #3C3C3C;
}

/* Icon-Title */
.icon-title{
	display: flex;
	align-items: center;
	gap: 5px;
	flex-direction: row;
}

.icon-title span{	
	font-size: 26px;
	display: inline-block;
}

.icon-title button{
	font-size: 16px;
	font-weight:400;
	margin: unset;
	background-color: unset;
	border: unset;
}

.icon-title button:focus{
	outline: unset;
}

.icon-title button:hover{
	opacity: .8;
}

/* Nopadding */
.nopadding{
	padding: unset;
}

/* Nomargin */
.nomargin{
	margin: unset;
}

/* Pupil-Stats */
.pupil-stats {
	border-top: 1px solid white;
	padding: 20px 40px;
	display: flex;
	flex-direction: row;
	gap: 40px;
	overflow-x: auto;
}

.pupil-stats .pupil-stats__item {
	color: white;
	margin-right: auto;
	font-size: 14px;
}

/* btn-options */
.btn-options{
	font-size: .75rem;
    padding: 5px;
    color: #525252;
    border: none;
	padding: 4px 12px;
    background-color: #e9ecef;
	transition: background-color .3s ease, color .3s ease;
	text-decoration: none;
}

.btn-options:hover{
	background-color: #354052;
	color: white;
}

/* btn-active */
.btn-active{
	background-color: #5FC27E;
	color: white;
}

.btn-active:hover{
	background-color: white;
	color: #5FC27E;
}

/* btn-blue */
.btn-blue{
	background-color: #06C1FF;
	color: white;
}

.btn-blue:hover{
	background-color: white;
	color: #06C1FF;
}

/* btn-darkblue */
.btn-darkblue{
	background-color: #002244;
	color: white;
}

.btn-darkblue:hover{
	background-color: white;
	color: #002244;
}

/* btn-nobg */
.btn-nobg{
	background-color: unset;
	transition: opacity .3s ease;
}

.btn-nobg:hover{
	background-color: unset;
	color:#525252;
	opacity: .7;
}

/* overflow-m-auto */
@media screen and (max-width: 900px){
	.overflow-m-auto{
		overflow-x: auto; background: #002345;
	} 
}

/* tab-nav */
.tab-nav{
	display: flex;
	flex-direction: row;
	border-radius: 8px 8px 0 0;
	overflow-y: auto;
	background-color: #002345;
	padding: 0px 22px;
	align-items: center;
}

.tab-nav .tab__inner{
	width: 100%;
	border-radius: unset;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	background-color: #002345;
}

.tab-nav .tab__inner .tab__aside{
	min-width: 160px;	
}

@media screen and (max-width: 900px){
	.tab-nav{
		overflow-x: auto;
	}
}

@media screen and (max-width: 768px){
	.tab-nav .tab__inner{
		width: unset;
	}
}

/* dropdown */
.dropdown {
	position: relative;
	width: fit-content;
	border-radius: 50%;
	padding: 0px;
}

@media (hover: none) {
	.dropdown.is-active ul {
		display: flex;
		flex-direction: column;
	}
}

.dropdown ul {
	display: none;
}

@media (hover: hover) {
	.dropdown:hover {
		cursor: pointer;
	}
	
	.dropdown:hover ul {
		display: flex;
		flex-direction: column;
	}
}

.dropdown ul {
	display: none;
	position: fixed;
	top: var(--element-top);
	left: var(--element-left);
	z-index: 1;
	background-color: #213249;
	list-style: none;
	padding: 8px 20px;
	width: max-content;
	gap: 10px;
}

.dropdown ul:before {
	content: '';
	position: absolute;
	bottom: 100%;
    left: 0;
	width: 50px;
	height: 50px;
}

.dropdown ul li a {
	color: white;
}

/* dropdown--blue */
.dropdown.dropdown--blue{
	background-color: #00A1FF;
	display: flex;
	padding: 7px 8px;
	align-items: center;
}

.dropdown.dropdown--blue i {
	color: white;
	font-size: 16px;
	display: block;
}

/* hidden */
.hidden{
	display: none !important;
}

/* mobile-only */
.mobile-only{
	display: none;
}

@media screen and (max-width: 768px){
	.mobile-only{
		display: block;
	}
}

/* desktop-only */
@media screen and (max-width: 768px){
	.desktop-only{
		display: none;
	}
}

/* modal-dialog-slideout */
.modal .modal-dialog.modal-dialog-slideout{
	min-height: 100vh;
	margin: 0 auto 0 0;
	max-width: initial;
}

.modal .modal-dialog.modal-dialog-slideout .modal-body {
	max-width: 600px;
}

.modal .modal-dialog.modal-dialog-slideout .modal-content {
	width: fit-content;
	height: 100vh;
	overflow: auto;
}

.modal.fade .modal-dialog.modal-dialog-slideout {
	transform: translate(-100%, 0);
	transition: transform .3s ease-out;
}

.modal.fade.show .modal-dialog.modal-dialog-slideout {
    transform: translate(0, 0);
    flex-flow: column;
}
.notification-dot {
  height: 9px;
  width: 9px;
  background-color: #ff0000;
  border-radius: 50%;
  border: 1px solid white;
  display: inline-block;
  position: relative;
  top: -8px;
  left: -8px;
}

.row-padding-top { padding-top: 30px; }