<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">html, body {
	min-height: 80vh;
	width: 100vw;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
}

body:not(.dark-mode) {
	font-family: 'Source Sans Pro','Open Sans','Roboto','San Francisco','Helvetica Neue','Helvetica','Arial','sans-serif';
	background-color: #f2f6fc;
	color: #525252;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: 400;
	overflow-x: hidden !important;
	overflow-y: scroll;
}

body:not(.dark-mode).modal-open {
	margin-right: 0 !important;
	overflow: hidden !important;
}

body:not(.dark-mode) section {
	opacity: 0;
}

body:not(.dark-mode) .main-header .logo {
	background: url(../img/logos/bg.png);
	background: url(../img/logos/bg.svg), linear-gradient(transparent, transparent);
}

@media (min-width: 420px) {
	body:not(.dark-mode) .main-header .logo.public {
		background: url(../img/logos/bitgab.png);
		background: url(../img/logos/bitgab.svg), linear-gradient(transparent, transparent);
	}
}

body:not(.dark-mode) .main-header .logo, body:not(.dark-mode) .main-header .logo.public {
	background-position: center;
	background-repeat: no-repeat;
}

body:not(.dark-mode) .main-header .logo {
	height: 40px;
	margin: 5px 0;
}

body:not(.dark-mode) .main-header .logo.public {
	height: 36px;
	margin: 7px 0;
}

body:not(.dark-mode) .main-header &gt; .navbar {
	min-height: 50px;
}

body:not(.dark-mode) .logo-mobile .spinner {
	display: inline-block;
	height: 24px;
	width: 24px;
	border-width: 3px;
	margin: 12px;
}

body:not(.dark-mode) .hidden, body:not(.dark-mode) .logo.logo-mobile.hidden {
	display: none !important;
}

body:not(.dark-mode) li {
	list-style: none;
}

body:not(.dark-mode) #evaluation .panel-footer {
	background-color: #fafafa;
}

body:not(.dark-mode) h1.page-title {
	font-size: 36px;
	font-weight: 600;
	color: #525252;
	margin-top: 20px;
	margin-bottom: 5px;
	line-height: 40px;
}

@media (max-width: 991px) {
	body:not(.dark-mode) h1.page-title {
		margin-top: 15px;
		line-height: 1.25;
	}
}

body:not(.dark-mode) .box-footer.centered {
	text-align: center;
}

body:not(.dark-mode) .box-title .fa {
	padding-right: 5px;
}

body:not(.dark-mode) .affix {
	position: fixed;
	top: 60px;
}

body:not(.dark-mode) .affix-bottom {
	position: absolute;
}

body:not(.dark-mode) :focus {
	outline: 0 !important;
}

body:not(.dark-mode) a:focus {
	text-decoration: none;
	color: #3c7ab5;
}

body:not(.dark-mode) a[data-toggle=modal]:hover {
	text-decoration: underline !important;
}

body:not(.dark-mode) .lead {
	font-weight: 400;
}

body:not(.dark-mode) b, body:not(.dark-mode) strong {
	font-weight: 600;
}

body:not(.dark-mode) #qawrap p br {
	content: "";
	margin: 2em 2em -20px;
	display: block;
}

body:not(.dark-mode) .navbar {
	text-align: center;
	height: 50px;
}

body:not(.dark-mode) .form-control {
	font-size: 16px;
}

body:not(.dark-mode) .form-control.survey {
	height: 44px;
}

body:not(.dark-mode) input[type=radio] {
	cursor: pointer;
}

body:not(.dark-mode) input, body:not(.dark-mode) select, body:not(.dark-mode) textarea {
	border: 2px solid transparent !important;
	background: #E6ECF0 !important;
	box-shadow: inset 0 0 0 #E6ECF0 !important;
	border-radius: 20px !important;
	transition: all 0.2s linear !important;
}

body:not(.dark-mode) input, body:not(.dark-mode) select {
	overflow: hidden !important;
}

body:not(.dark-mode) select {
	padding: 0 30px 0 10px !important;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E) !important;
	background-repeat: no-repeat, repeat !important;
	background-position: right 0.7em top 50%, 0 0 !important;
	background-size: 0.65em auto, 100% !important;
}

body:not(.dark-mode) input[disabled], body:not(.dark-mode) select[disabled], body:not(.dark-mode) textarea[disabled] {
	background: #eee !important;
}

body:not(.dark-mode) input:focus, body:not(.dark-mode) select:focus, body:not(.dark-mode) textarea:focus {
	border-color: #5fa2dd !important;
	background-color: #fff !important;
}

body:not(.dark-mode) ::-webkit-input-placeholder {
	color: #999 !important;
}

body:not(.dark-mode) ::-moz-placeholder {
	color: #999 !important;
}

body:not(.dark-mode) :-ms-input-placeholder {
	color: #999 !important;
}

body:not(.dark-mode) input:-moz-placeholder {
	color: #999 !important;
}

body:not(.dark-mode) :focus::-webkit-input-placeholder {
	color: #bbb !important;
}

body:not(.dark-mode) :focus::-moz-placeholder {
	color: #bbb !important;
}

body:not(.dark-mode) :focus:-ms-input-placeholder {
	color: #bbb !important;
}

body:not(.dark-mode) :focus:input:-moz-placeholder {
	color: #bbb !important;
}

body:not(.dark-mode) input[type=date]::-webkit-inner-spin-button, body:not(.dark-mode) input[type=time]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

body:not(.dark-mode) .noPointerEvents {
	pointer-events: none !important;
}

body:not(.dark-mode) .btn-success.focus, body:not(.dark-mode) .btn-success:focus {
	color: #fff;
	background-color: #449d44;
	border-color: #3d8d3d;
}

body:not(.dark-mode) #settingsMenu {
	padding: 10px 0;
	margin-bottom: 10px;
}

@media (max-width: 991px) {
	body:not(.dark-mode), body:not(.dark-mode) html {
		min-height: 100%;
	}

	body:not(.dark-mode) a:hover, body:not(.dark-mode) a[data-toggle=modal]:hover {
		text-decoration: none !important;
	}

	body:not(.dark-mode) a.btn-link {
		color: #999 !important;
		text-decoration: none !important;
		position: relative;
	}

	body:not(.dark-mode) a.btn-link:not(.photolink)::after {
		content: '';
		position: absolute;
		width: 100%;
		height: 0;
		left: 0;
		bottom: 1px;
		border-bottom: 1px dotted #999;
	}

	body:not(.dark-mode) a.btn-primary:hover, body:not(.dark-mode) button.btn-primary:hover {
		background-color: #5fa2dd !important;
		border-color: #5fa2dd !important;
	}

	body:not(.dark-mode) a.btn-default:hover, body:not(.dark-mode) button.btn-default:hover {
		background-color: #f4f4f4 !important;
		color: #666 !important;
		border-color: #ddd !important;
	}

	body:not(.dark-mode) a.btn-primary:active, body:not(.dark-mode) a.btn-primary:focus, body:not(.dark-mode) button.btn-primary:active, body:not(.dark-mode) button.btn-primary:focus {
		background-color: #3b8dd5 !important;
		border-color: #4291d7 !important;
	}

	body:not(.dark-mode) a.btn-default:active, body:not(.dark-mode) a.btn-default:focus, body:not(.dark-mode) button.btn-default:active, body:not(.dark-mode) button.btn-default:focus {
		color: #333 !important;
		background-color: #d4d4d4 !important;
		border-color: #8c8c8c !important;
	}

	body:not(.dark-mode) #settingsMenu li a:hover {
		color: #666 !important;
		transition: none !important;
	}

	body:not(.dark-mode) #settingsMenu li a:focus, body:not(.dark-mode) #settingsMenu li.active a {
		color: #ef7d30 !important;
		transition: none !important;
	}
}

body:not(.dark-mode).skin-black-light .main-header .navbar-toggle {
	color: #333;
}

body:not(.dark-mode).skin-black-light .main-header .navbar-brand {
	color: #333;
	border-right: 1px solid #eee;
}

body:not(.dark-mode).skin-black-light .main-header &gt; .navbar {
	background-color: #fff;
	border-bottom: 1px solid #e6ecf0 !important;
}

body:not(.dark-mode).skin-black-light .main-header &gt; .navbar .nav &gt; li &gt; a {
	color: #66757f;
	font-size: 14px;
}

body:not(.dark-mode).skin-black-light .main-header &gt; .navbar .nav .open &gt; a:hover, body:not(.dark-mode).skin-black-light .main-header &gt; .navbar .nav &gt; li &gt; a:hover {
	background: 0 0;
}

body:not(.dark-mode).skin-black-light .main-header &gt; .navbar .nav .open &gt; a, body:not(.dark-mode).skin-black-light .main-header &gt; .navbar .nav &gt; li &gt; a {
	border-bottom-color: #ef7d30;
}

body:not(.dark-mode) .nav-tabs-custom &gt; .nav-tabs &gt; li:hover a, body:not(.dark-mode).skin-black-light .main-header &gt; .navbar .nav .open &gt; a:hover span, body:not(.dark-mode).skin-black-light .main-header &gt; .navbar .nav &gt; li &gt; a:hover i, body:not(.dark-mode).skin-black-light .main-header &gt; .navbar .nav &gt; li &gt; a:hover span {
	color: #ef7d30;
}

body:not(.dark-mode).skin-black-light .main-header &gt; .navbar .sidebar-toggle {
	color: #333;
}

body:not(.dark-mode).skin-black-light .main-header &gt; .navbar .sidebar-toggle:hover {
	background: #fff;
}

body:not(.dark-mode).skin-black-light .main-header &gt; .navbar &gt; .sidebar-toggle {
	color: #333;
}

body:not(.dark-mode).skin-black-light .main-header &gt; .navbar .navbar-nav &gt; li &gt; a {
	border-right: 1px solid #eee;
}

body:not(.dark-mode).skin-black-light .main-header &gt; .navbar .navbar-custom-menu .navbar-nav &gt; li &gt; a, body:not(.dark-mode).skin-black-light .main-header &gt; .navbar .navbar-right &gt; li &gt; a {
	border-right-width: 0;
}

body:not(.dark-mode).skin-black-light .main-header &gt; .logo {
	background-color: #fff;
	color: #333;
	border-bottom: 0 solid transparent;
}

body:not(.dark-mode).skin-black-light .main-header &gt; .logo:hover {
	background-color: #fcfcfc;
}

@media (max-width: 767px) {
	body:not(.dark-mode).skin-black-light .main-header &gt; .logo {
		background-color: #222;
		color: #fff;
		border-bottom: 0 solid transparent;
		border-right: none;
	}

	body:not(.dark-mode).skin-black-light .main-header &gt; .logo:hover {
		background-color: #1f1f1f;
	}
}

body:not(.dark-mode).skin-black-light .content-header {
	background: 0 0;
	box-shadow: none;
}

body:not(.dark-mode).skin-black-light .left-side, body:not(.dark-mode).skin-black-light .main-sidebar {
	background-color: #f9fafc;
}

body:not(.dark-mode).skin-black-light .content-wrapper, body:not(.dark-mode).skin-black-light .main-footer {
	border-left: none;
}

body:not(.dark-mode).skin-black-light .user-panel &gt; .info, body:not(.dark-mode).skin-black-light .user-panel &gt; .info &gt; a {
	color: #444;
}

body:not(.dark-mode).skin-black-light .sidebar-menu &gt; li.header {
	color: #848484;
	background: #f9fafc;
	margin-top: 20px;
}

body:not(.dark-mode).skin-black-light .sidebar-menu &gt; li &gt; a {
	border-left: 3px solid transparent;
	font-weight: 400;
}

body:not(.dark-mode).skin-black-light .sidebar-menu &gt; li.active &gt; a, body:not(.dark-mode).skin-black-light .sidebar-menu &gt; li:hover &gt; a {
	color: #ef7d30;
	background: #f4f4f5;
}

body:not(.dark-mode).skin-black-light .sidebar-menu &gt; li.active {
	border-left-color: #fff;
}

body:not(.dark-mode).skin-black-light .sidebar-menu &gt; li.active &gt; a {
	font-weight: 400;
}

body:not(.dark-mode).skin-black-light .sidebar a {
	color: #444;
}

body:not(.dark-mode).skin-black-light .sidebar a:hover {
	text-decoration: none;
}

body:not(.dark-mode).skin-black-light .treeview-menu &gt; li &gt; a {
	color: #777;
}

body:not(.dark-mode).skin-black-light .treeview-menu &gt; li.active &gt; a, body:not(.dark-mode).skin-black-light .treeview-menu &gt; li &gt; a:hover {
	color: #ef7d30;
}

body:not(.dark-mode).skin-black-light .treeview-menu &gt; li.active &gt; a {
	font-weight: 400;
}

body:not(.dark-mode).skin-black-light .sidebar-form {
	border-radius: 21px;
	border: 1px solid #e1e8ed;
	margin: 8.5px 5px;
	position: relative;
	z-index: 0;
}

body:not(.dark-mode).skin-black-light .sidebar-form .btn, body:not(.dark-mode).skin-black-light .sidebar-form input[type=text] {
	box-shadow: none;
	background-color: #f9f9f9;
	border: 1px solid transparent;
	height: 35px;
}

body:not(.dark-mode).skin-black-light .sidebar-form input[type=text] {
	color: #666;
	border-radius: 2px 0 0 2px;
}

body:not(.dark-mode).skin-black-light .sidebar-form input[type=text]:focus, body:not(.dark-mode).skin-black-light .sidebar-form input[type=text]:focus + .input-group-btn .btn {
	background-color: #fff;
}

body:not(.dark-mode).skin-black-light .sidebar-form input[type=text]:focus + .input-group-btn .btn {
	border-left-color: #fff;
}

body:not(.dark-mode).skin-black-light .sidebar-form .btn {
	color: #666;
	border-radius: 0 2px 2px 0;
}

@media (min-width: 768px) {
	body:not(.dark-mode).skin-black-light.sidebar-mini.sidebar-collapse .sidebar-menu &gt; li &gt; .treeview-menu {
		border-left: 1px solid #d2d6de;
	}
}

body:not(.dark-mode) .page-recording .playerwrap {
	width: 720px;
	height: 480px;
	overflow: hidden;
}

body:not(.dark-mode) .media-left {
	margin-right: 0 !important;
	text-align: center;
}

body:not(.dark-mode) .media-left img {
	margin-top: 10px;
	margin-left: 0;
}

body:not(.dark-mode) .speech {
	padding-top: 5px;
	margin-top: 5px;
}

body:not(.dark-mode) .speech::before {
	border-bottom: 7px solid transparent;
	border-right: 7px solid #fff;
	border-top: 7px solid transparent;
}

body:not(.dark-mode) .speech span.speech-teacher {
	display: inline-block;
	vertical-align: middle;
	font-weight: 600;
	font-size: 13px;
	margin: 0 3px 0 0;
}

body:not(.dark-mode) .mar-btm {
	border-top: 1px #eee solid;
}

body:not(.dark-mode) .mainboard {
	margin-top: 10px;
	background: #f7f7f7;
	padding: 10px 20px;
	border-radius: 20px;
	border: 0;
}

body:not(.dark-mode) .pad-hor {
	padding: 0;
}

body:not(.dark-mode) #qawrap {
	margin-bottom: 0;
	box-shadow: none;
}

body:not(.dark-mode) #qawrap #demo-chat-body .speech p a {
	word-break: break-word;
}

body:not(.dark-mode) #ask-question-box {
	margin-top: 15px;
}

body:not(.dark-mode) #notifier {
	display: none;
	padding: 12px 0;
	margin: 0;
	border-radius: 0 0 20px 20px;
	border-top: none;
	font-weight: 600;
	font-size: 20px;
	position: absolute;
	top: 50px;
	left: calc(50% - 100px);
	width: 200px;
	text-align: center;
}

body:not(.dark-mode) .speech .media-heading {
	display: inline-block;
	vertical-align: middle;
	font-size: 15px;
	line-height: 15px;
	margin-right: 5px;
	font-weight: 600;
	margin-bottom: 0;
	padding-bottom: 0;
}

body:not(.dark-mode) .speech-time {
	font-size: 15px;
	color: #999;
	display: inline-block;
	vertical-align: middle;
	line-height: 15px;
	margin-right: 5px;
}

body:not(.dark-mode) .img-sm {
	height: 46px;
	width: 46px;
}

body:not(.dark-mode) .mar-btm.replied {
	margin: 5px 0 0 58px;
	background: #f7f7f7;
	padding: 10px 20px;
	border-radius: 20px;
	border: 0;
}

body:not(.dark-mode) .replied .img-circle {
	max-width: 35px;
	max-height: 35px;
}

body:not(.dark-mode) .col-lg-5ths, body:not(.dark-mode) .col-md-5ths, body:not(.dark-mode) .col-sm-5ths, body:not(.dark-mode) .col-xs-5ths {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
}

body:not(.dark-mode) .col-xs-5ths {
	width: 20%;
	float: left;
}

@media (min-width: 768px) {
	body:not(.dark-mode) .col-sm-5ths {
		width: 20%;
		float: left;
	}
}

@media (min-width: 992px) {
	body:not(.dark-mode) .col-md-5ths {
		width: 20%;
		float: left;
	}
}

@media (min-width: 1200px) {
	body:not(.dark-mode) .col-lg-5ths {
		width: 20%;
		float: left;
	}
}

@media screen and (max-width: 659px) {
	body:not(.dark-mode) #grid[data-columns]::before {
		content: '1 .column.size-1of1';
		color: transparent;
	}

	body:not(.dark-mode) .column {
		float: none !important;
		margin: 0 auto;
	}
}

@media screen and (min-width: 660px) and (max-width: 991px) {
	body:not(.dark-mode) #grid[data-columns]::before {
		content: '2 .column.size-1of2';
		color: transparent;
	}
}

@media screen and (min-width: 992px) {
	body:not(.dark-mode) #grid[data-columns]::before {
		content: '3 .column.size-1of3';
		color: transparent;
	}
}

body:not(.dark-mode) #grid {
	font-size: x-small;
	overflow: auto;
	position: relative;
	z-index: 0;
}

body:not(.dark-mode) .m_highlight, body:not(.dark-mode) .m_store {
	position: relative;
	z-index: 0;
	box-shadow: 0 0 #E4E4E4;
	border: 1px solid #D9D9D9;
	font-size: x-small;
}

body:not(.dark-mode) .m_highlight a, body:not(.dark-mode) .m_store a {
	text-decoration: none;
}

body:not(.dark-mode) .m_highlight .m_video_item:after, body:not(.dark-mode) .m_store .m_video_item:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 0;
}

body:not(.dark-mode) .m_highlight .m_video_item_icon, body:not(.dark-mode) .m_store .m_video_item_icon {
	z-index: 1;
}

body:not(.dark-mode) .m_highlight_delete {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 13px;
	height: 13px;
	overflow: hidden;
	text-indent: -999px;
	background-repeat: no-repeat;
	background-position: center center;
}

body:not(.dark-mode) .m_highlight_header img, body:not(.dark-mode) .m_store_header img {
	color: #f0f0f0;
}

body:not(.dark-mode) .m_highlight img, body:not(.dark-mode) .m_highlight_header img, body:not(.dark-mode) .m_store img, body:not(.dark-mode) .m_store_header img {
	width: 100%;
	height: auto;
}

body:not(.dark-mode) .m_highlight_content, body:not(.dark-mode) .m_store_content {
	padding: 0 15px;
}

body:not(.dark-mode) .m_highlight_content strong, body:not(.dark-mode) .m_store_content strong {
	display: block;
	font-size: 1.8em;
	line-height: 1.3em;
	color: #ef7d30;
	font-weight: 600;
	margin-bottom: 5px;
}

body:not(.dark-mode) .m_highlight_content address, body:not(.dark-mode) .m_highlight_content p, body:not(.dark-mode) .m_store_content address, body:not(.dark-mode) .m_store_content p {
	font-size: 1.45em;
	color: #666;
	line-height: 1.45em;
	font-style: normal;
}

body:not(.dark-mode) .m_highlight_content p, body:not(.dark-mode) .m_store_content p {
	margin-bottom: 5px;
}

body:not(.dark-mode) .m_highlight_content .m_highlight_content_title, body:not(.dark-mode) .m_highlight_content h1, body:not(.dark-mode) .m_store_content .m_highlight_content_title, body:not(.dark-mode) .m_store_content h1 {
	font-weight: 600;
	font-size: 1.4em;
	text-transform: uppercase;
	color: #aaa;
	margin-top: 15px;
	margin-bottom: 5px;
	padding: 0;
	display: block;
}

body:not(.dark-mode) .m_highlight_mini .m_highlight_content_title {
	padding: 14px 0 13px;
}

body:not(.dark-mode) .m_articles_banner {
	background-color: #fff;
	margin-bottom: 20px;
	display: block;
}

body:not(.dark-mode) .m_articles_inner_nav, body:not(.dark-mode) .m_articles_title {
	margin-bottom: 20px;
}

body:not(.dark-mode) .content {
	overflow: visible;
}

body:not(.dark-mode) #index-content {
	padding: 5px;
	min-height: 300px;
}

body:not(.dark-mode) .box {
	width: auto;
}

body:not(.dark-mode) .box img {
	border-radius: 3px 3px 0 0;
}

body:not(.dark-mode) .img-circle {
	border-radius: 50% !important;
	-webkit-transform: translateZ(0);
	-webkit-mask-image: -webkit-radial-gradient(circle, #fff 100%, #000 100%);
}

body:not(.dark-mode) .social-buttons {
	display: none;
}

body:not(.dark-mode) .social-buttons.active, body:not(.dark-mode) .topic-box:hover .social-buttons {
	display: block;
}

body:not(.dark-mode) .topic-box.loaded a:hover {
	opacity: 0.9 !important;
}

body:not(.dark-mode) .topic-box.loaded a.box-topic-link {
	display: block;
}

body:not(.dark-mode) .topic-box a.box-topic-link:hover, body:not(.dark-mode) .topic-box a.favoritebtn:hover {
	cursor: default;
}

body:not(.dark-mode) .topic-box.loaded a.box-topic-link:hover, body:not(.dark-mode) .topic-box.loaded a.favoritebtn:hover {
	cursor: pointer;
}

body:not(.dark-mode) .fb-gr {
	background: url(../img/assets/facebook.png) -31px 0 no-repeat;
	background: linear-gradient(transparent, transparent), url(../img/assets/facebook.svg) -31px 0 no-repeat;
	left: 0;
	width: 62px;
	height: 31px;
}

body:not(.dark-mode) .fb-gr:hover {
	background: url(../img/assets/facebook.png) no-repeat;
	background: linear-gradient(transparent, transparent), url(../img/assets/facebook.svg) no-repeat;
	width: 62px;
	height: 31px;
}

body:not(.dark-mode) .tw-gr {
	background: url(../img/assets/twitter.png) -31px 0 no-repeat;
	background: linear-gradient(transparent, transparent), url(../img/assets/twitter.svg) -31px 0 no-repeat;
	left: 0;
	width: 62px;
	height: 31px;
}

body:not(.dark-mode) .tw-gr:hover {
	background: url(../img/assets/twitter.png) no-repeat;
	background: linear-gradient(transparent, transparent), url(../img/assets/twitter.svg) no-repeat;
	width: 62px;
	height: 31px;
}

body:not(.dark-mode) .fv-gr {
	background: url(../img/assets/fv.png) -31px 0 no-repeat;
	background: linear-gradient(transparent, transparent), url(../img/assets/fv.svg) -31px 0 no-repeat;
	left: 0;
	width: 62px;
	height: 31px;
	vertical-align: top;
	margin-top: 2px;
}

body:not(.dark-mode) .fv-gr.active, body:not(.dark-mode) .fv-gr:hover {
	background: url(../img/assets/fv.png) no-repeat;
	background: linear-gradient(transparent, transparent), url(../img/assets/fv.svg) no-repeat;
	width: 62px;
	height: 31px;
}

@media (max-width: 991px) {
	body:not(.dark-mode) .content-header {
		padding: 50px 5px 5px;
	}

	body:not(.dark-mode) .fv-gr:hover {
		background: url(../img/assets/fv.png) -31px 0 no-repeat;
		background: linear-gradient(transparent, transparent), url(../img/assets/fv.svg) -31px 0 no-repeat;
		left: 0;
		width: 62px;
		height: 31px;
		vertical-align: top;
		margin-top: 3px;
	}

	body:not(.dark-mode) .fv-gr.active {
		background: url(../img/assets/fv.png) no-repeat;
		background: linear-gradient(transparent, transparent), url(../img/assets/fv.svg) no-repeat;
		width: 62px;
		height: 31px;
	}
}

body:not(.dark-mode) .fb-index {
	background: url(../img/assets/facebook.png) no-repeat;
	background: linear-gradient(transparent, transparent), url(../img/assets/facebook.svg) no-repeat;
	left: -31px;
	width: 62px;
	height: 31px;
}

body:not(.dark-mode) .tw-index {
	background: url(../img/assets/twitter.png) no-repeat;
	background: linear-gradient(transparent, transparent), url(../img/assets/twitter.svg) no-repeat;
	left: -31px;
	width: 62px;
	height: 31px;
}

body:not(.dark-mode) .fb-index:hover, body:not(.dark-mode) .tw-index:hover {
	opacity: .5;
}

body:not(.dark-mode) .fv-index {
	background: url(../img/assets/fv-index.png) -31px 0 no-repeat;
	background: linear-gradient(transparent, transparent), url(../img/assets/fv-index.svg) -31px 0 no-repeat;
	left: 0;
	width: 62px;
	height: 31px;
}

body:not(.dark-mode) .fv-index:hover, body:not(.dark-mode) .social-buttons.active .fv-index {
	background: url(../img/assets/fv-index.png) 31px 0 no-repeat;
	background: linear-gradient(transparent, transparent), url(../img/assets/fv-index.svg) 31px 0 no-repeat;
	left: -31px;
	width: 62px;
	height: 31px;
}

@media (max-width: 991px) {
	body:not(.dark-mode) .fv-index:hover {
		background: url(../img/assets/fv-index.png) -31px 0 no-repeat;
		background: linear-gradient(transparent, transparent), url(../img/assets/fv-index.svg) -31px 0 no-repeat;
		left: 0;
		width: 62px;
		height: 31px;
	}
}

body:not(.dark-mode) .share-icons {
	width: 31px;
	height: 31px;
	overflow: hidden;
	margin-left: 5px;
}

body:not(.dark-mode) #title-text {
	margin-right: 5px;
}

body:not(.dark-mode) #endSearch, body:not(.dark-mode) #index-content .empty-results {
	opacity: 0;
}

@media (max-width: 991px) {
	body:not(.dark-mode) .topic-box.loaded:hover {
		opacity: 1 !important;
		box-shadow: none !important;
	}

	body:not(.dark-mode) .social-buttons {
		display: block !important;
	}

	body:not(.dark-mode) .fb-gr, body:not(.dark-mode) .fv-gr, body:not(.dark-mode) .tw-gr {
		transform: scale(0.8);
		vertical-align: top;
		margin-top: 3px;
	}

	body:not(.dark-mode) .share-icons {
		margin-left: 0;
	}

	body:not(.dark-mode) #left-float {
		margin-left: -5px;
	}
}

@media (max-width: 559px) {
	body:not(.dark-mode) .mar-btm.replied {
		margin: 5px 0 15px 25px !important;
	}

	body:not(.dark-mode) .mainboard, body:not(.dark-mode) .mar-btm.replied {
		padding: 0 5px 10px;
	}

	body:not(.dark-mode) #view-post-modal .post-replies .quote-wrap .mar-btm.replied {
		margin: 15px 10px 15px 30px !important;
	}

	body:not(.dark-mode) #page-title-wrapper h1.page-title.page-title-before div {
		margin-top: 0 !important;
	}
}

body:not(.dark-mode) .tags-line {
	font-size: 1.5em;
	text-transform: uppercase;
	color: #ccc;
	overflow: hidden;
}

body:not(.dark-mode) #index-content .tags-line a, body:not(.dark-mode) .tags-line a {
	display: inline-block;
	border: 1px solid #eaf4ea;
	background-color: #eaf4ea;
	color: #7aa37a;
	font-weight: 600;
	font-size: .7em;
	padding: 0 10px;
	line-height: 1.7;
	margin-right: 4px;
	border-radius: 15px;
}

body:not(.dark-mode) .topic-box .tags-line a {
	margin-bottom: 6px;
}

body:not(.dark-mode) #index-content .tags-line a {
	margin-top: 5px;
}

body:not(.dark-mode) .free {
	background: green;
	color: #fff;
	font-size: 12px;
	text-align: center;
	padding: 3px;
	text-transform: uppercase;
	font-weight: 600;
}

body:not(.dark-mode) .label-category {
	font-size: 1em;
	color: #999;
	text-transform: none;
	vertical-align: middle;
	font-weight: 600;
}

body:not(.dark-mode) #example1_wrapper {
	padding: 5px;
}

body:not(.dark-mode) th {
	font-size: 16px;
	font-weight: 400;
	border: 0 !important;
}

body:not(.dark-mode) td {
	font-size: 15px;
	vertical-align: middle !important;
	border: 0 !important;
}

body:not(.dark-mode) .date-col {
	white-space: nowrap;
}

body:not(.dark-mode) .tags-line.grammar-col {
	max-height: none !important;
	overflow: auto !important;
	line-height: 1.25em !important;
}

body:not(.dark-mode) #example1_wrapper .tags-widget a {
	font-size: 11px;
	text-transform: uppercase;
	vertical-align: top;
	margin-top: 3px;
	margin-bottom: 3px;
}

body:not(.dark-mode) .odd {
	background-color: #fff !important;
}

body:not(.dark-mode) .even {
	background-color: #f7f7f7 !important;
}

body:not(.dark-mode) div.dataTables_wrapper &gt; div.row &gt; div {
	text-align: left;
}

@media (max-width: 991px) {
	body:not(.dark-mode) .grammar-col {
		display: none;
	}
}

@media (max-width: 599px) {
	body:not(.dark-mode) .topic-col {
		display: none;
	}
}

@media (max-width: 419px) {
	body:not(.dark-mode) .date-col {
		display: none;
	}
}

body:not(.dark-mode) #toggle-wrapper {
	margin-left: auto;
	margin-top: 20px;
	height: 40px;
}

body:not(.dark-mode) #toggle-wrapper.toggle-wrapper-topic {
	margin-top: 45px;
}

@media (max-width: 991px) {
	body:not(.dark-mode) #toggle-wrapper {
		display: flex;
		align-items: center;
	}
}

body:not(.dark-mode) .Sharer_icon {
	padding: 6px;
	width: 27px;
	height: 27px;
	text-align: center;
	color: #fff;
	font-size: 15px;
	margin-left: 7px;
}

body:not(.dark-mode) .btn-gab {
	background-color: #ef7d30;
	border-color: #ef7d30;
	font-weight: 600;
	color: #fff;
}

body:not(.dark-mode) .btn-gab:focus, body:not(.dark-mode) .btn-gab:hover {
	color: #fff;
}

body:not(.dark-mode) .btn-gab:hover {
	background-color: #d7702b;
	border-color: #d7702b;
}

body:not(.dark-mode) .share-icons {
	display: inline-block;
}

body:not(.dark-mode) .share-icons:hover {
	cursor: pointer;
}

body:not(.dark-mode) .nav-tabs-custom &gt; .nav-tabs &gt; li {
	margin-right: 0;
}

body:not(.dark-mode) #video-holder {
	background: #f0f0f0;
	border-radius: 20px;
	overflow: hidden;
}

body:not(.dark-mode) #video-holder.has-video {
	border-radius: 20px 20px 0 0;
}

body:not(.dark-mode) #video-holder.has-video.teacher-video {
	border-radius: 20px;
}

body:not(.dark-mode) #fb, body:not(.dark-mode) #fv, body:not(.dark-mode) #tw {
	margin-bottom: 5px;
	margin-right: 5px;
}

body:not(.dark-mode) #qawrap .img-circle {
	width: 50px;
	height: 50px;
}

body:not(.dark-mode) #gab-text-title {
	font-size: 26px;
	line-height: 36px;
	font-weight: 600;
	margin: 0 0 5px 15px;
}

body:not(.dark-mode) #gab-text {
	font-size: 15px;
	margin: 0 15px;
}

body:not(.dark-mode) #gab-button-wrap {
	display: block !important;
	margin: 0 0 10px !important;
	text-align: center !important;
}

@media (max-width: 1279px) and (min-width: 992px), (max-width: 459px) {
	body:not(.dark-mode) .gv-short-text {
		display: none;
	}
}

@media (max-width: 559px) {
	body:not(.dark-mode) #qawrap .image, body:not(.dark-mode) #qawrap .img-circle {
		display: none;
	}

	body:not(.dark-mode) #qawrap ul {
		margin-left: 0 !important;
	}

	body:not(.dark-mode) #comment-box-topic #qa-text-area {
		width: 100% !important;
	}

	body:not(.dark-mode) .page-title {
		font-size: 25px !important;
	}

	body:not(.dark-mode) .Sharer_icon {
		transform: scale(0.8);
	}

	body:not(.dark-mode) #teacher-pic {
		height: 1em !important;
		width: 1em !important;
		vertical-align: middle;
	}

	body:not(.dark-mode) #fb, body:not(.dark-mode) #fv, body:not(.dark-mode) #tw {
		margin-bottom: 3px;
	}
}

@media (max-width: 991px) {
	body:not(.dark-mode) .info-text, body:not(.dark-mode) .right-float {
		display: none;
	}

	body:not(.dark-mode) #page-title-wrapper {
		width: 100% !important;
	}

	body:not(.dark-mode) #toggle-wrapper.toggle-wrapper-topic {
		display: none;
	}

	body:not(.dark-mode) .mar-btm.replied {
		margin: 5px 0 0 40px;
	}

	body:not(.dark-mode) .mainboard, body:not(.dark-mode) .mar-btm.replied {
		padding: 0 5px 10px;
	}
}

@media (min-width: 992px) {
	body:not(.dark-mode) #fb, body:not(.dark-mode) #tw {
		width: 31px;
		margin-right: 0;
		margin-left: 5px;
	}
}

body:not(.dark-mode) .cell-text {
	margin: 0;
	line-height: 1.5;
}

body:not(.dark-mode) .borderless td, body:not(.dark-mode) .borderless th {
	border: none !important;
}

body:not(.dark-mode) .m-progress-bar {
	min-height: 1em;
	background: #9cc96b;
	width: 5%;
}

body:not(.dark-mode) .products-list &gt; .item {
	list-style: none !important;
}

body:not(.dark-mode) #studentrankingswrap.products-list &gt; .item {
	display: flex;
	align-items: center;
	counter-increment: item;
	padding: 10px;
}

body:not(.dark-mode) #studentrankingswrap.products-list &gt; .item:nth-child(odd) {
	background: #f7f7f7;
	border-radius: 20px;
}

body:not(.dark-mode) #studentrankingswrap.products-list li.item:before {
	content: counter(item);
	background: #add8e6;
	border-radius: 100%;
	font-size: 26px;
	line-height: 47px;
	font-weight: 700;
	color: #fff;
	width: 62px;
	height: 50px;
	text-align: center;
	display: inline-block;
	margin-right: 10px;
}

body:not(.dark-mode) #studentrankingswrap.products-list li.item:nth-child(n+1000):before {
	font-size: 16px;
	line-height: 49px;
}

body:not(.dark-mode) #studentrankingswrap.products-list .product-img {
	float: none;
	margin: 0 10px;
}

body:not(.dark-mode) #studentrankingswrap.products-list .product-info {
	width: 100%;
	margin-left: 0;
}

body:not(.dark-mode) .credit-card-box .panel-title {
	display: inline;
	font-weight: 700;
}

body:not(.dark-mode) .credit-card-box .form-control.error {
	border-color: red;
	outline: 0;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
}

body:not(.dark-mode) .credit-card-box .payment-errors, body:not(.dark-mode) .credit-card-box label.error {
	font-weight: 700;
	color: red;
	padding: 2px 8px;
	margin-top: 2px;
}

body:not(.dark-mode) .credit-card-box label {
	display: block;
}

body:not(.dark-mode) .credit-card-box .display-table {
	display: table;
}

body:not(.dark-mode) .credit-card-box .display-tr {
	display: table-row;
}

body:not(.dark-mode) .credit-card-box .display-td {
	display: table-cell;
	vertical-align: middle;
	width: 50%;
}

body:not(.dark-mode) .credit-card-box .panel-heading img {
	min-width: 180px;
}

body:not(.dark-mode) .content-media--video {
	background-color: #ddd;
	display: block;
	position: relative;
	padding: 0 0 56.4285714286%;
}

body:not(.dark-mode) .content-media--video iframe {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
}

body:not(.dark-mode) #player {
	-webkit-transition: width .15s ease-in-out,height .15s ease-in-out,-webkit-transform .35s ease-in-out;
	transition: width .15s ease-in-out,height .15s ease-in-out,-webkit-transform .35s ease-in-out;
	transition: width .15s ease-in-out,height .15s ease-in-out,transform .35s ease-in-out;
	transition: width .15s ease-in-out,height .15s ease-in-out,transform .35s ease-in-out,-webkit-transform .35s ease-in-out;
}

body:not(.dark-mode) #player.is-sticky {
	position: fixed;
	top: 50px;
	left: 50px;
	max-width: 426px;
	max-height: 240px;
	width: 426px;
	height: 240px;
	z-index: 1;
	border-radius: 20px;
	margin: 5px;
}

@media screen and (min-width: 1025px) {
	body:not(.dark-mode) #player.is-sticky {
		-webkit-transform: translateX(-50px);
		transform: translateX(-50px);
	}
}

@media screen and (max-width: 1024px) {
	body:not(.dark-mode) #player.is-sticky {
		top: 0;
		left: 0;
	}
}

@media screen and (max-width: 479px) {
	body:not(.dark-mode) #player.is-sticky {
		max-width: 284px;
		max-height: 160px;
	}
}

body:not(.dark-mode) .box .nav-stacked &gt; li {
	margin: 0 10px;
	font-size: 18px;
	border: 0;
}

body:not(.dark-mode) .sub-item {
	border: 0 !important;
	margin: 0 0 10px;
	padding-top: 0 !important;
	font-weight: 400;
}

body:not(.dark-mode) .sub-item span.pull-right {
	padding-top: 2px;
}

body:not(.dark-mode) .level-bar {
	margin: 0;
	height: 20.19px;
	font-weight: 600;
	border-radius: 3px;
	width: 100%;
	max-width: 130px;
	float: right;
}

body:not(.dark-mode) .bg-profile {
	background-color: #47aada;
	background-size: cover;
	background-position: 50% 50%;
}

body:not(.dark-mode) #changecover {
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
	padding: 0;
}

body:not(.dark-mode) .profile-item {
	margin: 10px 10px 15px;
}

body:not(.dark-mode) .profile-item p {
	font-weight: 600;
	margin-bottom: 5px;
}

body:not(.dark-mode) .hr-medium {
	margin: 15px 0;
	border: 0;
}

body:not(.dark-mode) .nav-stacked &gt; li &gt; a, body:not(.dark-mode) .nav-stacked &gt; li &gt; a:hover {
	color: #292f33;
	background: 0 0;
}

body:not(.dark-mode) .form-horizontal .control-label {
	padding-right: 0;
	padding-left: 5px;
	padding-top: 0;
	line-height: 17px;
	height: 34px;
	display: table;
}

body:not(.dark-mode) .settings-label {
	font-weight: 600;
	display: table-cell;
	vertical-align: middle;
}

@media (max-width: 767px) {
	body:not(.dark-mode) .form-horizontal .control-label {
		height: 25px;
		padding-left: 15px;
	}

	body:not(.dark-mode) .settings-label {
		vertical-align: bottom;
	}
}

body:not(.dark-mode) .widget-user-2 .widget-user-image &gt; img {
	width: 80px;
	cursor: pointer;
}

body:not(.dark-mode) .widget-user-2 .widget-user-desc, body:not(.dark-mode) .widget-user-2 .widget-user-username {
	margin-left: 0;
}

body:not(.dark-mode) .widget-user-2 .widget-user-username {
	margin-bottom: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
}

body:not(.dark-mode) #profileScores li a, body:not(.dark-mode) #settingsMenu li a {
	background-color: transparent;
}

body:not(.dark-mode) #profileScores li a {
	padding: 0 5px;
	font-size: 16px;
	color: #525252;
}

body:not(.dark-mode) #settingsMenu li a {
	padding: 10px;
	color: #666;
}

body:not(.dark-mode) #settingsMenu li a:focus, body:not(.dark-mode) #settingsMenu li a:hover, body:not(.dark-mode) #settingsMenu li.active a {
	color: #ef7d30;
	transition: all .15s ease-in-out;
}

body:not(.dark-mode) #settingsMenu .chevron.right:before {
	border-width: 2px 2px 0 0;
}

body:not(.dark-mode) #settingsMenu .settings-box-header {
	padding: 15px 0;
}

body:not(.dark-mode) .fileinput-button input {
	cursor: pointer;
	direction: ltr;
	font-size: 23px;
	height: 0;
	margin: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	transform: translate(-300px, 0) scale(4);
	width: 0;
}

body:not(.dark-mode) .video-container {
	position: relative;
	overflow: hidden;
	background: #000;
	width: 100%;
	padding-top: 56.25%;
}

body:not(.dark-mode) .empty-bg {
	width: 100%;
	height: 100%;
	position: absolute;
	background: #000;
	top: auto;
	bottom: 1px;
	z-index: -1;
}

body:not(.dark-mode) .callerVideoWrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
}

body:not(.dark-mode) .smallGabVideo {
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	width: 25%;
	height: auto;
	top: auto;
	bottom: 7px;
	right: 7px;
	z-index: 9;
}

body:not(.dark-mode) .gabCallerVideoWrapper.smallGabVideo.call-started, body:not(.dark-mode) .gabSelfVideoWrapper.smallGabVideo.call-started {
	opacity: 1;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

@media (max-width: 991px) {
	body:not(.dark-mode) .gabCallerVideoWrapper.smallGabVideo.call-started, body:not(.dark-mode) .gabSelfVideoWrapper.smallGabVideo.call-started {
		opacity: 1;
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		transition: none;
	}
}

body:not(.dark-mode) .video-container:hover .gabCallerVideoWrapper.smallGabVideo.call-started, body:not(.dark-mode) .video-container:hover .gabSelfVideoWrapper.smallGabVideo.call-started {
	opacity: 1;
	transition: all .3s;
}

body:not(.dark-mode) .aspectRatioForcer {
	position: relative;
	height: 0;
	overflow: hidden;
	width: 100%;
	padding-top: 56.25%;
	z-index: 1;
}

body:not(.dark-mode) .selfVideoWrapper:hover {
	cursor: pointer;
}

body:not(.dark-mode) .gab-off-buttons {
	position: absolute;
	display: flex;
	top: 12px;
	right: 10px;
	font-size: 20px;
	color: #fff;
	z-index: 10;
}

body:not(.dark-mode) .off-microphone, body:not(.dark-mode) .off-video {
	display: inline-block;
	margin-left: 8px;
	width: 32px;
	height: 32px;
	line-height: 32px;
	background: #d73925;
	text-align: center;
	border-radius: 3px;
}

body:not(.dark-mode) .off-video {
	padding-top: 5px;
}

body:not(.dark-mode) #call-buttons-desktop {
	background: #222;
}

body:not(.dark-mode) #call-buttons-desktop, body:not(.dark-mode) #call-buttons-desktop button {
	border-radius: 0 !important;
}

body:not(.dark-mode) #call-buttons-desktop .setAudio, body:not(.dark-mode) #call-buttons-desktop .setVideo {
	height: 40px;
}

body:not(.dark-mode) #call-buttons-desktop .videoicon {
	background: url(../img/video-on.svg) no-repeat center;
	height: 22px;
	opacity: .8;
}

body:not(.dark-mode) #call-buttons-desktop .videoiconoff {
	display: none;
	background: url(../img/video-off.svg) no-repeat center;
	height: 22px;
	opacity: 1;
}

body:not(.dark-mode) .gab-off-buttons .videoiconoff {
	background: url(../img/video-off.svg) no-repeat center;
	height: 20px;
}

body:not(.dark-mode) #call-buttons-desktop .setVideo:hover .videoicon {
	opacity: 1;
}

body:not(.dark-mode) #call-buttons-desktop .setVideo.selected .videoicon {
	display: none;
}

body:not(.dark-mode) #call-buttons-desktop .setVideo.selected .videoiconoff {
	display: block;
}

body:not(.dark-mode) #call-buttons-desktop i {
	opacity: .8;
}

body:not(.dark-mode) .video-container #call-buttons-desktop, body:not(.dark-mode) .video-container .timer {
	opacity: 0;
	transition: all .3s;
}

body:not(.dark-mode) .video-container:hover #call-buttons-desktop, body:not(.dark-mode) .video-container:hover .timer {
	opacity: 1;
	transition: all .3s;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

body:not(.dark-mode) #call-buttons-desktop button {
	background: 0 0;
}

body:not(.dark-mode) #call-buttons-desktop button:hover {
	background: #000;
}

body:not(.dark-mode) #call-buttons-desktop button.selected {
	background: #d73925;
}

body:not(.dark-mode) #call-buttons-desktop button.left.selected, body:not(.dark-mode) #call-buttons-desktop button.left:hover {
	border-radius: 3px 0 0 3px;
}

body:not(.dark-mode) #call-buttons-desktop button.middle.selected, body:not(.dark-mode) #call-buttons-desktop button.middle:hover {
	border-radius: 0;
}

body:not(.dark-mode) #call-buttons-desktop button.right.selected, body:not(.dark-mode) #call-buttons-desktop button.right:hover {
	border-radius: 0 3px 3px 0;
}

body:not(.dark-mode) #call-buttons-desktop i {
	font-size: 24px;
	color: #fff;
}

body:not(.dark-mode) #call-buttons-desktop .btn:hover, body:not(.dark-mode) .video-container:hover #selfVideo {
	opacity: 1;
}

body:not(.dark-mode) #call-buttons-desktop .btn:active {
	box-shadow: none;
}

body:not(.dark-mode) .easyrtc_closeButton {
	display: none !important;
}

body:not(.dark-mode) #call-buttons-mobile .btn {
	font-size: 18px;
	margin: 8px 5px;
	height: 36px;
	width: 45px;
}

body:not(.dark-mode) #call-buttons-mobile selected {
	background: #d73925;
	border-color: #d73925;
}

body:not(.dark-mode) .direct-chat-text {
	margin: 0 10% 10px 0;
	display: inline-block;
	color: #525252;
	border-radius: 0 20px 20px;
	line-height: 1.4;
	font-size: 18px;
	padding: 10px 15px;
	word-break: break-word;
}

@media (max-width: 991px) {
	body:not(.dark-mode) .direct-chat-text {
		margin: 5px 12% 0 0;
	}

	body:not(.dark-mode) .right .direct-chat-text {
		margin-left: 12%;
	}
}

body:not(.dark-mode) .direct-chat-timestamp {
	margin: 0 5px;
}

body:not(.dark-mode) .right .direct-chat-text {
	margin-right: 0;
	margin-left: 10%;
	float: right;
	border-radius: 20px 20px 0;
	word-break: break-word;
}

body:not(.dark-mode) .direct-chat-msg {
	margin-bottom: 2px;
}

body:not(.dark-mode) #message-modalChat .direct-chat-msg {
	margin-bottom: 10px;
}

body:not(.dark-mode) .direct-chat-messages {
	height: auto;
	padding: 10px;
	min-height: 100%;
}

body:not(.dark-mode).skin-black-light .sidebar-menu &gt; li {
	font-size: 15px;
}

body:not(.dark-mode) .menu-highlight a {
	color: #ef7d30 !important;
}

body:not(.dark-mode).skin-black-light .sidebar-menu &gt; li.active &gt; a, body:not(.dark-mode).skin-black-light .sidebar-menu &gt; li &gt; .treeview-menu {
	color: #000;
	background: #f9fafc;
}

body:not(.dark-mode).skin-black-light .sidebar-menu &gt; li.active &gt; a:hover, body:not(.dark-mode).skin-black-light .sidebar-menu &gt; li &gt; .treeview-menu &gt; li:hover {
	color: #ef7d30 !important;
	background: #f4f4f5;
}

body:not(.dark-mode) .navbar-nav &gt; .user-menu &gt; .dropdown-menu &gt; .user-footer, body:not(.dark-mode).skin-black-light .main-header li.user-header {
	background-color: #fff;
}

body:not(.dark-mode) .navbar-custom-menu &gt; .navbar-nav &gt; li &gt; .dropdown-menu {
	padding: 0!important;
	top: 50px;
	box-shadow: rgba(101, 119, 134, 0.2) 0 0 15px, rgba(101, 119, 134, 0.15) 0 0 3px 1px;
}

@media (max-width: 991px) {
	body:not(.dark-mode) .navbar-custom-menu &gt; .navbar-nav &gt; li &gt; .dropdown-menu {
		margin-top: 0;
	}

	body:not(.dark-mode) #demoContainer .btn.btn-default {
		height: 36px;
	}
}

body:not(.dark-mode) .navbar-nav &gt; .user-menu &gt; .dropdown-menu &gt; li.user-header {
	min-height: 100px;
	height: auto;
	padding: 15px 10px;
}

body:not(.dark-mode) .navbar-nav &gt; .user-menu &gt; .dropdown-menu &gt; .user-footer .btn-default {
	border-radius: 3px;
}

body:not(.dark-mode) .navbar-nav &gt; .user-menu &gt; .dropdown-menu &gt; .user-footer {
	border-top: 1px solid #ddd;
}

body:not(.dark-mode) .dropdown-menu &gt; li &gt; a {
	font-size: 14px;
}

body:not(.dark-mode) #headerFriendRequests a, body:not(.dark-mode) #headerMessageAlerts a {
	padding: 0;
}

body:not(.dark-mode) #examForm, body:not(.dark-mode) #fakeexamForm {
	margin-top: 10px;
	font-size: 18px;
	color: #525252;
}

body:not(.dark-mode) #examForm p, body:not(.dark-mode) #fakeexamForm p {
	line-height: 30px;
	font-size: 18px;
	margin: 0 2px;
}

body:not(.dark-mode) #examForm.listening2 p, body:not(.dark-mode) #fakeexamForm.listening2 p {
	line-height: 24px;
}

body:not(.dark-mode) #examForm.listening2, body:not(.dark-mode) #fakeexamForm.listening2 {
	margin: 3px;
}

body:not(.dark-mode) #examForm .radio label, body:not(.dark-mode) #fakeexamForm .radio label {
	font-size: 16px;
	line-height: 24px;
}

body:not(.dark-mode) #examForm .radio label input, body:not(.dark-mode) #fakeexamForm .radio label input {
	height: 20px;
}

body:not(.dark-mode) #examForm select, body:not(.dark-mode) #fakeexamForm select {
	min-width: 100px;
	margin: 3px 0;
}

body:not(.dark-mode) #examForm .panel, body:not(.dark-mode) #fakeexamForm .panel {
	border: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-bottom: 1px solid #eee;
	margin-bottom: 0;
}

body:not(.dark-mode) #questions.writingBox #examForm .panel, body:not(.dark-mode) #questions.writingBox #fakeexamForm .panel {
	border-radius: 20px;
	overflow: hidden;
}

body:not(.dark-mode) #questions.writingBox #examForm .panel span.hintword, body:not(.dark-mode) #questions.writingBox #fakeexamForm .panel span.hintword {
	font-weight: 600;
	color: #34bc19;
}

body:not(.dark-mode) #examForm input:not([type=radio]), body:not(.dark-mode) #fakeexamForm input:not([type=radio]) {
	width: 200px;
	padding: 0 6px;
}

body:not(.dark-mode) #examForm.resultForm .radio label {
	cursor: inherit;
}

body:not(.dark-mode) #examForm.result-grammar-3 .radio label {
	cursor: inherit;
	font-size: 16px;
	padding-left: 0;
	margin-left: 0;
}

body:not(.dark-mode) #article .resultHR.hide-teacher-result, body:not(.dark-mode) #article h4.hide-teacher-result, body:not(.dark-mode) #examForm.hide-teacher-result p strong, body:not(.dark-mode) #examForm.hide-teacher-result span.label.label-danger i, body:not(.dark-mode) #examForm.hide-teacher-result span.label.label-success i, body:not(.dark-mode) #examForm.hide-teacher-result span.song-question strong, body:not(.dark-mode) #examForm.hide-teacher-result.result-grammar-3 .radio label, body:not(.dark-mode) #examForm.hide-teacher-result.resultForm span.label.label-danger, body:not(.dark-mode) #examForm.hide-teacher-result.resultForm span.label.label-success {
	display: none;
}

body:not(.dark-mode) #examForm.hide-teacher-result span.label.label-danger, body:not(.dark-mode) #examForm.hide-teacher-result span.label.label-success, body:not(.dark-mode) #examForm.hide-teacher-result.result-grammar-3 .radio {
	display: inline-block;
	vertical-align: text-bottom;
	text-align: center;
	background-color: #9fd7fb !important;
	margin: 0 1px;
	width: 22px;
	height: 22px;
	font-size: 18px;
	font-weight: 700;
	border-radius: 50%;
	line-height: 22px;
}

body:not(.dark-mode) #examForm.hide-teacher-result.result-grammar-3 .radio {
	margin-top: 10px;
}

body:not(.dark-mode) #examForm.hide-teacher-result span.label.label-danger:before, body:not(.dark-mode) #examForm.hide-teacher-result span.label.label-success:before, body:not(.dark-mode) #examForm.hide-teacher-result.result-grammar-3 .radio:before {
	content: "?";
	color: #fff;
}

body:not(.dark-mode) .writingBox {
	padding: 0;
	margin-bottom: 10px;
}

body:not(.dark-mode) .writingBox #examForm, body:not(.dark-mode) .writingBox #fakeexamForm {
	margin: 0;
}

body:not(.dark-mode) .writingBox span.incorrectmsg {
	display: block;
	margin: -10px 0 15px;
	font-size: 14px;
}

body:not(.dark-mode) .panel-footer {
	border: 0;
	background-color: #f7f7f7;
	border-radius: 20px;
}

body:not(.dark-mode) #replybox-2 {
	margin: 15px 0;
}

body:not(.dark-mode) span.label.label-danger, body:not(.dark-mode) span.label.label-success {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	margin: 0 4px;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	line-height: 22px;
}

body:not(.dark-mode) span.label.label-danger i, body:not(.dark-mode) span.label.label-success i {
	font-size: 14px;
	line-height: 22px;
}

body:not(.dark-mode) .progress {
	background-color: #e8e8e8;
	border-radius: 4px;
}

body:not(.dark-mode) .progress-bar-danger, body:not(.dark-mode) .progress-bar-danger .darktext, body:not(.dark-mode) .progress-bar-red, body:not(.dark-mode) .progress-bar-red .darktext {
	min-width: 34% !important;
}

body:not(.dark-mode) .index-col-6 {
	width: 100%;
	float: none;
}

body:not(.dark-mode) .logo {
	display: none !important;
}

body:not(.dark-mode) .logo-mobile {
	transition: none !important;
}

@media (max-width: 991px) {
	body:not(.dark-mode) .logo-mobile {
		display: block !important;
		float: left !important;
		width: 100px !important;
		position: absolute;
		left: calc(50% - 50px);
	}
}

@media (max-width: 599px) {
	body:not(.dark-mode) .hidden-600 {
		display: none !important;
	}
}

@media (max-width: 559px) {
	body:not(.dark-mode) #rating .dropdown-menu {
		right: -50px;
	}

	body:not(.dark-mode) #friends .dropdown-menu {
		right: -87px;
	}
}

@media (max-width: 767px) {
	body:not(.dark-mode) .left-side, body:not(.dark-mode) .main-sidebar {
		padding-top: 50px;
	}

	body:not(.dark-mode) .info {
		width: 60%;
		float: left;
	}

	body:not(.dark-mode) .social {
		width: 40%;
		float: right;
	}

	body:not(.dark-mode) .info h5, body:not(.dark-mode) .info p {
		text-align: left;
	}

	body:not(.dark-mode) #rating .active-text, body:not(.dark-mode) #tickets, body:not(.dark-mode) .box-body small, body:not(.dark-mode) .navbar-left-label {
		display: none;
	}
}

@media (max-width: 878px) {
	body:not(.dark-mode) time {
		display: none !important;
	}
}

@media (min-width: 992px) {
	body:not(.dark-mode) .logo-mobile {
		display: block !important;
		float: left !important;
		width: 100px !important;
		position: absolute;
		left: calc(50% - 50px);
	}
}

body:not(.dark-mode) .toggle {
	position: relative;
	width: 48px;
	height: 28px;
	border-radius: 100px;
	background-color: #ddd;
	margin: 0;
	overflow: hidden;
}

body:not(.dark-mode) .check {
	position: absolute;
	display: block;
	cursor: pointer;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 6;
}

body:not(.dark-mode) .check:checked ~ .track {
	box-shadow: inset 0 0 0 20px #4bd863;
}

body:not(.dark-mode) .check:checked ~ .switch {
	right: 2px;
	left: 22px;
	transition: 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	transition-property: left,right;
	transition-delay: .05s,0s;
}

body:not(.dark-mode) .switch {
	position: absolute;
	left: 2px;
	top: 2px;
	bottom: 2px;
	right: 22px;
	background-color: #fff;
	border-radius: 36px;
	z-index: 1;
	transition: 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	transition-property: left,right;
	transition-delay: 0s,.05s;
}

body:not(.dark-mode) .track {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border-radius: 40px;
	transition: 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

body:not(.dark-mode).skin-black-light .main-header &gt; .logo, body:not(.dark-mode).skin-black-light .main-header &gt; .navbar &gt; .sidebar-toggle {
	border-right: none;
}

body:not(.dark-mode) ul.treeview-menu {
	margin-left: -1px !important;
	margin-top: 1.5px !important;
}

body:not(.dark-mode) .sidebar-menu .treeview-menu {
	padding-left: 0;
}

body:not(.dark-mode) aside li a span {
	width: 199px !important;
}

@media (min-width: 992px) {
	body:not(.dark-mode) .modal-content {
		-webkit-box-shadow: 0 12px 28px 0 rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.5);
		box-shadow: 0 12px 28px 0 rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.5);
	}
}

body:not(.dark-mode) .modal-body {
	padding: 15px 30px;
	font-size: 16px;
	line-height: 1.75;
}

body:not(.dark-mode) .modal-body li {
	list-style: disc;
}

body:not(.dark-mode) .gap, body:not(.dark-mode) .modal-body .gap {
	margin-bottom: 13px;
}

body:not(.dark-mode) .modal-body .tab {
	margin-left: 20px;
}

body:not(.dark-mode) .double-gap, body:not(.dark-mode) .modal-body .double-gap {
	margin-bottom: 26px;
}

body:not(.dark-mode) .modal-footer {
	border: 0;
	padding: 0 20px 30px;
}

@media (min-width: 768px) {
	body:not(.dark-mode) .modal-dialog {
		width: calc(100% - 80px);
	}
}

body:not(.dark-mode) input, body:not(.dark-mode) select, body:not(.dark-mode) textarea {
	font-size: 18px;
}

body:not(.dark-mode) textarea {
	resize: vertical;
}

body:not(.dark-mode) .chevron.right:before {
	border-style: solid;
	border-width: .1em .1em 0 0;
	content: '';
	display: inline-block;
	height: .55em;
	width: .55em;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	vertical-align: middle;
	margin-top: -1px;
	margin-left: -1px;
}

body:not(.dark-mode) .chevron.left:before {
	border-style: solid;
	border-width: 0 0 .1em .1em;
	content: '';
	display: inline-block;
	height: .55em;
	width: .55em;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	vertical-align: middle;
	margin-top: -1px;
	margin-right: -1px;
}

body:not(.dark-mode) #questions a.btn.btn-primary.btn-lg {
	margin-bottom: 10px;
	margin-top: 0;
}

body:not(.dark-mode) .dropdown-menu &gt; li &gt; a {
	padding: 10px 15px;
	font-weight: 500;
}

body:not(.dark-mode) .navbar-nav &gt; li &gt; a {
	border-right: none !important;
}

body:not(.dark-mode) #searchbox {
	display: none !important;
	width: 225px;
	z-index: 5;
	margin: 0 2px;
}

body:not(.dark-mode) #searchbox.public {
	width: 225px;
}

body:not(.dark-mode) span.btn-unlogged.btn-public {
	font-weight: 700;
	text-transform: uppercase;
	min-width: 80px;
}

@media (max-width: 1024px) and (min-width: 992px) {
	body:not(.dark-mode) #searchbox.public {
		width: 200px;
	}
}

@media (min-width: 1200px) {
	body:not(.dark-mode) #searchbox, body:not(.dark-mode) #searchbox.public {
		width: 250px;
	}
}

body:not(.dark-mode) input:focus::-webkit-input-placeholder {
	color: #aaa;
}

body:not(.dark-mode) input:focus::-moz-placeholder {
	color: #aaa;
}

body:not(.dark-mode) input:focus:-ms-input-placeholder {
	color: #aaa;
}

body:not(.dark-mode) #navbar-container #searchbox .input-group-btn i {
	font-size: 18px;
	margin-top: 2px;
}

body:not(.dark-mode) .navbar-left {
	float: left !important;
}

body:not(.dark-mode) .navbar-nav {
	float: left;
	margin: 0;
}

body:not(.dark-mode) .navbar-nav &gt; li {
	float: left;
	height: 50px;
}

body:not(.dark-mode) .navbar-nav &gt; li.open {
	overflow: visible;
}

body:not(.dark-mode) .navbar-nav &gt; li.dropdown.open, body:not(.dark-mode) .navbar-nav &gt; li.dropdown:hover {
	border-bottom: 3px solid #ef7d30;
	transition: all .1s ease-in-out;
}

body:not(.dark-mode) #navbar-container .navbar-nav li.dropdown a i {
	height: 21px;
	font-size: 21px;
	vertical-align: top;
}

body:not(.dark-mode) #navbar-container .navbar-nav li.dropdown ul.menu i {
	vertical-align: middle;
}

body:not(.dark-mode) .navbar-nav span:not(.btn-unlogged) {
	line-height: 20px;
	font-size: 15px;
}

body:not(.dark-mode) .navbar-nav ul.dropdown-menu li.nofriendrequest span {
	line-height: 23px;
}

body:not(.dark-mode) span.navbar-left-label {
	margin-left: 4px;
	vertical-align: middle;
	font-variant: none;
	font-weight: 600;
}

body:not(.dark-mode) .caret {
	margin: 0 0 1px 2px !important;
}

body:not(.dark-mode) .long-filter-text, body:not(.dark-mode) .medium-filter-text {
	display: none;
}

body:not(.dark-mode) .filter-button {
	border-radius: 3px !important;
}

@media (min-width: 992px) {
	body:not(.dark-mode) .long-filter-text, body:not(.dark-mode) .medium-filter-text {
		display: inline-block;
	}
}

@media (max-width: 767px) {
	body:not(.dark-mode) .btn-group:not(.note-btn-group), body:not(.dark-mode) .dropdown-toggle {
		width: 100%;
	}

	body:not(.dark-mode) .btn-group.nav-gab-button {
		width: auto;
	}

	body:not(.dark-mode) .navbar-nav .open .dropdown-menu &gt; li &gt; a {
		line-height: inherit;
	}
}

body:not(.dark-mode) .wrapper {
	margin: 0 auto;
	max-width: 95%;
	overflow: visible;
}

body:not(.dark-mode) .content-wrapper {
	overflow: visible;
	width: 100%;
	background-color: transparent;
}

body:not(.dark-mode) #easyrtcErrorDialog {
	display: none !important;
}

body:not(.dark-mode) video:not(.groupClassVideo) {
	width: 100%;
	display: block;
	position: absolute;
	top: -9999px;
	bottom: -9999px;
	margin: auto;
}

body:not(.dark-mode) video.groupClassVideo {
	height: 100%;
}

@media (min-width: 1200px) {
	body:not(.dark-mode) .navbar .col-lg-offset-1 {
		padding-left: 0;
	}
}

body:not(.dark-mode) #navbar-container .nav &gt; li &gt; a {
	padding: 15px 10px;
	height: 50px;
}

@media (min-width: 600px) and (max-width: 1199px) {
	body:not(.dark-mode) #navbar-container .nav &gt; li &gt; a {
		padding: 15px;
	}

	body:not(.dark-mode) #navbar-container .navbar-custom-menu .nav &gt; li &gt; a {
		padding: 15px 7.5px;
	}
}

body:not(.dark-mode) #navbar-container .nav &gt; li &gt; a.active .active-text {
	color: #ef7d30;
}

body:not(.dark-mode) .nav &gt; li &gt; a {
	padding: 10px 20px;
}

body:not(.dark-mode) .animated {
	-webkit-animation-duration: .5s;
	-moz-animation-duration: .5s;
	-o-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes slideDown {
	0% {
		-webkit-transform: translateY(-100%);
	}

	100% {
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes slideDown {
	0% {
		-moz-transform: translateY(-100%);
	}

	100% {
		-moz-transform: translateY(0);
	}
}

@-o-keyframes slideDown {
	0% {
		-o-transform: translateY(-100%);
	}

	100% {
		-o-transform: translateY(0);
	}
}

@keyframes slideDown {
	0% {
		transform: translateY(-100%);
	}

	100% {
		transform: translateY(0);
	}
}

body:not(.dark-mode) .animated.slideDown {
	-webkit-animation-name: slideDown;
	-moz-animation-name: slideDown;
	-o-animation-name: slideDown;
	animation-name: slideDown;
}

@-webkit-keyframes slideUp {
	0% {
		-webkit-transform: translateY(0);
	}

	100% {
		-webkit-transform: translateY(-100%);
	}
}

@-moz-keyframes slideUp {
	0% {
		-moz-transform: translateY(0);
	}

	100% {
		-moz-transform: translateY(-100%);
	}
}

@-o-keyframes slideUp {
	0% {
		-o-transform: translateY(0);
	}

	100% {
		-o-transform: translateY(-100%);
	}
}

@keyframes slideUp {
	0% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(-100%);
	}
}

body:not(.dark-mode) .animated.slideUp {
	-webkit-animation-name: slideUp;
	-moz-animation-name: slideUp;
	-o-animation-name: slideUp;
	animation-name: slideUp;
}

body:not(.dark-mode) .navbar-custom-menu li a, body:not(.dark-mode) .navbar-custom-menu li a.active {
	cursor: pointer;
}

body:not(.dark-mode) #navbar-container {
	display: block;
	float: none;
	margin: 0 auto;
}

@media (min-width: 768px) {
	body:not(.dark-mode) #navbar-container {
		padding-right: 30px;
		padding-left: 30px;
	}
}

@media (min-width: 1025px) {
	body:not(.dark-mode) #navbar-container {
		padding-right: 15px;
		padding-left: 15px;
	}
}

@media (min-width: 1200px) {
	body:not(.dark-mode) #navbar-container {
		padding-right: 30px;
		padding-left: 30px;
	}
}

@media (min-width: 1025px) {
	body:not(.dark-mode):not(.sidenav-open-desktop) #navbar-container {
		width: 99%;
	}

	body:not(.dark-mode):not(.sidenav-open-desktop).sidenav-open #navbar-container {
		width: 100%;
	}

	body:not(.dark-mode):not(.sidenav-noanimate) #navbar-container {
		transition: width 50ms;
	}

	body:not(.dark-mode):not(.sidenav-open-desktop) .wrapper {
		width: 96.7%;
		max-width: 1120px;
	}
}

@media (min-width: 1250px) {
	body:not(.dark-mode):not(.sidenav-open-desktop) #navbar-container {
		width: 95%;
	}

	body:not(.dark-mode):not(.sidenav-open-desktop).sidenav-open #navbar-container {
		width: 100%;
	}

	body:not(.dark-mode):not(.sidenav-noanimate) #navbar-container {
		transition: width 50ms;
	}
}

@media (min-width: 1367px) {
	body:not(.dark-mode):not(.sidenav-open-desktop) #navbar-container {
		width: 96.7%;
	}

	body:not(.dark-mode):not(.sidenav-open-desktop).sidenav-open #navbar-container {
		width: 100%;
	}

	body:not(.dark-mode):not(.sidenav-noanimate) #navbar-container {
		transition: width 50ms;
	}

	body:not(.dark-mode):not(.sidenav-open-desktop) .wrapper {
		width: 87.5%;
		max-width: 1400px;
		transition: width 50ms;
	}

	body:not(.dark-mode).sidenav-open .wrapper {
		width: 95%;
	}
}

body:not(.dark-mode) .navbar-custom-menu .active, body:not(.dark-mode) .navbar-left .active {
	border-bottom: 3px solid #ef7d30;
	padding-bottom: 11px !important;
	cursor: default;
	pointer-events: none;
}

body:not(.dark-mode) .navbar-custom-menu .active:not(#start-gab-button) i, body:not(.dark-mode) .navbar-custom-menu .active:not(#start-gab-button) span.active-text, body:not(.dark-mode) .navbar-left .active:not(#start-gab-button) i {
	color: #ef7d30;
}

body:not(.dark-mode) .navbar-left a.active:active, body:not(.dark-mode) .navbar-left a.active:focus, body:not(.dark-mode) .navbar-left a.active:hover, body:not(.dark-mode) .navbar-left a.active:visited {
	color: #ef7d30 !important;
}

body:not(.dark-mode) #navbar-container .nav .open &gt; a:not(#create-topic-button), body:not(.dark-mode) #navbar-container .nav .open &gt; a:not(#subscribe-now-button), body:not(.dark-mode) #navbar-container .nav &gt; li &gt; a:not(#create-topic-button):active, body:not(.dark-mode) #navbar-container .nav &gt; li &gt; a:not(#create-topic-button):focus, body:not(.dark-mode) #navbar-container .nav &gt; li &gt; a:not(#subscribe-now-button):active, body:not(.dark-mode) #navbar-container .nav &gt; li &gt; a:not(#subscribe-now-button):focus {
	background-color: transparent !important;
}

body:not(.dark-mode) #navbar-container .nav-tabs .open &gt; a, body:not(.dark-mode) #navbar-container .nav-tabs &gt; li &gt; a:active, body:not(.dark-mode) #navbar-container .nav-tabs &gt; li &gt; a:focus, body:not(.dark-mode) #navbar-container .nav-tabs &gt; li &gt; a:hover {
	border-color: transparent !important;
}

body:not(.dark-mode) .alert-info {
	background-color: #e2eefb !important;
	border: 0;
	border-radius: 20px;
	color: #525252 !important;
}

body:not(.dark-mode) .vocabulary {
	border: 1px solid #e2eefb !important;
	background-color: #e2eefb !important;
	color: #7c8895 !important;
}

body:not(.dark-mode) footer .btn-link, body:not(.dark-mode) footer .btn-link:focus, body:not(.dark-mode) footer span {
	color: #666;
	text-decoration: none;
}

body:not(.dark-mode) footer .btn-link:hover {
	color: #666;
}

body:not(.dark-mode) .sticky-footer {
	position: absolute;
	bottom: 0;
	width: 100%;
}

body:not(.dark-mode) .carousel {
	z-index: 1;
	overflow: hidden;
}

@media (max-width: 559px) {
	body:not(.dark-mode) .btn.btn-success.dropdown-toggle {
		width: 75px !important;
	}

	body:not(.dark-mode) .nav-gab-button-text {
		display: none;
	}
}

body:not(.dark-mode) .btn-danger, body:not(.dark-mode) .btn-primary, body:not(.dark-mode) .btn-success {
	font-weight: 600;
}

body:not(.dark-mode) .dropdown-toggle-wrapper {
	height: 21px;
}

body:not(.dark-mode) .main-header .navbar .nav &gt; li &gt; a &gt; .dropdown-toggle-wrapper &gt; .label {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	font-size: 11px;
	font-weight: 600;
	padding: 2px 4px;
	line-height: .95;
	min-width: 16px;
	width: auto;
	height: 16px;
	border-radius: 0 0 5px 5px;
}

body:not(.dark-mode) #user-account .dropdown-menu &gt; li &gt; a:hover {
	background-color: transparent;
}

body:not(.dark-mode) #user-account li.user-footer a {
	padding: 6px 12px;
	border-color: #c6c6c6;
}

body:not(.dark-mode) #user-account li.user-footer a:active {
	border-color: #aaa;
}

body:not(.dark-mode) .modal-open .modal {
	padding: 0 !important;
}

body:not(.dark-mode) #add-grammar-modal .modal-dialog, body:not(.dark-mode) #exercise-stats-modal .modal-dialog, body:not(.dark-mode) #quiz-stats-modal .modal-dialog, body:not(.dark-mode) #user-exercise-stats-modal .modal-dialog {
	max-width: 800px;
	font-size: 17px;
}

body:not(.dark-mode) #grammar-modal .modal-dialog {
	max-width: 750px;
}

body:not(.dark-mode) #shareongroups-modal .modal-dialog, body:not(.dark-mode) #academy-course-modal .modal-dialog {
	max-width: 700px;
	margin: 30px auto;
}

@media (max-width: 720px) {
	body:not(.dark-mode) #shareongroups-modal .modal-dialog, body:not(.dark-mode) #academy-course-modal .modal-dialog {
		margin: 10px;
	}
}

body:not(.dark-mode) #shareongroups-modal .modal-body .shared-topic-info img {
	border-radius:10px!important;
}

body:not(.dark-mode) #add-description-modal .modal-dialog, body:not(.dark-mode) #add-text-modal .modal-dialog, body:not(.dark-mode) #book-lesson-modal .modal-dialog, body:not(.dark-mode) #complete-teacher-modal .modal-dialog, body:not(.dark-mode) #contact-modal .modal-dialog, body:not(.dark-mode) #contact-modal-teacher .modal-dialog, body:not(.dark-mode) #create-group-modal .modal-dialog, body:not(.dark-mode) #create-groupclass-modal .modal-dialog, body:not(.dark-mode) #create-question-modal .modal-dialog, body:not(.dark-mode) #create-quiz-modal .modal-dialog, body:not(.dark-mode) #edit-group-modal .modal-dialog, body:not(.dark-mode) #edit-question-modal .modal-dialog, body:not(.dark-mode) #enter-bio-modal .modal-dialog, body:not(.dark-mode) #expired-account-modal .modal-dialog, body:not(.dark-mode) #feedback-modal .modal-dialog, body:not(.dark-mode) #gab-teacher-end-modal .modal-dialog, body:not(.dark-mode) #group-message-modal .modal-dialog, body:not(.dark-mode) #message-modal .modal-dialog, body:not(.dark-mode) #payment-modal .modal-dialog, body:not(.dark-mode) #quiz-modal .modal-dialog, body:not(.dark-mode) #report-modal .modal-dialog, body:not(.dark-mode) #social-google-modal .modal-dialog, body:not(.dark-mode) #social-hotmail-modal .modal-dialog, body:not(.dark-mode) #social-yahoo-modal .modal-dialog, body:not(.dark-mode) #survey-modal-paid .modal-dialog, body:not(.dark-mode) #survey-modal-school .modal-dialog, body:not(.dark-mode) #survey-modal-usage .modal-dialog, body:not(.dark-mode) #suspended-account-modal .modal-dialog, body:not(.dark-mode) #topic-published-modal .modal-dialog, body:not(.dark-mode) #verify-email-modal .modal-dialog, body:not(.dark-mode) #view-post-modal .modal-dialog {
	max-width: 600px;
	margin: 30px auto;
}

@media (max-width: 620px) {
	body:not(.dark-mode) #add-description-modal .modal-dialog, body:not(.dark-mode) #add-text-modal .modal-dialog, body:not(.dark-mode) #book-lesson-modal .modal-dialog, body:not(.dark-mode) #complete-teacher-modal .modal-dialog, body:not(.dark-mode) #contact-modal .modal-dialog, body:not(.dark-mode) #contact-modal-teacher .modal-dialog, body:not(.dark-mode) #create-group-modal .modal-dialog, body:not(.dark-mode) #create-groupclass-modal .modal-dialog, body:not(.dark-mode) #create-question-modal .modal-dialog, body:not(.dark-mode) #create-quiz-modal .modal-dialog, body:not(.dark-mode) #edit-group-modal .modal-dialog, body:not(.dark-mode) #edit-question-modal .modal-dialog, body:not(.dark-mode) #enter-bio-modal .modal-dialog, body:not(.dark-mode) #expired-account-modal .modal-dialog, body:not(.dark-mode) #feedback-modal .modal-dialog, body:not(.dark-mode) #gab-teacher-end-modal .modal-dialog, body:not(.dark-mode) #group-message-modal .modal-dialog, body:not(.dark-mode) #message-modal .modal-dialog, body:not(.dark-mode) #payment-modal .modal-dialog, body:not(.dark-mode) #quiz-modal .modal-dialog, body:not(.dark-mode) #report-modal .modal-dialog, body:not(.dark-mode) #social-google-modal .modal-dialog, body:not(.dark-mode) #social-hotmail-modal .modal-dialog, body:not(.dark-mode) #social-yahoo-modal .modal-dialog, body:not(.dark-mode) #survey-modal-paid .modal-dialog, body:not(.dark-mode) #survey-modal-school .modal-dialog, body:not(.dark-mode) #survey-modal-usage .modal-dialog, body:not(.dark-mode) #suspended-account-modal .modal-dialog, body:not(.dark-mode) #topic-published-modal .modal-dialog, body:not(.dark-mode) #verify-email-modal .modal-dialog, body:not(.dark-mode) #view-post-modal .modal-dialog {
		margin: 10px;
	}
}

body:not(.dark-mode) #add-to-group-modal .modal-dialog, body:not(.dark-mode) #add-vocabulary-modal .modal-dialog, body:not(.dark-mode) #addcard-modal .modal-dialog, body:not(.dark-mode) #assignteacher-groupclass-modal .modal-dialog, body:not(.dark-mode) #change-course-modal .modal-dialog, body:not(.dark-mode) #complete-settings-modal .modal-dialog, body:not(.dark-mode) #copy-quiz-modal .modal-dialog, body:not(.dark-mode) #create-topic-modal .modal-dialog, body:not(.dark-mode) #daily-limit-modal .modal-dialog, body:not(.dark-mode) #delete-post-modal .modal-dialog, body:not(.dark-mode) #gab-end-modal .modal-dialog, body:not(.dark-mode) #gab-modal .modal-dialog, body:not(.dark-mode) #gab-modal-global .modal-dialog, body:not(.dark-mode) #gab-warning-modal .modal-dialog, body:not(.dark-mode) #gab-warning-modal-friend .modal-dialog, body:not(.dark-mode) #hourly-rate-modal .modal-dialog, body:not(.dark-mode) #incompatible-gab-modal .modal-dialog, body:not(.dark-mode) #invite-email-modal .modal-dialog, body:not(.dark-mode) #invite-global-modal .modal-dialog, body:not(.dark-mode) #leave-group-modal .modal-dialog, body:not(.dark-mode) #level-modal .modal-dialog, body:not(.dark-mode) #only-for-subscribers-modal .modal-dialog, body:not(.dark-mode) #payment-request-modal .modal-dialog, body:not(.dark-mode) #publish-confirmation-modal .modal-dialog, body:not(.dark-mode) #register-now-modal .modal-dialog, body:not(.dark-mode) #remove-from-school-modal .modal-dialog, body:not(.dark-mode) #service-fees-modal .modal-dialog, body:not(.dark-mode) #shareongroupsquiz-modal .modal-dialog, body:not(.dark-mode) #teacher-profile-modal .modal-dialog, body:not(.dark-mode) #view-booked-lessons-modal .modal-dialog, body:not(.dark-mode) #view-thumbnail-modal .modal-dialog {
	max-width: 500px;
	margin: 30px auto;
}

@media (max-width: 520px) {
	body:not(.dark-mode) #add-to-group-modal .modal-dialog, body:not(.dark-mode) #add-vocabulary-modal .modal-dialog, body:not(.dark-mode) #addcard-modal .modal-dialog, body:not(.dark-mode) #assignteacher-groupclass-modal .modal-dialog, body:not(.dark-mode) #change-course-modal .modal-dialog, body:not(.dark-mode) #complete-settings-modal .modal-dialog, body:not(.dark-mode) #copy-quiz-modal .modal-dialog, body:not(.dark-mode) #create-topic-modal .modal-dialog, body:not(.dark-mode) #daily-limit-modal .modal-dialog, body:not(.dark-mode) #delete-post-modal .modal-dialog, body:not(.dark-mode) #gab-end-modal .modal-dialog, body:not(.dark-mode) #gab-modal .modal-dialog, body:not(.dark-mode) #gab-modal-global .modal-dialog, body:not(.dark-mode) #gab-warning-modal .modal-dialog, body:not(.dark-mode) #gab-warning-modal-friend .modal-dialog, body:not(.dark-mode) #hourly-rate-modal .modal-dialog, body:not(.dark-mode) #incompatible-gab-modal .modal-dialog, body:not(.dark-mode) #invite-email-modal .modal-dialog, body:not(.dark-mode) #invite-global-modal .modal-dialog, body:not(.dark-mode) #leave-group-modal .modal-dialog, body:not(.dark-mode) #level-modal .modal-dialog, body:not(.dark-mode) #only-for-subscribers-modal .modal-dialog, body:not(.dark-mode) #payment-request-modal .modal-dialog, body:not(.dark-mode) #publish-confirmation-modal .modal-dialog, body:not(.dark-mode) #register-now-modal .modal-dialog, body:not(.dark-mode) #remove-from-school-modal .modal-dialog, body:not(.dark-mode) #service-fees-modal .modal-dialog, body:not(.dark-mode) #shareongroupsquiz-modal .modal-dialog, body:not(.dark-mode) #teacher-profile-modal .modal-dialog, body:not(.dark-mode) #view-booked-lessons-modal .modal-dialog, body:not(.dark-mode) #view-thumbnail-modal .modal-dialog {
		margin: 10px;
	}
}

body:not(.dark-mode) #delete-group-modal .modal-dialog, body:not(.dark-mode) #delete-groupclass-modal .modal-dialog, body:not(.dark-mode) #delete-question-modal .modal-dialog, body:not(.dark-mode) #delete-quiz-modal .modal-dialog, body:not(.dark-mode) #delete-text-modal .modal-dialog, body:not(.dark-mode) #delete-topic-modal .modal-dialog, body:not(.dark-mode) #editor-profile-modal .modal-dialog, body:not(.dark-mode) #user-profile-modal .modal-dialog {
	max-width: 400px;
	margin: 30px auto;
}

@media (max-width: 420px) {
	body:not(.dark-mode) #delete-groupclass-modal .modal-dialog, body:not(.dark-mode) #delete-question-modal .modal-dialog, body:not(.dark-mode) #delete-quiz-modal .modal-dialog, body:not(.dark-mode) #delete-text-modal .modal-dialog, body:not(.dark-mode) #delete-topic-modal .modal-dialog, body:not(.dark-mode) #editor-profile-modal .modal-dialog, body:not(.dark-mode) #user-profile-modal .modal-dialog {
		margin: 10px;
	}
}

body:not(.dark-mode) #book-lesson-modal .modal-body p, body:not(.dark-mode) #create-topic-modal .modal-body p, body:not(.dark-mode) #gab-modal .modal-body p, body:not(.dark-mode) #gab-modal-global .modal-body p, body:not(.dark-mode) #incompatible-gab-modal .modal-body p, body:not(.dark-mode) #payment-modal .modal-body p {
	font-size: 18px;
}

body:not(.dark-mode) #message-modal .modal-dialog, body:not(.dark-mode) #view-post-modal .modal-dialog {
	font-size: 17px;
}

body:not(.dark-mode) #social-google-modal .modal-body, body:not(.dark-mode) #social-hotmail-modal .modal-body, body:not(.dark-mode) #social-yahoo-modal .modal-body {
	max-height: 400px;
}

@media (max-width: 767px) {
	body:not(.dark-mode) #social-google-modal .modal-body, body:not(.dark-mode) #social-hotmail-modal .modal-body, body:not(.dark-mode) #social-yahoo-modal .modal-body {
		max-height: calc(100vh - 410px);
	}
}

body:not(.dark-mode) #gab-teacher-end-modal .modal-body p.menu-item-header {
	margin-bottom: 0;
}

body:not(.dark-mode) #book-lesson-modal .cell-icon, body:not(.dark-mode) #payment-modal .cell-icon {
	font-size: 16px;
	text-align: center;
	vertical-align: top !important;
	color: #0c0;
}

body:not(.dark-mode) #book-lesson-modal td, body:not(.dark-mode) #payment-modal td {
	padding: 6px 5px !important;
}

body:not(.dark-mode) #book-lesson-modal td .ion, body:not(.dark-mode) #payment-modal td .ion {
	font-size: 32px;
}

body:not(.dark-mode) #delete-quiz-modal {
	z-index: 9999;
}

body:not(.dark-mode) .subscription-explainer {
	font-size: 16px;
	color: #66757f;
	line-height: 22px;
}

body:not(.dark-mode) .teacher-exercise-explainer {
	font-size: 15px;
	color: #66757f;
	margin: 0 0 15px;
}

body:not(.dark-mode) #questions.writingBox .teacher-exercise-explainer {
	margin: 15px 0;
}

body:not(.dark-mode) a.subscription-explainer-link {
	color: #337ab7;
	text-decoration: none;
	display: inline-block;
}

body:not(.dark-mode) #book-lesson-modal .cardbox, body:not(.dark-mode) #payment-modal .cardbox {
	display: none;
}

body:not(.dark-mode) #book-lesson-modal #placeorderbtn-book-lesson, body:not(.dark-mode) #payment-modal #placeorderbtn {
	flex: 1 auto;
	margin-left: 8px;
	text-transform: uppercase;
	font-weight: 700;
}

body:not(.dark-mode) #payment-modal #btnBack #book-lesson-modal #btnBack-book-lesson {
	width: 89px;
}

body:not(.dark-mode) .modal-item {
	padding-top: 10px;
}

body:not(.dark-mode) #book-lesson-modal div.modal-item:last-of-type, body:not(.dark-mode) #payment-modal .modal-body div.modal-item:last-of-type {
	padding-bottom: 0;
}

body:not(.dark-mode) #bg-teacher-free-lesson-options .modal-item, body:not(.dark-mode) #not-bg-teacher-free-lesson-options .modal-item {
	margin-top: 15px;
}

body:not(.dark-mode) #book-lesson-modal .table.borderless, body:not(.dark-mode) #payment-modal .table.borderless {
	margin-bottom: 15px;
}

body:not(.dark-mode) #payment-modal .subscription-feature-explainer &gt; p {
	font-size: 18px;
	margin-bottom: 10px;
	margin-top: 5px;
}

body:not(.dark-mode) #payment-modal .subscription-feature-explainer .table.borderless p {
	font-size: 18px;
}

body:not(.dark-mode) #payment-modal .subscription-feature-explainer b {
	font-weight: 700;
}

body:not(.dark-mode) .menu-item-header {
	text-transform: uppercase;
	color: #888;
	font-size: 14px !important;
	font-weight: 600;
}

body:not(.dark-mode) #book-lesson-modal label, body:not(.dark-mode) #create-topic-modal label, body:not(.dark-mode) #gab-modal label, body:not(.dark-mode) #gab-modal-global label, body:not(.dark-mode) #incompatible-gab-modal label, body:not(.dark-mode) #level-modal label, body:not(.dark-mode) #payment-modal label {
	font-weight: 400;
	cursor: pointer;
}

body:not(.dark-mode) #create-topic-modal label.btn {
	font-weight: 600;
}

body:not(.dark-mode) #card-radio-selector label {
	display: block;
	margin-bottom: 10px;
}

body:not(.dark-mode) form.payment-form {
	padding: 15px 15px 0;
	text-align: center;
}

body:not(.dark-mode) form.payment-form input[name=name], body:not(.dark-mode) form.payment-form input[name=number] {
	display: block;
	margin: 15px auto;
	padding: 5px 10px;
	width: 60%;
}

body:not(.dark-mode) form.payment-form .bottom-inputs {
	display: flex;
	align-items: center;
	justify-content: center;
}

body:not(.dark-mode) form.payment-form input[name=cardexpiry_month], body:not(.dark-mode) form.payment-form input[name=cardexpiry_year], body:not(.dark-mode) form.payment-form input[name=cvc], body:not(.dark-mode) form.payment-form input[name=sub_cardexpiry_month-book-lesson], body:not(.dark-mode) form.payment-form input[name=sub_cardexpiry_month], body:not(.dark-mode) form.payment-form input[name=sub_cardexpiry_year-book-lesson], body:not(.dark-mode) form.payment-form input[name=sub_cardexpiry_year] {
	display: inline-flex;
	padding: 5px 10px;
	margin: 0 5px;
}

body:not(.dark-mode) form.payment-form #sub_cardcvc {
	margin-left: auto;
}

@media (max-width: 549px) and (min-width: 420px) {
	body:not(.dark-mode) form.payment-form #sub_cardcvc {
		margin-left: 5px;
	}
}

@media (min-width: 420px) {
	body:not(.dark-mode) form.payment-form .bottom-inputs {
		margin: 15px auto;
		min-width: 225px;
		max-width: calc(60% + 10px);
	}
}

@media (max-width: 419px) {
	body:not(.dark-mode) form.payment-form .bottom-inputs {
		width: 100%;
	}

	body:not(.dark-mode) form.payment-form #sub_cardexpiry_year {
		margin-left: 5px;
		margin-right: 5px;
	}
}

body:not(.dark-mode) #book-lesson-modal .existingcardrow .demo-container, body:not(.dark-mode) #payment-modal .existingcardrow .demo-container {
	border: none;
	margin: 10px 0 0;
}

@media (max-width: 768px) {
	body:not(.dark-mode) #book-lesson-modal .existingcardrow .demo-container, body:not(.dark-mode) #payment-modal .existingcardrow .demo-container {
		margin: 0;
	}
}

@media (max-width: 419px) {
	body:not(.dark-mode) #book-lesson-modal .existingcardrow .demo-container, body:not(.dark-mode) #payment-modal .existingcardrow .demo-container {
		padding-top: 10px;
	}
}

body:not(.dark-mode) .alert-grey {
	background-color: #f7f7f7 !important;
}

body:not(.dark-mode) .alert-white {
	background-color: #fff !important;
	border-color: #e8e8e8 !important;
}

body:not(.dark-mode) #book-lesson-modal .card-wrapper, body:not(.dark-mode) #payment-modal .card-wrapper {
	margin-top: 5px;
}

body:not(.dark-mode) form.payment-form label {
	display: flex;
	align-items: center;
	margin: 8px auto 5px;
	text-align: left;
	width: 58%;
	min-width: 200px;
}

body:not(.dark-mode) form.payment-form label input {
	margin: 0 4px 0 0;
}

body:not(.dark-mode) #btnContinue .chevron:before, body:not(.dark-mode) .btn-gab-modal .chevron:before {
	border-width: 2px 2px 0 0;
}

@media (max-width: 767px) {
	body:not(.dark-mode) form.payment-form {
		padding: 0;
	}
}

@media (max-width: 419px) {
	body:not(.dark-mode) form.payment-form input[name=cardexpiry_month], body:not(.dark-mode) form.payment-form input[name=cardexpiry_year], body:not(.dark-mode) form.payment-form input[name=cvc], body:not(.dark-mode) form.payment-form input[name=name], body:not(.dark-mode) form.payment-form input[name=number], body:not(.dark-mode) form.payment-form input[name=sub_cardexpiry_month-book-lesson], body:not(.dark-mode) form.payment-form input[name=sub_cardexpiry_month], body:not(.dark-mode) form.payment-form input[name=sub_cardexpiry_year-book-lesson], body:not(.dark-mode) form.payment-form input[name=sub_cardexpiry_year] {
		width: 100%;
	}

	body:not(.dark-mode) form.payment-form input[name=cardexpiry_month], body:not(.dark-mode) form.payment-form input[name=cvc], body:not(.dark-mode) form.payment-form input[name=sub_cardexpiry_month-book-lesson], body:not(.dark-mode) form.payment-form input[name=sub_cardexpiry_month] {
		margin: 0;
	}

	body:not(.dark-mode) form.payment-form input[name=cardexpiry_year], body:not(.dark-mode) form.payment-form input[name=sub_cardexpiry_year-book-lesson], body:not(.dark-mode) form.payment-form input[name=sub_cardexpiry_year] {
		margin: 0 10px;
	}

	body:not(.dark-mode) form.payment-form label {
		width: 90%;
		min-width: 0;
	}
}

body:not(.dark-mode) #book-lesson-modal p.transaction-info, body:not(.dark-mode) #payment-modal p.transaction-info {
	margin-bottom: 15px !important;
	margin-left: 15px;
}

body:not(.dark-mode) #book-lesson-modal .confirmation_membership p, body:not(.dark-mode) #payment-modal .confirmation_membership p {
	margin-bottom: 0;
}

body:not(.dark-mode) #book-lesson-modal .payment-img, body:not(.dark-mode) #gab-modal .payment-img, body:not(.dark-mode) #gab-modal-global .payment-img, body:not(.dark-mode) #payment-modal .payment-img {
	height: 30px;
	margin-bottom: 3px;
	max-width: 100%;
}

body:not(.dark-mode) #book-lesson-modal .payment-img.payment-img-saved, body:not(.dark-mode) #gab-modal .payment-img.payment-img-saved, body:not(.dark-mode) #gab-modal-global .payment-img.payment-img-saved, body:not(.dark-mode) #payment-modal .payment-img.payment-img-saved {
	margin-bottom: 0;
}

body:not(.dark-mode) #payment-card, body:not(.dark-mode) #payment-paypal {
	margin: 8px 0;
}

body:not(.dark-mode) .payment-modal-option {
	display: flex;
	align-items: flex-start;
	padding: 20px;
	margin-bottom: 5px;
	border-radius: 20px;
}

body:not(.dark-mode) label.payment-option-label {
	width: 100%;
}

body:not(.dark-mode) .payment-modal-option .radio-button-cell {
	margin-right: 10px;
	margin-top: 1px;
}

body:not(.dark-mode) .modal-body.step-2 .payment-modal-option {
	display: block;
}

body:not(.dark-mode) .modal-body.step-2 .payment-modal-option .description-cell, body:not(.dark-mode) .modal-body.step-2 .payment-modal-option .radio-button-cell {
	display: inline-block;
}

@media (max-width: 559px) {
	body:not(.dark-mode) .modal-body.step-2 .subscription-selection {
		display: block !important;
	}

	body:not(.dark-mode) .modal-body.step-2 .subscription-selection span {
		display: block !important;
		float: none !important;
	}
}

@media (max-width: 359px) {
	body:not(.dark-mode) #placeorderbtn, body:not(.dark-mode) #placeorderbtn-book-lesson {
		font-size: 15px;
	}
}

body:not(.dark-mode) #book-lesson-modal .modal-footer, body:not(.dark-mode) #payment-modal .modal-footer {
	display: flex;
	flex-direction: row-reverse;
}

body:not(.dark-mode) #change-course-modal .payment-option-label .payment-modal-option, body:not(.dark-mode) #level-modal .payment-option-label .payment-modal-option {
	display: flex;
	justify-content: left;
	align-items: flex-start;
}

body:not(.dark-mode) .payment-modal-option .description-cell-item {
	font-size: 18px;
	line-height: 18px;
	opacity: .9;
	font-weight: 600;
	color: #666;
}

body:not(.dark-mode) .payment-modal-option .description-cell-item.description-cell-item-saved {
	display: flex;
}

body:not(.dark-mode) #change-course-modal .payment-modal-option .description-cell-item.description-cell-item-saved, body:not(.dark-mode) #level-modal .payment-modal-option .description-cell-item.description-cell-item-saved {
	padding: 3.5px 0;
}

body:not(.dark-mode) #gab-options {
	text-align: center;
}

body:not(.dark-mode) .btn-gab-modal {
	display: block;
	margin: 15px auto;
	width: calc(100% - 30px);
	padding: 15px;
	text-align: left;
	font-size: 18px;
	background-color: #fdfdfd;
	color: #666;
	border-color: #ddd;
}

body:not(.dark-mode) .btn-gab-modal.favorite-teacher {
	background-color: rgba(255, 251, 204, 0.8);
}

body:not(.dark-mode) .btn-gab-modal.add-new-card {
	background-color: #f7f7f7;
}

body:not(.dark-mode) .btn-gab-modal.btn-gab-modal-grey {
	background-color: #f7f7f7;
	border-color: #e8e8e8;
}

body:not(.dark-mode) .btn-gab-modal:not(.btn-gab-disabled):hover {
	background-color: #3c7ab5;
	color: #fff !important;
	border-color: #306190;
}

body:not(.dark-mode) .btn-gab-modal:not(.btn-gab-disabled):hover span {
	color: #fff !important;
}

body:not(.dark-mode) .gab-list li {
	list-style: none;
}

body:not(.dark-mode) .gab-list button:hover span {
	color: #fff !important;
}

body:not(.dark-mode) .gab-modal-back-button {
	padding: 4px 10px;
	margin-right: 3px;
}

body:not(.dark-mode) .gab-list-wrapper {
	max-height: 515px;
	min-height: 195px;
	overflow: hidden;
	border-left: 0;
	border-right: 0;
}

body:not(.dark-mode) .gab-list-wrapper.main-gab-menu {
	min-height: initial;
}

body:not(.dark-mode) .modal-header h4 {
	font-size: 28px;
	font-weight: 600;
	margin: 0 25px 0 5px;
}

body:not(.dark-mode) #grammar-modal .modal-header h4 {
	font-weight: 600;
}

body:not(.dark-mode) .btn-lg {
	font-size: 18px;
}

body:not(.dark-mode) #grammar-modal .modal-body {
	padding: 25px;
	font-size: 17px;
	color: #666;
}

body:not(.dark-mode) .topic-level-explainer {
	margin-left: 15px;
	display: inline-block;
}

@media (max-width: 599px) {
	body:not(.dark-mode) #grammar-modal .modal-body {
		padding: 15px;
	}
}

@media (max-width: 459px) {
	body:not(.dark-mode) #grammar-modal .modal-body ol, body:not(.dark-mode) #grammar-modal .modal-body ul {
		padding-right: 15px;
	}

	body:not(.dark-mode) .topic-level-explainer {
		margin-left: 0;
		line-height: 1.2;
	}

	body:not(.dark-mode) .topic-level-explainer span.exercise-level {
		font-size: 15px !important;
	}
}

body:not(.dark-mode) .star-rating {
	display: inline-block;
	margin: 0 0 0 15px;
}

body:not(.dark-mode) #reviewbox .star-rating {
	margin: -10px 0 0 15px;
	font-size: 22px;
}

body:not(.dark-mode) .star-rating:hover {
	cursor: pointer;
}

body:not(.dark-mode) #incomingCall {
	width: 420px;
	min-height: 200px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -250px;
	margin-left: -210px;
	border: 0 !important;
	-webkit-box-shadow: 0 12px 28px 0 rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.5);
	box-shadow: 0 12px 28px 0 rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.5);
	z-index: 2002;
	border-radius: 4px;
	overflow: hidden;
}

body:not(.dark-mode) #incomingCall .box-header {
	background: #ef7d30;
	padding: 15px 20px !important;
}

body:not(.dark-mode) #incomingCall h3.box-title {
	color: #fff;
	font-size: 20px;
}

body:not(.dark-mode) #incomingCall .item {
	padding: 20px 20px 10px !important;
}

body:not(.dark-mode) #incomingCall a.btn, body:not(.dark-mode) #incomingCall button.btn {
	width: 120px;
}

body:not(.dark-mode) #incomingCall span.conversation-text {
	font-size: 18px;
	line-height: 24px;
	margin-top: 5px;
}

@media (max-width: 560px) {
	body:not(.dark-mode) #incomingCall {
		width: 250px;
		height: 100px;
		margin-top: -50px;
		margin-left: -75px;
	}

	body:not(.dark-mode) #incomingCall span.conversation-text {
		font-size: 12px;
		line-height: 20px;
	}
}

body:not(.dark-mode) #incomingCall.in ~ .md-overlay {
	opacity: 1;
	visibility: visible;
}

@media (min-width: 992px) {
	body:not(.dark-mode) #incomingCall.in, body:not(.dark-mode) #incomingCall.in ~ .md-overlay {
		transition: transform .15s;
	}
}

body:not(.dark-mode) .dropdown-menu.focus-menu {
	box-shadow: rgba(101, 119, 134, 0.2) 0 0 15px, rgba(101, 119, 134, 0.15) 0 0 3px 1px;
}

body:not(.dark-mode) .gab-page #examformFake hr:last-of-type .gab-page #examForm hr:last-of-type {
	margin: 0;
	border-color: transparent;
}

body:not(.dark-mode) .gab-page #askquestion {
	display: none;
}

body:not(.dark-mode) .spinner {
	height: 32px;
	width: 32px;
	animation: rotate .9s infinite linear;
	border: 4px solid #fff;
	border-right-color: transparent;
	border-radius: 50%;
	transform: translateZ(0);
}

body:not(.dark-mode) .spinner.blue {
	border-color: #47AADA transparent #47AADA #47AADA;
}

body:not(.dark-mode) .spinner.bitgab {
	border-color: #3c7ab5 transparent #ef7d30;
}

body:not(.dark-mode) .spinner.grey {
	border-color: #ccc transparent #ccc #ccc;
}

body:not(.dark-mode) .gab-list .spinner.blue {
	margin: 75.5px auto;
}

@keyframes rotate {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

body:not(.dark-mode) .loader, body:not(.dark-mode) .loader:after, body:not(.dark-mode) .loader:before {
	border-radius: 50%;
	width: 2.5em;
	height: 2.5em;
	-webkit-animation: load7 1.8s infinite ease-in-out;
	animation: load7 1.8s infinite ease-in-out;
}

body:not(.dark-mode) .loader {
	font-size: 10px;
	margin: 0 auto;
	position: relative;
	text-indent: -9999em;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation-delay: -.16s;
	animation-delay: -.16s;
}

body:not(.dark-mode) .loader:before {
	left: -3.5em;
	-webkit-animation-delay: -.32s;
	animation-delay: -.32s;
}

body:not(.dark-mode) .loader:after {
	left: 3.5em;
}

body:not(.dark-mode) .loader:after, body:not(.dark-mode) .loader:before {
	content: '';
	position: absolute;
	top: 0;
}

@-webkit-keyframes load7 {
	0%, 100%, 80% {
		box-shadow: 0 2.5em 0 -1.3em #fff;
	}

	40% {
		box-shadow: 0 2.5em 0 0 #fff;
	}
}

@keyframes load7 {
	0%, 100%, 80% {
		box-shadow: 0 2.5em 0 -1.3em #fff;
	}

	40% {
		box-shadow: 0 2.5em 0 0 #fff;
	}
}

body:not(.dark-mode) .navbar-custom-menu .chevron.right:before {
	border-width: 1px 1px 0 0;
	height: 6px;
	width: 6px;
}

body:not(.dark-mode) .tags-line {
	line-height: 1em;
	max-height: none;
}

body:not(.dark-mode) .tags-widget a {
	font-size: 12px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

body:not(.dark-mode) .tags-vocabulary a {
	margin-bottom: 0;
}

body:not(.dark-mode) .tags-vocabulary li {
	margin-bottom: 1em;
	text-transform: none;
	color: #525252;
	font-size: 15px;
}

body:not(.dark-mode) .tags-line a:active, body:not(.dark-mode) .tags-line a:focus, body:not(.dark-mode) .tags-line a:hover {
	text-decoration: none !important;
}

body:not(.dark-mode) #index-content a:not(.btn-link):hover {
	text-decoration: none;
}

body:not(.dark-mode) a.btn-lg:hover, body:not(.dark-mode) a.btn-md:hover, body:not(.dark-mode) a.btn-sm:hover, body:not(.dark-mode) a.btn:hover {
	text-decoration: none !important;
}

body:not(.dark-mode) .gab-text-explainer {
	margin-bottom: 15px;
	padding: 10px 15px;
}

body:not(.dark-mode) .gab-text-explainer p {
	font-size: 15px !important;
	margin-bottom: 10px;
}

body:not(.dark-mode) .gab-text-explainer.alert .close {
	font-size: 12px;
	font-weight: 500;
	opacity: .3;
}

body:not(.dark-mode) .gab-text-explainer.alert .close:hover {
	opacity: .5;
}

body:not(.dark-mode) #headerScore .slimScrollDiv {
	height: 160px !important;
}

body:not(.dark-mode) #headerScoreUpdate {
	display: none;
}

body:not(.dark-mode) .progress.level-bar {
	border-radius: 3px;
}

body:not(.dark-mode) #headerFriendRequests a, body:not(.dark-mode) #headerMessageAlerts a {
	display: block;
	cursor: inherit;
}

body:not(.dark-mode) #headerFriendRequests a:hover, body:not(.dark-mode) #headerMessageAlerts a:hover {
	text-decoration: none !important;
	background: 0 0;
}

body:not(.dark-mode) #headerFriendRequests .item, body:not(.dark-mode) #headerMessageAlerts .item {
	overflow: auto;
	padding: 10px;
}

body:not(.dark-mode) #headerFriendRequests li.footer, body:not(.dark-mode) #headerMessageAlerts li.footer {
	border-top: 1px solid #eee;
}

@media (max-width: 459px) {
	body:not(.dark-mode) .hidden-460 {
		display: none !important;
	}
}

@media (max-width: 399px) {
	body:not(.dark-mode) .hidden-400 {
		display: none !important;
	}
}

@media (max-width: 359px) {
	body:not(.dark-mode) .hidden-360 {
		display: none !important;
	}
}

body:not(.dark-mode) .navbar ul.dropdown-menu li.header {
	background-color: #e2eefb;
	padding: 7px 10px;
	color: #525252;
	font-size: 14px;
}

body:not(.dark-mode) .navbar ul.dropdown-menu li.header.sub-header {
	background-color: #fafafa;
}

body:not(.dark-mode) .navbar-nav &gt; .messages-menu &gt; .dropdown-menu &gt; li .menu {
	max-height: 220px !important;
}

body:not(.dark-mode) #create-topic-modal .row.alert, body:not(.dark-mode) #gab-modal .row.alert, body:not(.dark-mode) #gab-modal-global .row.alert, body:not(.dark-mode) #incompatible-gab-modal .row.alert {
	margin-top: -15px;
	padding: 10px 20px;
	border-radius: 0;
	border-left: 0;
	border-right: 0;
}

body:not(.dark-mode) #create-topic-modal .row.alert {
	margin: 0 -15px;
}

body:not(.dark-mode) #create-topic-modal .menu-item-header {
	margin-top: 15px;
	margin-bottom: 0;
}

body:not(.dark-mode) #create-topic-modal .btn.btn-gab-modal {
	background-color: #efefef;
	padding: 20px;
}

body:not(.dark-mode) #create-topic-modal .btn.btn-gab-modal:hover {
	background-color: #3c7ab5;
}

body:not(.dark-mode) #create-topic-modal .row.alert p, body:not(.dark-mode) #gab-modal .row.alert p, body:not(.dark-mode) #gab-modal-global .row.alert p, body:not(.dark-mode) #incompatible-gab-modal .row.alert p {
	padding: 0 20px;
}

body:not(.dark-mode) input[type=radio]:disabled {
	display: none;
}

body:not(.dark-mode) .product-info .star-rating {
	font-size: 16px;
	margin-left: 0;
}

body:not(.dark-mode) input.form-inline.question {
	width: 200px;
	padding: 0 5px;
}

body:not(.dark-mode) .no-affix {
	position: static !important;
	width: 100% !important;
}

body:not(.dark-mode) #left-column, body:not(.dark-mode) #videos {
	padding-bottom: 15px;
}

body:not(.dark-mode) .box.exercises-box {
	margin-bottom: 10px;
}

@media (min-width: 992px) {
	body:not(.dark-mode) #comment-box-topic {
		margin-bottom: 0;
	}
}

body:not(.dark-mode) #comment-box-topic #qawrap {
	padding: 0 15px;
}

@media (max-width: 991px) {
	body:not(.dark-mode) .affixcol {
		position: static !important;
		width: 100% !important;
	}

	body:not(.dark-mode) #demoContainer i {
		text-align: center;
		vertical-align: baseline;
		width: auto;
		padding: 0;
	}

	body:not(.dark-mode) .box-solid {
		margin-bottom: 10px;
	}

	body:not(.dark-mode) #left-column, body:not(.dark-mode) #videos {
		padding-bottom: 0;
	}

	body:not(.dark-mode).gab-page #videos {
		margin-bottom: 10px;
	}

	body:not(.dark-mode) #examTabs {
		margin-bottom: 20px !important;
	}

	body:not(.dark-mode).timeline-page #widget-box {
		margin: 5px 0 10px;
	}
}

body:not(.dark-mode) #conversationBox, body:not(.dark-mode) #conversationBoxGab {
	height: 150px;
	width: 100%;
	background: #f9f9f9;
}

body:not(.dark-mode) #call-buttons-desktop button.selected i, body:not(.dark-mode) #call-buttons-desktop button:hover i {
	opacity: 1;
}

body:not(.dark-mode) #chatnotice, body:not(.dark-mode) #chatnoticeGab {
	display: flex;
    	align-items: center;
    	justify-content: center;
    	height: 100%;
	color: #bbb;
	font-weight: 600;
	background: #f9f9f9;
	margin: 0;
}

body:not(.dark-mode) .nav-tabs-custom {
	margin-bottom: 0;
}

body:not(.dark-mode) .nav-tabs-custom &gt; .nav-tabs &gt; li.active &gt; a, body:not(.dark-mode) .nav-tabs-custom &gt; .nav-tabs &gt; li &gt; a {
	border-top: 3px solid #ef7d30;
	border-left: 0;
	border-right: 0;
}

body:not(.dark-mode) .nav-tabs-custom .nav &gt; li.active &gt; a h3 {
	padding: 14px 20px;
}

body:not(.dark-mode) .nav-tabs-custom .nav &gt; li.active:not(:first-child) &gt; a h3 {
	border-left: 1px solid #f4f4f4;
}

body:not(.dark-mode) .nav-tabs-custom .nav &gt; li &gt; a h3 {
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
}

body:not(.dark-mode) .nav-tabs-custom &gt; .nav-tabs &gt; li &gt; a {
	padding: 14px 20px;
}

body:not(.dark-mode) .nav-tabs-custom &gt; .nav-tabs &gt; li.active &gt; a {
	padding: 0;
	margin-top: 0;
	height: 50px;
}

body:not(.dark-mode) .nav-tabs-custom &gt; .nav-tabs &gt; li:not(.active):hover &gt; a {
	margin-top: 0;
	padding: 14px 20px;
}

body:not(.dark-mode) .nav-tabs-custom &gt; .nav-tabs &gt; li:not(.active):hover &gt; a &gt; h3 {
	transition: color .15s ease-in-out;
}

body:not(.dark-mode) .nav-tabs-custom &gt; .nav-tabs &gt; li:not(.active) &gt; a:hover {
	border-top-color: #ef7d30 !important;
}

@media (max-width: 991px) {
	body:not(.dark-mode) .nav-tabs-custom &gt; .nav-tabs &gt; li:not(.active):hover a {
		color: #666;
		border-top-color: transparent !important;
		transition: none;
	}
}

@media (max-width: 399px) {
	body:not(.dark-mode) .nav-tabs-custom .nav &gt; li.active &gt; a h3, body:not(.dark-mode) .nav-tabs-custom &gt; .nav-tabs &gt; li:not(.active):hover &gt; a, body:not(.dark-mode) .nav-tabs-custom &gt; .nav-tabs &gt; li &gt; a {
		padding: 14px 15px;
	}
}

body:not(.dark-mode) #questions {
	min-height: 200px;
}

body:not(.dark-mode) .preloaderWrapper {
	position: absolute;
	text-align: center;
	width: 100%;
	height: 100%;
	padding: 15%;
	top: 0;
}

body:not(.dark-mode) .empty-notifier {
	color: #bbb;
	display: block;
	font-size: 20px;
	font-weight: 600;
	height: 100%;
	margin: 0 auto;
	max-width: 300px;
	padding: 10% 0;
	text-align: center;
}

body:not(.dark-mode) .main-footer {
	display: none;
	padding: 10px 15px;
	line-height: 30px;
}

body:not(.dark-mode) .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: rgba(0, 0, 0, 0.5) !important;
	filter: "alpha(opacity=50)" !important;
	-ms-filter: "alpha(opacity=50)" !important;
}

body:not(.dark-mode) .margin-bottom-20 {
	margin-bottom: 20px !important;
}

body:not(.dark-mode) .noscroll, body:not(.dark-mode) .overflow-y-hidden {
	overflow-y: hidden !important;
}

body:not(.dark-mode) .timer {
	display: block;
	position: absolute;
	z-index: 11;
	top: 12px;
	left: 10px;
	text-align: right;
	padding: 0 5px;
	border-radius: 3px;
	font-size: 16px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.4);
}

body:not(.dark-mode) .timer label {
	font-size: 16px;
	color: #fff;
	text-align: right;
	opacity: .8;
	margin: 2px 2px 4px;
}

body:not(.dark-mode) .btn.disabled, body:not(.dark-mode) .btn[disabled], body:not(.dark-mode) .form-control[disabled], body:not(.dark-mode) fieldset[disabled] .btn, body:not(.dark-mode) fieldset[disabled] .form-control {
	cursor: inherit !important;
	box-shadow: none;
}

body:not(.dark-mode) .focus-menu li:hover {
	cursor: pointer;
}

body:not(.dark-mode) .opacity0 {
	opacity: 0 !important;
}

body:not(.dark-mode) .opacity1 {
	opacity: 1 !important;
}

body:not(.dark-mode) .carousel-inner &gt; .item &gt; a &gt; img, body:not(.dark-mode) .carousel-inner &gt; .item &gt; img, body:not(.dark-mode) .img-responsive, body:not(.dark-mode) .thumbnail a &gt; img, body:not(.dark-mode) .thumbnail &gt; img {
	width: 100% !important;
}

body:not(.dark-mode) .table &gt; tbody &gt; tr &gt; td {
	padding: 14px 8px !important;
}

body:not(.dark-mode) #view-booked-lessons-modal .table &gt; tbody &gt; tr &gt; td {
	padding: 20px 8px !important;
}

body:not(.dark-mode) .table &gt; tbody &gt; tr &gt; td.grammar-col {
	padding: 8px !important;
}

body:not(.dark-mode) #boxCenter .tab-pane.active {
	min-height: 312px;
}

body:not(.dark-mode) #boxCenter.nav-tabs-custom {
	margin-bottom: 10px;
}

body:not(.dark-mode) #boxCenter .table.table-striped {
	width: calc(100% - 30px);
	margin: 0 15px 15px;
	border-radius: 10px;
	overflow: hidden;
}

body:not(.dark-mode) #boxCenter .table.table-striped th {
	font-weight: 600;
	line-height: 26px;
}

body:not(.dark-mode) #boxCenter .table.table-striped td {
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 160px;
	line-height: 18px;
}

body:not(.dark-mode) .empty-settings, body:not(.dark-mode) .empty-settings-search, body:not(.dark-mode) .nopost {
	text-align: center;
	color: #bbb;
	font-weight: 600;
}

body:not(.dark-mode) #boxCenter .empty-settings, body:not(.dark-mode) #boxCenter .empty-settings-search, body:not(.dark-mode) #messages .nopost {
	padding: 80px 20px;
	font-size: 24px;
}

body:not(.dark-mode) p.empty-settings {
	padding: 20px;
	font-size: 20px;
}

body:not(.dark-mode) #boxCenter .table &gt; tbody &gt; tr &gt; td {
	padding: 10px !important;
}

body:not(.dark-mode) #teacher-gabs-tab th {
	font-weight: 600;
}

body:not(.dark-mode) .stg-fixed {
	width: 90px;
}

@media (max-width: 991px) {
	body:not(.dark-mode) #profileSearchBox .footer-mini {
		margin-top: -10px;
	}

	body:not(.dark-mode).timeline-page section.content, body:not(.dark-mode) section.content {
		padding: 5px;
	}

	body:not(.dark-mode) .box.exercises-box {
		margin-top: 10px;
	}

	body:not(.dark-mode) #selfVideo {
		opacity: 1;
	}

	body:not(.dark-mode) .carousel-caption {
		font-size: 18px !important;
		font-weight: 400 !important;
	}
}

@media (max-width: 419px) {
	body:not(.dark-mode) .stg-date {
		display: none;
	}
}

body:not(.dark-mode) .carousel-caption {
	font-size: 20px;
	font-weight: 500;
	text-shadow: none;
	padding: 0;
	margin: 0;
	bottom: 0;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

body:not(.dark-mode) #left-column .carousel-caption {
	font-size: 30px;
	font-weight: 600;
}

@media (max-width: 1200px) {
	body:not(.dark-mode) #left-column .carousel-caption {
		font-size: 24px;
	}
}

@media (max-width: 991px) {
	body:not(.dark-mode) #left-column .carousel-caption {
		font-size: 30px !important;
	}
}

@media (max-width: 600px) {
	body:not(.dark-mode) #left-column .carousel-caption {
		font-size: 20px !important;
	}
}

@media (max-width: 459px) {
	body:not(.dark-mode) #left-column .carousel-caption {
		font-size: 16px !important;
	}
}

body:not(.dark-mode) .carousel-indicators li {
	margin-left: 4px !important;
	margin-right: 4px !important;
}

body:not(.dark-mode) span.card-options-icon {
	display: inline-block;
}

body:not(.dark-mode) span.card-options-icon i {
	font-size: 16px;
	vertical-align: text-bottom;
}

body:not(.dark-mode) #cards-tab .filter-button {
	max-width: 50px;
}

body:not(.dark-mode) #cards-tab .menu-item-header {
	margin-top: 20px;
	margin-bottom: 5px;
}

body:not(.dark-mode) .btn-primary.focus:not([disabled]), body:not(.dark-mode) .btn-primary:focus:not([disabled]) {
	background-color: #5fa2dd;
	border-color: #5fa2dd;
}

body:not(.dark-mode) .btn-primary.hover:not([disabled]), body:not(.dark-mode) .btn-primary:active:not([disabled]), body:not(.dark-mode) .btn-primary:hover:not([disabled]) {
	background-color: #3b8dd5 !important;
	border-color: #4291d7 !important;
}

body:not(.dark-mode) .btn-default[disabled], body:not(.dark-mode) .btn-default[disabled]:focus, body:not(.dark-mode) .btn-default[disabled]:hover {
	background-color: #f4f4f4;
	color: #666;
	border-color: #ddd;
}

body:not(.dark-mode) .btn-success:active:hover:not([disabled]) {
	background-color: #329932;
	border-color: #329932;
}

body:not(.dark-mode) .dropdown-menu li.footer a {
	background-color: #fafafa !important;
	border-top: 1px solid #eee;
}

body:not(.dark-mode) .empty-settings a:hover {
	cursor: pointer;
}

body:not(.dark-mode) .btn-gab-modal:focus {
	color: #666;
}

body:not(.dark-mode) .userActions {
	display: none;
}

body:not(.dark-mode) #callmatename {
	margin-right: 5px;
}

body:not(.dark-mode) .exam-title {
	font-weight: 600;
	line-height: 30px;
	margin: 10px 0 20px;
	font-size: 18px;
}

body:not(.dark-mode) .rating-disabled {
	cursor: inherit !important;
}

body:not(.dark-mode) #complete-profile-button, body:not(.dark-mode) #complete-settings-modal .btn, body:not(.dark-mode) #complete-teacher-modal .btn {
	margin: 0 5px;
}

@media (max-width: 499px) {
	body:not(.dark-mode) #gab-modal .star-rating, body:not(.dark-mode) #gab-modal-global .star-rating {
		display: none !important;
	}

	body:not(.dark-mode) #complete-profile-button {
		margin-bottom: 12px !important;
	}

	body:not(.dark-mode) #complete-settings-modal .btn, body:not(.dark-mode) #complete-teacher-modal .btn {
		display: block;
		width: 100% !important;
		margin: 4px 0;
	}
}

body:not(.dark-mode) .gab-list .nouser {
	padding: 56px 0;
	height: 183px;
	color: #777;
}

body:not(.dark-mode) .gab-list .nouser a {
	margin-top: 7.5px;
}

body:not(.dark-mode) .exercise-helper {
	margin-top: 5px;
	margin-bottom: 0;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
}

body:not(.dark-mode) .exercise-helper a {
	cursor: pointer;
}

body:not(.dark-mode) #errormsg, body:not(.dark-mode) span.incorrectmsg.text-danger {
	font-size: 16px;
	line-height: 16px;
	font-weight: 600;
	color: #e71919;
}

body:not(.dark-mode) .term-text {
	padding: 0 35px;
}

body:not(.dark-mode) .widget-user-header.bg-profile {
	height: 120px;
	padding: 0;
}

body:not(.dark-mode) .profileWidgetImg, body:not(.dark-mode) .profileWidgetName {
	display: inline-block;
	float: left;
	max-width: calc(100% - 100px);
	overflow: hidden;
	margin-top: 2px;
}

body:not(.dark-mode) .profileWidgetImg {
	margin-right: 5px;
	margin-top: -30px;
	background: #fff;
	border: 5px solid #fff;
	border-radius: 50%;
	position: relative;
	z-index: 10;
	-webkit-transform: translateZ(0);
	-webkit-mask-image: -webkit-radial-gradient(circle, #fff 100%, #000 100%);
}

body:not(.dark-mode) .quiz-page .profileWidgetImg {
	margin-right: 0;
	max-width: 100%;
}

body:not(.dark-mode) .profileWidgetImg img {
	height: 80px;
	width: 80px;
}

body:not(.dark-mode) .profileWidgetName h5 {
	margin-top: 3px;
}

body:not(.dark-mode) .box-widget.widget-user-2 .box-footer.no-padding {
	border: 0;
}

body:not(.dark-mode) .box-widget.widget-user-2 .box-body {
	padding-top: 0;
	padding-bottom: 0;
}

body:not(.dark-mode) #editor-profile-modal, body:not(.dark-mode) #teacher-profile-modal, body:not(.dark-mode) #user-profile-modal {
	z-index: 999999;
}

body:not(.dark-mode) #editor-profile-modal .modal-header, body:not(.dark-mode) #teacher-profile-modal .modal-header, body:not(.dark-mode) #user-profile-modal .modal-header {
	height: 150px;
	background: center/cover #47AADA;
	border-radius: 3px 3px 0 0;
}

body:not(.dark-mode) #editor-profile-modal .profileModalInfo, body:not(.dark-mode) #teacher-profile-modal .profileModalInfo, body:not(.dark-mode) #user-profile-modal .profileModalInfo {
	clear: both;
}

body:not(.dark-mode) #editor-profile-modal .profileModalInfo ul li, body:not(.dark-mode) #teacher-profile-modal .profileModalInfo ul li, body:not(.dark-mode) #user-profile-modal .profileModalInfo ul li {
	list-style: none;
	padding-top: 15px;
}

body:not(.dark-mode) #editor-profile-modal .profileModalInfo .title, body:not(.dark-mode) #teacher-profile-modal .profileModalInfo .title, body:not(.dark-mode) #user-profile-modal .profileModalInfo .title {
	font-size: 18px;
	line-height: 30px;
	font-weight: 600;
	vertical-align: middle;
}

body:not(.dark-mode) #editor-profile-modal .profileModalInfo .data, body:not(.dark-mode) #teacher-profile-modal .profileModalInfo .data, body:not(.dark-mode) #user-profile-modal .profileModalInfo .data {
	display: block;
	font-size: 16px;
	margin-left: 38px;
	color: #66757f;
}

body:not(.dark-mode) #editor-profile-modal .profileModalInfo i, body:not(.dark-mode) #teacher-profile-modal .profileModalInfo i, body:not(.dark-mode) #user-profile-modal .profileModalInfo i {
	font-size: 24px;
	line-height: 30px;
	width: 24px;
	margin-right: 10px;
	text-align: center;
	vertical-align: middle;
	color: #666;
}

body:not(.dark-mode) #user-profile-modal .profileModalInfo i.ion-briefcase {
	font-size: 20px !important;
}

body:not(.dark-mode) #teacher-profile-modal .profileModalInfo i.fa-university, body:not(.dark-mode) #user-profile-modal .profileModalInfo i.fa-university {
	font-size: 18px !important;
}

body:not(.dark-mode) #teacher-profile-modal .profileModalInfo i.fa-university, body:not(.dark-mode) #user-profile-modal .profileModalInfo i.fa-university, body:not(.dark-mode) #user-profile-modal .profileModalInfo i.ion-briefcase {
	margin: 0 10px 0 0 !important;
}

body:not(.dark-mode) #editor-profile-modal .profileWidgetImg img:hover, body:not(.dark-mode) #teacher-profile-modal .profileWidgetImg img:hover, body:not(.dark-mode) #user-profile-modal .profileWidgetImg img:hover {
	opacity: 1;
}

body:not(.dark-mode) #editor-profile-modal .profileWidgetImg, body:not(.dark-mode) #teacher-profile-modal .profileWidgetImg, body:not(.dark-mode) #user-profile-modal .profileWidgetImg {
	cursor: inherit;
}

body:not(.dark-mode) #searchForm .btn-block {
	padding: 8px 16px;
	font-size: 16px;
}

body:not(.dark-mode) #boxCenter .form-horizontal {
	padding: 10px;
}

@media screen and (max-width: 767px) {
	body:not(.dark-mode) div.dataTables_filter, body:not(.dark-mode) div.dataTables_info, body:not(.dark-mode) div.dataTables_length, body:not(.dark-mode) div.dataTables_paginate, body:not(.dark-mode) div.dataTables_wrapper &gt; div.row &gt; div {
		text-align: left !important;
	}
}

body:not(.dark-mode) .changecover-text {
	display: none;
}

body:not(.dark-mode) a.photolink:hover .changecover-text {
	height: 100%;
	font-size: 24px;
	background: rgba(0, 0, 0, 0.4);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}

body:not(.dark-mode) #profileImgChanger {
	position: absolute;
	cursor: pointer;
	height: 80px;
	width: 80px;
	bottom: 0;
	border-radius: 50%;
	-webkit-transform: translateZ(0);
	-webkit-mask-image: -webkit-radial-gradient(circle, #fff 100%, #000 100%);
}

body:not(.dark-mode) #profileImgChanger span {
	display: none;
}

body:not(.dark-mode) #profileImgChanger:hover {
	background: rgba(0, 0, 0, 0.4);
}

body:not(.dark-mode) #profileImgChanger:hover span {
	height: 100%;
	font-size: 40px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}

body:not(.dark-mode) #addcard-modal .alert.notify, body:not(.dark-mode) #gab-modal .alert.notify, body:not(.dark-mode) #gab-modal-global .alert.notify {
	margin-top: -40px;
	margin-left: -20px;
	margin-right: -20px;
	border-radius: 0;
}

body:not(.dark-mode) #boxCenter .alert.notify {
	padding: 15px 20px !important;
	margin-left: -10px;
	margin-right: -10px;
	margin-top: 10px;
	border-radius: 0;
}

body:not(.dark-mode) #addcard-modal .alert.notify button.close, body:not(.dark-mode) #boxCenter .alert.notify button.close, body:not(.dark-mode) #gab-modal .alert.notify button.close, body:not(.dark-mode) #gab-modal-global .alert.notify button.close {
	display: table-cell;
	vertical-align: middle;
	color: #fff;
	opacity: .8;
	text-shadow: none;
	font-size: 20px;
}

body:not(.dark-mode) .alert.notify.header-alert button.close {
	line-height: 18px;
	color: #fff;
	opacity: .8;
	text-shadow: none;
	font-size: 20px;
}

body:not(.dark-mode) #addcard-modal .alert.notify button.close:hover, body:not(.dark-mode) #boxCenter .alert.notify button.close:hover, body:not(.dark-mode) #gab-modal .alert.notify button.close:hover, body:not(.dark-mode) #gab-modal-global .alert.notify button.close:hover, body:not(.dark-mode) .alert.notify.header-alert button.close:hover {
	opacity: 1;
	background-color: rgba(82, 82, 82, 0.4);
}

body:not(.dark-mode) .btn-primary.disabled, body:not(.dark-mode) .btn-primary.disabled.focus, body:not(.dark-mode) .btn-primary.disabled:focus, body:not(.dark-mode) .btn-primary.disabled:hover, body:not(.dark-mode) .btn-primary[disabled], body:not(.dark-mode) .btn-primary[disabled].focus, body:not(.dark-mode) .btn-primary[disabled]:focus, body:not(.dark-mode) .btn-primary[disabled]:hover, body:not(.dark-mode) fieldset[disabled] .btn-primary, body:not(.dark-mode) fieldset[disabled] .btn-primary.focus, body:not(.dark-mode) fieldset[disabled] .btn-primary:focus, body:not(.dark-mode) fieldset[disabled] .btn-primary:hover {
	background-color: #f4f4f4 !important;
	color: #777 !important;
	border-color: #ddd !important;
}

body:not(.dark-mode) #teacher-profile-modal .star-rating {
	font-size: 20px;
	padding-left: 5px;
	margin: 0;
}

body:not(.dark-mode) #teacher-profile-modal .modal-footer img {
	height: 46px;
}

body:not(.dark-mode) #teacher-profile-modal .mainboard {
	padding: 5px 0;
}

body:not(.dark-mode) #teacher-profile-modal .speech {
	margin-top: 0;
}

body:not(.dark-mode) #teacher-profile-modal .speech .star-rating {
	padding-left: 0;
	font-size: 18px;
}

body:not(.dark-mode) #teacher-profile-modal .speech .review-student-name, body:not(.dark-mode) #teacher-profile-modal .speech p {
	margin-bottom: 0;
}

body:not(.dark-mode) #teacher-profile-modal .speech p {
	margin-top: 3px;
}

body:not(.dark-mode) #teacher-profile-modal .speech .speech-time {
	display: table-cell;
	vertical-align: bottom;
	padding-bottom: 2px;
	font-size: 13px;
}

body:not(.dark-mode) #teacher-profile-modal .review-student-name {
	font-size: 15px;
	font-weight: 600;
}

body:not(.dark-mode) #teacher-profile-modal .profileModalInfo ul, body:not(.dark-mode) #user-profile-modal .profileModalInfo ul {
	display: block;
	padding: 0 20px 10px;
}

body:not(.dark-mode) #teacher-profile-modal .profileModalInfo li {
	width: 100%;
}

body:not(.dark-mode) #teacher-profile-modal .teacher-hourly-rate-price, body:not(.dark-mode) #teacher-profile-modal .teacher-hourly-rate-text {
	font-size: 15px;
}

body:not(.dark-mode) #teacher-profile-modal .teacher-hourly-rate-text {
	color: #888;
	margin-left: 2px;
}

body:not(.dark-mode) #teacher-profile-modal .teacher-hourly-rate-price {
	font-weight: 600;
	color: green;
}

body:not(.dark-mode) .slider-container {
	margin: 0 auto;
	max-width: calc(100% - 20px);
}

body:not(.dark-mode) .slider-container .back-bar {
	height: 7px;
}

body:not(.dark-mode) .slider-container .theme-blue .back-bar .pointer {
	top: -4px;
}

body:not(.dark-mode) .slider-container .scale ins {
	left: -5px !important;
}

body:not(.dark-mode) .scale span:first-of-type ins {
	margin-left: 0 !important;
}

@media (max-width: 459px) {
	body:not(.dark-mode) #teacher-profile-modal .profileModalInfo li {
		display: block;
		width: 100%;
	}

	body:not(.dark-mode) #boxCenter .product-img, body:not(.dark-mode) #teacher-profile-modal .modal-footer img {
		display: none;
	}

	body:not(.dark-mode) #boxCenter .product-info {
		margin-left: 0;
	}

	body:not(.dark-mode) #teacher-profile-modal .modal-body .star-rating {
		display: block;
		font-size: 20px;
	}

	body:not(.dark-mode) #teacher-profile-modal h3 span {
		display: block !important;
		max-width: 175px !important;
	}

	body:not(.dark-mode) #teacher-profile-modal .modal-footer p {
		margin-bottom: 0;
	}
}

body:not(.dark-mode) .ion-inline {
	margin-right: 5px;
}

body:not(.dark-mode) .ion-inline-right {
	margin-left: 5px;
}

body:not(.dark-mode) .nav.nav-tabs .ion-inline {
	margin-right: 3px;
}

body:not(.dark-mode) .dropdown-menu &gt; li &gt; a:focus {
	background-color: transparent;
	color: #525252;
}

body:not(.dark-mode) #complete-settings-modal .chevron.right:before {
	border-width: 2px 2px 0 0;
}

body:not(.dark-mode) #settings-tab .btn-group, body:not(.dark-mode) #settings-tab .btn-group button.multiselect {
	width: 100%;
}

body:not(.dark-mode) #settings-tab .btn-group .multiselect-selected-text {
	display: inline-block;
	width: calc(100% - 10px);
	text-align: left;
}

body:not(.dark-mode) .form-self-enabler button:disabled, body:not(.dark-mode) .form-self-enabler button:hover:disabled {
	background-color: #f4f4f4 !important;
	color: #999 !important;
	font-weight: 600 !important;
	border-color: #ddd !important;
}

body:not(.dark-mode) #allcardlist {
	margin: 0 10px;
	position: relative;
	min-height: 137px;
}

body:not(.dark-mode) #allcardlist li.item {
	padding-left: 15px;
}

body:not(.dark-mode) #addCardButton {
	padding: 15px 0 10px;
}

body:not(.dark-mode) .empty-results {
	text-align: center;
	color: #bbb;
	font-weight: 600;
	font-size: 24px;
}

body:not(.dark-mode) #index-content .empty-results {
	padding-top: 115px;
	padding-bottom: 15px;
}

@media (max-width: 767px) {
	body:not(.dark-mode) #index-content .empty-results {
		padding-top: 50px;
	}
}

body:not(.dark-mode) #editor-profile-modal .modal-content, body:not(.dark-mode) #user-profile-modal .modal-content {
	min-height: 292px;
}

body:not(.dark-mode) #editor-profile-modal .modal-body, body:not(.dark-mode) #editor-profile-modal .modal-footer, body:not(.dark-mode) #teacher-profile-modal .modal-body, body:not(.dark-mode) #teacher-profile-modal .modal-footer, body:not(.dark-mode) #user-profile-modal .modal-body, body:not(.dark-mode) #user-profile-modal .modal-footer {
	opacity: 0;
}

body:not(.dark-mode) #teacher-profile-modal .teacher-added-text {
	margin-right: 0 !important;
}

body:not(.dark-mode) span.label-success {
	background-color: #9cc96b !important;
}

body:not(.dark-mode) .gab-overlay {
	position: fixed;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background: #f9f9f9;
}

body:not(.dark-mode) .gab-overlay .logo {
	display: block !important;
	height: 100px;
	width: 100px;
	margin: 25px auto;
	background: url(../img/logos/bg.png) no-repeat;
	background: url(../img/logos/bg.svg), linear-gradient(transparent, transparent);
}

body:not(.dark-mode) .gab-overlay .loading-text {
	width: 75%;
	height: 150px;
	margin: 100px auto 0;
	text-align: center;
	display: flex;
	line-height: 1.25;
	font-size: 48px;
	font-family: Roboto,sans-serif;
	color: #888;
	justify-content: center;
	align-items: center;
}

body:not(.dark-mode) .gab-overlay table.loading-explainer {
	margin: 0 auto;
	color: #888;
	max-width: 66%;
}

body:not(.dark-mode) .gab-overlay .ion-ios-videocam:before {
	font-size: 48px;
	line-height: 24px;
	vertical-align: middle;
	margin-top: -4px;
}

body:not(.dark-mode) .gab-overlay td.share-text {
	font-size: 24px;
	text-align: center;
}

body:not(.dark-mode) .gab-overlay .loading-helptext {
	text-align: center;
	padding: 10px;
	font-size: 18px;
}

body:not(.dark-mode) .share-text-mobile {
	display: none;
}

@media (max-width: 991px) {
	body:not(.dark-mode) .share-text {
		display: none;
	}

	body:not(.dark-mode) .share-text-mobile {
		display: block;
		font-size: 24px;
		text-align: center;
	}

	body:not(.dark-mode) .gab-overlay .loading-text {
		font-size: 40px;
	}

	body:not(.dark-mode) .gab-overlay .loading-helptext {
		font-size: 16px;
	}

	body:not(.dark-mode) .gab-overlay .video-icon {
		display: block;
		text-align: center;
		margin: 30px 25px 15px;
	}
}

@media (max-width: 767px) {
	body:not(.dark-mode) .gab-overlay .loading-text {
		height: 100px;
		font-size: 31px;
	}
}

@media (max-width: 459px) {
	body:not(.dark-mode) .gab-overlay .loading-text {
		margin-top: 25px;
		width: 90%;
		font-size: 24px;
	}
}

body:not(.dark-mode) .carousel-indicators {
	bottom: 10px;
}

body:not(.dark-mode) .carousel-control {
	width: 10%;
}

body:not(.dark-mode) .carousel-control span.fa.fa-angle-right {
	margin-left: -15px;
}

body:not(.dark-mode) #comment-box-topic, body:not(.dark-mode) #examTabsContent, body:not(.dark-mode) #tab_info {
	counter-reset: item;
}

body:not(.dark-mode) #examTabsContent .progress-bar-red, body:not(.dark-mode) #examTabsContent .progress-bar-red .darktext {
	min-width: 10% !important;
}

body:not(.dark-mode) .topic-result-score {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 20px;
	opacity: .8;
}

body:not(.dark-mode) .topic-result-subscore {
	font-size: 16px;
	color: #8899a6;
}

body:not(.dark-mode) .alert-default {
	background-color: #fcfcfc !important;
	border-color: #e8e8e8 !important;
}

body:not(.dark-mode) .alert.alert-exam-difficulty {
	display: block;
	margin-bottom: 0;
	margin-top: 15px;
}

body:not(.dark-mode) .alert.alert-exam-difficulty a {
	color: #3c7ab5;
	text-decoration: none;
}

body:not(.dark-mode) .alert.alert-exam-difficulty a:hover {
	text-decoration: underline;
}

body:not(.dark-mode) .alert.alert-exam-difficulty span.gap {
	padding: 0 2.5px;
}

@media (max-width: 559px) {
	body:not(.dark-mode) #examTabsContent .progress-bar-red, body:not(.dark-mode) #examTabsContent .progress-bar-red .darktext {
		min-width: 20% !important;
	}
}

@media (max-width: 499px) {
	body:not(.dark-mode) .difficulty-picker {
		display: block;
		margin-top: 5px;
	}
}

@media (max-width: 419px) {
	body:not(.dark-mode) .topic-result-score {
		font-size: 15px;
	}

	body:not(.dark-mode) .topic-result-subscore {
		font-size: 12px;
	}
}

body:not(.dark-mode) .dropdown-toggle .online-status {
	display: none;
	position: absolute;
	right: 8px;
	top: 30px;
	height: 10px;
	width: 10px;
	background: #fff;
	border-radius: 50%;
	-webkit-transform: translateZ(0);
	-webkit-mask-image: -webkit-radial-gradient(circle, #fff 100%, #000 100%);
}

body:not(.dark-mode) .dropdown-toggle .online-status i {
	position: absolute;
	top: -2px;
	left: -2px;
	font-size: 15px;
}

body:not(.dark-mode) .dropdown-toggle .online-status.online i {
	color: #9cc96b !important;
}

body:not(.dark-mode) .dropdown-toggle .online-status.online i:before {
	content: "\f120";
}

body:not(.dark-mode) .dropdown-toggle .online-status.offline i {
	color: #ccc !important;
}

body:not(.dark-mode) .dropdown-toggle .online-status.offline i:before {
	content: "\f128";
}

body:not(.dark-mode) .footer-mini {
	margin: 10px 15px;
}

body:not(.dark-mode) .footer-mini .company-name {
	font-family: Roboto,sans-serif;
	font-size: 13px;
}

body:not(.dark-mode) .footer-mini-links {
	display: inline-block;
}

body:not(.dark-mode) .footer-mini-links a {
	margin: 0 2.5px;
}

body:not(.dark-mode) .footer-mini .company-name, body:not(.dark-mode) .footer-mini-links a, body:not(.dark-mode) .footer-mini-links a:focus {
	display: inline-block;
	color: #999;
	text-decoration: none;
}

body:not(.dark-mode) a.topic-video-link, body:not(.dark-mode) a.topic-video-link:focus {
	display: inline-block;
	color: #3c7ab5;
	text-decoration: none;
}

body:not(.dark-mode) .footer-mini-links a:hover, body:not(.dark-mode) a.topic-video-link:hover {
	text-decoration: underline;
}

body:not(.dark-mode) .footer-mini-links:hover a:hover, body:not(.dark-mode) a.topic-video-link:hover {
	color: #3c7ab5;
}

body:not(.dark-mode) #examTabs .active.active-teacher {
	border: 0;
}

body:not(.dark-mode) #examTabs .active.active-teacher a {
	color: #666;
	height: 50px;
	border-top-color: transparent;
}

body:not(.dark-mode) #examTabs .active.active-teacher a h3 {
	border: 0;
}

body:not(.dark-mode) #examTabs.teacherExamTabs hr:last-of-type {
	border-color: transparent;
}

body:not(.dark-mode) #footer-mini-index {
	opacity: 0;
}

body:not(.dark-mode) #footer-mini-index .footer-mini {
	opacity: 0;
	font-size: 14px;
	margin: -10px 15px 0;
}

body:not(.dark-mode) img.paypal-settings-logo {
	width: 75px;
	margin: 5px 0;
}

body:not(.dark-mode) .box-widget.widget-user-2 .teacher-widget-info {
	padding: 15px 20px;
	font-size: 20px;
	color: #666;
}

body:not(.dark-mode) .box-widget.widget-user-2 .teacher-widget-info-text {
	margin-bottom: 5px;
}

body:not(.dark-mode) .box-widget.widget-user-2 .teacher-widget-info i {
	font-size: 20px;
	vertical-align: -1px;
}

body:not(.dark-mode) .box-widget.widget-user-2 .teacher-widget-info table td {
	font-size: 18px !important;
}

body:not(.dark-mode) #hourly-rate-modal .hourly-rate-wrapper {
	text-align: center;
	padding: 20px 0;
}

body:not(.dark-mode) #hourly-rate-value {
	display: inline-block;
	vertical-align: middle;
	width: 50px;
	margin: 2.5px;
}

body:not(.dark-mode) #currency-hourly-rate {
	display: inline-block;
	vertical-align: middle;
	width: 200px;
	margin: 2.5px;
}

@media (max-width: 399px) {
	body:not(.dark-mode) #currency-hourly-rate {
		width: 175px;
	}

	body:not(.dark-mode) .title-area {
		padding: 0;
	}
}

body:not(.dark-mode) .tab-footer-button {
	margin: 10px -20px 10px;
	padding-top: 15px;
}

body:not(.dark-mode) .search-footer-button {
	border-top: 1px solid #eee;
	margin: 10px -10px -10px;
	padding: 15px 20px;
}

body:not(.dark-mode) #savedcards {
	display: none;
}

body:not(.dark-mode) .gab-modal-message {
	text-align: center;
	margin-top: 10px;
	font-size: 18px;
}

body:not(.dark-mode) #salirbtn {
	margin: 8px 0;
	font-weight: 600;
	width: 105px;
	color: #fff;
	background-color: #5fa2dd;
}

body:not(.dark-mode) .newgabbtn {
	background-color: #f4f4f4;
	color: #666;
}

@media (max-width: 559px) {
	body:not(.dark-mode) .mobile-adjust-button {
		width: 100% !important;
	}
}

body:not(.dark-mode) #teacher-gab-list {
	margin: 0 -30px;
	padding: 10px 20px;
	background: #f9f9f9;
	min-height: 0;
}

body:not(.dark-mode) #gabModalTeachers a .product-info span {
	font-size: 16px;
}

body:not(.dark-mode) #qawrap #messages li:last-of-type {
	margin-bottom: 15px;
}

body:not(.dark-mode) #qawrap #messages .speech p {
	margin: 5px 0;
	font-size: 16px;
}

body:not(.dark-mode) #qawrap .replybtn {
	font-size: 13px;
}

body:not(.dark-mode) #qawrap .speech {
	padding-top: 7px;
}

body:not(.dark-mode) #qawrap .speech .media-heading {
	vertical-align: baseline;
	font-size: 16px;
	line-height: 16px;
}

body:not(.dark-mode) #qawrap .speech &gt; a.media-heading {
	font-size: 16px;
}

body:not(.dark-mode) #qawrap .speech p &gt; a.media-heading {
	display: inline-block;
	vertical-align: middle;
	margin: -10px 0 5px;
	color: #666;
	font-size: 14px;
	line-height: 22px;
}

body:not(.dark-mode) #qawrap .speech p &gt; .reply-clarifier {
	display: inline-block;
	vertical-align: middle;
	color: #999;
	font-size: 14px;
	margin: -10px 2px 5px 0;
}

body:not(.dark-mode) #qawrap .speech span.speech-teacher, body:not(.dark-mode) #qawrap .speech-time {
	font-size: 14px;
	line-height: 16px;
	vertical-align: baseline;
}

body:not(.dark-mode) #qawrap .speech span.speech-teacher {
	margin-left: -2px;
}

body:not(.dark-mode) .gab-modal-message.gab-unavailable {
	padding-top: 20px;
}

body:not(.dark-mode) .gab-loading-return {
	position: absolute;
	left: 20px;
	bottom: 10px;
	font-size: 18px;
}

body:not(.dark-mode) .gab-loading-return a {
	cursor: pointer;
}

body:not(.dark-mode) button.btn.btn-primary.setAudio.selected, body:not(.dark-mode) button.btn.btn-primary.setVideo.selected {
	background: #d73925 !important;
	border-color: #d73925 !important;
}

body:not(.dark-mode) .page-title.teacher-title {
	margin-bottom: 0;
	min-height: 28px;
}

body:not(.dark-mode) .dropdown-menu .loggednativetitle {
	font-size: 13px !important;
	margin-left: 0 !important;
	vertical-align: initial !important;
}

body:not(.dark-mode) #teacher-profile-modal .modal-body .modal-footer {
	height: auto !important;
	border: 0;
	padding: 15px;
}

body:not(.dark-mode) #teacher-profile-modal #messages li:first-of-type {
	border: 0;
	margin-top: 0;
}

body:not(.dark-mode) #teacher-profile-modal .profileWidgetName, body:not(.dark-mode) #user-profile-modal .profileWidgetName {
	padding-left: 5px;
	margin-top: -19px !important;
	width: 100%;
}

body:not(.dark-mode) #teacher-profile-modal .profileWidgetName h3, body:not(.dark-mode) #user-profile-modal .profileWidgetName h3 {
	overflow: hidden;
	text-overflow: ellipsis;
}

body:not(.dark-mode) #teacher-profile-modal .profileWidgetName h3 .modalusername, body:not(.dark-mode) #user-profile-modal .profileWidgetName h3 .modalusername {
	font-weight: 600;
	font-size: 26px;
}

body:not(.dark-mode) #teacher-profile-modal .profileWidgetName h3 .star-rating-wrap {
	height: 30px;
}

body:not(.dark-mode) #user-profile-modal .profileWidgetName h3 span {
	display: inline-block;
	max-width: calc(100% - 85px);
	margin-right: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

@media (max-width: 359px) {
	body:not(.dark-mode) #user-profile-modal .profileWidgetName h3 {
		font-size: 18px !important;
	}
}

body:not(.dark-mode) .teacher-exam-alerter {
	margin-top: 10px;
}

body:not(.dark-mode) .teacher-exam-alerter.alert-danger {
	font-weight: 600;
}

body:not(.dark-mode) .teacher-exam-alerter button.close {
	font-size: 20px;
	line-height: 20px;
}

body:not(.dark-mode) .teacher-exam-alerter.alert-danger button.close {
	color: #fff;
	text-shadow: none;
	opacity: .8;
}

body:not(.dark-mode) .teacher-exam-alerter.alert-danger button.close:hover {
	opacity: 1;
}

body:not(.dark-mode) #teacher-profile-modal .modal-content &gt; .modal-footer {
	display: none !important;
	padding: 15px 20px;
}

body:not(.dark-mode) #teacher-profile-modal .modal-content &gt; .modal-footer p {
	margin-bottom: 0;
}

body:not(.dark-mode) button.btn.btn-gab-modal.btn-gab-disabled, body:not(.dark-mode) button.btn.btn-gab-modal.btn-gab-disabled:hover {
	background-color: #e2eefb;
	border-color: #cbd6e1;
	color: #666;
	cursor: default;
	box-shadow: none;
}

@media (max-width: 359px) {
	body:not(.dark-mode) .topic-box .box-footer .pull-left:not(.tags-line) {
		max-width: 115px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}

body:not(.dark-mode) #grammar-modal ol li {
	list-style-type: decimal;
}

@media (max-width: 599px) {
	body:not(.dark-mode) #grammar-modal .modal-body ul li {
		margin-left: 25px !important;
	}
}

body:not(.dark-mode) .aspectRatioForcer img {
	position: absolute;
	top: -9999px;
	bottom: -9999px;
	left: -9999px;
	right: -9999px;
	margin: auto;
	min-width: 100%;
	min-height: 100%;
	object-fit: cover;
}

body:not(.dark-mode) .nav-tabs li a h3 i {
	vertical-align: bottom;
}

body:not(.dark-mode) .register-now-header-alert {
	margin: 49px -200px 0;
	padding: 15px 215px;
	left: 0;
	right: 0;
	border: 0;
	font-weight: 600;
	font-size: 24px;
	border-radius: 0;
	text-align: center;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

body:not(.dark-mode) .alert-success.register-now-header-alert {
	opacity: .96;
	display: block;
	text-decoration: none;
}

body:not(.dark-mode) .register-now-header-link {
	color: #fff;
	text-decoration: underline !important;
	display: block;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 37px;
}

body:not(.dark-mode) .register-now-header-link:focus, body:not(.dark-mode) .register-now-header-link:hover {
	color: #fff;
	text-decoration: underline !important;
}

@media (min-width: 992px) and (max-width: 1280px) {
	body:not(.dark-mode) .register-now-header-alert {
		font-size: 23px;
	}
}

@media (max-width: 991px) {
	body:not(.dark-mode) .register-now-header-alert {
		font-size: 20px;
	}

	body:not(.dark-mode) .register-now-header-link {
		font-size: 26px;
	}
}

@media (max-width: 459px) {
	body:not(.dark-mode) .register-now-header-link {
		font-size: 21px;
	}

	body:not(.dark-mode) .register-now-header-alert {
		font-size: 18px;
	}
}

body:not(.dark-mode) #questions .sticky-text {
	margin: 5px 2px 25px;
	font-size: 18px;
	line-height: 26px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
}

body:not(.dark-mode) #questions .sticky-text a:hover {
	cursor: pointer;
}

body:not(.dark-mode) #questions .sticky-text a:focus:hover {
	text-decoration: underline;
}

body:not(.dark-mode) #grammar-content .grammar-detail-content table, body:not(.dark-mode) #grammar-modal .modal-body table {
	border: 1px solid #f0f0f0;
	margin: 10px auto 30px;
	width: 97% !important;
}

body:not(.dark-mode) #grammar-content .grammar-detail-content table thead th, body:not(.dark-mode) #grammar-modal .modal-body table thead th {
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 14px;
	background: #e2eefb;
}

body:not(.dark-mode) #grammar-content .grammar-detail-content table tbody &gt; tr:nth-of-type(odd), body:not(.dark-mode) #grammar-modal .modal-body table tbody &gt; tr:nth-of-type(odd) {
	background: #fff;
}

body:not(.dark-mode) #grammar-content .grammar-detail-content table tbody &gt; tr:nth-of-type(even), body:not(.dark-mode) #grammar-modal .modal-body table tbody &gt; tr:nth-of-type(even) {
	background: #f7f7f7;
}

body:not(.dark-mode) #grammar-content .grammar-detail-content table tbody &gt; tr &gt; td, body:not(.dark-mode) #grammar-modal .modal-body table tbody &gt; tr &gt; td {
	font-size: 16px;
	padding: 4px 0;
}

@media (max-width: 419px) {
	body:not(.dark-mode) #grammar-content .grammar-detail-content table thead th, body:not(.dark-mode) #grammar-modal .modal-body table thead th {
		padding: 5px 10px;
		font-size: 12px;
	}

	body:not(.dark-mode) #grammar-content .grammar-detail-content table tbody &gt; tr &gt; td, body:not(.dark-mode) #grammar-modal .modal-body table tbody &gt; tr &gt; td {
		font-size: 12px;
	}
}

body:not(.dark-mode) .gab-page #examForm hr.resultHR:last-of-type {
	border-color: #fff;
}

body:not(.dark-mode) .tags-line.tags-widget.tags-vocabulary li {
	display: table;
}

body:not(.dark-mode) .tags-line.tags-widget.tags-vocabulary span {
	display: table-cell;
	vertical-align: top;
}

@media (max-width: 559px) {
	body:not(.dark-mode) .tags-line.tags-widget.tags-vocabulary span {
		display: block;
		margin-top: 5px;
		margin-left: 3px;
	}
}

body:not(.dark-mode) #article {
	padding: 0 5px;
}

body:not(.dark-mode) #article .articletext hr {
	border-color: transparent !important;
	margin: 5px;
}

body:not(.dark-mode) .writingBox .panel {
	background-color: #f7f7f7;
}

body:not(.dark-mode) .writingBox .panel-body {
	padding: 5px 25px;
}

body:not(.dark-mode) .writingBox .label-default {
	font-weight: 600;
	font-size: 14px;
	background-color: #e8e8e8;
	margin: 0 5px 5px 0;
	border-radius: 20px;
}

body:not(.dark-mode) #start-gab-button, body:not(.dark-mode) #start-gab-button span, body:not(.dark-mode) #start-gab-button:focus, body:not(.dark-mode) #start-gab-button:focus span {
	background-color: #ef7d30;
	border-color: #ef7d30;
	color: #fff;
}

body:not(.dark-mode) #start-gab-button:hover {
	background-color: #d7702b !important;
	border-color: #d7702b !important;
}

@media (max-width: 991px) {
	body:not(.dark-mode) #start-gab-button:active {
		box-shadow: none;
	}
}

body:not(.dark-mode) #start-gab-button:hover i {
	color: #fff;
}

body:not(.dark-mode) .private-gab-link-button {
	text-align: center;
}

body:not(.dark-mode) .private-gab-link-button a {
	width: 140px;
}

@media (max-width: 991px) {
	body:not(.dark-mode) .private-gab-link-button {
		text-align: right;
	}
}

@media (max-width: 767px) {
	body:not(.dark-mode) .private-gab-link-button a {
		width: 100px;
	}
}

@media (max-width: 559px) {
	body:not(.dark-mode) #copyLink {
		display: block;
		margin: 10px 0 !important;
	}
}

body:not(.dark-mode) .writing-homework-explainer {
	text-align: left;
	margin-top: 10px;
	font-size: 14px;
	font-weight: 600;
	color: #525252;
	background: #e2eefb !important;
	padding: 5px 10px;
	border-radius: 20px;
	display: inline-flex;
	align-items: flex-start;
}

body:not(.dark-mode) .open &gt; .dropdown-toggle.btn-primary {
	background-color: #3b8dd5 !important;
	border-color: #4291d7 !important;
	box-shadow: none;
}

body:not(.dark-mode) .nav &gt; li &gt; a:active, body:not(.dark-mode) .nav &gt; li &gt; a:focus, body:not(.dark-mode) .nav &gt; li &gt; a:hover {
	text-decoration: none;
}

@media (min-width: 992px) {
	body:not(.dark-mode) .no-padding-md {
		padding: 0 !important;
	}
}

body:not(.dark-mode) .my-quizzes-link {
	display: block;
	font-size: 11px;
	line-height: 13px;
	color: #66757f;
	font-weight: 400;
}

body:not(.dark-mode) .quiz-table-wrapper {
	width: calc(100% + 20px);
	clear: both;
	padding: 10px 0;
	margin: 0 -10px;
}

body:not(.dark-mode) .quiz-table {
	width: 100%;
}

body:not(.dark-mode) .quiz-table-wrapper th {
	width: 33%;
	color: #8899a6;
	font-size: 11px;
	text-align: center;
	letter-spacing: .02em;
	overflow: hidden;
	text-transform: uppercase;
}

body:not(.dark-mode) .quiz-table-wrapper td {
	color: #777;
	text-align: center;
	font-size: 18px;
	padding-top: 3px;
}

body:not(.dark-mode) .quiz-box {
	padding: 5px 15px;
	margin-bottom: 15px;
}

body:not(.dark-mode) .quiz-box .img-circle {
	width: 50px;
	height: 50px;
}

@media (max-width: 459px) {
	body:not(.dark-mode) .quiz-box .img-circle {
		width: 32px;
		height: 32px;
	}
}

body:not(.dark-mode) .quiz-box img.img-responsive {
	border-radius: 4px;
	min-height: 100%;
}

body:not(.dark-mode) .quiz-box p {
	margin-top: 2px;
	font-size: 18px;
}

body:not(.dark-mode) .quiz-box .radio {
	margin-left: 10px;
	margin-bottom: 15px;
	font-size: 16px;
}

body:not(.dark-mode) .quiz-box .quiz-submit {
	margin: 0 5px;
}

body:not(.dark-mode) .quiz-box .middle-dot {
	font-weight: 100;
	color: #bbb;
	margin: 0 2px;
}

body:not(.dark-mode) .quiz-box .quiz-submit-text {
	color: #8899a6;
	display: inline-block;
	height: 34px;
	vertical-align: middle;
	line-height: 34px;
}

body:not(.dark-mode) .quiz-box .quiz-bottom {
	margin: 20px 0;
}

body:not(.dark-mode) .quiz-box .quiz-like-buttons {
	float: right;
	display: inline-block;
	color: #bbb;
	font-size: 24px;
	vertical-align: middle;
	height: 34px;
	line-height: 34px;
}

body:not(.dark-mode) .quiz-box .quiz-like-buttons a {
	color: #bbb;
	margin: 0 5px;
}

body:not(.dark-mode) .quiz-box .quiz-like-buttons a:hover {
	color: #999;
	cursor: pointer;
}

body:not(.dark-mode) a.quiz-dislike i {
	vertical-align: bottom;
}

body:not(.dark-mode) .quiz-box .quiz-percentage {
	width: 50px;
	color: #999;
	font-weight: 600;
	display: inline-block;
	text-align: center;
}

body:not(.dark-mode) .quiz-box .quiz-answer-text {
	margin-right: 2px;
}

body:not(.dark-mode) .quiz-box .quiz-creator-info {
	width: calc(100% - 30px);
	overflow: hidden;
	display: inline-block;
}

body:not(.dark-mode) .quiz-box a.quiz-chevron {
	cursor: pointer;
	color: #999;
	vertical-align: middle;
}

body:not(.dark-mode) .quiz-box ul.dropdown-menu li a {
	text-decoration: none !important;
}

body:not(.dark-mode) .quiz-box .btn-group.open a.dropdown-toggle.quiz-chevron {
	box-shadow: none;
}

body:not(.dark-mode) .quiz-box form {
	margin-top: 15px;
}

body:not(.dark-mode) .quiz-explainer {
	margin-top: 5px;
	margin-left: 10px;
	font-size: 16px;
}

body:not(.dark-mode) .quiz-select {
	height: 50px;
	font-size: 20px;
	color: #888;
}

body:not(.dark-mode) hr.quizHR {
	border-color: transparent !important;
	margin: 10px 0;
}

body:not(.dark-mode) .quiz-extra-choice {
	display: inline-block;
	margin-right: 5px;
}

body:not(.dark-mode) .quiz-extra-choice-remove {
	display: inline-block;
	height: 50px;
}

body:not(.dark-mode) #create-question-modal .gab-list-wrapper, body:not(.dark-mode) #create-quiz-modal .gab-list-wrapper, body:not(.dark-mode) #edit-question-modal .gab-list-wrapper {
	max-height: none;
}

body:not(.dark-mode) #create-question-modal .modal-body, body:not(.dark-mode) #create-quiz-modal .modal-body, body:not(.dark-mode) #edit-question-modal .modal-body {
	padding: 30px 30px 15px;
}

@media (max-width: 767px) {
	body:not(.dark-mode) .quiz-box .btn-group {
		width: auto;
	}
}

@media (max-width: 499px) {
	body:not(.dark-mode) #create-question-modal .modal-body, body:not(.dark-mode) #create-quiz-modal .modal-body, body:not(.dark-mode) #edit-question-modal .modal-body {
		padding: 30px 10px 15px;
	}
}

body:not(.dark-mode) #entered-topic-video.input-error, body:not(.dark-mode).private-gab-page .input-error {
	background: #f9e8e8 !important;
	border-color: #e7a3a3 !important;
	color: #ff5c5c !important;
	font-weight: 400 !important;
}

body:not(.dark-mode).private-gab-page .tooltip.top &gt; .tooltip-inner {
	background-color: #C40000;
	padding: 20px;
	font-size: 15px;
	font-weight: 500;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
	max-width: 275px;
}

body:not(.dark-mode).private-gab-page .tooltip.top &gt; .tooltip-arrow {
	border-top-color: #C40000;
}

body:not(.dark-mode).private-gab-page .tooltip.in {
	opacity: .95;
	filter: alpha(opacity=95);
}

body:not(.dark-mode) #mobile-private-gab-button {
	position: fixed;
	cursor: pointer;
	bottom: 20px;
	right: 20px;
	height: 50px;
	width: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 24px;
	color: #fff;
	border-radius: 50%;
	background: #ef7d30;
	z-index: 3;
	box-shadow: rgba(101, 119, 134, 0.2) 0 0 15px, rgba(101, 119, 134, 0.15) 0 0 3px 1px;
}

@media (max-width: 1024px) {
	body:not(.dark-mode) #mobile-private-gab-button {
		bottom: 10px;
		right: 10px;
	}
}

body:not(.dark-mode) #chat-button {
	position: fixed;
	bottom: 25px;
	right: 0;
	cursor: pointer;
	padding: 8px 4px;
	height: 70px;
	width: 45px;
	text-align: center;
	font-size: 22px;
	color: #fff;
	background: #ef7d30;
	z-index: 3;
	box-shadow: 0 0 10px #666;
}

body:not(.dark-mode) #chat-button i {
	display: block;
}

body:not(.dark-mode) #chat-button .chat-msg {
	font-size: 15px;
	line-height: 15px;
	font-weight: 700;
}

body:not(.dark-mode) #chat-button {
	display: none !important;
}

body:not(.dark-mode) #mobile-private-gab-button.gab-scale {
	-webkit-animation: gab-scale .2s forwards;
	animation: gab-scale .2s forwards;
}

body:not(.dark-mode) #mobile-private-gab-button.gab-scale-rev {
	-webkit-animation: gab-scale-rev .2s forwards;
	animation: gab-scale-rev .2s forwards;
}

@keyframes gab-scale {
	0% {
		transform: scale(1);
	}

	100% {
		transform: scale(0.001);
	}
}

@-webkit-keyframes gab-scale {
	0% {
		-webkit-transform: scale(1);
	}

	100% {
		-webkit-transform: scale(0.001);
	}
}

@keyframes gab-scale-rev {
	0% {
		transform: scale(0.001);
	}

	100% {
		transform: scale(1);
	}
}

@-webkit-keyframes gab-scale-rev {
	0% {
		-webkit-transform: scale(0.001);
	}

	100% {
		-webkit-transform: scale(1);
	}
}

body:not(.dark-mode) .youtube-container {
	display: block;
	margin: 10px auto;
	width: 100%;
	max-width: 100%;
}

body:not(.dark-mode) .youtube-player {
	display: block;
	width: 100%;
	padding-bottom: 56.25%;
	overflow: hidden;
	position: relative;
	height: 100%;
	cursor: pointer;
}

body:not(.dark-mode) img.youtube-thumb {
	bottom: 0;
	display: block;
	left: 0;
	margin: auto;
	max-width: 100%;
	width: 100%;
	position: absolute;
	right: 0;
	top: 0;
	height: auto;
}

body:not(.dark-mode) div.play-button {
	height: 72px;
	width: 72px;
	left: 50%;
	top: 50%;
	margin-left: -36px;
	margin-top: -36px;
	position: absolute;
	background: url(https://www.bitgab.com/assets-dashboard/img/video-overlay-icon-big.png) no-repeat;
}

body:not(.dark-mode) #youtube-iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

body:not(.dark-mode) .aspectRatioForcer #playerWrap.quizPlayerWrap {
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
}

body:not(.dark-mode) #quizTimeline .empty-results {
	max-width: 400px;
	margin: 50px auto 25px;
	font-size: 30px;
}

body:not(.dark-mode) #create-quiz-modal #videowrapper {
	padding: 10px 0;
}

body:not(.dark-mode) #create-quiz-modal #videowrapper button.close {
	line-height: 50px;
}

body:not(.dark-mode) #create-quiz-modal #photo-placeholder {
	margin: 20px;
}

body:not(.dark-mode) .quiz-box .media-body {
	overflow: visible;
}

body:not(.dark-mode) .carousel-inner .slidenumber {
	color: #fff;
	height: 30px;
	line-height: 30px;
	position: absolute;
	right: 15px;
	text-align: center;
	top: 15px;
	width: 30px;
	z-index: 2;
	font-size: 25px;
	font-weight: 600;
}

@media (max-width: 992px) {
	body:not(.dark-mode) .quiz-page #headerTitleWrapper {
		margin-bottom: 10px;
	}
}

body:not(.dark-mode) .quiz-page h1.page-title a {
	position: relative;
	display: inline-block;
	text-decoration: none;
}

@media (min-width: 992px) {
	body:not(.dark-mode) .quiz-page h1.page-title a:hover:after {
		content: "";
		position: absolute;
		left: 0;
		bottom: 2px;
		right: 0;
		margin: auto;
		background: #3c7ab5;
		height: 1px;
	}
}

body:not(.dark-mode) #bitgab-connect-tab {
	margin-bottom: 15px;
	background: #fff;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	border-radius: 20px;
	padding: 12.5px 7.5px;
}

body:not(.dark-mode) #bitgab-connect-tab hr {
	border-color: transparent !important;
}

body:not(.dark-mode) #bitgab-connect-tab .box-title {
	margin-bottom: -5px;
}

body:not(.dark-mode) .insert-char-menu {
	width: 300px;
	left: 50% !important;
	margin-left: -281px;
	margin-top: -2px;
}

body:not(.dark-mode) a.insert-char-button:hover, body:not(.dark-mode) button.insert-char-button:hover {
	background-color: transparent !important;
	color: inherit !important;
	border: 0 !important;
}

body:not(.dark-mode) .insert-char-menu.insert-char-inline {
	width: 200px;
	left: 50% !important;
	margin-left: -181px;
	margin-top: -3px;
}

body:not(.dark-mode) .insert-char-button i {
	margin-right: 3px;
}

body:not(.dark-mode) .insert-char-menu.insert-char-inline .li-block li {
	width: 27px;
	height: 36px;
	line-height: 18px;
}

body:not(.dark-mode) .insert-char-inline-button {
	border-radius: 0 !important;
	background-color: transparent !important;
	border: 0;
	padding: 5px;
	box-shadow: none !important;
}

body:not(.dark-mode) button.insert-char-inline-button:active, body:not(.dark-mode) button.insert-char-inline-button:focus {
	background-color: transparent !important;
}

body:not(.dark-mode) .insert-char-inline-button i {
	font-size: 24px;
	line-height: 18px;
	color: #ccc;
}

body:not(.dark-mode) .insert-char-inline-button:hover i {
	color: #888;
}

body:not(.dark-mode) .li-block li {
	display: inline-block;
	padding: 10px;
	text-align: center;
	width: 37px;
	height: 40px;
	line-height: 20px;
}

body:not(.dark-mode) .li-block li a {
	color: #666;
}

body:not(.dark-mode) .li-block li:hover {
	background-color: #3c7ab5;
}

body:not(.dark-mode) .li-block li:hover a {
	color: #fff;
	text-decoration: none;
}

@media (max-width: 459px) {
	body:not(.dark-mode) .insert-char-menu {
		left: 20px !important;
	}
}

@media (max-width: 419px) {
	body:not(.dark-mode) .insert-char-menu {
		left: 68px !important;
	}
}

@media (max-width: 359px) {
	body:not(.dark-mode) .insert-char-menu {
		width: 270px;
	}

	body:not(.dark-mode) .li-block li {
		width: 32px;
	}

	body:not(.dark-mode) .insert-char-menu {
		left: 100px !important;
	}
}

body:not(.dark-mode) #messageswrap li.msgitem {
	cursor: pointer;
	padding: 10px;
	background: #f5f5f5;
}

body:not(.dark-mode) #messageswrap li.msgitem.msgitem-read {
	background: #fff;
}

body:not(.dark-mode) #messageswrap li.msgitem .product-info a {
	color: #666;
}

body:not(.dark-mode) #messageswrap li.msgitem:not(.msgitem-read) .product-info a {
	color: #525252;
	font-weight: 600;
}

body:not(.dark-mode) #messageswrap li.msgitem:not(.msgitem-read) .product-info span {
	color: #666 !important;
	font-weight: 600;
}

body:not(.dark-mode) #messageswrap li.msgitem.msgitem-read:hover, body:not(.dark-mode) #messageswrap li.msgitem:hover {
	background: #f7f7f7;
	border-radius: 20px;
}

@media (max-width: 991px) {
	body:not(.dark-mode) #messageswrap li.msgitem.msgitem-read:hover, body:not(.dark-mode) #messageswrap li.msgitem:hover {
		background-color: transparent;
	}
}

body:not(.dark-mode) #message-modal #conversationBoxMessage {
	height: calc(100vh - 280px);
}

body:not(.dark-mode) #message-modalChat #conversationBoxMessageChat {
	height: inherit;
}

body:not(.dark-mode) #message-modalChat .modal-header {
	background: #fff;
	display: flex;
    align-items: center;
    flex-direction: row-reverse;
}

body:not(.dark-mode) .direct-chat {
	overflow: hidden !important;
	height:inherit;
}

body:not(.dark-mode) #message-modal .modal-body {
	height: calc(100vh - 280px);
	background: #f9f9f9;
}

body:not(.dark-mode) #message-modalChat {
	position: fixed;
	bottom: 10px;
	right: 230px;
	z-index: 4;
}

body:not(.dark-mode) #message-modalChat .modal-dialog {
	margin: 0;
	width: 275px;
}

body:not(.dark-mode) #message-modalChat .modal-body {
	height: 275px;
	background: #f9f9f9;
	font-size: 12px;
}

@media(max-width:1024px) {
	.resizechatwindow {
		display:none;
	}
	body:not(.dark-mode) #message-modalChat .modal-dialog {
		width:60vw;
	}
	body:not(.dark-mode) #message-modalChat .modal-body {
		height:60vh;
	}
}

body:not(.dark-mode) #message-modalChat #sendMessageAreaChat textarea {
	height:auto;
	padding: 4px 10px;
	border-radius: 4px;
	resize: none;
	font-size: 14px;
	line-height: 20px;
	max-height: 105.6px;
}

body:not(.dark-mode) #message-modalChat .direct-chat-text {
	margin: 0 10% 0 0;
	font-weight: 600;
	font-size: 13px;
}

body:not(.dark-mode) #message-modalChat .right .direct-chat-text {
	margin-right: 0;
	margin-left: 10%;
	word-break: break-word;
}

body:not(.dark-mode) #message-modal #chatnotice {
	display: none;
	background: 0 0;
	padding: 0;
	position: absolute;
	z-index: 1;
	width: 100%;
	line-height: calc(100vh - 280px);
	text-align: center;
}

body:not(.dark-mode) span.lastmsgdate {
	text-transform: uppercase;
	font-size: 12px;
	color: #8899a6;
	display: block;
	width: 100%;
}

body:not(.dark-mode) span.lastmsgdate.right {
	text-align: right;
}

body:not(.dark-mode) #message-modalChat .direct-chat-msg {
	overflow-wrap: break-word;
}

body:not(.dark-mode) .direct-chat-msg .direct-chat-text a {
	text-decoration: underline !important;
}

body:not(.dark-mode) .direct-chat-msg.right .direct-chat-text a {
	color: #fff;
}

body:not(.dark-mode) li.nofriendrequest a:hover {
	cursor: inherit !important;
	background: 0 0 !important;
}

@media (min-width: 992px) {
	body:not(.dark-mode) li.header-msgitem:hover {
		background-color: #f5f5f5;
		cursor: pointer;
	}
}

body:not(.dark-mode) .teacher-added-text .btn-link.msgitem {
	color: #337ab7 !important;
	cursor: pointer;
}

body:not(.dark-mode) #widget-box .profileWidgetImg {
	border-width: 3px;
}

@media (min-width: 992px) {
	body:not(.dark-mode) #widget-box {
		margin-bottom: 10px;
		overflow: hidden;
	}

	body:not(.dark-mode) #sign-up-box {
		margin-bottom: 10px;
	}
}

@media (max-width: 991px) {
	body:not(.dark-mode) #sign-up-box {
		margin: 10px 0 !important;
	}
}

body:not(.dark-mode) .body-container {
	min-height: 100%;
}

body:not(.dark-mode) .modal-backdrop {
	display: none;
}

body:not(.dark-mode) .modal {
	z-index: 3000;
}

body:not(.dark-mode) .md-chat-overlay, body:not(.dark-mode) .md-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2000;
	visibility: hidden;
	opacity: 0;
	background: rgba(244, 244, 244, 0.9);
}

body:not(.dark-mode) .modal.in ~ .md-overlay {
	opacity: 1;
	visibility: visible;
}

@media (max-width: 991px) {
	body:not(.dark-mode):not(.sidenav-open) .modal.in ~ .md-overlay {
		opacity: 1;
		visibility: visible;
	}
}

@media (max-width: 991px) {
	body:not(.dark-mode) .modal-content {
		-webkit-box-shadow: rgba(101, 119, 134, 0.2) 0 0 15px, rgba(101, 119, 134, 0.15) 0 0 3px 1px;
		box-shadow: rgba(101, 119, 134, 0.2) 0 0 15px, rgba(101, 119, 134, 0.15) 0 0 3px 1px;
	}
}

body:not(.dark-mode) #topicbox-exercise-result {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: -10px;
	margin-top: 10px;
}

body:not(.dark-mode) #topicbox-exercise-result, body:not(.dark-mode) #topicbox-exercise-result .box-footer {
	background: #f8fbf8;
}

body:not(.dark-mode) #topicbox-exercise-result {
	border-top: 1px solid #f4f4f4;
}

body:not(.dark-mode) #topicbox-exercise-result .box-footer span {
	color: #777;
	font-weight: 500;
	font-variant: small-caps;
}

body:not(.dark-mode) br.long {
	content: "A" !important;
	display: block !important;
	margin-bottom: 1.2em !important;
}

body:not(.dark-mode) ul.tags-line.tags-widget:not(.tags-vocabulary) li {
	display: inline-block;
}

body:not(.dark-mode) .publicShareButton.disabled {
	background-color: #f4f4f4 !important;
	color: #999 !important;
	font-weight: 400 !important;
	border-color: #ddd !important;
	opacity: .65;
	pointer-events: none;
}

body:not(.dark-mode) img.topicBoxImage {
	opacity: 0;
}

body:not(.dark-mode) .topic-box:not(.loaded) .m_highlight_header {
	padding-top: 56.25%;
	display: block;
	content: '';
}

body:not(.dark-mode) .topic-box:not(.loaded) img.topicBoxImage {
	height: 0;
}

body:not(.dark-mode) .quiz-box .aspectRatioForcer, body:not(.dark-mode) .quiz-box .youtube-container, body:not(.dark-mode) a.box-topic-link .m_highlight_header {
	background: #f0f0f0;
}

body:not(.dark-mode) .quiz-box .aspectRatioForcer, body:not(.dark-mode) .quiz-box .youtube-container {
	border-radius: 20px;
	overflow: hidden;
}

body:not(.dark-mode) #quizzeswrap .topic-box .m_highlight_header.postImageWrapper, body:not(.dark-mode) #quizzeswrap .topic-box .m_highlight_header.postImageWrapper img {
	border-radius: 0;
}

body:not(.dark-mode) #quizzeswrap .quiz-box .postImageWrapper, body:not(.dark-mode) #quizzeswrap .topic-box .m_highlight_header.postImageWrapper {
	background: #f0f0f0;
	padding-top: 56.25%;
}

body:not(.dark-mode) #quizzeswrap .quiz-box .postImageWrapper img, body:not(.dark-mode) #quizzeswrap .topic-box .m_highlight_header.postImageWrapper img {
	margin-top: -56.25%;
	opacity: 0;
}

body:not(.dark-mode) #quizzeswrap .quiz-box.loaded .postImageWrapper, body:not(.dark-mode) #quizzeswrap .topic-box.loaded .m_highlight_header.postImageWrapper {
	padding-top: 0;
}

body:not(.dark-mode) #quizzeswrap .quiz-box.loaded .postImageWrapper {
	border-radius: 20px;
	overflow: hidden;
}

body:not(.dark-mode) #quizzeswrap .quiz-box.loaded .postImageWrapper img, body:not(.dark-mode) #quizzeswrap .topic-box.loaded .m_highlight_header.postImageWrapper img {
	margin-top: 0;
}

body:not(.dark-mode) #quizzeswrap .topic-box {
	border-radius: 4px;
	overflow: hidden;
}

body:not(.dark-mode) .dataTables_empty {
	color: transparent;
}

body:not(.dark-mode) table#example1 {
	min-height: 300px;
}

body:not(.dark-mode) .bordered-box-no-shadow {
	box-shadow: none !important;
}

body:not(.dark-mode) .sidenav {
	height: 100%;
	width: 220px;
	position: fixed;
	top: 0;
	right: 0;
	background-color: #f7f7f7;
	overflow-x: hidden;
	padding-top: 50px;
	opacity: 0;
	border-left: 1px solid #e6ecf0 !important;
}

@media (min-width: 1025px) {
	body:not(.dark-mode) .sidenav {
		z-index: 1029 !important;
	}

	body:not(.dark-mode).modal-open .sidenav {
		transition: none !important;
	}

	body:not(.dark-mode):not(.sidenav-noanimate) .sidenav {
		right: -220px;
	}

	body:not(.dark-mode).sidenav-open .sidenav, body:not(.dark-mode).sidenav-open-desktop .sidenav {
		right: 0;
		opacity: 1;
	}

	body:not(.dark-mode):not(.sidenav-noanimate) .sidenav {
		transition: opacity 400ms ease 0s, right 50ms ease 0s;
	}
}

@media (max-width: 1024px) {
	body:not(.dark-mode) .sidenav {
		z-index: 2001;
		transition: transform 50ms;
		opacity: 1;
	}

	body:not(.dark-mode) .body-container {
		width: 100%;
	}
}

body:not(.dark-mode) .sidenav .closebtn {
	position: absolute;
	z-index: 99999999;
	bottom: 50px;
	right: 25px;
	font-size: 36px;
	margin-left: 50px;
}

body:not(.dark-mode) .sidenav ul {
	padding: 0 0 70px;
	margin-bottom: 0;
	opacity:0;
}

@media (max-width: 1024px) {
	body:not(.dark-mode) .sidenav ul {
		padding: 0;
	}
}

body:not(.dark-mode) .sidenav ul li:not(.cog-option) {
	display: flex;
	flex-direction: row;
	padding: 5px 10px;
	color: #525252;
	font-size: 12px;
}

body:not(.dark-mode) .sidenav ul li .product-img, body:not(.dark-mode) .sidenav ul li .product-info {
	display: flex;
	flex-direction: column;
}

body:not(.dark-mode) .sidenav ul li .chat-status {
	display: flex;
	flex-direction: row;
	margin: 6px 6px auto auto;
	text-align: right;
}

body:not(.dark-mode) .sidenav ul li .chat-status .teacher-label {
	font-weight: 400;
	color: #999;
	font-variant: small-caps;
	font-size: 12px;
	line-height: 12px;
	margin-top: -4px;
	max-width: 40px;
}

body:not(.dark-mode) .sidenav ul.dropdown-menu li.cog-option:nth-child(odd) {
	background-color: transparent;
}

body:not(.dark-mode) .sidenav ul li.header {
	background-color: #f0F5FD;
	font-weight: 600;
	cursor: pointer;
	height: 27px;
}

body:not(.dark-mode) .sidenav ul li.header:not(:first-child) {
	border-top: 2px solid #e6eefb;
}

body:not(.dark-mode) .sidenav ul li.empty {
	color: #bbb;
	font-weight: 600;
	font-size: 11px;
	padding: 5px 10px;
	background: 0 0;
	min-height: 50px;
}

body:not(.dark-mode) .sidenav ul li.header .minimizer {
	display: flex;
	margin-left: auto;
	margin-right: .5px;
}

body:not(.dark-mode) .sidenav ul li.header .minimizer i {
	color: #777;
}

body:not(.dark-mode) .sidenav ul li.chat-user.unread {
	background-color: #fffcdc;
}

body:not(.dark-mode) .sidenav ul li.chat-user.unread:hover {
	background-color: #f8f3d4;
}

body:not(.dark-mode) .sidenav ul li.chat-user:hover {
	cursor: pointer;
}

@media (min-width: 992px) {
	body:not(.dark-mode) .sidenav ul li.chat-user:hover {
		background-color: #efefef !important;
	}
}

body:not(.dark-mode) .sidenav ul .chat-bottom-menu div.indicator, body:not(.dark-mode) .sidenav ul li.chat-user div.indicator {
	width: 6px;
	height: 6px;
	background: #00b200;
	border-radius: 50%;
	margin: 0 0 0 6px;
}

body:not(.dark-mode) .sidenav ul .chat-bottom-menu div.indicator {
	margin: 0 0 0 10px;
}

body:not(.dark-mode) .sidenav ul li.chat-user.offline div.indicator {
	background: 0 0;
}

body:not(.dark-mode) .sidenav ul li.chat-user.offline:nth-of-type(1n+7) {
	display: none;
}

body:not(.dark-mode) .sidenav ul .view-more li {
	align-items: center;
	justify-content: center;
	padding-bottom: 10px;
	font-size: 13px;
}

body:not(.dark-mode) .sidenav ul .chat-bottom-menu, body:not(.dark-mode) .sidenav ul .chat-bottom-search {
	position: fixed;
	width: 219px;
	bottom: 0;
	right: -220px;
	background: #f7f7f7;
	border-top: 2px solid #f0f0f0;
	transition: all 50ms ease 0s;
}

body:not(.dark-mode).sidenav-open .sidenav ul .chat-bottom-menu, body:not(.dark-mode).sidenav-open .sidenav ul .chat-bottom-search, body:not(.dark-mode).sidenav-open-desktop .sidenav ul .chat-bottom-menu, body:not(.dark-mode).sidenav-open-desktop .sidenav ul .chat-bottom-search {
	right: 0;
}

body:not(.dark-mode) .sidenav ul .chat-bottom-search {
	height: 43px;
	overflow: auto;
	background: #fff;
	margin-bottom: 25px;
	display: none;
}

body:not(.dark-mode) .sidenav ul .chat-bottom-menu div, body:not(.dark-mode) .sidenav ul .chat-bottom-menu div i {
	font-size: 12px;
	font-weight: 600;
}

body:not(.dark-mode) .sidenav ul .chat-bottom-menu button.chat-cog, body:not(.dark-mode) .sidenav ul .chat-bottom-menu button.chat-cog:active, body:not(.dark-mode) .sidenav ul .chat-bottom-menu button.chat-cog:focus, body:not(.dark-mode) .sidenav ul .chat-bottom-menu button.chat-cog:hover {
	background-color: transparent !important;
	box-shadow: none !important;
}

body:not(.dark-mode) .sidenav ul .chat-bottom-menu a.chat-close-option.disabled {
	pointer-events: none;
	color: #999;
}

body:not(.dark-mode) .sidenav ul .chat-bottom-menu li.cog-option {
	padding: 0;
}

body:not(.dark-mode) .sidenav ul .chat-bottom-menu li.cog-option a {
	font-size: 13px;
	padding: 6px 10px;
	border-radius: 5px;
}

body:not(.dark-mode) .sidenav .sidebar-public-notifier {
	height: 100%;
}

body:not(.dark-mode) .sidenav .sidebar-public-notifier .sidebar-public-closer span:hover {
	cursor: pointer;
}

body:not(.dark-mode) .sidenav .sidebar-public-notifier .sidebar-public-closer span.disabled {
	display: none;
	pointer-events: none;
}

body:not(.dark-mode) .sidenav ul .chat-user-name-area {
	padding: 0 0 0 10px;
}

body:not(.dark-mode) .sidenav ul li.chat-user[data-usertype=student] .chat-user-name-area div.name-long {
	max-width: 145px;
}

body:not(.dark-mode) .sidenav ul .chat-user-name-area div.name-long:not(.country) {
	display: inline-block;
	vertical-align: bottom;
	font-size: 13px;
	font-weight: 600;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

body:not(.dark-mode) .sidenav ul .chat-user-name-area div.name-long {
	max-width: 100px;
}

body:not(.dark-mode) .sidenav ul .chat-user-name-area div.name-long span {
	color: #666;
}

body:not(.dark-mode) .sidenav ul .chat-user-name-area div.name-long.country {
	display: block;
	color: #66757f;
	font-size: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

body:not(.dark-mode) .sidenav.school-chat ul .chat-user-name-area {
	padding: 5px 0 0 10px;
}

body:not(.dark-mode) .sidenav.school-chat ul .chat-user-name-area div.name-long span {
	font-size: 14px;
}

body:not(.dark-mode) .sidenav.school-chat ul .chat-user-name-area div.name-long.country {
	display: none;
}

body:not(.dark-mode) #message-modalChat button.close.exit {
	margin-left: 0;
}

@media (max-width: 1024px) {
	body:not(.dark-mode) #message-modalChat button.close.exit {
		margin-left: 5px;
	}
}

body:not(.dark-mode) #mySidenav li.chat-user {
	opacity: 0;
}

body:not(.dark-mode) #mySidenav li.chat-user.offline.loaded {
	opacity: .5;
}

body:not(.dark-mode) #mySidenav.loading li.chat-user.offline.loaded {
	transition: opacity 200ms ease 0s;
}

body:not(.dark-mode) #mySidenav li.chat-user.online.loaded {
	opacity: 1;
}

body:not(.dark-mode) #mySidenav.loading li.chat-user.online.loaded {
	transition: opacity 200ms ease 0s;
}

body:not(.dark-mode).modal-open:not(.sidenav-open) #mySidenav {
	opacity: 0;
	visibility: hidden;
}

@media (min-width: 1025px) {
	body:not(.dark-mode) .body-container {
		margin-right: 0;
	}

	body:not(.dark-mode):not(.sidenav-noanimate) .body-container {
		transition: margin-right 50ms;
	}

	body:not(.dark-mode).sidenav-open .sidenav-open #mySidenav {
		right: -220px;
	}

	body:not(.dark-mode).sidenav-open .body-container, body:not(.dark-mode).sidenav-open-desktop .body-container {
		margin-right: 220px;
	}

	body:not(.dark-mode).sidenav-open .sidenav-open #mySidenav.opened, body:not(.dark-mode).sidenav-open .sidenav-open #mySidenav.opened-desktop {
		right: 0;
	}

	body:not(.dark-mode) #message-modalChat .modal-content a i {
		margin: 1px 5px;
	}
}

@media (max-width: 1024px) {
	body:not(.dark-mode) #mySidenav {
		right: -275px;
	}

	body:not(.dark-mode) #mySidenav.opened {
		width: 275px;
		-webkit-transform: translate3d(-275px, 0, 0);
		transform: translate3d(-275px, 0, 0);
	}

	body:not(.dark-mode) #chat-button {
		display: none;
	}

	body:not(.dark-mode) #mobile-private-gab-button {
		display: block !important;
	}

	body:not(.dark-mode).sidenav-open:not(.modal-open) .md-chat-overlay {
		opacity: 1;
		visibility: visible;
	}

	body:not(.dark-mode) #mySidenav.sidenav ul .chat-bottom-search, body:not(.dark-mode) .sidebar-public-notifier {
		width: 275px;
	}

	body:not(.dark-mode) #mySidenav.sidenav ul .chat-bottom-search {
		top: 0;
	}

	body:not(.dark-mode) .sidenav {
		padding-top: 0;
	}

	body:not(.dark-mode) .sidenav ul li.chat-user[data-usertype=student] .chat-user-name-area div.name-long {
		max-width: 200px;
	}

	body:not(.dark-mode) .sidenav ul .chat-user-name-area div.name-long {
		max-width: 155px;
	}

	body:not(.dark-mode) .sidenav ul .chat-bottom-menu, 
	body:not(.dark-mode) .sidenav ul .chat-bottom-search {
		width: 274px;
		right: -274px;
	}

	body:not(.dark-mode) .sidenav ul .chat-bottom-menu .chat-bottom-menu-invite-button {
		padding:10px !important;
	}

	body:not(.dark-mode) .sidenav ul .chat-bottom-menu .chat-bottom-menu-settings-menu {
		display:none !important;
	}

	body:not(.dark-mode) .sidenav ul .chat-bottom-search {
		margin-bottom: 0;
	}

	body:not(.dark-mode) #message-modalChat {
		z-index: 2002;
		bottom: auto;
		right: 0;
		left: 0;
		width: 100%;
		top: 0;
		margin: 0 auto;
	}

	body:not(.dark-mode) #message-modalChat .modal-dialog {
		font-size: 17px;
		margin: 30px auto;
		max-width: 700px;
		width: auto;
	}

	body:not(.dark-mode) #conversationBoxMessageChat {
		min-height: 0;
	}

	body:not(.dark-mode) #message-modalChat .modal-content a i {
		margin: 3px 5px;
	}
}

@media (max-width: 720px) {
	body:not(.dark-mode) #message-modalChat .modal-dialog {
		margin: 10px;
	}
}

@media only screen and (max-width: 736px) and (orientation: portrait) {
	body:not(.dark-mode) #message-modal #receiveMessageAreaMessage, body:not(.dark-mode) #message-modalChat #receiveMessageAreaMessageChat {
		min-height: 100%;
	}

	body:not(.dark-mode) #message-modalChat .modal-body {
		height: calc(100vh - 280px);
	}

	body:not(.dark-mode) #message-modalChat #conversationBoxMessageChat {
		min-height: calc(100vh - 280px);
	}
}

@media only screen and (max-width: 736px) and (orientation: landscape) {
	body:not(.dark-mode) #message-modal .modal-body {
		height: 40vh;
		overflow: hidden;
	}

	body:not(.dark-mode) #message-modal #conversationBoxMessage {
		min-height: 40vh;
	}
}

body:not(.dark-mode) a.topic-list-box:hover {
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
	opacity: 0.9 !important;
}

body:not(.dark-mode) .tooltip {
	opacity: .98;
	position: relative;
	display: inline-block;
}

body:not(.dark-mode) .tooltip.language-exchange {
	width: 20px;
	line-height: 17px;
	text-align: center;
	border-radius: 50%;
	font-weight: 500;
	color: #3c7ab5;
	z-index: 0;
}

body:not(.dark-mode) .tooltip .tooltiptext {
	visibility: hidden;
	background-color: #1c5162;
	color: #f7f7f7;
	text-align: center;
	padding: 10px;
	border-radius: 10px;
	position: absolute;
	z-index: 1;
	font-size: 12px;
	line-height: 20px;
	font-weight: 500;
	-webkit-box-shadow: 0 0 75px rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 50px rgba(0, 0, 0, 0.4);
}

body:not(.dark-mode) .tooltip:hover .tooltiptext {
	visibility: visible;
}

body:not(.dark-mode) .tooltip .tooltiptext {
	width: 180px;
	bottom: 27px;
	left: 50%;
	margin-left: -89.5px;
}

body:not(.dark-mode) .tooltip .tooltiptext.es {
	left: -27%;
}

body:not(.dark-mode) .tooltip .tooltiptext:hover {
	display: none;
}

body:not(.dark-mode) .tooltip .tooltiptext::after {
	content: " ";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #1c5162 transparent transparent;
}

body:not(.dark-mode) .tooltip .tooltiptext.es::after {
	left: 58.25%;
}

body:not(.dark-mode) li#user-account a.account-slug-link {
	padding-bottom: 0 !important;
	color: #3c7ab5 !important;
	text-decoration: inherit;
}

body:not(.dark-mode) #addcard-modal .modal-body .gab-list-wrapper {
	background: #f7f7f7;
	margin: 10px;
	border-radius: 20px;
}

body:not(.dark-mode) #addcard-modal .modal-body .menu-item-header {
	padding: 0 10px;
}

@media (min-width: 992px) {
	body:not(.dark-mode) li#user-account a.account-slug-link:hover {
		text-decoration: underline !important;
	}
}

@media (max-width: 991px) {
	body:not(.dark-mode) li#user-account a.account-slug-link {
		background: 0 0 !important;
	}
}

@media (min-width: 768px) {
	body:not(.dark-mode) #addcard-modal .modal-body .gab-list-wrapper {
		min-height: 477px;
	}
}

@media (max-width: 767px) {
	body:not(.dark-mode) #addcard-modal .modal-body .gab-list-wrapper {
		min-height: 195px;
		padding: 0 !important;
	}
}

@media (max-width: 419px) {
	body:not(.dark-mode) #addcard-modal .modal-body .gab-list-wrapper {
		min-height: 250px;
		padding: 20px !important;
	}
}

body:not(.dark-mode) #topicbox-exercise-result i, body:not(.dark-mode) #topicbox-exercise-result span.topic-explainer {
	display: inline-block;
	font-size: 14px;
	color: #5dae5d;
	font-weight: 600;
	padding-right: 2px;
}

@media (min-width: 1025px) and (max-width: 1199px) {
	body:not(.dark-mode) #topicbox-exercise-result i, body:not(.dark-mode) #topicbox-exercise-result span.topic-explainer {
		font-size: 13px;
	}
}

body:not(.dark-mode) #chattopicswrap ol li.conversation-items {
	list-style: none;
	margin-bottom: 15px;
	font-size: 16px;
}

body:not(.dark-mode) #videos #sendMessageArea {
	border-top: 1px solid #e1e8ed;
}

body:not(.dark-mode) #videos #receiveMessageArea {
	width: 100%;
	border-top: 1px solid #e1e8ed;
}

body:not(.dark-mode) #mySidenav .chat-log-in-link {
	display: inline-block;
}

body:not(.dark-mode) #demoContainer #audioGabContainer {
	display: none;
	height: 100%;
	width: 100%;
	align-items: center;
	justify-content: center;
	background-color: #7696a0;
}

body:not(.dark-mode) #audioGabContainer img {
	border-radius: 50%;
	border: 5px solid #fff;
	height: 128px;
	width: 128px;
}

body:not(.dark-mode) #demoContainer.audioGab #call-buttons-desktop {
	background: 0 0;
}

body:not(.dark-mode) #demoContainer.audioGab #call-buttons-desktop .left {
	display: none;
}

body:not(.dark-mode) #demoContainer.audioGab #call-buttons-desktop .middle {
	opacity: 0;
}

body:not(.dark-mode) #demoContainer.audioGab #call-buttons-desktop .right {
	background: rgba(0, 0, 0, 0.4);
	border-radius: 4px;
}

body:not(.dark-mode) #demoContainer.audioGab #call-buttons-desktop .right:hover {
	background: #000;
}

body:not(.dark-mode) #demoContainer.audioGab #call-buttons-desktop .right.selected {
	background: #d73925;
}

body:not(.dark-mode) #demoContainer.audioGab #call-buttons-mobile fullscreen, body:not(.dark-mode) #demoContainer.audioGab #call-buttons-mobile video, body:not(.dark-mode) #demoContainer.audioGab .gabSelfVideoWrapper {
	display: none;
}

body:not(.dark-mode) #demoContainer.audioGab #audioGabContainer {
	display: flex;
}

@media (max-width: 1024px) {
	body:not(.dark-mode) #message-modalChat .modal-header .close {
		margin: 0 0 0 7.5px;
	}

	body:not(.dark-mode).sidenav-open #footer-mini-index {
		position: relative;
		z-index: -1;
	}
}

body:not(.dark-mode) #message-modal .direct-chat-msg {
	padding: 2px 0;
}

body:not(.dark-mode) #message-modal .direct-chat-msg:last-of-type .direct-chat-text {
	margin-bottom: 0;
}

body:not(.dark-mode) span.teacher-gab-explainer {
	font-size: 12px;
	margin-left: 5px;
	line-height: 17px;
	font-weight: 600;
}

@media (max-width: 992px) {
	body:not(.dark-mode) span.teacher-gab-explainer {
		margin-left: 10px;
	}
}

body:not(.dark-mode) #cards-tab div.empty-settings:not(.hidden) ~ #allcardlist {
	display: none;
}

body:not(.dark-mode) #addcard-modal #addcardbutton, body:not(.dark-mode) #addcard-modal #addcardbuttonchat {
	margin: 5px;
}

body:not(.dark-mode) #teacher-profile-modal .modal-content &gt; .modal-body {
	min-height: 224px;
}

body:not(.dark-mode) #grid-grammar .grammar-box-title {
	padding: 10px 15px 0;
	font-size: 24px;
	line-height: 30px;
	color: #666;
	font-weight: 600;
}

body:not(.dark-mode) #grid-grammar .grammar-box-content {
	padding: 10px 5px;
}

body:not(.dark-mode) #grid-grammar .grammar-box-content .grammar-box-row {
	padding: 5px 0 10px 15px;
}

body:not(.dark-mode) #grid-grammar .grammar-box-content .tags-line a {
	margin: 0;
	font-size: 14px;
}

body:not(.dark-mode) #grid-grammar .footer-mini {
	margin: -10px 10px;
	font-size: 13px;
}

@media screen and (max-width: 659px) {
	body:not(.dark-mode) #grid-grammar[data-columns]::before {
		content: '1 .column.size-1of1';
		color: transparent;
	}

	body:not(.dark-mode) .column {
		float: none !important;
		margin: 0 auto;
	}
}

@media screen and (min-width: 660px) and (max-width: 991px) {
	body:not(.dark-mode) #grid-grammar[data-columns]::before {
		content: '2 .column.size-1of2';
		color: transparent;
	}
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	body:not(.dark-mode) #grid-grammar[data-columns]::before {
		content: '3 .column.size-1of3';
		color: transparent;
	}
}

@media screen and (min-width: 1200px) {
	body:not(.dark-mode) #grid-grammar[data-columns]::before {
		content: '4 .column.size-1of4';
		color: transparent;
	}
}

body:not(.dark-mode) #grid-grammar {
	font-size: x-small;
	overflow: auto;
	position: relative;
	z-index: 0;
	min-height: 300px;
}

body:not(.dark-mode) .column {
	float: left;
}

body:not(.dark-mode) .size-1of1 {
	width: 100%;
	max-width: 522px;
	padding: 10px;
}

body:not(.dark-mode) .size-1of2 {
	width: 50%;
	padding: 10px;
}

body:not(.dark-mode) .size-1of3 {
	width: 33.333%;
	padding: 10px;
}

body:not(.dark-mode) .size-1of4 {
	width: 25%;
	padding: 10px;
}

body:not(.dark-mode) #vocabulary-index .letter-links a {
	line-height: 40px;
	color: #666;
	text-decoration: none;
	text-align: center;
	font-size: 18px;
}

body:not(.dark-mode) #vocabulary-index .letter-links.letter-links-en a {
	width: calc(100% / 27);
}

body:not(.dark-mode) #vocabulary-index .letter-links a:hover {
	background-color: #3c7ab5;
	color: #fff;
}

body:not(.dark-mode) #vocabulary-index .letter-links a:first-of-type:hover {
	border-radius: 3px 0 0 3px;
}

body:not(.dark-mode) #vocabulary-index .letter-links a:last-of-type:hover {
	border-radius: 0 3px 3px 0;
}

body:not(.dark-mode) #vocabulary-content .vocabulary-list:not(.grammar-list) {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

@media (max-width: 991px) {
	body:not(.dark-mode) #vocabulary-content .vocabulary-list:not(.grammar-list) {
		padding: 0;
		width: 100%;
	}

	body:not(.dark-mode) #vocabulary-content ul.tags-line {
		padding-left: 0 !important;
	}

	body:not(.dark-mode) #vocabulary-content ul.tags-line a.clear {
		padding: 0;
	}

	body:not(.dark-mode) #vocabulary-content ul.tags-line a.vocabulary {
		display: inline-block !important;
	}

	body:not(.dark-mode) #vocabulary-index {
		padding-top: 15px;
	}
}

@media (max-width: 767px) {
	body:not(.dark-mode) #vocabulary-index .letter-links {
		padding: 10px;
	}

	body:not(.dark-mode) #vocabulary-index .letter-links.letter-links-en a {
		width: calc(100% / 15);
		font-weight: 600;
		opacity: .8;
	}

	body:not(.dark-mode) #vocabulary-index .letter-links a:hover {
		background-color: transparent;
		color: inherit;
	}
}

@media (max-width: 767px) {
	body:not(.dark-mode) #vocabulary-index .letter-links.letter-links-en a {
		width: calc(100% / 10);
	}
}

body:not(.dark-mode) #vocabulary-content .vocabulary-list .vocabulary-list-title {
	color: #525252;
	font-size: 60px;
	font-weight: 600;
	margin-bottom: 10px;
}

body:not(.dark-mode) #vocabulary-content .vocabulary-list.grammar-list .vocabulary-list-title {
	font-size: 40px;
	padding: 15px 0;
}

body:not(.dark-mode) .tags-line a.clear {
	background: 0 0;
	border: none;
	text-transform: none;
	color: #3c7ab5;
	font-weight: 400;
	font-variant: none;
	padding: 0;
	margin-right: 0;
	border-radius: 0 !important;
}

body:not(.dark-mode) .tags-line a.decorated.lowercase {
	text-transform: none !important;
}

@media (min-width: 992px) {
	body:not(.dark-mode) .tags-line a.decorated:hover {
		text-decoration: underline !important;
		cursor: pointer;
	}
}

body:not(.dark-mode) #grammar-content .vocabulary-example-link {
	display: block;
	padding: 5px 0;
}

body:not(.dark-mode) #vocabulary-content .comma, body:not(.dark-mode) #vocabulary-content .vocabulary-example-link {
	display: inline-block;
}

@media (max-width: 991px) {
	body:not(.dark-mode) div.comma {
		display: none;
	}

	body:not(.dark-mode) #grammar-content .vocabulary-list, body:not(.dark-mode) #vocabulary-content .vocabulary-list {
		margin-top: 10px;
	}
}

body:not(.dark-mode) #vocabulary-content.vocabulary-content-detail .vocabulary-list {
	width: 100%;
}

body:not(.dark-mode) #vocabulary-content:not(.vocabulary-content-detail) .vocabulary-list-title {
	padding-left: 45px;
	padding-top: 15px;
	margin-bottom: 20px;
}

body:not(.dark-mode) #vocabulary-content:not(.vocabulary-content-detail) ul.tags-line {
	padding-left: 45px !important;
}

@media (max-width: 599px) {
	body:not(.dark-mode) #vocabulary-content:not(.vocabulary-content-detail) .vocabulary-list-title, body:not(.dark-mode) #vocabulary-content:not(.vocabulary-content-detail) ul.tags-line {
		padding-left: 30px !important;
	}

	body:not(.dark-mode) #vocabulary-content:not(.vocabulary-content-detail) .vocabulary-list ul ol {
		padding-left: 10px !important;
	}
}

body:not(.dark-mode) #grammar-content.grammar-content-detail li {
	list-style: inherit;
}

body:not(.dark-mode) #grammar-content.grammar-content-detail h1, body:not(.dark-mode) #vocabulary-content .vocabulary-list ul h1 {
	padding: 20px 0;
	font-size: 34px;
	font-weight: 600;
}

body:not(.dark-mode) #grammar-content.grammar-content-detail h1 {
	margin: 20px -25px;
}

body:not(.dark-mode) #grammar-content.grammar-content-detail .grammar-detail-content {
	font-size: 18px;
	padding: 10px 75px 25px;
}

body:not(.dark-mode) #vocabulary-content .vocabulary-list ul {
	font-size: 18px;
	padding: 0 60px 20px;
}

@media (max-width: 599px) {
	body:not(.dark-mode) #grammar-content.grammar-content-detail h1, body:not(.dark-mode) #vocabulary-content .vocabulary-list ul h1 {
		margin: 20px 10px;
	}

	body:not(.dark-mode) #grammar-content.grammar-content-detail .grammar-detail-content, body:not(.dark-mode) #vocabulary-content .vocabulary-list ul {
		padding: 0 25px 20px;
	}

	body:not(.dark-mode) #grammar-content.grammar-content-detail .grammar-detail-content ol {
		padding-left: 10px;
	}

	body:not(.dark-mode) #grammar-content.grammar-content-detail li {
		margin-left: 20px !important;
	}

	body:not(.dark-mode) #grammar-content.grammar-content-detail .grammar-detail-content ul {
		padding-left: 30px;
	}

	body:not(.dark-mode) #grammar-content .grammar-detail-content &gt; p {
		margin-left: 30px !important;
	}
}

body:not(.dark-mode) #grammar-content.grammar-content-detail .grammar-detail-content &gt; p + ol, body:not(.dark-mode) #grammar-modal .modal-body p &gt; p + ol {
	margin-top: 20px;
}

body:not(.dark-mode) #grammar-content.grammar-content-detail .grammar-detail-content ol, body:not(.dark-mode) #grammar-modal .modal-body ol {
	margin-bottom: 15px;
	line-height: 1.75;
}

body:not(.dark-mode) #grammar-content.grammar-content-detail .grammar-detail-content ol + p, body:not(.dark-mode) #grammar-modal .modal-body ol + p {
	margin-top: 15px;
}

body:not(.dark-mode) #grammar-content.grammar-content-detail .grammar-detail-content ol + ul, body:not(.dark-mode) #grammar-modal .modal-body ol + ul {
	margin-top: -5px;
	margin-bottom: 20px;
}

body:not(.dark-mode) #grammar-content.grammar-content-detail .grammar-detail-content ul + ol, body:not(.dark-mode) #grammar-modal .modal-body ul + ol {
	margin-top: 30px;
}

body:not(.dark-mode) #grammar-content .grammar-detail-content ol + p, body:not(.dark-mode) #grammar-modal .modal-body ol + p {
	margin-top: 10px;
}

body:not(.dark-mode) #grammar-content .grammar-detail-content ol ol li, body:not(.dark-mode) #grammar-modal .modal-body ol ol li {
	list-style: disc;
}

body:not(.dark-mode) #grammar-content .grammar-detail-content ol li + ol, body:not(.dark-mode) #grammar-modal .modal-body ol li + ol {
	margin-bottom: 20px !important;
}

body:not(.dark-mode) #grammar-content .grammar-detail-content &gt; ol &gt; li + li, body:not(.dark-mode) #grammar-modal .modal-body &gt; p &gt; ol &gt; li + li {
	margin-top: 20px !important;
}

body:not(.dark-mode) #grammar-content.grammar-content-detail .grammar-detail-content ul, body:not(.dark-mode) #grammar-modal .modal-body ul {
	margin-bottom: 10px;
	line-height: 1.42857143;
}

body:not(.dark-mode) #vocabulary-content:not(.vocabulary-content-detail) .vocabulary-list &gt; .box {
	min-height: calc(100vh - 200px);
}

body:not(.dark-mode) #grammar-modal .modal-header h4 &gt; .grammartitle {
	display: block;
}

body:not(.dark-mode) #payment-modal .school-info-wrapper {
	margin-bottom: 10px;
}

body:not(.dark-mode) #payment-modal .school-info-wrapper input {
	width: 100%;
	padding: 7.5px 15px;
	margin-bottom: 15px;
	border: 1px solid #ccc;
}

body:not(.dark-mode) #payment-modal .school-info-wrapper input:last-of-type {
	margin-bottom: 5px;
}

body:not(.dark-mode) #payment-modal .school-info-wrapper .subscription-explainer {
	font-size: 14px;
	margin-left: 15px;
	font-weight: 400;
	opacity: 1;
}

body:not(.dark-mode) li.active.teacher-noaction-tab a {
	pointer-events: none;
	border-top-color: transparent !important;
}

body:not(.dark-mode) li.active.teacher-noaction-tab a h3 {
	color: #666;
}

body:not(.dark-mode) #examTabs.teacherExamTabs #qawrap {
	min-height: 230px;
}

body:not(.dark-mode) #daily-limit-modal table td i, body:not(.dark-mode) #only-for-subscribers-modal table td i {
	color: #0c0;
	font-size: 30px;
}

body:not(.dark-mode) #daily-limit-modal .modal-body, body:not(.dark-mode) #daily-limit-modal .modal-body table td p, body:not(.dark-mode) #only-for-subscribers-modal .modal-body, body:not(.dark-mode) #only-for-subscribers-modal .modal-body table td p {
	font-size: 18px;
}

body:not(.dark-mode) .dl-only-subscribers-text p {
	font-size: 18px;
	margin-bottom: 10px;
}

body:not(.dark-mode) #daily-limit-modal .table &gt; tbody &gt; tr &gt; td, body:not(.dark-mode) #only-for-subscribers-modal .table &gt; tbody &gt; tr &gt; td {
	padding: 7px 5px !important;
	vertical-align: top !important;
}

body:not(.dark-mode) #book-lesson-modal #allcardlistsubscription-book-lesson .spinner.grey, body:not(.dark-mode) #payment-modal #allcardlistsubscription .spinner.grey {
	margin: 30px auto 15px;
}

body:not(.dark-mode) #book-lesson-modal #placeorderbtn-book-lesson:disabled, body:not(.dark-mode) #payment-modal #placeorderbtn:disabled {
	pointer-events: none;
}

body:not(.dark-mode) #user-profile-modal .friend-added-text {
	font-size: 18px;
	height: 42.4px;
	display: flex;
	align-items: center;
	justify-content: center;
}

body:not(.dark-mode) #user-profile-modal .friend-added-text div {
	display: inline-block;
	margin-right: 5px;
}

body:not(.dark-mode) #payment-modal #btnContinue:disabled {
	color: #333 !important;
	font-variant: small-caps;
}

body:not(.dark-mode) #book-lesson-modal .paypalSpinner, body:not(.dark-mode) #payment-modal .paypalSpinner {
	display: inline-block;
	height: 18px;
	width: 18px;
	border-width: 3px;
	vertical-align: sub;
	border-color: #999 transparent #999 #999;
}

body:not(.dark-mode) #book-lesson-modal .paypalSpinner.white, body:not(.dark-mode) #payment-modal .paypalSpinner.white {
	border-color: #fff transparent #fff #fff;
}

body:not(.dark-mode) #book-lesson-modal .payment-modal-error-text, body:not(.dark-mode) #payment-modal .payment-modal-error-text {
	text-align: center;
	font-size: 20px;
	font-weight: 500;
	color: #ff3232;
	cursor: auto;
}

body:not(.dark-mode) #book-lesson-modal input.input-error, body:not(.dark-mode) #payment-modal input.input-error {
	border: 1px solid #d76666;
	background: #f9e8e8;
}

body:not(.dark-mode) #book-lesson-modal input.input-error::-webkit-input-placeholder, body:not(.dark-mode) #payment-modal input.input-error::-webkit-input-placeholder {
	color: #ff5c5c;
	font-weight: 400;
}

body:not(.dark-mode) #book-lesson-modal input.input-error::-moz-placeholder, body:not(.dark-mode) #payment-modal input.input-error::-moz-placeholder {
	color: #ff5c5c;
	font-weight: 400;
}

body:not(.dark-mode) #book-lesson-modal input.input-error:-ms-input-placeholder, body:not(.dark-mode) #payment-modal input.input-error:-ms-input-placeholder {
	color: #ff5c5c;
	font-weight: 400;
}

body:not(.dark-mode) #gab-info #gab-button {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	padding: 6px 18px;
}

body:not(.dark-mode) #gab-info p#gab-text {
	font-size: 18px;
	margin: 3px 0 3px 17px;
	line-height: 24px;
	color: #666;
}

@media (min-width: 992px) and (max-width: 1199px) {
	body:not(.dark-mode).sidenav-open #gab-info p#gab-text:not(.create-topic) {
		display: none;
	}
}

body:not(.dark-mode) #gab-info p#gab-text-title {
	margin: 0 0 0 15px;
	line-height: 1.2;
}

@media (max-width: 767px) {
	body:not(.dark-mode) .navbar-nav &gt; .user-menu .user-image {
		margin-top: -5px !important;
	}
}

body:not(.dark-mode) li#friends a div i {
	width: 18.5px;
}

body:not(.dark-mode) #rating #hederScoreNumber {
	font-weight: 600;
	line-height: 22px;
}

@media (min-width: 1025px) and (max-width: 1079px) {
	body:not(.dark-mode) #bitgab-connect-tab div.pull-left img {
		height: 32px !important;
		margin: 4px 0;
	}
}

@media (min-width: 1025px) and (max-width: 1199px) {
	body:not(.dark-mode) #bitgab-connect-tab div.pull-left span {
		display: none;
	}
}

body:not(.dark-mode) #bitgab-connect-tab div.pull-right a span.connect-short, body:not(.dark-mode) #getconnected div.pull-right a span.connect-short {
	display: none;
}

@media (min-width: 1200px) and (max-width: 1439px) {
	body:not(.dark-mode) #bitgab-connect-tab div.pull-right a span.connect-short, body:not(.dark-mode) #getconnected div.pull-right a span.connect-short {
		display: inline-block;
	}

	body:not(.dark-mode) #bitgab-connect-tab div.pull-right a span.connect-long, body:not(.dark-mode) #getconnected div.pull-right a span.connect-long {
		display: none;
	}
}

body:not(.dark-mode) #navbar-container .nav &gt; li#navbar-subscribe-button &gt; a:hover {
	padding-bottom: 6px !important;
}

body:not(.dark-mode) #navbar-container .nav &gt; li#navbar-subscribe-button &gt; a:active {
	background-color: #329932 !important;
}

body:not(.dark-mode) #navbar-container .nav &gt; li#navbar-subscribe-button &gt; a:hover i, body:not(.dark-mode) #navbar-container .nav &gt; li#navbar-subscribe-button &gt; a:hover span {
	color: #fff;
}

body:not(.dark-mode) .box-solid-title {
	font-size: 26px;
	font-weight: 600;
	padding: 10px 20px;
	color: #525252;
}

body:not(.dark-mode) .box-solid-title .exam-title {
	margin: 0 0 5px 1.5px;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #525252;
}

body:not(.dark-mode) #nextExerciseButton, body:not(.dark-mode) #questionButtonSubscribed {
	margin: 0 3px;
}

body:not(.dark-mode) #nextExerciseButton span.chevron::before {
	border-width: .15em .15em 0 0;
}

body:not(.dark-mode) #nextExerciseButton, body:not(.dark-mode) #showAnswersButton {
	margin: 0 3px 10px;
	min-width: 163px;
}

body:not(.dark-mode) #questions.result #examForm .radio label {
	cursor: auto;
}

body:not(.dark-mode) #comment-box-topic-discussion-list {
	padding: 20px;
	margin-bottom: 0;
	margin-left: 32px;
}

body:not(.dark-mode) #comment-box-topic-discussion-list .discussion-list-item {
	font-size: 16px;
	line-height: 30px;
}

body:not(.dark-mode) #comment-box-topic ol li:not(.special-char), body:not(.dark-mode) #examForm ol li:not(.special-char), body:not(.dark-mode) #fakeexamForm ol li:not(.special-char), body:not(.dark-mode) a.topic-list-box ol li:not(.special-char) {
	counter-increment: item;
	font-size: 18px;
	line-height: 26px;
}

body:not(.dark-mode) #tab_info ol li:not(.special-char) {
	counter-increment: item;
	font-size: 15px;
	line-height: 1.6;
}

body:not(.dark-mode) #comment-box-topic {
	color: #666;
}

body:not(.dark-mode) #comment-box-topic ol li:not(:last-of-type) {
	margin-bottom: 20px;
}

body:not(.dark-mode) #comment-box-topic ol hr:last-of-type {
	display: none;
}

body:not(.dark-mode) #comment-box-topic ol li:not(.special-char):before, body:not(.dark-mode) #examForm ol li:not(.special-char):before, body:not(.dark-mode) #fakeexamForm ol li:not(.special-char):before {
	margin-left: -34px;
	margin-right: 8px;
	display: inline-block;
	content: counter(item);
	font-size: 18px;
	background-color: #9fd7fb;
	color: #fff;
	font-weight: 700;
	height: 26px;
	width: 26px;
	line-height: 26px;
	text-align: center;
	border-radius: 50%;
}

body:not(.dark-mode) #tab_info ol li:not(.special-char):before {
	margin-left: -32px;
	margin-right: 8px;
	display: inline-block;
	text-align: center;
	content: counter(item);
	font-size: 16px;
	background-color: #9fd7fb;
	color: #fff;
	font-weight: 700;
	line-height: 22px;
	height: 24px;
	width: 24px;
	border-radius: 50%;
}

body:not(.dark-mode) a.topic-list-box ol li:before {
	margin-left: -32px;
	margin-right: 8px;
	display: inline-block;
	content: counter(item);
	font-size: 16px;
	background-color: #9fd7fb;
	color: #fff;
	font-weight: 700;
	height: 24px;
	width: 24px;
	line-height: 24px;
	text-align: center;
	border-radius: 50%;
}

body:not(.dark-mode) #questions #examForm.resultForm .radio label {
	padding-left: 0;
}

body:not(.dark-mode) #comment-box-topic-discussion-list hr, body:not(.dark-mode) #examForm ol hr, body:not(.dark-mode) #fakeexamForm ol hr {
	margin-left: -32px;
}

body:not(.dark-mode) #comment-box-topic-discussion-list-wrapper {
	background: #f1f9fd;
}

body:not(.dark-mode) #comment-box-topic-discussion-list hr {
	border-color: transparent !important;
	margin: 10px 0;
}

body:not(.dark-mode) #reading-1-ol {
	margin-bottom: 0;
}

body:not(.dark-mode) #tab_info #reading-1-ol {
	margin: 20px 15px;
	line-height: 15px;
}

body:not(.dark-mode) #reading-1-ol li:last-of-type {
	margin-bottom: 15px;
}

body:not(.dark-mode) #answerButton, body:not(.dark-mode) #questionButtonSubscribed, body:not(.dark-mode) #questionButtonUnsubscribed {
	font-size: 18px;
}

body:not(.dark-mode) .gabinfoexam .box-header {
	padding: 15px 20px;
}

body:not(.dark-mode) #boxCenter .tab-pane .settings-box-header .box-header div {
	font-size: 16px;
}

body:not(.dark-mode) #teacher-profile-modal .profileModalInfo li.bookedlessons {
	width: 100%;
}

body:not(.dark-mode) #teacher-profile-modal .profileModalInfo li.bookedlessons .data {
	margin-bottom: 3px;
}

body:not(.dark-mode) #boxCenter a.teacher-schedule {
	margin-left: 9px;
}

body:not(.dark-mode) .nav-tabs-custom#getconnected {
	border: 0 !important;
}

body:not(.dark-mode) #getconnected h3.box-title {
	line-height: 1.2;
}

body:not(.dark-mode) #bgteacher-bottom-buttons {
	display: flex;
	justify-content: center;
	align-items: center;
}

body:not(.dark-mode) #teacher-profile-modal #bgteacher-bottom-buttons .modal-footer {
	padding: 15px 5px;
}

body:not(.dark-mode) #teacher-profile-modal #bgteacher-bottom-buttons .modal-footer button, body:not(.dark-mode) #teacher-profile-modal .modal-footer #gab-button-teacher-profile {
	width: 163px;
}

body:not(.dark-mode) #teacher-profile-modal #bgteacher-bottom-buttons .modal-footer .teacher-added-text {
	display: none;
}

body:not(.dark-mode) .gab-button-wrapper .btn-group.nav-gab-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

body:not(.dark-mode) #gab-button, body:not(.dark-mode) #gab-button-book-lesson {
	font-size: 18px;
	margin: 4px;
}

body:not(.dark-mode).sidenav-open #lesson-confirmation-message {
	display: none;
}

body:not(.dark-mode) #teacher-schedule-tab a.removedayitem {
	margin: 2px 0;
	box-shadow: none;
}

body:not(.dark-mode) .book-lesson-text, body:not(.dark-mode) .open-chat-alert-message {
	text-align: center;
}

body:not(.dark-mode) .open-chat-alert-message {
	margin-top: 5px;
}

body:not(.dark-mode) .open-chat-alert-message a {
	margin: 10px 3px 0;
	color: #666;
	text-decoration: none;
}

body:not(.dark-mode) .open-chat-alert-message button {
	margin: 0 2px;
}

body:not(.dark-mode) .cell-icon.book-lesson {
	width: 72px;
}

body:not(.dark-mode) .cell-icon.book-lesson img {
	width: 72px;
	height: 72px;
}

body:not(.dark-mode) p.cell-text.book-lesson {
	font-size: 18px;
	color: #666;
	font-weight: 600;
}

body:not(.dark-mode) p.cell-subtext.book-lesson {
	font-size: 15px;
	color: #666;
	margin-bottom: 2px;
}

body:not(.dark-mode) #loadmorefindfriendsspinner .spinner, body:not(.dark-mode) #loadmorefindgroupsspinner .spinner, body:not(.dark-mode) #loadmorefindteachersspinner .spinner, body:not(.dark-mode) #loadmorefollowersspinner .spinner, body:not(.dark-mode) #loadmorefriendsspinner .spinner, body:not(.dark-mode) #loadmoremessagesspinner .spinner, body:not(.dark-mode) #loadmorerankingsspinner .spinner, body:not(.dark-mode) #loadmoreteachersspinner .spinner {
	height: 34px;
	width: 34px;
	margin: 10px 0;
}

body:not(.dark-mode) #messages-tab #loadmoremessagesspinner .spinner {
	margin: 16px 0 14px;
}

body:not(.dark-mode) #book-lesson-modal .modal-body.step-1, body:not(.dark-mode) #book-lesson-modal .modal-footer {
	opacity: 0;
}

body:not(.dark-mode) #book-lesson-modal .modal-content {
	min-height: 363px;
}

body:not(.dark-mode) #book-lesson-modal .spinnerWrapper {
	position: absolute;
	width: 100%;
}

body:not(.dark-mode) #book-lesson-modal .spinnerWrapper .spinner {
	margin: 110px auto;
}

body:not(.dark-mode).gab-page #left-column {
	padding-bottom: 0;
}

body:not(.dark-mode).gab-page #left-column .nav-tabs-wrapper .nav-tabs-custom + .box.box-solid {
	margin-top: 20px;
}

body:not(.dark-mode) #view-booked-lessons-modal .modal-body tbody tr:nth-child(n+2) {
	border-top: 1px solid #eee;
}

body:not(.dark-mode) #view-booked-lessons-modal .modal-body {
	padding: 10px 15px !important;
}

body:not(.dark-mode) #view-booked-lessons-modal .modal-footer {
	padding: 10px 0 25px;
}

body:not(.dark-mode) #book-lesson-modal .modal-body.step-2 .alert.alert-info {
	margin-top: 10px;
}

body:not(.dark-mode) #payment-modal .modal-body.step-1 .subscription-feature-explainer.hidden + .modal-item {
	border-top: none;
}

body:not(.dark-mode) #profileSearchBox .settings-box-header .box-header h3.box-title {
	line-height: 1.15;
}

body:not(.dark-mode) #grammar-modal .modal-content .spinnerWrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 400px;
}

body:not(.dark-mode) span.song-question {
	line-height: 38px;
}

body:not(.dark-mode) form.listening2 .panel-body p + hr, body:not(.dark-mode) span.song-question hr {
	margin-top: 10px;
	margin-bottom: 10px;
	border-color: transparent !important;
}

body:not(.dark-mode) span.song-question hr + br {
	display: none;
}

body:not(.dark-mode) header nav div.navbar-custom-menu div a.btn {
	height: 34px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

body:not(.dark-mode) .navbar .nav &gt; li &gt; a:not(.active) .tooltip.nav-tooltip {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	transition: opacity 0s;
	transition-delay: 500ms;
}

body:not(.dark-mode) .navbar .nav &gt; li &gt; a:not(.active):hover span.tooltip, body:not(.dark-mode) .navbar .nav &gt; li &gt; a:not(.active):hover span.tooltiptext {
	color: #fff;
}

body:not(.dark-mode) .navbar .nav &gt; li &gt; a:not(.active):hover .tooltip.nav-tooltip {
	opacity: 1;
}

body:not(.dark-mode) .navbar .nav &gt; li &gt; a:not(.active) .tooltip.nav-tooltip .tooltiptext {
	bottom: -45px;
	font-size: 13px;
	height: 36px;
	padding: 8px 0;
	width: 80px;
	margin-left: -40px;
}

body:not(.dark-mode) .navbar .nav &gt; li &gt; a.active .tooltip.nav-tooltip, body:not(.dark-mode) .navbar .nav &gt; li &gt; a.active .tooltip.nav-tooltip .tooltiptext::after {
	display: none;
}

body:not(.dark-mode) .navbar .nav &gt; li &gt; a:not(.active) .tooltip.nav-tooltip .tooltiptext::after {
	top: auto;
	bottom: 100%;
	border-color: transparent transparent #1c5162;
}

body:not(.dark-mode) #questions.grammar-2 .panel-body {
	line-height: 30px;
}

body:not(.dark-mode) #page-index .content-header .alert {
	font-size: 16px;
	margin: 27px 0 -2px;
}

body:not(.dark-mode) #subscribe-and-reserve-free-lessons, body:not(.dark-mode) .survey-hero {
	font-size: 18px;
	padding: 15px 20px;
}

body:not(.dark-mode).timeline-page #subscribe-and-reserve-free-lessons, body:not(.dark-mode).timeline-page .survey-hero {
	width: calc(100% - 30px);
	font-size: 17px;
	margin: 0 15px 15px;
	padding: 15px;
	text-decoration: none;
	text-align: center;
}

body:not(.dark-mode).timeline-page .survey-hero {
	display: flex;
	justify-content: center;
	align-items: center;
}

body:not(.dark-mode).timeline-page .survey-hero div {
	margin-right: 10px;
}

body:not(.dark-mode).timeline-page .survey-hero button {
	margin: 0 4px;
}

body:not(.dark-mode) #page-index #subscribe-and-reserve-free-lessons, body:not(.dark-mode).timeline-page #subscribe-and-reserve-free-lessons {
	display: block;
	cursor: pointer;
}

body:not(.dark-mode) #page-index #subscribe-and-reserve-free-lessons {
	width: 100%;
}

body:not(.dark-mode) #page-index #subscribe-and-reserve-free-lessons:hover span, body:not(.dark-mode).timeline-page #subscribe-and-reserve-free-lessons:hover span {
	text-decoration: underline;
}

@media (max-width: 991px) {
	body:not(.dark-mode).timeline-page #subscribe-and-reserve-free-lessons, body:not(.dark-mode).timeline-page .survey-hero {
		margin: 10px 15px;
	}

	body:not(.dark-mode).timeline-page .survey-hero {
		display: block;
	}

	body:not(.dark-mode).timeline-page .survey-hero div {
		margin-right: 0;
	}

	body:not(.dark-mode).timeline-page .survey-hero button {
		margin: 8px 4px 0;
	}
}

body:not(.dark-mode) span.exam-blank-underline {
	border-bottom: 1px solid #999;
	padding-left: 100px;
	position: relative;
	top: -4px;
	margin: 0 2px;
}

body:not(.dark-mode) #followTeachers.nav-tabs-custom {
	border: none !important;
}

body:not(.dark-mode) #headerTitleWrapper {
	display: flex;
	align-items: center;
}

body:not(.dark-mode) #profileScores {
	height: 165px;
}

/* @media (min-width: 992px) {
	body:not(.dark-mode) #examfinal .gabinfo.gabinfoexam, body:not(.dark-mode) #examfinal .gabinfo.gabinfoexam + hr {
		display: none;
	}
} */

body:not(.dark-mode) li.item .product-info span:first-of-type {
	line-height: 20px;
}

body:not(.dark-mode) #video-sticky-disabler {
	position: fixed;
	top: 0;
	left: 426px;
	line-height: 24px;
	font-size: 24px;
	padding: 3px 8px;
	border: 0;
	border-radius: 0;
	background: #000;
	font-weight: 600;
	color: #fff;
	z-index: 2;
	visibility: hidden;
	margin: 5px 10px;
}

body:not(.dark-mode) #video-sticky-disabler.visible {
	visibility: visible;
}

@media screen and (min-width: 1025px) {
	body:not(.dark-mode) #video-sticky-disabler.visible {
		top: 50px;
		width: 30px;
		height: 30px;
		left: 476px;
		-webkit-transform: translateX(-50px);
		transform: translateX(-50px);
		transition: transform .35s ease-in-out,-webkit-transform .35s ease-in-out;
	}
}

@media screen and (max-width: 479px) {
	body:not(.dark-mode) #video-sticky-disabler {
		left: 289px;
	}
}

body:not(.dark-mode) #payment-modal .modal-item #payment-modal-payment-item {
	margin-bottom: 10px;
}

body:not(.dark-mode) #payment-modal .modal-item .subscription-picker-wrap {
	display: flex;
	justify-content: center;
	margin-bottom: 0;
}

body:not(.dark-mode) #payment-modal .modal-item .subscription-picker-wrap .picker-dropdown-wrap {
	width: 100%;
	padding-right: 20px;
}

body:not(.dark-mode) #payment-modal .modal-item .subscription-picker-wrap .subscription-picker-pricer {
	white-space: nowrap;
	margin-right: 15px;
}

body:not(.dark-mode) #payment-modal .modal-item .subscription-picker-wrap .subscription-picker-pricer #picker-credit-price, body:not(.dark-mode) #payment-modal .modal-item .subscription-picker-wrap .subscription-picker-pricer #picker-subscription-price {
	font-size: 22px;
	line-height: 40px;
}

body:not(.dark-mode) #payment-modal .modal-item .subscription-picker-wrap .picker-dropdown-wrap select.picker-dropdown {
	height: 40px;
	font-size: 15px;
	background-color: #f7f7f7;
}

body:not(.dark-mode) #payment-modal .modal-item .subscription-picker-wrap .picker-dropdown-wrap .subscription-explainer {
	font-size: 13px;
	line-height: 16px;
	margin: 5px 0 0 10px;
}

body:not(.dark-mode) #payment-modal .modal-item .subscription-picker-wrap.alert.alert-info #picker-time {
	font-size: 22px;
	line-height: 30px;
	font-weight: 600;
}

body:not(.dark-mode) #payment-modal .modal-item .subscription-picker-wrap.alert.alert-info #picker-final-price {
	font-size: 22px;
	line-height: 30px;
	font-weight: 600;
	color: #525252;
	margin-right: 0;
	text-align: right;
	white-space: nowrap;
}

body:not(.dark-mode) #payment-modal .modal-item .subscription-picker-wrap.alert.alert-info .subscription-explainer {
	margin: 3px 0 0;
	font-weight: 600;
}

body:not(.dark-mode) #payment-modal .modal-item #school-subscription-explainer .subscription-explainer a {
	cursor: pointer;
}

body:not(.dark-mode) #payment-modal .modal-body.step-2 .alert.alert-info .subscription-selection {
	font-size: 18px;
}

@media (min-width: 600px) {
	body:not(.dark-mode) #payment-modal .modal-item .subscription-picker-wrap .subscription-picker-pricer {
		min-width: 77px;
		text-align: right;
	}
}

@media (min-width: 420px) and (max-width: 599px) {
	body:not(.dark-mode) #payment-modal .modal-item .subscription-picker-wrap .subscription-picker-pricer #picker-credit-price, body:not(.dark-mode) #payment-modal .modal-item .subscription-picker-wrap .subscription-picker-pricer #picker-subscription-price, body:not(.dark-mode) #payment-modal .modal-item .subscription-picker-wrap.alert.alert-info #picker-final-price, body:not(.dark-mode) #payment-modal .modal-item .subscription-picker-wrap.alert.alert-info #picker-time {
		font-size: 18px;
	}

	body:not(.dark-mode) #payment-modal .modal-item .subscription-picker-wrap.alert.alert-info #picker-final-price, body:not(.dark-mode) #payment-modal .modal-item .subscription-picker-wrap.alert.alert-info #picker-time {
		font-weight: 600;
	}

	body:not(.dark-mode) #payment-modal .modal-item .subscription-picker-wrap .subscription-picker-pricer {
		margin-right: 5px;
	}

	body:not(.dark-mode) #payment-modal .modal-item .subscription-picker-wrap.alert.alert-info {
		padding: 8px 12px;
	}

	body:not(.dark-mode) #payment-modal .modal-item .subscription-picker-wrap .picker-dropdown-wrap {
		padding-right: 15px;
	}

	body:not(.dark-mode) #payment-modal .modal-body.step-2 .alert.alert-info .subscription-selection span {
		display: block;
		float: none !important;
	}
}

@media (max-width: 419px) {
	body:not(.dark-mode) #payment-modal .modal-item .subscription-picker-wrap .subscription-picker-pricer #picker-credit-price, body:not(.dark-mode) #payment-modal .modal-item .subscription-picker-wrap .subscription-picker-pricer #picker-subscription-price, body:not(.dark-mode) #payment-modal .modal-item .subscription-picker-wrap.alert.alert-info #picker-final-price, body:not(.dark-mode) #payment-modal .modal-item .subscription-picker-wrap.alert.alert-info #picker-time {
		font-size: 14px;
	}

	body:not(.dark-mode) #payment-modal .modal-item .subscription-picker-wrap.alert.alert-info #picker-final-price, body:not(.dark-mode) #payment-modal .modal-item .subscription-picker-wrap.alert.alert-info #picker-time {
		line-height: 20px;
		font-weight: 600;
	}

	body:not(.dark-mode) #payment-modal .modal-item .subscription-picker-wrap .subscription-picker-pricer {
		margin-right: 0;
	}

	body:not(.dark-mode) #payment-modal .modal-item .subscription-picker-wrap.alert.alert-info {
		padding: 6px 10px;
	}

	body:not(.dark-mode) #payment-modal .modal-item .subscription-picker-wrap .picker-dropdown-wrap {
		padding-right: 10px;
	}

	body:not(.dark-mode) #payment-modal .modal-body.step-2 .alert.alert-info .subscription-selection span {
		display: block;
		float: none !important;
	}
}

body:not(.dark-mode) #navbar-container .navbar-custom-menu #searchbox .sidebar-form {
	height: 33px;
}

body:not(.dark-mode) .create-topic-explainer .tooltip.delayed-tooltip .tooltiptext {
	opacity: 0;
	transition: opacity 0s;
	transition-delay: 1000ms;
}

body:not(.dark-mode) .create-topic-explainer:hover .tooltip.delayed-tooltip .tooltiptext {
	opacity: 1;
}

body:not(.dark-mode) #examTabsContent a.delete-question-button, body:not(.dark-mode) #examTabsContent a.edit-question-button {
	cursor: pointer;
	display: inline-block;
	margin-top: 5px;
}

body:not(.dark-mode) #comment-box-topic a.delete-discussion-button {
	display: block;
	font-size: 14px;
	cursor: pointer;
}

body:not(.dark-mode) div.form-group .easy-autocomplete {
	width: 100% !important;
}

body:not(.dark-mode) #eac-container-searchval ul {
	border-top: 1px solid #ccc;
}

body:not(.dark-mode) #eac-container-searchval ul li:not(.add-word) {
	border-bottom: 1px solid #eee;
	padding: 6px 12px;
}

body:not(.dark-mode) #eac-container-searchval ul li.add-word, body:not(.dark-mode) #eac-container-searchvalgrammar ul li.add-word {
	background-color: #f1f9fd;
	padding: 10px 12px;
}

body:not(.dark-mode) #eac-container-searchval ul li span.vocabulary-title {
	font-size: 16px;
}

body:not(.dark-mode) #eac-container-searchval ul li span.vocabulary-description {
	color: #888;
}

body:not(.dark-mode) #eac-container-searchval ul li:hover span.vocabulary-description {
	color: #fff;
}

body:not(.dark-mode) .btn-success.disabled.focus, body:not(.dark-mode) .btn-success.disabled:focus, body:not(.dark-mode) .btn-success.disabled:hover, body:not(.dark-mode) .btn-success[disabled].focus, body:not(.dark-mode) .btn-success[disabled]:focus, body:not(.dark-mode) .btn-success[disabled]:hover, body:not(.dark-mode) fieldset[disabled] .btn-success.focus, body:not(.dark-mode) fieldset[disabled] .btn-success:focus, body:not(.dark-mode) fieldset[disabled] .btn-success:hover {
	background-color: #5dae5d !important;
	border-color: #5dae5d !important;
}

body:not(.dark-mode) #publish-confirmation-modal .publish-errors li {
	text-align: left;
	font-size: 17px;
}

body:not(.dark-mode) .btn-facebook {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: transparent;
	width: 200px;
	border: 2px solid #5fa2dd;
	padding: 6px 12px;
	border-radius: 4px;
}

body:not(.dark-mode) .btn-facebook:active, body:not(.dark-mode) .btn-facebook:focus, body:not(.dark-mode) .btn-facebook:hover {
	background-color: #4e69a2;
	border-color: #4e69a2;
}

body:not(.dark-mode) .btn-facebook span {
	color: #5fa2dd;
}

body:not(.dark-mode) .btn-facebook:active span, body:not(.dark-mode) .btn-facebook:focus span, body:not(.dark-mode) .btn-facebook:hover span {
	color: #fff;
}

body:not(.dark-mode) .btn-twitter {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: transparent;
	width: 200px;
	border: 2px solid #00aced;
	padding: 6px 12px;
	border-radius: 4px;
}

body:not(.dark-mode) .btn-twitter:active, body:not(.dark-mode) .btn-twitter:focus, body:not(.dark-mode) .btn-twitter:hover {
	background-color: #19b4ee;
	border-color: #19b4ee;
}

body:not(.dark-mode) .btn-twitter span {
	color: #5fa2dd;
}

body:not(.dark-mode) .btn-twitter:active span, body:not(.dark-mode) .btn-twitter:focus span, body:not(.dark-mode) .btn-twitter:hover span {
	color: #fff;
}

body:not(.dark-mode) #examForm .radio, body:not(.dark-mode) #fakeexamForm .radio {
	margin-top: 7.5px;
}

body:not(.dark-mode) ul.tags-vocabulary li.vocabulary-item a.play i.fa-volume-up {
	height: 16px;
	width: 16px;
}

body:not(.dark-mode) .note-editor.note-frame {
	border-color: #ddd !important;
}

body:not(.dark-mode) .note-editor .note-editing-area {
	border-radius: 0 0 4px 4px;
}

body:not(.dark-mode) #add-grammar-form .dropdown-menu.note-check.dropdown-line-height li {
	list-style: none;
}

body:not(.dark-mode) .note-editing-area ol li {
	list-style: decimal;
}

body:not(.dark-mode) .note-editing-area ol ol li {
	list-style: disc;
}

body:not(.dark-mode) ul.tags-grammar.create-topic-grammar {
	min-height: 62px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

body:not(.dark-mode) ul.tags-grammar.create-topic-grammar li {
	display: flex !important;
}

body:not(.dark-mode) .note-para .note-btn-group:not(.note-list), body:not(.dark-mode) .panel-heading.note-toolbar .note-para .dropdown-menu &gt; div.note-align {
	display: none;
}

body:not(.dark-mode) .panel-heading.note-toolbar .note-para .dropdown-menu {
	min-width: 78px !important;
}

body:not(.dark-mode) #viewotherstopic:hover {
	text-decoration: underline !important;
}

body:not(.dark-mode) div.input-group.form-group span {
	font-size: 24px;
	color: #555;
}

body:not(.dark-mode) .note-statusbar {
	display: none;
}

body:not(.dark-mode) .note-toolbar-wrapper.panel-default {
	height: 42px !important;
}

@media (max-width: 368px) {
	body:not(.dark-mode) .note-toolbar-wrapper.panel-default {
		height: 78px !important;
	}
}

body:not(.dark-mode) #quiz-wrapper .input-group.form-group {
	width: 100%;
	display: flex;
	align-items: center;
}

body:not(.dark-mode) #quiz-wrapper .input-group.form-group span.input-group-addon {
	color: #888 !important;
	background: #f9f9f9;
	padding-left: 15px;
	border: 2px solid #e1e8ed;
	border-right: 0;
	border-radius: 20px 0 0 20px;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
}

body:not(.dark-mode) #quiz-wrapper .input-group.form-group input[type=text] {
	border-radius: 0 20px 20px 0 !important;
}

body:not(.dark-mode) span.multi-choice-alpha {
	color: silver;
	font-weight: 600;
	width: 15px;
	display: inline-block;
}

body:not(.dark-mode) #userpage-starrating {
	text-align: center;
	vertical-align: top;
	display: inline-block;
	max-height: 40px;
}

body:not(.dark-mode) #userpage-starrating .star-rating {
	font-size: 20px;
	line-height: 40px;
	margin-left: 5px;
}

body:not(.dark-mode) #userpage-infobox {
	margin: 10px 15px;
}

body:not(.dark-mode) #userpage-infobox hr {
	border-top: 1px solid #ddd !important;
}

body:not(.dark-mode) #userpage-infobox li {
	margin-bottom: 5px;
}

body:not(.dark-mode).timeline-page #quizTimeline .tab-pane {
	padding: 5px 10px;
	background: #fff;
	border-radius: 0 0 20px 20px;
}

body:not(.dark-mode).timeline-page .box.box-solid .box-header {
	padding: 0 5px;
	line-height: 1;
	border: none;
}

body:not(.dark-mode).timeline-page #quizTimeline #quizzeswrap {
	padding: 0px 0px 5px;
	background: #fff;
	border-radius: 0 0 20px 20px;
}

body:not(.dark-mode).timeline-page #quizTimeline li.item button.btn.btn-sm {
	width: 71px;
	font-weight: 600;
}

body:not(.dark-mode).timeline-page #quizTimeline li.item button.btn.btn-sm.btn-default {
	border: 1px solid #e7e7e7 !important;
}

body:not(.dark-mode).timeline-page #userpage-header #action-buttons {
	display: flex;
	height: 75px;
	align-items: center;
	justify-content: center;
}

body:not(.dark-mode).timeline-page #userpage-header #action-buttons .action-buttons-wrap {
	display: flex;
}

body:not(.dark-mode).timeline-page #timeline-links {
	height: 50px;
	padding: 12px 8px;
	border-bottom: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	background: #fff;
	border-radius: 20px 20px 0 0;
}

body:not(.dark-mode).timeline-page #timeline-links a.active, body:not(.dark-mode).timeline-page #timeline-links-scroller a.active {
	text-decoration: none;
	pointer-events: none;
	color: #ef7d30;
}

body:not(.dark-mode).timeline-page #timeline-links-scroller a {
	display: inline-block;
}

body:not(.dark-mode).timeline-page #quizTimeline .quiz-box {
	margin-bottom: 0;
	border: none !important;
	border-bottom: 1px solid #e6ecf0 !important;
	border-radius: 0 !important;
	overflow: visible !important;
}

body:not(.dark-mode).timeline-page #quizTimeline .quiz-box:last-of-type {
	border-bottom: 0 !important;
}

body:not(.dark-mode).timeline-page #quizTimeline .topic-box {
	margin-top: 10px;
}

body:not(.dark-mode).timeline-page #quizTimeline .m_highlight_content {
	font-size: .8em;
}

body:not(.dark-mode).timeline-page #quizTimeline .m_highlight_content p {
	font-size: 1.6em;
}

body:not(.dark-mode).timeline-page #quizTimeline .quiz-box p {
	margin-bottom: 10px;
	margin-left: .5px;
}

body:not(.dark-mode).timeline-page #quizTimeline a.box-topic-link:hover {
	text-decoration: none;
}

body:not(.dark-mode).timeline-page #quizTimeline .m_highlight_content strong {
	margin-bottom: 0;
	font-size: 1.9em;
}

body:not(.dark-mode).timeline-page #quizTimeline .topic-box .m_highlight_content h1 {
	font-size: 1.35em;
	margin-bottom: 7px;
}

body:not(.dark-mode).timeline-page #quizTimeline .topic-box .m_highlight_content h1 span {
	display: inline;
	vertical-align: middle;
	line-height: 18px;
}

body:not(.dark-mode).timeline-page #quizTimeline .topic-box .m_highlight_content {
	padding: 0 15px 5px;
}

body:not(.dark-mode).timeline-page #quizTimeline .post-box .postImageWrapper {
	position: relative;
	margin: 10px 0;
	border-radius: 4px;
	background: #f0f0f0;
	padding-top: 56.25%;
	overflow: hidden;
}

body:not(.dark-mode).timeline-page #quizTimeline .post-box.loaded .postImageWrapper,
body:not(.dark-mode) #view-post-modal .modal-body .postImageWrapper {
	padding-top: 0 !important;
}

body:not(.dark-mode).timeline-page #quizTimeline .post-box .postImageWrapper img {
	margin-top: -56.25%;
	opacity: 0;
}

body:not(.dark-mode).timeline-page #quizTimeline .post-box.loaded .postImageWrapper img {
	margin-top: 0;
}

body:not(.dark-mode).timeline-page h3.box-title {
	font-size: 18px;
	font-weight: 600;
	color: #525252;
	white-space: nowrap;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}

body:not(.dark-mode).timeline-page .settings-box-header {
	overflow: hidden;
	margin-bottom: 0;
	border-bottom: 0;
}

body:not(.dark-mode).timeline-page #quizTimeline .products-list .product-img img {
	width: 43px;
	height: 43px;
	position: absolute;
    border-radius: 19px!important;
}

body:not(.dark-mode).timeline-page #searchFormProfile .form-control {
	font-size: 13px;
	padding: 6px 8px;
}

body:not(.dark-mode).timeline-page #searchFormProfile .profile-item {
	margin: 10px;
}

body:not(.dark-mode).timeline-page li.item .btn-primary {
	color: #5fa2dd;
	background: #fff;
	border: 1px solid #3b8dd5 !important;
}

body:not(.dark-mode) .btn-primary.focus, body:not(.dark-mode) .btn-primary:focus {
    color: white;
    background-color: #275f90;
    border-color: #122b40;
}

body:not(.dark-mode).timeline-page li.item .btn-primary:hover {
	color: #fff;
}

body:not(.dark-mode).timeline-page li.item .btn-default {
	background-color: #fff;
}

body:not(.dark-mode).timeline-page li.item .btn-default:hover {
	background-color: #e7e7e7;
}

body:not(.dark-mode).timeline-page #action-buttons-scroll .action-buttons-wrap {
	display: flex;
	justify-content: center;
	margin: 5px;
}

body:not(.dark-mode).timeline-page #action-buttons-scroll a, body:not(.dark-mode).timeline-page #action-buttons-scroll button, body:not(.dark-mode).timeline-page .homepage-action-buttons a, body:not(.dark-mode).timeline-page .homepage-action-buttons button {
	width: 100%;
	font-size: 14px;
	padding: 8px;
	margin: 4px;
	overflow: hidden;
	text-overflow: ellipsis;
}

body:not(.dark-mode).timeline-page .homepage-action-buttons {
	padding: 5px;
	display: flex;
}

body:not(.dark-mode).timeline-page #userpage-scroller {
	position: fixed;
	opacity: 0;
}

body:not(.dark-mode).timeline-page #userpage-scroller.visionable {
	opacity: 1;
	transition: transform .2s ease-in-out;
}

@media (max-width: 1024px) {
	body:not(.dark-mode) .hidden-1024 {
		display: none !important;
	}
}

body:not(.dark-mode).timeline-page .quiz-creator-info {
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
}

body:not(.dark-mode).timeline-page .quiz-creator-info .middle-dot {
	margin: 0 5px 0 0;
}

body:not(.dark-mode).timeline-page #profileImgChanger {
	height: 200px;
	width: 200px;
}

body:not(.dark-mode).timeline-page .wrapper.homepage-wrapper {
	margin-top: 50px;
}

body:not(.dark-mode).timeline-page #widget-box .quiz-table-wrapper {
	display: flex;
	justify-content: space-around;
	background: #f1f9fd;
	width: 100%;
	margin: 50px 0 0;
	padding: 12px 3px;
}

body:not(.dark-mode).timeline-page #widget-box .quiz-table-wrapper .table-info {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-decoration: none;
}

body:not(.dark-mode).timeline-page #widget-box .quiz-table-wrapper .table-info span.title {
	color: #66757f;
	font-size: 14px;
}

body:not(.dark-mode).timeline-page #widget-box .quiz-table-wrapper .table-info span.result {
	color: #3c7ab5;
	font-size: 22px;
	line-height: 26px;
	font-weight: 600;
}

body:not(.dark-mode).timeline-page #widget-box .quiz-table-wrapper .table-info span.explainer {
	color: #66757f;
	font-size: 10px;
	text-transform: uppercase;
}

body:not(.dark-mode).timeline-page #widget-box .quiz-table-wrapper a.table-info:hover span {
	color: #47AADA !important;
	transition: color .15s ease-in-out;
}

body:not(.dark-mode).timeline-page .timeline-alert {
	margin-bottom: 10px;
}

body:not(.dark-mode).timeline-page .timeline-alert .box-header {
	font-size: 24px;
	color: #999;
	font-weight: 600;
	padding: 10px 5px 10px 20px;
}

body:not(.dark-mode).timeline-page .timeline-alert .box-body {
	font-size: 16px;
	padding-top: 0;
	padding-bottom: 20px;
}

body:not(.dark-mode).timeline-page .tab-pane.active ul.products-list li.item {
	border-bottom: 0;
}

body:not(.dark-mode).timeline-page #public-language-picker a.active {
	pointer-events: none;
	color: #ef7d30 !important;
	background: #fff !important;
	border-color: #ef7d30 !important;
	border-style: solid;
	opacity: 1;
	box-shadow: none;
}

body:not(.dark-mode) #public-language-picker ul.dropdown-menu li.disabled {
	pointer-events: none;
	cursor: default;
}

body:not(.dark-mode) .btn-primary.btn-light {
	background: #fff;
	color: #3c7ab5;
	border-width: 2px;
	text-decoration: none;
}

body:not(.dark-mode) .btn-primary.btn-light:active, body:not(.dark-mode) .btn-primary.btn-light:hover {
	color: #fff !important;
}

body:not(.dark-mode) #exchangeOnlineList li.chat-user.offline, body:not(.dark-mode) #othersOnlineList li.chat-user.offline {
	opacity: .5;
	pointer-events: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

body:not(.dark-mode) #play-button-overlay {
	position: absolute;
	z-index: 1;
	top: 25px;
	left: 20px;
	border-radius: 50%;
	border: 5px solid #fff;
	background: rgba(0, 0, 0, 0.4);
	width: 50px;
	height: 50px;
}

body:not(.dark-mode) #grid .topic-box-wrapper #play-button-overlay {
	top: 4%;
}

body:not(.dark-mode) #play-button-overlay span.play-button {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0;
	right: 0;
	border-radius: 50%;
}

body:not(.dark-mode) #play-button-overlay .play-button span {
	position: absolute;
	top: 7px;
	left: 22px;
	width: 0;
	height: 0;
	border-top: 13px solid transparent;
	border-bottom: 13px solid transparent;
	border-left: 20px solid #fff;
}

body:not(.dark-mode).timeline-page #quizTimeline .m_highlight_content.highlightedTitle strong {
	font-size: 2em;
}

body:not(.dark-mode) #grid .m_highlight_content.highlightedTitle strong {
	margin: 10px 0 !important;
	font-size: 2.3em;
}

body:not(.dark-mode).timeline-page #quizTimeline #messages {
	background: 0 0;
}

body:not(.dark-mode).timeline-page #quizTimeline #ask-question-box {
	margin-top: 0;
	padding: 20px 15px 0;
	border: 0;
	border-radius: 0;
	background: #f1f9fd;
}

body:not(.dark-mode).timeline-page .userpage-wrapper #quizTimeline #ask-question-box {
	margin-top: 0;
	padding: 20px 15px;
	border: 0 !important;
	border-radius: 0;
	background: #f1f9fd;
}

body:not(.dark-mode).timeline-page #quizTimeline .post-box {
	padding-top: 5px;
}

body:not(.dark-mode).timeline-page #quizTimeline .post-box:not(:last-of-type) {
	border-bottom: 1px solid #e6ecf0 !important;
}

body:not(.dark-mode) #view-post-modal .post-box .mar-btm, body:not(.dark-mode).timeline-page #quizTimeline .post-box .mar-btm {
	padding: 0 20px;
	background: 0 0;
}

body:not(.dark-mode).timeline-page #quizTimeline .post-box .view-post-link-wrapper {
	background: #f3f6f8;
	padding: 0 20px 0 30px;
	margin: 15px 0;
	font-size: 13px;
}

body:not(.dark-mode).timeline-page #quizTimeline .post-box .speech {
	margin-top: 0;
	padding-top: 0;
	background-color: transparent;
}

body:not(.dark-mode).timeline-page #quizTimeline .post-box .post-replies {
	background: #f3f6f8;
	overflow: hidden;
}

body:not(.dark-mode).timeline-page #quizTimeline .post-box .post-replies .quote-wrap {
	margin-top: -20px;
	padding-top: 20px;
	margin-left: 38px;
	border-left: 4px dotted #A4D9F9;
}

body:not(.dark-mode).timeline-page #ask-question-box .img-circle, body:not(.dark-mode).timeline-page #quizTimeline .post-box li.mar-btm:not(.replied) .img-circle {
	width: 40px;
	height: 40px;
}

body:not(.dark-mode).timeline-page #quizTimeline .post-box li.mar-btm:not(.replied) .img-circle {
	margin-top: 0;
}

body:not(.dark-mode).timeline-page #quizTimeline .post-box li.mar-btm.replied .img-circle {
	width: 30px;
	height: 30px;
	margin-top: 3px;
}

body:not(.dark-mode) #ask-question-box textarea, body:not(.dark-mode).timeline-page #quizTimeline .post-box .mar-btm textarea {
	height: 62px;
	min-height: 62px;
	max-height: 300px;
	padding: 6px 30px 6px 12px;
}

body:not(.dark-mode) #exercise-search-wrapper, body:not(.dark-mode) #quiz-search-wrapper {
	display: flex;
	position: relative;
	height: 40px;
	flex: 1 auto;
}

body:not(.dark-mode) #exercise-search-wrapper i, body:not(.dark-mode) #quiz-search-wrapper i {
	position: absolute;
	margin: 8px 16px;
	font-size: 24px;
}

body:not(.dark-mode) #exercise-search-wrapper .search-close, body:not(.dark-mode) #quiz-search-wrapper .search-close {
	position: absolute;
	right: 15px;
	font-size: 28px;
	cursor: pointer;
}

body:not(.dark-mode) #exercise-search-box, body:not(.dark-mode) #quiz-search-box {
	width: 100%;
	padding: 0 35px 2px 40px;
	border-radius: 20px !important;
}

body:not(.dark-mode) #exercise-search-box:focus, body:not(.dark-mode) #quiz-search-box:focus {
	border-color: #5fa2dd !important;
}

body:not(.dark-mode) #level-picker, body:not(.dark-mode) #level-picker-quiz {
	margin-left: 10px !important;
	padding: 10px 0;
	flex: 0 0 auto;
}

body:not(.dark-mode) #exercise-search-box::-webkit-input-placeholder, body:not(.dark-mode) #quiz-search-box::-webkit-input-placeholder {
	font-weight: 400 !important;
	font-size: 16px;
	line-height: 24px;
}

body:not(.dark-mode) #exercise-search-box::placeholder, body:not(.dark-mode) #quiz-search-box::placeholder {
	font-weight: 400 !important;
	font-size: 16px;
	line-height: 24px;
	line-height: 35px;
}

body:not(.dark-mode).timeline-page #quizTimeline .post-box .mar-btm.replied {
	padding: 0 20px 0 10px;
	margin: 15px 0 15px 20px;
	background: #f3f6f8;
	border: none;
}

body:not(.dark-mode).timeline-page #quizTimeline .post-box .mar-btm.replied + .mar-btm.replied:last-of-type {
	padding-top: 0;
}

body:not(.dark-mode).timeline-page #quizTimeline .post-box .mar-btm:not(.replied) + .mar-btm.replied, body:not(.dark-mode).timeline-page #quizTimeline .post-box .mar-btm:not(.replied) + .view-post-link-wrapper {
	border-top: 1px solid #f0f0f0;
	margin-top: 10px;
}

body:not(.dark-mode).timeline-page #quizTimeline .post-box .mar-btm.replied .speech a {
	font-size: 14px;
}

body:not(.dark-mode).timeline-page #quizTimeline .post-box .mar-btm.replied .speech .replywrap a {
	font-size: 13px;
	margin-right: 7px;
}

body:not(.dark-mode).timeline-page #quizTimeline .post-box .mar-btm:not(.replied) .speech .replywrap a {
	margin-right: 7px;
}

body:not(.dark-mode).timeline-page #quizTimeline .post-box .mar-btm:not(.replied) .media-left {
	padding-right: 15px;
	display: block;
	position: absolute;
}

body:not(.dark-mode).timeline-page #quizTimeline .post-box .mar-btm:not(.replied) .media-body {
	display: block;
	width: 100%;
	margin-left: 18px;
	padding-left: 30px;
	padding-bottom: 10px;
	padding-right: 20px;
	border-left: 4px solid transparent;
}

body:not(.dark-mode).timeline-page #quizTimeline .post-box.has-replies .mar-btm:not(.replied) .media-body {
	border-left-color: #A4D9F9;
}

body:not(.dark-mode).timeline-page #quizTimeline .post-box .mar-btm.replied .speech small {
	font-size: 13px;
}

body:not(.dark-mode).timeline-page #quizTimeline .post-box .mar-btm.replied .speech p {
	margin: 4px 0 2px;
}

body:not(.dark-mode).timeline-page #quizTimeline .post-box .mar-btm:not(.replied) .speech p {
	font-size: 16px;
	margin-top: 5px;
	margin-bottom: 5px;
}

body:not(.dark-mode).timeline-page #quizTimeline .post-box .speech p a {
	word-break: break-word;
}

body:not(.dark-mode).timeline-page #quizTimeline .post-box .mar-btm:not(.replied) .speech a.media-heading {
	font-size: 16px;
}

body:not(.dark-mode).timeline-page #quizTimeline #photo-placeholder-post {
	margin-left: 50px;
	background: #f0f5f8;
	padding: 3px;
	border-radius: 0 0 4px 4px;
	border: 1px solid #d2d6de;
	border-top: none;
	min-height: 70px;
}

body:not(.dark-mode).timeline-page #quizTimeline #photo-placeholder-post img {
	max-width: 160px;
	border-radius: 2px;
}

body:not(.dark-mode) #view-post-modal .modal-body {
	padding: 0;
}

body:not(.dark-mode) #view-post-modal .modal-body .postImageWrapper {
	border-radius: 4px;
	background: #f0f0f0;
	margin: 10px 0;
	position: relative;
	padding-top: 56.25%;
}

body:not(.dark-mode) #view-post-modal .modal-body .post-replies {
	background: #f3f6f8;
	border-radius: 0 0 3px 3px;
	overflow: hidden;
}

body:not(.dark-mode) #view-post-modal .modal-body .post-replies .quote-wrap {
	margin-top: -20px;
	margin-bottom: 15px;
	margin-left: 39px;
	border-left: 4px dotted #A4D9F9;
}

body:not(.dark-mode) #view-post-modal .modal-body .post-replies .quote-wrap li.replied:first-child {
	padding-top: 25px;
}

body:not(.dark-mode) #view-post-modal .mar-btm {
	border: none;
	list-style: none;
	margin-top: 0;
}

body:not(.dark-mode) #view-post-modal li.mar-btm:not(.replied) .img-circle {
	width: 50px;
	height: 50px;
	margin-top: 0;
}

body:not(.dark-mode) #view-post-modal .modal-body .mar-btm .speech {
	background: 0 0;
	margin-top: -3px;
	padding-top: 0;
}

body:not(.dark-mode) #view-post-modal .modal-body .mar-btm:not(.replied) {
	padding: 20px 15px 0;
}

body:not(.dark-mode) #view-post-modal .modal-body .mar-btm:not(.replied) .media-left {
	display: inline-block;
}

body:not(.dark-mode) #view-post-modal .modal-body .mar-btm:not(.replied) .media-body {
	display: inline-block;
	margin-top: -50px;
	width: calc(100% - 24px);
	margin-left: 24px;
	padding-left: 30px;
	padding-bottom: 20px;
	padding-right: 10px;
	border-left: 4px solid transparent;
}

body:not(.dark-mode) #view-post-modal .modal-body .post-box.has-replies .mar-btm:not(.replied) .media-body {
	border-left-color: #A4D9F9;
}

body:not(.dark-mode) #view-post-modal .modal-body .post-replies .mar-btm {
	margin: 10px 20px 10px 28px;
}

body:not(.dark-mode) #view-post-modal .modal-body .mar-btm:not(.replied) .speech a {
	font-size: 18px;
}

body:not(.dark-mode) #view-post-modal .modal-body .mar-btm:not(.replied) .replywrap {
	line-height: 20px;
}

body:not(.dark-mode) #view-post-modal .modal-body .mar-btm:not(.replied) .replywrap a {
	font-size: 15px;
	margin-right: 7px;
	padding-top: 0;
}

body:not(.dark-mode) #view-post-modal .modal-body .mar-btm:not(.replied) .speech small {
	font-size: 15px;
}

body:not(.dark-mode) #view-post-modal .modal-body .mar-btm:not(.replied) .speech p {
	font-size: 20px;
	line-height: 28px;
	margin: 5px 0;
}

body:not(.dark-mode) #demo-chat-body .post-replies .mar-btm .speech &gt; a.media-heading, body:not(.dark-mode) #view-post-modal .modal-body .post-replies .mar-btm .speech &gt; a.media-heading {
	font-size: 14px;
}

body:not(.dark-mode) #demo-chat-body .post-box .mar-btm .post-group a, body:not(.dark-mode) #demo-chat-body .post-replies .mar-btm .speech p &gt; a.media-heading, body:not(.dark-mode) #view-post-modal .modal-body .post-replies .mar-btm .speech p &gt; a.media-heading {
	display: inline-block;
	vertical-align: middle;
	font-weight: 600;
	color: #666;
	font-size: 13px !important;
	line-height: 20px;
}

body:not(.dark-mode) #demo-chat-body .post-replies .mar-btm .speech p &gt; a.media-heading, body:not(.dark-mode) #view-post-modal .modal-body .post-replies .mar-btm .speech p &gt; a.media-heading {
	margin: -5px 0 5px;
}

body:not(.dark-mode) #demo-chat-body .post-box .mar-btm .post-group, body:not(.dark-mode) #demo-chat-body .post-replies .mar-btm .speech p &gt; .reply-clarifier, body:not(.dark-mode) #view-post-modal .modal-body .post-replies .mar-btm .speech p &gt; .reply-clarifier {
	vertical-align: middle;
	color: #999;
	font-size: 13px;
}

body:not(.dark-mode) #demo-chat-body .post-replies .mar-btm .speech p &gt; .reply-clarifier, body:not(.dark-mode) #view-post-modal .modal-body .post-replies .mar-btm .speech p &gt; .reply-clarifier {
	display: inline-block;
	margin: -5px 2px 5px 0;
}

body:not(.dark-mode) #demo-chat-body .post-box .mar-btm .post-group {
	margin-top: 3px;
}

body:not(.dark-mode) #view-post-modal .modal-body .post-replies .mar-btm .speech small {
	font-size: 13px;
}

body:not(.dark-mode) #view-post-modal .modal-body .post-replies .mar-btm .speech p {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 0;
}

body:not(.dark-mode) #view-post-modal .modal-body .mar-btm.replied .speech .replywrap a {
	font-size: 13px;
	margin-right: 5px;
}

body:not(.dark-mode) #create-group-modal #group-title.input-error, body:not(.dark-mode) #edit-group-modal #edit-group-title.input-error {
	border-color: #e7a3a3 !important;
	background: #f9e8e8 !important;
	color: #ff5c5c !important;
}

body:not(.dark-mode).timeline-page #friendswrap .groupUserType {
	font-size: 14px;
	color: #666;
	font-weight: 700;
	text-transform: uppercase;
	display: inline-block;
	vertical-align: middle;
	line-height: 20px;
}

body:not(.dark-mode).timeline-page #privateGroupBox {
	height: 300px;
	display: flex;
	align-items: center;
	justify-content: center;
}

body:not(.dark-mode).timeline-page #demo-chat-body .replywrap .cta_joingroup {
	font-weight: 600;
	color: #8899a6;
}

body:not(.dark-mode).timeline-page .quiz-creator-info .btn-link, body:not(.dark-mode).timeline-page .quiz-creator-info .media-heading, body:not(.dark-mode).timeline-page .quiz-creator-info .middle-dot, body:not(.dark-mode).timeline-page .quiz-creator-info .speech-time, body:not(.dark-mode).timeline-page .quiz-creator-info .topicstatslink {
	line-height: 21px;
}

body:not(.dark-mode) #shareongroups-modal #mygrouplist .checkbox, body:not(.dark-mode) #shareongroupsquiz-modal #mygrouplistquiz .checkbox {
	font-size: 16px;
	line-height: 21px;
	margin: 10px 0;
}

body:not(.dark-mode) #shareongroups-modal #mygrouplist .checkbox label input[type=checkbox], body:not(.dark-mode) #shareongroupsquiz-modal #mygrouplistquiz .checkbox label input[type=checkbox] {
	margin-top: 3px;
}

body:not(.dark-mode).timeline-page #public-language-picker #language-toggle {
	height: auto;
	width: auto;
	padding: 0;
	background: 0 0 !important;
	box-shadow: none;
	opacity: 1;
	border: 0;
	font-size: 22px;
	font-weight: 600;
	color: #525252;
}

body:not(.dark-mode).timeline-page #public-language-picker .dropdown-menu {
	left: -5px;
	width: 235px;
	margin-top: 5px;
	text-align: center;
}

body:not(.dark-mode).timeline-page #public-language-picker {
	display: flex;
	margin-bottom: 0;
	border-bottom: 0 !important;
	background: #fff;
	padding: 15px 15px 15px 20px;
	font-size: 22px;
	font-weight: 600;
}

@media (max-width: 991px) {
	body:not(.dark-mode).timeline-page #public-language-picker {
		margin-bottom: 0 !important;
	}
}

body:not(.dark-mode).timeline-page #public-language-picker .dropdown-menu li a {
	font-size: 18px;
}

body:not(.dark-mode).timeline-page #public-language-picker .dropdown-menu li.disabled a {
	cursor: default;
	color: #ccc;
}

body:not(.dark-mode) #shareongroups-modal #mygrouplist .group-list, body:not(.dark-mode) #shareongroupsquiz-modal #mygrouplistquiz .group-list {
	padding: 0 15px;
}

body:not(.dark-mode).timeline-page .groupImgPlaceholder {
	width: 100px;
	height: 43px;
	border-radius: 20px;
	background: #47AADA;
	overflow: hidden;
}

body:not(.dark-mode) #message-modalChat .modal-header h4 {
	margin-left: 0;
    margin-right: auto;
    align-items: center;
    display: flex;
}

@media (min-width: 768px) {
	body:not(.dark-mode) #page-title-wrapper .page-title.teacher-title p {
		display: flex;
		align-items: center;
	}
}

body:not(.dark-mode) #page-title-wrapper .page-title a {
	display: inline-block;
}

body:not(.dark-mode) #shareongroups-modal .shared-topic-info {
	margin-bottom: 15px;
}

body:not(.dark-mode) #shareongroups-modal #mygrouplist, body:not(.dark-mode) #shareongroupsquiz-modal #mygrouplistquiz {
	margin: 0 15px;
}

body:not(.dark-mode) #shareongroups-modal #mygrouplist .group-list.no-groups, body:not(.dark-mode) #shareongroupsquiz-modal #mygrouplistquiz .group-list.no-groups {
	border-left: 0;
	height: 77px;
	padding: 15px 0;
	margin: 0;
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
	font-weight: 600;
	color: #bbb;
	font-size: 20px;
}

@media (max-width: 991px) {
	body:not(.dark-mode) #bg-cover {
		height: 200px !important;
		margin: 0 !important;
	}

	body:not(.dark-mode) #bg-cover.widget-user-header.bg-profile {
		height: 100px !important;
	}

	body:not(.dark-mode) #bg-cover #changecover {
		opacity: 0;
	}

	body:not(.dark-mode) #userpage-imagewrapper {
		margin-left: 0 !important;
		height: 110px !important;
		width: 110px !important;
		margin-top: -55px !important;
	}

	body:not(.dark-mode) #userpage-imagewrapper #profileImgChanger, body:not(.dark-mode) #userpage-imagewrapper img {
		height: 100px !important;
		width: 100px !important;
	}

	body:not(.dark-mode) #userpage-imagewrapper #profileImgChanger {
		opacity: 0;
	}

	body:not(.dark-mode) #userpage-barwrapper {
		height: 50px !important;
	}

	body:not(.dark-mode) #userpage-titlewrapper {
		height: 50px !important;
		width: calc(100% - 113px) !important;
		padding: 6px !important;
	}

	body:not(.dark-mode) #userpage-usernamewrapper {
		font-size: 20px !important;
		line-height: 20px;
		font-weight: 600;
		max-width: calc(100% - 115px) !important;
	}

	body:not(.dark-mode) #userpage-scorewrapper {
		font-size: 18px !important;
		line-height: 20px;
	}

	body:not(.dark-mode) #userpage-nametitlewrapper {
		font-size: 14px !important;
		margin-left: 0 !important;
	}

	body:not(.dark-mode) .wrapper.userpage-wrapper section.content {
		padding-top: 10px;
	}

	body:not(.dark-mode) #user-page #timeline-links {
		height: auto;
		white-space: normal;
		padding: 6px 8px;
	}

	body:not(.dark-mode) #user-page #timeline-links a {
		font-size: 18px !important;
		padding: 4px 12px !important;
		white-space: nowrap;
		display: inline-block;
	}

	body:not(.dark-mode) #quizTimeline {
		margin-bottom: 10px;
	}

	body:not(.dark-mode) #userpage-starrating .star-rating {
		font-size: 14px;
		line-height: 20px;
		margin-left: 0;
	}

	body:not(.dark-mode) #action-buttons-mobile {
		text-align: center;
	}

	body:not(.dark-mode) #action-buttons-mobile .action-buttons-wrap {
		display: flex;
		justify-content: center;
		margin: 15px 10px 5px;
	}

	body:not(.dark-mode) #action-buttons-mobile .action-buttons-wrap a, body:not(.dark-mode) #action-buttons-mobile .action-buttons-wrap button {
		margin: 0 4px !important;
		width: 94% !important;
	}

	body:not(.dark-mode) #action-buttons-mobile .btn-group {
		padding: 15px 30px 5px;
		width: 100%;
	}

	body:not(.dark-mode) #action-buttons-mobile .btn-group .dropdown-menu {
		left: 30px;
		width: calc(100% - 60px);
	}
}

body:not(.dark-mode) #bookingNotification, body:not(.dark-mode) #bookingNotificationGroup {
	margin-bottom: 10px;
	padding: 10px 15px 15px;
}

body:not(.dark-mode) #bookingNotification .alert-grey, body:not(.dark-mode) #bookingNotificationGroup .alert-grey {
	background: #f7f7f7 !important;
}

body:not(.dark-mode) #bookingNotification .showOnlyAutoAdded .btn, body:not(.dark-mode) #bookingNotification a {
	text-decoration: none;
}

body:not(.dark-mode) #bookingNotification .showOnlyAutoAdded .btn {
	min-width: 140px;
	margin: 0 4px;
}

body:not(.dark-mode) #bookingNotification .showOnlyAutoAdded .btn.btn-default {
	color: #666;
}

body:not(.dark-mode) #bookingNotification a:not(.btn):hover {
	text-decoration: underline;
}

body:not(.dark-mode) #bookingNotificationGroup a {
	height: 60px;
	color: #3c7ab5;
	text-decoration: none;
	word-break: break-word;
}

body:not(.dark-mode) #bookingNotificationGroup #groupclass-start-button, body:not(.dark-mode) #bookingNotificationGroup #groupclass-start-button-audio, body:not(.dark-mode) #bookingNotificationGroup #groupclass-start-button-teacher {
	height: 42px;
	color: #fff;
}

body:not(.dark-mode) #bookingNotificationGroup #groupclass-start-button span, body:not(.dark-mode) #bookingNotificationGroup #groupclass-start-button-audio span {
	display: inline-block;
	vertical-align: middle;
}

body:not(.dark-mode) #bookingNotificationGroup #groupclass-start-button .videoicon {
	background: url(../img/video-on.svg) no-repeat center;
	height: 20px;
	width: 20px;
}

body:not(.dark-mode) #bookingNotificationGroup #groupclass-start-button-audio .videoiconoff {
	background: url(../img/video-off.svg) no-repeat center;
	height: 20px;
	width: 20px;
}

body:not(.dark-mode) #bookingNotification a:hover, body:not(.dark-mode) #bookingNotificationGroup a:hover {
	text-decoration: underline;
}

body:not(.dark-mode) #groupClassJoinWrapper, body:not(.dark-mode) .showOnlyAutoAdded {
	height: 43px;
	padding: 15px 15px 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

body:not(.dark-mode) #bookingNotificationGroup #groupclass-start-button, body:not(.dark-mode) #bookingNotificationGroup #groupclass-start-button-audio, body:not(.dark-mode) #bookingNotificationGroup #groupclass-start-button-teacher {
	width: 167px;
	border: 0;
	margin: 0 4px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 700;
}

body:not(.dark-mode) #bookingNotificationGroup #groupclass-start-button-teacher {
	line-height: 23px;
	font-size: 16px;
}

body:not(.dark-mode) .hangout-explainer-button {
	margin-left: 4px;
	color: #fff;
	border: 1px solid #53a93f;
	background-color: #53a93f;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 16px;
	font-weight: 700;
	border-radius: 2px;
	padding: 1px 6px;
}

body:not(.dark-mode) nav.navbar #global-header-link, body:not(.dark-mode) nav.navbar #global-header-link-group-class {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 35px;
	margin: 0;
	border: 0;
	border-radius: 0;
	font-size: 15px;
}

body:not(.dark-mode) header.global-link .navbar {
	height: 85px;
}

body:not(.dark-mode) header.global-link ~ .wrapper #userpage-scroller-trigger, body:not(.dark-mode) header.global-link ~ .wrapper.homepage-wrapper {
	margin-top: 85px !important;
}

@media (min-width: 1025px) {
	body:not(.dark-mode) header.global-link ~ .sidenav {
		margin-top: 35px !important;
		padding-bottom: 35px !important;
	}
}

body:not(.dark-mode) header.global-link ~ .wrapper .content-header {
	margin-top: 35px !important;
}

body:not(.dark-mode).public-user #bookingNotificationGroup label.btn-success {
	width: 100% !important;
	max-width: 140px;
	margin: 0 !important;
}

body:not(.dark-mode).public-user #bookingNotificationGroup label.btn-default {
	display: none;
}

body:not(.dark-mode) button.subscription-reasons {
	width: 100%;
	padding: 20px 15px;
	margin-bottom: 0;
	border-radius: 0 !important;
	font-size: 16px;
	border: 0;
}

body:not(.dark-mode) #book-lesson-modal #subscribe-for-free-lessons-explainer:hover a, body:not(.dark-mode) button.subscription-reasons:hover span {
	text-decoration: underline;
}

body:not(.dark-mode) #message-modal .exercise-question-message {
	margin-bottom: 4px;
	font-size: 14px;
}

body:not(.dark-mode) #message-modal .exercise-question-message .explainer {
	font-size: 14px;
	line-height: 16px;
	font-weight: 600;
	display: inline-block;
	vertical-align: middle;
}

body:not(.dark-mode) #message-modal .exercise-question-message a {
	font-size: 14px;
	line-height: 16px;
	vertical-align: middle;
	display: inline-block;
}

body:not(.dark-mode) #messageswrap .exercise-question-message a {
	text-decoration: none;
	color: #999 !important;
}

body:not(.dark-mode) #groupclass-video-wrapper {
	height: 277px;
	overflow: hidden;
}

body:not(.dark-mode) #groupclass-video-container {
	height: 100%;
	background: #000;
	position: relative;
}

body:not(.dark-mode) #groupclass-video-wrapper .videobox {
	height: 100%;
	display: flex;
	justify-content: center;
	overflow: hidden;
	cursor: default;
}

body:not(.dark-mode) #groupclass-video-container .videobox .groupclass-photo, body:not(.dark-mode) #groupclass-video-container .videobox .groupclass-username {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	background: rgba(0, 0, 0, 0.75);
	font-size: 1.5vw;
	font-weight: 700;
	color: #fff;
	height: 100%;
	width: 100%;
	opacity: 0;
}

body:not(.dark-mode) #groupclass-video-container .videobox .groupclass-username {
	z-index: 3;
	-webkit-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
}

body:not(.dark-mode) #groupclass-video-container .videobox .groupclass-photo {
	z-index: 2;
	background: #000;
}

body:not(.dark-mode) #groupclass-video-container .videobox .groupclass-photo img {
	border-radius: 50%;
	height: 200px;
}

body:not(.dark-mode) #groupclass-video-container .videobox.videoOFF &gt; .groupclass-photo, body:not(.dark-mode) #groupclass-video-container .videobox:hover &gt; .groupclass-username {
	opacity: 1;
}

body:not(.dark-mode) .groupclass-message-name-title {
	text-transform: uppercase;
	color: #666;
	font-weight: 700;
	font-size: 10px;
	position: absolute;
	margin-top: -21px;
	white-space: nowrap;
}

body:not(.dark-mode)#group-class-page .direct-chat-messages {
	padding: 0 15px;
}

body:not(.dark-mode)#group-class-page .direct-chat-msg {
	margin-top: 20px;
	margin-bottom: 7.5px;
}

body:not(.dark-mode)#group-class-page .direct-chat-msg.right .groupclass-message-name-title {
	right: 10px;
}

body:not(.dark-mode) #sendMessageTextGab {
	width: 100%;
	height: 34px;
	padding: 6px 27px 6px 12px;
	z-index: 0;
}

body:not(.dark-mode) #sendMessageArea .btn[disabled] {
	opacity: 1;
}

body:not(.dark-mode) #quizTimeline .product-list-in-box .empty-settings {
	font-size: 20px;
	padding: 100px 50px;
}

body:not(.dark-mode) #create-topic-modal .gabinfogab a {
	color: #3c7ab5;
	text-decoration: none;
}

body:not(.dark-mode) #create-topic-modal .gabinfogab a:hover {
	text-decoration: underline;
}

body:not(.dark-mode) #survey-modal-school .survey-explainer p {
	font-size: 16px;
}

body:not(.dark-mode) #survey-modal-school table td {
	padding: 4px !important;
}

body:not(.dark-mode) #survey-modal-school table .cell-icon {
	color: #0c0;
	font-size: 22px;
	vertical-align: top !important;
}

body:not(.dark-mode) #payment-modal #school-payment-alert {
	text-align: left;
	padding: 10px 20px;
	margin-bottom: 10px;
	background-color: #f7f7f7 !important;
}

body:not(.dark-mode) #payment-modal #school-payment-alert:hover .title {
	text-decoration: underline;
}

body:not(.dark-mode) #student-payment-alert span.chevron.right:before {
	height: .5em;
	width: .5em;
	margin-top: -2px;
	margin-left: -3px;
	border-color: #3c7ab5;
}

@media (min-width: 922px) and (max-width: 1199px), (max-width: 767px) {
	body:not(.dark-mode) #completed-hider .margined {
		margin: 10px 0;
	}

	body:not(.dark-mode) #completed-check, body:not(.dark-mode) #favorite-check, body:not(.dark-mode) #level-check {
		margin-left: auto;
		height: 20px;
		width: 40px;
	}

	body:not(.dark-mode) #completed-hider .chooser-1, body:not(.dark-mode) #completed-hider .chooser-2, body:not(.dark-mode) #completed-hider .chooser-3 {
		display: flex;
		align-items: center;
	}
}

@media (min-width: 768px) and (max-width: 991px), (min-width: 1200px) {
	body:not(.dark-mode) #completed-check, body:not(.dark-mode) #favorite-check, body:not(.dark-mode) #level-check {
		margin-left: 10px;
		height: 20px;
		width: 40px;
	}

	body:not(.dark-mode) #completed-hider .chooser-1 {
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}

	body:not(.dark-mode) #completed-hider .chooser-2 {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	body:not(.dark-mode) #completed-hider .chooser-3 {
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}
}

body:not(.dark-mode) #payment-modal a.paypal-unavaialable-link {
	display: inline-block;
	color: #3c7ab5;
	text-decoration: none;
}

body:not(.dark-mode) #payment-modal a.paypal-unavaialable-link:hover {
	text-decoration: underline;
}

body:not(.dark-mode) table a.view-results-box {
	display: flex;
}

body:not(.dark-mode) table a.view-results-box .progress {
	width: 100%;
}

body:not(.dark-mode) table a.view-results-box .viewresult {
	margin-left: 8px;
	color: #aaa;
}

body:not(.dark-mode) #statsTable tbody tr td .stats-exercise-title, body:not(.dark-mode) #statsTableUser tbody tr td .stats-exercise-title {
	max-width: 200px;
}

@media (max-width: 499px) {
	body:not(.dark-mode) #statsTable .hidden-499, body:not(.dark-mode) #statsTable tbody tr td:nth-child(3), body:not(.dark-mode) #statsTableQuiz .hidden-499, body:not(.dark-mode) #statsTableQuiz tbody tr td:nth-child(3), body:not(.dark-mode) #statsTableUser .hidden-499, body:not(.dark-mode) #statsTableUser tbody tr td:nth-child(4) {
		display: none !important;
	}
}

@media (max-width: 649px) {
	body:not(.dark-mode) #statsTable .hidden-649, body:not(.dark-mode) #statsTable tbody tr td:nth-child(2), body:not(.dark-mode) #statsTableQuiz .hidden-649, body:not(.dark-mode) #statsTableQuiz tbody tr td:nth-child(2), body:not(.dark-mode) #statsTableUser .hidden-649, body:not(.dark-mode) #statsTableUser tbody tr td:nth-child(2) {
		display: none !important;
	}
}

@media (max-width: 767px) {
	body:not(.dark-mode) #statsTable .hidden-767, body:not(.dark-mode) #statsTable tbody tr td .group-member-score, body:not(.dark-mode) #statsTable tbody tr td .product-img, body:not(.dark-mode) #statsTableUser .hidden-767, body:not(.dark-mode) #statsTableUser tbody tr td .group-member-score, body:not(.dark-mode) #statsTableUser tbody tr td .product-img, body:not(.dark-mode) #statsTableUser tbody tr td:nth-child(3) {
		display: none !important;
	}

	body:not(.dark-mode) #statsTable tbody tr td .product-info, body:not(.dark-mode) #statsTableUser tbody tr td .stats-exercise-title {
		max-width: 130px !important;
	}

	body:not(.dark-mode) #statsTable tbody tr td div.progress-bar, body:not(.dark-mode) #statsTableUser tbody tr td div.progress-bar {
		min-width: 40% !important;
	}
}

@media (max-width: 991px) {
	body:not(.dark-mode) #statsTable tbody tr td .product-info, body:not(.dark-mode) #statsTableUser tbody tr td .stats-exercise-title {
		max-width: 174px;
	}
}

body:not(.dark-mode) .info-icon-info16 {
	width: 16px;
	height: 16px;
	margin-right: 6px;
	margin-top: 2px;
	flex: 0 0 auto;
	background-image: url(https://www.bitgab.com/assets-dashboard/img/info-16.svg);
}

body:not(.dark-mode) .writing-buttons {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 20px;
}

@media (max-width: 1119px) and (min-width: 1025px) {
	body:not(.dark-mode).sidenav-open .writing-buttons.spanish {
		flex-direction: column;
	}
}

@media (max-width: 559px) {
	body:not(.dark-mode) .writing-buttons.spanish {
		flex-direction: column;
	}
}

@media (max-width: 414px) {
	body:not(.dark-mode) .writing-buttons {
		flex-direction: column;
	}
}

body:not(.dark-mode) .writing-buttons a {
	margin: 4px;
	font-size: 16px;
	padding: 8px 18px;
}

body:not(.dark-mode) .writing-buttons.spanish a {
	margin: 4px;
	width: 140px;
	font-size: 14px;
}

body:not(.dark-mode) #videos .chevron.right:before {
	height: .5em;
	width: .5em;
	margin-top: -2px;
	margin-left: -2px;
}

body:not(.dark-mode) ol.decimal li {
	list-style: decimal;
	margin-bottom: 15px;
}

body:not(.dark-mode) .translate .translateAudio {
	color: #ddd;
	font-size: 18px;
	text-decoration: none;
	pointer-events: none;
}

body:not(.dark-mode) .translate .translateAudio.playable {
	color: #999;
	cursor: pointer;
	pointer-events: auto;
}

body:not(.dark-mode) #translateLanguageSelect {
	position: relative;
	z-index: 0;
	padding: 0 !important;
	border: none !important;
	background: 0 0 !important;
	transition: none !important;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 12px;
	color: #aaa;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

body:not(.dark-mode) #translateLanguageSelect::-ms-expand {
	display: none;
}

body:not(.dark-mode) #translateLanguageSelectedOptionWidth {
	visibility: hidden;
}

body:not(.dark-mode) #translateOptionChevron {
	z-index: -1;
	margin-left: -12px;
}

body:not(.dark-mode) .gab-button-wrapper button.btn-success .ion-chevron-down:before {
	font-weight: 700;
}

body:not(.dark-mode) #create-groupclass-modal .alert.alert-info {
	display: flex;
	align-items: flex-start;
	margin-top: 10px;
	margin-bottom: 0;
	padding: 8px 15px 10px;
}

body:not(.dark-mode) #create-groupclass-modal .alert.alert-info .imgWrapper {
	padding: 5px 20px 0 0;
}

body:not(.dark-mode) #create-groupclass-modal .alert.alert-info .imgWrapper img {
	max-height: 110px;
}

body:not(.dark-mode) #create-groupclass-modal .alert.alert-info .textWrapper {
	padding-top: 7.5px;
}

body:not(.dark-mode) #create-groupclass-modal .alert.alert-info .textWrapper p {
	font-size: 15px;
	line-height: 20px;
	margin-bottom: 4px;
}

body:not(.dark-mode) #create-groupclass-modal .alert.alert-info .textWrapper div &gt; p {
	font-size: 20px;
	font-weight: 600;
	margin-top: 2px;
	margin-bottom: 12px;
}

@media screen and (max-width: 499px) {
	body:not(.dark-mode) #create-groupclass-modal .alert.alert-info {
		flex-direction: column;
	}

	body:not(.dark-mode) #create-groupclass-modal .alert.alert-info .imgWrapper {
		padding: 10px;
		margin: 0 auto;
	}

	body:not(.dark-mode) #create-groupclass-modal .alert.alert-info .textWrapper {
		padding-top: 10px;
	}

	body:not(.dark-mode) #create-groupclass-modal .time-selectors {
		flex-direction: column;
	}

	body:not(.dark-mode) #create-groupclass-modal .time-selectors input, body:not(.dark-mode) #create-groupclass-modal .time-selectors select {
		width: 100% !important;
		margin: 0 0 10px !important;
		height: 44px;
	}
}

body:not(.dark-mode) .group-waiting-box {
	max-width: 600px;
	padding: 35px 30px 20px;
	background: #fff;
	border: 1px solid #cce4f0;
	border-radius: 10px;
	margin-top: 10px;
}

body:not(.dark-mode) .group-waiting-box .textWrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 25px 0 10px;
	padding: 20px;
	background: #f7f7f7;
	border: 1px solid #ccc;
	border-radius: 10px;
}

body:not(.dark-mode) .group-waiting-box .teacher-login-explainer {
	margin-top: 5px;
	font-size: 14px;
	font-weight: 500;
	color: #66757f;
}

body:not(.dark-mode) .group-waiting-box .start-text {
	font-size: 22px;
	font-weight: 700;
}

body:not(.dark-mode) .group-waiting-box .start-text-description {
	font-size: 16px;
	color: #66757f;
}

body:not(.dark-mode) .group-waiting-box .login-explainer {
	margin-top: -5px;
	margin-left: 15px;
	font-size: 13px;
	font-weight: 600;
	color: #66757f;
}

@media screen and (max-width: 599px) {
	body:not(.dark-mode) .group-waiting-box {
		max-width: 90%;
	}

	body:not(.dark-mode) .group-waiting-box .start-text {
		font-size: 19px;
	}

	body:not(.dark-mode) .group-waiting-box .start-text-description {
		font-size: 15px;
	}
}

@media screen and (max-width: 423px) {
	body:not(.dark-mode) .group-waiting-box .start-text {
		line-height: 24px;
		margin-bottom: 10px;
	}

	body:not(.dark-mode) .group-waiting-box .textWrapper {
		align-items: flex-start;
	}

	body:not(.dark-mode) .group-waiting-box .start-text-description {
		margin-right: -50px;
	}

	body:not(.dark-mode) .group-waiting-box .spinnerWrapper {
		margin-top: 10px;
	}
}

body:not(.dark-mode) .group-waiting-box #messages .alert.alert-danger {
	margin-top: 0 !important;
}

body:not(.dark-mode) .group-waiting-box #messages .alert.alert-danger .close {
	display: none;
}

body:not(.dark-mode) #findFriendsBox, body:not(.dark-mode) #findTeachersBox {
	margin-bottom: 10px;
}

body:not(.dark-mode) #assignTeacherGroupClass, body:not(.dark-mode) #cancelGroupClass {
	margin: 0 4px;
}

body:not(.dark-mode) .direct-chat-text:after, body:not(.dark-mode) .direct-chat-text:before, body:not(.dark-mode) .right .direct-chat-text:after, body:not(.dark-mode) .right .direct-chat-text:before {
	display: none;
	top: 50%;
}

body:not(.dark-mode) #courseLevelChanger.opacity0 {
	pointer-events: none;
}

body:not(.dark-mode) #change-course-modal .payment-option-label .radio-button-cell input, body:not(.dark-mode) #level-modal .payment-option-label .radio-button-cell input {
	margin: 0;
}

body:not(.dark-mode) #message-modalChat .user-offline-explainer {
	display: none;
	font-size: 12px;
	font-weight: 600;
	color: #777;
	padding: 6px 12px;
	background: #eee;
	width: 100%;
}

body:not(.dark-mode) #quizTimeline, body:not(.dark-mode) .box, body:not(.dark-mode) .btn, body:not(.dark-mode) .modal-content, body:not(.dark-mode) .nav-tabs-custom, body:not(.dark-mode) button {
	border-radius: 20px !important;
	border: none !important;
}

body:not(.dark-mode) .btn, body:not(.dark-mode) button {
	font-weight: 600;
}

body:not(.dark-mode) .modal-footer .btn, body:not(.dark-mode) .modal-footer button {
	min-width: 100px;
}

body:not(.dark-mode) .btn:active {
	box-shadow: none;
}

body:not(.dark-mode) .alert {
	border: 0 !important;
	border-radius: 20px;
}

body:not(.dark-mode) .dropdown-menu, body:not(.dark-mode) .dropdown-menu.focus-menu {
	border-radius: 10px !important;
	border: none !important;
	overflow: hidden !important;
	padding: 7px !important;
}

body:not(.dark-mode) #level-picker ul.dropdown-menu.focus-menu {
	padding: 0!important;
}

body:not(.dark-mode) .dropdown-menu form, body:not(.dark-mode) .dropdown-menu.focus-menu form {
	padding: 9px 0 !important;
}

body:not(.dark-mode) .btn-group .dropdown-menu li:not(.divider):hover a, body:not(.dark-mode) .btn-group .dropdown-menu.focus-menu li:not(.divider):hover a {
	background-color: #3c7ab5;
	color: #fff;
}

body:not(.dark-mode) .btn-group .dropdown-menu li a, body:not(.dark-mode) .btn-group .dropdown-menu.focus-menu li a {
	border-radius: 5px;
}

body:not(.dark-mode) .navbar-nav li ul * {
	border: 0 !important;
}

body:not(.dark-mode) #completed-hider, body:not(.dark-mode) #completed-hider-quizzes, body:not(.dark-mode) #posts-completed-hider {
	border: none !important;
	height: 60px;
	justify-content: center;
}

body:not(.dark-mode) #posts-completed-hider {
	padding-top: 0 !important;
}

body:not(.dark-mode) #timeline-links-scroller {
	background: #e0f3fc;
}

body:not(.dark-mode) #userpage-scroller hr {
	display: none;
}

body:not(.dark-mode) .box.topic-box {
	border: 1px solid #CCD6DD !important;
}

body:not(.dark-mode) hr {
	border-color: #e6ecf0 !important;
}

body:not(.dark-mode) .dropdown-menu .divider {
	background-color: transparent !important;
	margin: 7.5px 0 !important;
}

body:not(.dark-mode) ul.dropdown-menu.focus-menu label {
	display: flex;
}

body:not(.dark-mode) ul.dropdown-menu.focus-menu label input {
	margin-right: 4px;
}

body:not(.dark-mode) ul.dropdown-menu.focus-menu fieldset &gt; span {
	color: #66757f !important;
}

body:not(.dark-mode) .topic-box:hover {
	background: rgba(242, 242, 242, 0.6);
}

body:not(.dark-mode) .box-footer {
	background: 0 0;
}

body:not(.dark-mode) #user-account ul li.user-body div {
	background: #f1f9fd !important;
	border-radius: 0;
}

body:not(.dark-mode) .modal-header {
	background: #f7f7f7;
	border: 0;
}

body:not(.dark-mode) a.close, body:not(.dark-mode) button.close {
	font-weight: 400;
	text-shadow: none;
	text-align: center;
	width: 1em;
	height: 1em;
	border-radius: 20px;
}

body:not(.dark-mode) #message-modalChat a.close, body:not(.dark-mode) #message-modalChat button.close {
	width: 1.5em;
	height: 1.5em;
	max-width: 28px;
	max-height: 28px;
}

body:not(.dark-mode) #message-modalChat button.close.exit span {
	font-size: 24px;
    line-height: 20px;
}

body:not(.dark-mode) a.close:hover, body:not(.dark-mode) button.close:hover {
	background: #ccc;
}

body:not(.dark-mode) .modal a.close, body:not(.dark-mode) .modal button.close {
	font-size: 34px;
}

body:not(.dark-mode) #quiz-wrapper .form-group.input-group button {
	font-size: 25px;
	width: 28px;
}

body:not(.dark-mode) #payment-modal .modal-header .pull-right {
	font-size: 16px !important;
	line-height: 30px;
}

body:not(.dark-mode) #payment-modal .modal-footer {
	display: flex;
	flex-direction: row-reverse;
}

body:not(.dark-mode).sidenav-open #mobile-private-gab-button {
	display: none;
}

body:not(.dark-mode) .sidenav.connected {
	background-color: #f7f7f7;
}

body:not(.dark-mode) .sidenav.connected ul {
	opacity: 1;
}

body:not(.dark-mode) #message-modalChat .modal-header button {
	margin: 0 0 0 4px;
}

body:not(.dark-mode) #message-modal .modal-header {
	background: #fff;
}

body:not(.dark-mode) #message-modal #sendMessageText {
	min-height: 82px;
}

body:not(.dark-mode) #page-profile #boxCenter .box-header .box-title {
	font-size: 28px;
	font-weight: 600;
}

body:not(.dark-mode) #page-profile #boxCenter .settings-box-header {
	padding: 10px 0;
}

@media (max-width: 767px) {
	body:not(.dark-mode) #page-profile #boxCenter .settings-box-header .box-header {
		padding: 0 10px;
	}
}

body:not(.dark-mode) #messages-tab .product-list-in-box &gt; .item {
	border: 0;
	margin: 0 10px;
}

body:not(.dark-mode) .table-striped &gt; tbody &gt; tr:nth-of-type(odd) {
	background-color: #f7f7f7;
}

body:not(.dark-mode) #queryTranslation .translateBox {
	border: none !important;
	border-radius: 20px !important;
	background: #f7f7f7 !important;
	box-shadow: inset 0 0 0 #f7f7f7 !important;
}

body:not(.dark-mode) #left-column .ytvideo-options-explainer {
	margin: -20px 0 20px !important;
	background: #e2eefb !important;
	padding: 15px 20px !important;
	border-radius: 0 0 20px 20px;
}

body:not(.dark-mode) #video-reported {
	color: #66757f;
}

body:not(.dark-mode) #book-lesson-modal .modal-title &gt; div {
	font-weight: 400;
}

body:not(.dark-mode) #action-buttons .dropdown-menu.focus-menu li a {
	border-radius: 5px;
}

body:not(.dark-mode) .product-list-in-box &gt; .item {
	border-bottom: 0 !important;
}

body:not(.dark-mode) .box-footer {
	border-top: 0 !important;
}

body:not(.dark-mode) #findFriendsBox .box-footer, body:not(.dark-mode) #findTeachersBox .box-footer {
	padding: 5px 15px 15px;
}

body:not(.dark-mode) #findFriendsSubmitButton, body:not(.dark-mode) #findTeachersSubmitButton {
	font-size: 18px;
}

body:not(.dark-mode) #userpage-imagewrapper {
	border: 10px solid #fff !important;
	height: 220px !important;
	width: 220px !important;
	margin-top: -135px !important;
}

@media (max-width: 991px) {
	body:not(.dark-mode) #userpage-imagewrapper {
		border: 5px solid #fff !important;
		margin-left: 0 !important;
		height: 110px !important;
		width: 110px !important;
		margin-top: -55px !important;
	}
}

body:not(.dark-mode) #search-results-hider a.close {
	width: 30px;
	height: 30px;
	line-height: 30px !important;
	text-align: center;
}

body:not(.dark-mode) #search-results-hider a.close:focus, body:not(.dark-mode) #search-results-hider a.close:hover {
	background: #ccc;
	border-radius: 50%;
	text-shadow: none;
}

body:not(.dark-mode) table.table.table-bordered {
	border: 0;
	border-radius: 20px;
	overflow: hidden;
}

body:not(.dark-mode) #findfriends-tab .box-header, body:not(.dark-mode) #findgroups-tab .box-header, body:not(.dark-mode) #findteachers-tab .box-header {
	padding: 0 5px;
}

body:not(.dark-mode) #quiz-modal .box.quiz-box.mar-btm {
	margin-bottom: 0;
	padding-bottom: 0;
}

body:not(.dark-mode) #sendMessageArea .input-group {
	width: 100%;
}

body:not(.dark-mode) #otherClientsChat {
	display: none;
}

body:not(.dark-mode) #message-modal #otherClientsChat {
	display: table-cell;
}

body:not(.dark-mode) #inviteButtons {
	padding: 10px 5px;
}

body:not(.dark-mode) #inviteButtons hr {
	border-color: transparent !important;
	margin: 15px 0;
}

body:not(.dark-mode) #left-column a.topic-list-box {
	border: 0 !important;
	border-radius: 20px !important;
}

body:not(.dark-mode) #demo-chat-body {
	padding: 0;
	background: #fff;
	border-radius: 0 0 20px 20px;
	overflow: hidden;
}

body:not(.dark-mode) #questions.writingBox .panel-heading h3 {
	font-size: 18px !important;
	color: #525252 !important;
	padding: 15px 10px 0 !important;
}

body:not(.dark-mode) #questions.writingBox .panel.question .panel-body .form-box {
	margin: 25px 0 15px !important;
}

body:not(.dark-mode) #video-holder .aspectRatioForcer {
	border-radius: 20px;
}

body:not(.dark-mode) #tab_info .box.box-solid {
	border-radius: 0 !important;
}

body:not(.dark-mode) #qawrap li.mar-btm .panel-footer.replybox {
	margin: 10px 0 -5px !important;
}

@media (max-width: 559px) {
	body:not(.dark-mode) #shareongroups-modal .shared-topic-info .payment-modal-option {
		display: block;
		padding-bottom: 5px !important;
	}

	body:not(.dark-mode) #shareongroups-modal .shared-topic-info .payment-modal-option &gt; div {
		display: block !important;
		text-align: center;
		margin-top: 15px;
	}

	body:not(.dark-mode) #shareongroups-modal .shared-topic-info .payment-modal-option &gt; div &gt; div {
		margin-right: 0 !important;
		margin-bottom: 10px;
	}
}

@media (max-width: 419px) {
	body:not(.dark-mode) #left-column .ytvideo-options-explainer {
		padding: 10px 20px !important;
		text-align: center;
	}

	body:not(.dark-mode) #left-column .ytvideo-options-explainer span.separator {
		display: none;
	}

	body:not(.dark-mode) #left-column .ytvideo-options-explainer a.topic-video-link {
		margin-bottom: 5px;
	}
}

body:not(.dark-mode) #teacherScheduleForm hr {
	border-color: transparent !important;
}

body:not(.dark-mode) #entered-topic-video-explainer.subscription-explainer.quiz-explainer {
	margin-left: 22px;
}

body:not(.dark-mode) #grammar-search-input .subscription-explainer.quiz-explainer, body:not(.dark-mode) #vocab-search-input .subscription-explainer.quiz-explainer {
	margin-left: 14px;
}

body:not(.dark-mode) #entered-topic-video {
	font-size: 20px !important;
	font-weight: 600;
	padding: 20px;
}

body:not(.dark-mode) .easy-autocomplete-container ul {
	border: 0;
	top: 5px !important;
	padding: 5px !important;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: rgba(101, 119, 134, 0.2) 0 0 15px, rgba(101, 119, 134, 0.15) 0 0 3px 1px;
}

body:not(.dark-mode) .easy-autocomplete-container ul li {
	border: 0 !important;
}

body:not(.dark-mode) #eac-container-searchvalgrammar.easy-autocomplete-container ul li {
	padding: 10px 12px !important;
}

body:not(.dark-mode) .easy-autocomplete-container ul li.selected {
	background: 0 0 !important;
}

body:not(.dark-mode) .easy-autocomplete-container ul li:hover {
	background: #3c7ab5 !important;
	color: #fff;
	border-radius: 5px;
	cursor: pointer;
}

body:not(.dark-mode) .easy-autocomplete-container ul li:last-child {
	border-radius: 5px !important;
}

body:not(.dark-mode) .easy-autocomplete-container ul li &gt; a {
	color: #525252;
	font-weight: 600;
}

body:not(.dark-mode) .easy-autocomplete-container ul li:hover &gt; a {
	color: #fff;
	text-decoration: none !important;
}

body:not(.dark-mode) #topic-searchbox-box .box.box-solid {
	overflow: visible !important;
}

body:not(.dark-mode) #grammar-search-input, body:not(.dark-mode) #vocab-search-input {
	border-radius: 0 0 20px 20px;
}




/*
DARK~MODE
DARK MODE
DARK~MODE
DARK MODE
DARK~MODE
DARK MODE
DARK~MODE
DARK MODE
DARK~MODE
DARK MODE
DARK~MODE
DARK MODE
DARK~MODE
DARK MODE
DARK~MODE
DARK MODE
DARK~MODE
DARK MODE
DARK~MODE
DARK MODE
DARK~MODE
DARK MODE
DARK~MODE
DARK MODE
DARK~MODE
DARK MODE
DARK~MODE
DARK MODE
DARK~MODE
DARK MODE
DARK~MODE
DARK MODE
DARK~MODE
DARK MODE
DARK~MODE
DARK MODE
*/

body.dark-mode a {
	color: #8c8cfa;
}

body.dark-mode ::-webkit-scrollbar-track-piece {
	background-color: rgba(255, 255, 255, 0.2) !important;
}

body.dark-mode ::-webkit-scrollbar-track {
	background-color: rgba(255, 255, 255, 0.3) !important;
}

body.dark-mode ::-webkit-scrollbar-thumb {
	background-color: rgba(255, 255, 255, 0.5) !important;
}

body.dark-mode embed[type="application/pdf"] {
	filter: invert(90%);
}

body.dark-mode html {
	color: #bfbfbf;
	background: #1f1f1f !important;
}

body.dark-mode {
	background-color: #1f1f1f;
	background-image: none !important;
}

body.dark-mode input, body.dark-mode select, body.dark-mode textarea, body.dark-mode button {
	color: #bfbfbf;
	background-color: #1f1f1f;
}

body.dark-mode font {
	color: #bfbfbf;
}

body.dark-mode html {
	filter: contrast(100%) brightness(100%) saturate(100%);
}

body.dark-mode .NIGHTEYE_Filter {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	pointer-events: none;
	z-index: 2147483647;
}

body.dark-mode .NIGHTEYE_YellowFilter {
	background: rgba(255, 255, 0, 0.15);
	opacity: 0;
}

body.dark-mode .NIGHTEYE_BlueFilter {
	background: rgba(0, 0, 255, 0.15);
	opacity: 0;
}

body.dark-mode .NIGHTEYE_DimFilter {
	background: rgba(0, 0, 0, 0.5);
	opacity: 0;
}

body.dark-mode .NIGHTEYE_TransformZ {
	transform: translateZ(0px);
}

body.dark-mode html {
	font-family: sans-serif;
	text-size-adjust: 100%;
}

body.dark-mode {
	margin: 0px;
}

body.dark-mode article, body.dark-mode aside, body.dark-mode details, body.dark-mode figcaption, body.dark-mode figure, body.dark-mode footer, body.dark-mode header, body.dark-mode hgroup, body.dark-mode main, body.dark-mode menu, body.dark-mode nav, body.dark-mode section, body.dark-mode summary {
	display: block;
}

body.dark-mode audio, body.dark-mode canvas, body.dark-mode progress, body.dark-mode video {
	display: inline-block;
	vertical-align: baseline;
}

body.dark-mode audio:not([controls]) {
	display: none;
	height: 0px;
}

body.dark-mode [hidden], body.dark-mode template {
	display: none;
}

body.dark-mode a {
	background-color: transparent;
}

body.dark-mode a:active, body.dark-mode a:hover {
	outline: 0px;
}

body.dark-mode abbr[title] {
	border-bottom: 1px dotted;
}

body.dark-mode b, body.dark-mode strong {
	font-weight: 700;
}

body.dark-mode dfn {
	font-style: italic;
}

body.dark-mode h1 {
	margin: 0.67em 0px;
	font-size: 2em;
}

body.dark-mode mark {
	color: #bfbfbf;
	background: #f0ad4e;
}

body.dark-mode small {
	font-size: 80%;
}

body.dark-mode sub, body.dark-mode sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}

body.dark-mode sup {
	top: -0.5em;
}

body.dark-mode sub {
	bottom: -0.25em;
}

body.dark-mode img {
	border: 0px;
}

body.dark-mode svg:not(:root) {
	overflow: hidden;
}

body.dark-mode figure {
	margin: 1em 40px;
}

body.dark-mode hr {
	height: 0px;
	box-sizing: content-box;
}

body.dark-mode pre {
	overflow: auto;
}

body.dark-mode code, body.dark-mode kbd, body.dark-mode pre, body.dark-mode samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

body.dark-mode button, body.dark-mode input, body.dark-mode optgroup, body.dark-mode select, body.dark-mode textarea {
	margin: 0px;
	font: inherit;
	color: inherit;
}

body.dark-mode button {
	overflow: visible;
}

body.dark-mode button, body.dark-mode select {
	text-transform: none;
}

body.dark-mode button, body.dark-mode html input[type="button"], body.dark-mode input[type="reset"], body.dark-mode input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

body.dark-mode button[disabled], body.dark-mode html input[disabled] {
	cursor: default;
}

body.dark-mode input {
	line-height: normal;
}

body.dark-mode input[type="checkbox"], body.dark-mode input[type="radio"] {
	box-sizing: border-box;
	padding: 0px;
}

body.dark-mode input[type="number"]::-webkit-inner-spin-button, body.dark-mode input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

body.dark-mode input[type="search"] {
	box-sizing: content-box;
	-webkit-appearance: textfield;
}

body.dark-mode input[type="search"]::-webkit-search-cancel-button, body.dark-mode input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

body.dark-mode fieldset {
	padding: 0.35em 0.625em 0.75em;
	margin: 0px 2px;
	border: 1px solid #595959;
}

body.dark-mode legend {
	padding: 0px;
	border: 0px;
}

body.dark-mode textarea {
	overflow: auto;
}

body.dark-mode optgroup {
	font-weight: 700;
}

body.dark-mode table {
	border-spacing: 0px;
	border-collapse: collapse;
}

body.dark-mode td, body.dark-mode th {
	padding: 0px;
}

@media print {
	body.dark-mode *, body.dark-mode ::after, body.dark-mode ::before {
		color: black !important;
		text-shadow: none !important;
		background: 0px 0px !important;
		box-shadow: none !important;
	}

	body.dark-mode a, body.dark-mode a:visited {
		text-decoration: underline;
	}

	body.dark-mode a[href]::after {
		content: " (" attr(href) ")";
	}

	body.dark-mode abbr[title]::after {
		content: " (" attr(title) ")";
	}

	body.dark-mode a[href^="javascript:"]::after, body.dark-mode a[href^="#"]::after {
		content: "";
	}

	body.dark-mode blockquote, body.dark-mode pre {
		border: 1px solid #999999;
		break-inside: avoid;
	}

	body.dark-mode thead {
		display: table-header-group;
	}

	body.dark-mode img, body.dark-mode tr {
		break-inside: avoid;
	}

	body.dark-mode img {
		max-width: 100% !important;
	}

	body.dark-mode h2, body.dark-mode h3, body.dark-mode p {
		orphans: 3;
		widows: 3;
	}

	body.dark-mode h2, body.dark-mode h3 {
		break-after: avoid;
	}

	body.dark-mode .navbar {
		display: none;
	}

	body.dark-mode .btn &gt; .caret, body.dark-mode .dropup &gt; .btn &gt; .caret {
		border-top-color: black !important;
	}

	body.dark-mode .label {
		border: 1px solid black;
	}

	body.dark-mode .table {
		border-collapse: collapse !important;
	}

	body.dark-mode .table td, body.dark-mode .table th {
		background-color: white !important;
	}

	body.dark-mode .table-bordered td, body.dark-mode .table-bordered th {
		border: 1px solid #dddddd !important;
	}
}

body.dark-mode * {
	box-sizing: border-box;
}

body.dark-mode ::after, body.dark-mode ::before {
	box-sizing: border-box;
}

body.dark-mode html {
	font-size: 10px;
	-webkit-tap-highlight-color: transparent;
}

body.dark-mode {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.42857;
	color: #bfbfbf;
	background-color: #1c1c21;
}

body.dark-mode button, body.dark-mode input, body.dark-mode select, body.dark-mode textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

body.dark-mode a {
	color: #9cc2e3;
	text-decoration: none;
}

body.dark-mode a:focus, body.dark-mode a:hover {
	color: #9cc2e3;
	text-decoration: underline;
}

body.dark-mode a:focus {
	outline: -webkit-focus-ring-color auto 5px;
	outline-offset: -2px;
}

body.dark-mode figure {
	margin: 0px;
}

body.dark-mode img {
	vertical-align: middle;
}

body.dark-mode .carousel-inner &gt; .item &gt; a &gt; img, body.dark-mode .carousel-inner &gt; .item &gt; img, body.dark-mode .img-responsive, body.dark-mode .thumbnail a &gt; img, body.dark-mode .thumbnail &gt; img {
	display: block;
	max-width: 100%;
	height: auto;
}

body.dark-mode .img-rounded {
	border-radius: 6px;
}

body.dark-mode .img-thumbnail {
	display: inline-block;
	max-width: 100%;
	height: auto;
	padding: 4px;
	line-height: 1.42857;
	background-color: #1c1c21;
	border: 1px solid #3b3b3b;
	border-radius: 4px;
	transition: all 0.2s ease-in-out 0s;
}

body.dark-mode .img-circle {
	border-radius: 50%;
}

body.dark-mode hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border-width: 1px 0px 0px;
	border-right-style: initial;
	border-bottom-style: initial;
	border-left-style: initial;
	border-right-color: initial;
	border-bottom-color: initial;
	border-left-color: initial;
	border-image: initial;
	border-top-style: solid;
	border-top-color: #2b2b2b;
}

body.dark-mode .sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0px;
	margin: -1px;
	overflow: hidden;
	clip: rect(0px, 0px, 0px, 0px);
	border: 0px;
}

body.dark-mode .sr-only-focusable:active, body.dark-mode .sr-only-focusable:focus {
	position: static;
	width: auto;
	height: auto;
	margin: 0px;
	overflow: visible;
	clip: auto;
}

body.dark-mode [role="button"] {
	cursor: pointer;
}

body.dark-mode .h1, body.dark-mode .h2, body.dark-mode .h3, body.dark-mode .h4, body.dark-mode .h5, body.dark-mode .h6, body.dark-mode h1, body.dark-mode h2, body.dark-mode h3, body.dark-mode h4, body.dark-mode h5, body.dark-mode h6 {
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
	color: inherit;
}

body.dark-mode .h1 .small, body.dark-mode .h1 small, body.dark-mode .h2 .small, body.dark-mode .h2 small, body.dark-mode .h3 .small, body.dark-mode .h3 small, body.dark-mode .h4 .small, body.dark-mode .h4 small, body.dark-mode .h5 .small, body.dark-mode .h5 small, body.dark-mode .h6 .small, body.dark-mode .h6 small, body.dark-mode h1 .small, body.dark-mode h1 small, body.dark-mode h2 .small, body.dark-mode h2 small, body.dark-mode h3 .small, body.dark-mode h3 small, body.dark-mode h4 .small, body.dark-mode h4 small, body.dark-mode h5 .small, body.dark-mode h5 small, body.dark-mode h6 .small, body.dark-mode h6 small {
	font-weight: 400;
	line-height: 1;
	color: #bfbfbf;
}

body.dark-mode .h1, body.dark-mode .h2, body.dark-mode .h3, body.dark-mode h1, body.dark-mode h2, body.dark-mode h3 {
	margin-top: 20px;
	margin-bottom: 10px;
}

body.dark-mode .h1 .small, body.dark-mode .h1 small, body.dark-mode .h2 .small, body.dark-mode .h2 small, body.dark-mode .h3 .small, body.dark-mode .h3 small, body.dark-mode h1 .small, body.dark-mode h1 small, body.dark-mode h2 .small, body.dark-mode h2 small, body.dark-mode h3 .small, body.dark-mode h3 small {
	font-size: 65%;
}

body.dark-mode .h4, body.dark-mode .h5, body.dark-mode .h6, body.dark-mode h4, body.dark-mode h5, body.dark-mode h6 {
	margin-top: 10px;
	margin-bottom: 10px;
}

body.dark-mode .h4 .small, body.dark-mode .h4 small, body.dark-mode .h5 .small, body.dark-mode .h5 small, body.dark-mode .h6 .small, body.dark-mode .h6 small, body.dark-mode h4 .small, body.dark-mode h4 small, body.dark-mode h5 .small, body.dark-mode h5 small, body.dark-mode h6 .small, body.dark-mode h6 small {
	font-size: 75%;
}

body.dark-mode .h1, body.dark-mode h1 {
	font-size: 36px;
}

body.dark-mode .h2, body.dark-mode h2 {
	font-size: 30px;
}

body.dark-mode .h3, body.dark-mode h3 {
	font-size: 24px;
}

body.dark-mode .h4, body.dark-mode h4 {
	font-size: 18px;
}

body.dark-mode .h5, body.dark-mode h5 {
	font-size: 14px;
}

body.dark-mode .h6, body.dark-mode h6 {
	font-size: 12px;
}

body.dark-mode p {
	margin: 0px 0px 10px;
}

body.dark-mode .lead {
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.4;
}

@media (min-width: 768px) {
	body.dark-mode .lead {
		font-size: 21px;
	}
}

body.dark-mode .small, body.dark-mode small {
	font-size: 85%;
}

body.dark-mode .mark, body.dark-mode mark {
	padding: 0.2em;
	background-color: #f0ad4e;
}

body.dark-mode .text-left {
	text-align: left;
}

body.dark-mode .text-right {
	text-align: right;
}

body.dark-mode .text-center {
	text-align: center;
}

body.dark-mode .text-justify {
	text-align: justify;
}

body.dark-mode .text-nowrap {
	white-space: nowrap;
}

body.dark-mode .text-lowercase {
	text-transform: lowercase;
}

body.dark-mode .text-uppercase {
	text-transform: uppercase;
}

body.dark-mode .text-capitalize {
	text-transform: capitalize;
}

body.dark-mode .text-muted {
	color: #bfbfbf;
}

body.dark-mode .text-primary {
	color: #9cc2e3;
}

body.dark-mode a.text-primary:focus, body.dark-mode a.text-primary:hover {
	color: #9bc2e4;
}

body.dark-mode .text-success {
	color: #aad4ab;
}

body.dark-mode a.text-success:focus, body.dark-mode a.text-success:hover {
	color: #abd4ac;
}

body.dark-mode .text-info {
	color: #a0cade;
}

body.dark-mode a.text-info:focus, body.dark-mode a.text-info:hover {
	color: #a0cade;
}

body.dark-mode .text-warning {
	color: #d9c6a6;
}

body.dark-mode a.text-warning:focus, body.dark-mode a.text-warning:hover {
	color: #d9c6a6;
}

body.dark-mode .text-danger {
	color: #dba4a3;
}

body.dark-mode a.text-danger:focus, body.dark-mode a.text-danger:hover {
	color: #dba5a4;
}

body.dark-mode .bg-primary {
	color: white;
	background-color: #347ab7;
}

body.dark-mode a.bg-primary:focus, body.dark-mode a.bg-primary:hover {
	background-color: #275f90;
}

body.dark-mode .bg-success {
	background-color: #2b4d1e;
}

body.dark-mode a.bg-success:focus, body.dark-mode a.bg-success:hover {
	background-color: #41732b;
}

body.dark-mode .bg-info {
	background-color: #133a4e;
}

body.dark-mode a.bg-info:focus, body.dark-mode a.bg-info:hover {
	background-color: #1e5976;
}

body.dark-mode .bg-warning {
	background-color: #f0ad4e;
}

body.dark-mode a.bg-warning:focus, body.dark-mode a.bg-warning:hover {
	background-color: #f0ad4e;
}

body.dark-mode .bg-danger {
	background-color: #451c1c;
}

body.dark-mode a.bg-danger:focus, body.dark-mode a.bg-danger:hover {
	background-color: #6a2929;
}

body.dark-mode .page-header {
	padding-bottom: 9px;
	margin: 40px 0px 20px;
	border-bottom: 1px solid #2b2b2b;
}

body.dark-mode ol, body.dark-mode ul {
	margin-top: 0px;
	margin-bottom: 10px;
}

body.dark-mode ol ol, body.dark-mode ol ul, body.dark-mode ul ol, body.dark-mode ul ul {
	margin-bottom: 0px;
}

body.dark-mode .list-unstyled {
	padding-left: 0px;
	list-style: none;
}

body.dark-mode .list-inline {
	padding-left: 0px;
	margin-left: -5px;
	list-style: none;
}

body.dark-mode .list-inline &gt; li {
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;
}

body.dark-mode dl {
	margin-top: 0px;
	margin-bottom: 20px;
}

body.dark-mode dd, body.dark-mode dt {
	line-height: 1.42857;
}

body.dark-mode dt {
	font-weight: 700;
}

body.dark-mode dd {
	margin-left: 0px;
}

@media (min-width: 768px) {
	body.dark-mode .dl-horizontal dt {
		float: left;
		width: 160px;
		overflow: hidden;
		clear: left;
		text-align: right;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	body.dark-mode .dl-horizontal dd {
		margin-left: 180px;
	}
}

body.dark-mode abbr[data-original-title], body.dark-mode abbr[title] {
	cursor: help;
	border-bottom: 1px dotted #787878;
}

body.dark-mode .initialism {
	font-size: 90%;
	text-transform: uppercase;
}

body.dark-mode blockquote {
	padding: 10px 20px;
	margin: 0px 0px 20px;
	font-size: 17.5px;
	border-left: 5px solid #2b2b2b;
}

body.dark-mode blockquote ol:last-child, body.dark-mode blockquote p:last-child, body.dark-mode blockquote ul:last-child {
	margin-bottom: 0px;
}

body.dark-mode blockquote .small, body.dark-mode blockquote footer, body.dark-mode blockquote small {
	display: block;
	font-size: 80%;
	line-height: 1.42857;
	color: #bfbfbf;
}

body.dark-mode blockquote .small::before, body.dark-mode blockquote footer::before, body.dark-mode blockquote small::before {
	content: "â€”Â&nbsp;";
}

body.dark-mode .blockquote-reverse, body.dark-mode blockquote.pull-right {
	padding-right: 15px;
	padding-left: 0px;
	text-align: right;
	border-right: 5px solid #2b2b2b;
	border-left: 0px;
}

body.dark-mode .blockquote-reverse .small::before, body.dark-mode .blockquote-reverse footer::before, body.dark-mode .blockquote-reverse small::before, body.dark-mode blockquote.pull-right .small::before, body.dark-mode blockquote.pull-right footer::before, body.dark-mode blockquote.pull-right small::before {
	content: "";
}

body.dark-mode .blockquote-reverse .small::after, body.dark-mode .blockquote-reverse footer::after, body.dark-mode .blockquote-reverse small::after, body.dark-mode blockquote.pull-right .small::after, body.dark-mode blockquote.pull-right footer::after, body.dark-mode blockquote.pull-right small::after {
	content: "Â&nbsp;â€”";
}

body.dark-mode address {
	margin-bottom: 20px;
	font-style: normal;
	line-height: 1.42857;
}

body.dark-mode code, body.dark-mode kbd, body.dark-mode pre, body.dark-mode samp {
	font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

body.dark-mode code {
	padding: 2px 4px;
	font-size: 90%;
	color: #e699ac;
	background-color: #242424;
	border-radius: 4px;
}

body.dark-mode kbd {
	padding: 2px 4px;
	font-size: 90%;
	color: white;
	background-color: #333333;
	border-radius: 3px;
	box-shadow: rgba(0, 0, 0, 0.25) 0px -1px 0px inset;
}

body.dark-mode kbd kbd {
	padding: 0px;
	font-size: 100%;
	font-weight: 700;
	box-shadow: none;
}

body.dark-mode pre {
	display: block;
	padding: 9.5px;
	margin: 0px 0px 10px;
	font-size: 13px;
	line-height: 1.42857;
	color: #bfbfbf;
	word-break: break-all;
	overflow-wrap: break-word;
	background-color: #242424;
	border: 1px solid #4d4d4d;
	border-radius: 4px;
}

body.dark-mode pre code {
	padding: 0px;
	font-size: inherit;
	color: inherit;
	white-space: pre-wrap;
	background-color: transparent;
	border-radius: 0px;
}

body.dark-mode .pre-scrollable {
	max-height: 340px;
	overflow-y: scroll;
}

body.dark-mode table {
	background-color: transparent;
}

body.dark-mode caption {
	padding-top: 8px;
	padding-bottom: 8px;
	color: #bfbfbf;
	text-align: left;
}

body.dark-mode th {
	text-align: left;
}

body.dark-mode .table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
}

body.dark-mode .table &gt; tbody &gt; tr &gt; td, body.dark-mode .table &gt; tbody &gt; tr &gt; th, body.dark-mode .table &gt; tfoot &gt; tr &gt; td, body.dark-mode .table &gt; tfoot &gt; tr &gt; th, body.dark-mode .table &gt; thead &gt; tr &gt; td, body.dark-mode .table &gt; thead &gt; tr &gt; th {
	padding: 8px;
	line-height: 1.42857;
	vertical-align: top;
	border-top: 1px solid #3b3b3b;
}

body.dark-mode .table &gt; thead &gt; tr &gt; th {
	vertical-align: bottom;
	border-bottom: 2px solid #3b3b3b;
}

body.dark-mode .table &gt; caption + thead &gt; tr:first-child &gt; td, body.dark-mode .table &gt; caption + thead &gt; tr:first-child &gt; th, body.dark-mode .table &gt; colgroup + thead &gt; tr:first-child &gt; td, body.dark-mode .table &gt; colgroup + thead &gt; tr:first-child &gt; th, body.dark-mode .table &gt; thead:first-child &gt; tr:first-child &gt; td, body.dark-mode .table &gt; thead:first-child &gt; tr:first-child &gt; th {
	border-top: 0px;
}

body.dark-mode .table &gt; tbody + tbody {
	border-top: 2px solid #3b3b3b;
}

body.dark-mode .table .table {
	background-color: #1c1c21;
}

body.dark-mode .table-condensed &gt; tbody &gt; tr &gt; td, body.dark-mode .table-condensed &gt; tbody &gt; tr &gt; th, body.dark-mode .table-condensed &gt; tfoot &gt; tr &gt; td, body.dark-mode .table-condensed &gt; tfoot &gt; tr &gt; th, body.dark-mode .table-condensed &gt; thead &gt; tr &gt; td, body.dark-mode .table-condensed &gt; thead &gt; tr &gt; th {
	padding: 5px;
}

body.dark-mode .table-bordered {
	border: 1px solid #3b3b3b;
}

body.dark-mode .table-bordered &gt; tbody &gt; tr &gt; td, body.dark-mode .table-bordered &gt; tbody &gt; tr &gt; th, body.dark-mode .table-bordered &gt; tfoot &gt; tr &gt; td, body.dark-mode .table-bordered &gt; tfoot &gt; tr &gt; th, body.dark-mode .table-bordered &gt; thead &gt; tr &gt; td, body.dark-mode .table-bordered &gt; thead &gt; tr &gt; th {
	border: 1px solid #3b3b3b;
}

body.dark-mode .table-bordered &gt; thead &gt; tr &gt; td, body.dark-mode .table-bordered &gt; thead &gt; tr &gt; th {
	border-bottom-width: 2px;
}

body.dark-mode .table-striped &gt; tbody &gt; tr:nth-of-type(2n+1) {
	background-color: #1f1f1f;
}

body.dark-mode .table-hover &gt; tbody &gt; tr:hover {
	background-color: #242424;
}

body.dark-mode table col[class*="col-"] {
	position: static;
	display: table-column;
	float: none;
}

body.dark-mode table td[class*="col-"], body.dark-mode table th[class*="col-"] {
	position: static;
	display: table-cell;
	float: none;
}

body.dark-mode .table &gt; tbody &gt; tr.active &gt; td, body.dark-mode .table &gt; tbody &gt; tr.active &gt; th, body.dark-mode .table &gt; tbody &gt; tr &gt; td.active, body.dark-mode .table &gt; tbody &gt; tr &gt; th.active, body.dark-mode .table &gt; tfoot &gt; tr.active &gt; td, body.dark-mode .table &gt; tfoot &gt; tr.active &gt; th, body.dark-mode .table &gt; tfoot &gt; tr &gt; td.active, body.dark-mode .table &gt; tfoot &gt; tr &gt; th.active, body.dark-mode .table &gt; thead &gt; tr.active &gt; td, body.dark-mode .table &gt; thead &gt; tr.active &gt; th, body.dark-mode .table &gt; thead &gt; tr &gt; td.active, body.dark-mode .table &gt; thead &gt; tr &gt; th.active {
	background-color: #242424;
}

body.dark-mode .table-hover &gt; tbody &gt; tr.active:hover &gt; td, body.dark-mode .table-hover &gt; tbody &gt; tr.active:hover &gt; th, body.dark-mode .table-hover &gt; tbody &gt; tr:hover &gt; .active, body.dark-mode .table-hover &gt; tbody &gt; tr &gt; td.active:hover, body.dark-mode .table-hover &gt; tbody &gt; tr &gt; th.active:hover {
	background-color: #303030;
}

body.dark-mode .table &gt; tbody &gt; tr.success &gt; td, body.dark-mode .table &gt; tbody &gt; tr.success &gt; th, body.dark-mode .table &gt; tbody &gt; tr &gt; td.success, body.dark-mode .table &gt; tbody &gt; tr &gt; th.success, body.dark-mode .table &gt; tfoot &gt; tr.success &gt; td, body.dark-mode .table &gt; tfoot &gt; tr.success &gt; th, body.dark-mode .table &gt; tfoot &gt; tr &gt; td.success, body.dark-mode .table &gt; tfoot &gt; tr &gt; th.success, body.dark-mode .table &gt; thead &gt; tr.success &gt; td, body.dark-mode .table &gt; thead &gt; tr.success &gt; th, body.dark-mode .table &gt; thead &gt; tr &gt; td.success, body.dark-mode .table &gt; thead &gt; tr &gt; th.success {
	background-color: #2b4d1e;
}

body.dark-mode .table-hover &gt; tbody &gt; tr.success:hover &gt; td, body.dark-mode .table-hover &gt; tbody &gt; tr.success:hover &gt; th, body.dark-mode .table-hover &gt; tbody &gt; tr:hover &gt; .success, body.dark-mode .table-hover &gt; tbody &gt; tr &gt; td.success:hover, body.dark-mode .table-hover &gt; tbody &gt; tr &gt; th.success:hover {
	background-color: #345c24;
}

body.dark-mode .table &gt; tbody &gt; tr.info &gt; td, body.dark-mode .table &gt; tbody &gt; tr.info &gt; th, body.dark-mode .table &gt; tbody &gt; tr &gt; td.info, body.dark-mode .table &gt; tbody &gt; tr &gt; th.info, body.dark-mode .table &gt; tfoot &gt; tr.info &gt; td, body.dark-mode .table &gt; tfoot &gt; tr.info &gt; th, body.dark-mode .table &gt; tfoot &gt; tr &gt; td.info, body.dark-mode .table &gt; tfoot &gt; tr &gt; th.info, body.dark-mode .table &gt; thead &gt; tr.info &gt; td, body.dark-mode .table &gt; thead &gt; tr.info &gt; th, body.dark-mode .table &gt; thead &gt; tr &gt; td.info, body.dark-mode .table &gt; thead &gt; tr &gt; th.info {
	background-color: #133a4e;
}

body.dark-mode .table-hover &gt; tbody &gt; tr.info:hover &gt; td, body.dark-mode .table-hover &gt; tbody &gt; tr.info:hover &gt; th, body.dark-mode .table-hover &gt; tbody &gt; tr:hover &gt; .info, body.dark-mode .table-hover &gt; tbody &gt; tr &gt; td.info:hover, body.dark-mode .table-hover &gt; tbody &gt; tr &gt; th.info:hover {
	background-color: #184962;
}

body.dark-mode .table &gt; tbody &gt; tr.warning &gt; td, body.dark-mode .table &gt; tbody &gt; tr.warning &gt; th, body.dark-mode .table &gt; tbody &gt; tr &gt; td.warning, body.dark-mode .table &gt; tbody &gt; tr &gt; th.warning, body.dark-mode .table &gt; tfoot &gt; tr.warning &gt; td, body.dark-mode .table &gt; tfoot &gt; tr.warning &gt; th, body.dark-mode .table &gt; tfoot &gt; tr &gt; td.warning, body.dark-mode .table &gt; tfoot &gt; tr &gt; th.warning, body.dark-mode .table &gt; thead &gt; tr.warning &gt; td, body.dark-mode .table &gt; thead &gt; tr.warning &gt; th, body.dark-mode .table &gt; thead &gt; tr &gt; td.warning, body.dark-mode .table &gt; thead &gt; tr &gt; th.warning {
	background-color: #f0ad4e;
}

body.dark-mode .table-hover &gt; tbody &gt; tr.warning:hover &gt; td, body.dark-mode .table-hover &gt; tbody &gt; tr.warning:hover &gt; th, body.dark-mode .table-hover &gt; tbody &gt; tr:hover &gt; .warning, body.dark-mode .table-hover &gt; tbody &gt; tr &gt; td.warning:hover, body.dark-mode .table-hover &gt; tbody &gt; tr &gt; th.warning:hover {
	background-color: #f0ad4e;
}

body.dark-mode .table &gt; tbody &gt; tr.danger &gt; td, body.dark-mode .table &gt; tbody &gt; tr.danger &gt; th, body.dark-mode .table &gt; tbody &gt; tr &gt; td.danger, body.dark-mode .table &gt; tbody &gt; tr &gt; th.danger, body.dark-mode .table &gt; tfoot &gt; tr.danger &gt; td, body.dark-mode .table &gt; tfoot &gt; tr.danger &gt; th, body.dark-mode .table &gt; tfoot &gt; tr &gt; td.danger, body.dark-mode .table &gt; tfoot &gt; tr &gt; th.danger, body.dark-mode .table &gt; thead &gt; tr.danger &gt; td, body.dark-mode .table &gt; thead &gt; tr.danger &gt; th, body.dark-mode .table &gt; thead &gt; tr &gt; td.danger, body.dark-mode .table &gt; thead &gt; tr &gt; th.danger {
	background-color: #451c1c;
}

body.dark-mode .table-hover &gt; tbody &gt; tr.danger:hover &gt; td, body.dark-mode .table-hover &gt; tbody &gt; tr.danger:hover &gt; th, body.dark-mode .table-hover &gt; tbody &gt; tr:hover &gt; .danger, body.dark-mode .table-hover &gt; tbody &gt; tr &gt; td.danger:hover, body.dark-mode .table-hover &gt; tbody &gt; tr &gt; th.danger:hover {
	background-color: #582222;
}

body.dark-mode .table-responsive {
	min-height: 0.01%;
	overflow-x: auto;
}

@media screen and (max-width: 767px) {
	body.dark-mode .table-responsive {
		width: 100%;
		margin-bottom: 15px;
		overflow-y: hidden;
		border: 1px solid #3b3b3b;
	}

	body.dark-mode .table-responsive &gt; .table {
		margin-bottom: 0px;
	}

	body.dark-mode .table-responsive &gt; .table &gt; tbody &gt; tr &gt; td, body.dark-mode .table-responsive &gt; .table &gt; tbody &gt; tr &gt; th, body.dark-mode .table-responsive &gt; .table &gt; tfoot &gt; tr &gt; td, body.dark-mode .table-responsive &gt; .table &gt; tfoot &gt; tr &gt; th, body.dark-mode .table-responsive &gt; .table &gt; thead &gt; tr &gt; td, body.dark-mode .table-responsive &gt; .table &gt; thead &gt; tr &gt; th {
		white-space: nowrap;
	}

	body.dark-mode .table-responsive &gt; .table-bordered {
		border: 0px;
	}

	body.dark-mode .table-responsive &gt; .table-bordered &gt; tbody &gt; tr &gt; td:first-child, body.dark-mode .table-responsive &gt; .table-bordered &gt; tbody &gt; tr &gt; th:first-child, body.dark-mode .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr &gt; td:first-child, body.dark-mode .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr &gt; th:first-child, body.dark-mode .table-responsive &gt; .table-bordered &gt; thead &gt; tr &gt; td:first-child, body.dark-mode .table-responsive &gt; .table-bordered &gt; thead &gt; tr &gt; th:first-child {
		border-left: 0px;
	}

	body.dark-mode .table-responsive &gt; .table-bordered &gt; tbody &gt; tr &gt; td:last-child, body.dark-mode .table-responsive &gt; .table-bordered &gt; tbody &gt; tr &gt; th:last-child, body.dark-mode .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr &gt; td:last-child, body.dark-mode .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr &gt; th:last-child, body.dark-mode .table-responsive &gt; .table-bordered &gt; thead &gt; tr &gt; td:last-child, body.dark-mode .table-responsive &gt; .table-bordered &gt; thead &gt; tr &gt; th:last-child {
		border-right: 0px;
	}

	body.dark-mode .table-responsive &gt; .table-bordered &gt; tbody &gt; tr:last-child &gt; td, body.dark-mode .table-responsive &gt; .table-bordered &gt; tbody &gt; tr:last-child &gt; th, body.dark-mode .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr:last-child &gt; td, body.dark-mode .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr:last-child &gt; th {
		border-bottom: 0px;
	}
}

body.dark-mode fieldset {
	min-width: 0px;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

body.dark-mode legend {
	display: block;
	width: 100%;
	padding: 0px;
	margin-bottom: 20px;
	font-size: 21px;
	line-height: inherit;
	color: #bfbfbf;
	border-width: 0px 0px 1px;
	border-top-style: initial;
	border-right-style: initial;
	border-left-style: initial;
	border-top-color: initial;
	border-right-color: initial;
	border-left-color: initial;
	border-image: initial;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}

body.dark-mode label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: 700;
}

body.dark-mode input[type="search"] {
	box-sizing: border-box;
}

body.dark-mode input[type="checkbox"], body.dark-mode input[type="radio"] {
	margin: 4px 0px 0px;
	line-height: normal;
}

body.dark-mode input[type="file"] {
	display: block;
}

body.dark-mode input[type="range"] {
	display: block;
	width: 100%;
}

body.dark-mode select[multiple], body.dark-mode select[size] {
	height: auto;
}

body.dark-mode input[type="file"]:focus, body.dark-mode input[type="checkbox"]:focus, body.dark-mode input[type="radio"]:focus {
	outline: -webkit-focus-ring-color auto 5px;
	outline-offset: -2px;
}

body.dark-mode output {
	display: block;
	padding-top: 7px;
	font-size: 14px;
	line-height: 1.42857;
	color: #bfbfbf;
}

body.dark-mode .form-control {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857;
	color: #bfbfbf;
	background-color: #1c1c21;
	background-image: none;
	border: 1px solid #4d4d4d;
	border-radius: 4px;
	box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

body.dark-mode .form-control:focus {
	border-color: #2d77b4;
	outline: 0px;
	box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(45, 119, 180, 0.6) 0px 0px 8px;
}

body.dark-mode .form-control::-webkit-input-placeholder {
	color: #bfbfbf;
}

body.dark-mode .form-control[disabled], body.dark-mode .form-control[readonly], body.dark-mode fieldset[disabled] .form-control {
	background-color: #2b2b2b;
	opacity: 1;
}

body.dark-mode .form-control[disabled], body.dark-mode fieldset[disabled] .form-control {
	cursor: not-allowed;
}

body.dark-mode textarea.form-control {
	height: auto;
}

body.dark-mode input[type="search"] {
	-webkit-appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
	body.dark-mode input[type="date"].form-control, body.dark-mode input[type="time"].form-control, body.dark-mode input[type="datetime-local"].form-control, body.dark-mode input[type="month"].form-control {
		line-height: 34px;
	}

	body.dark-mode .input-group-sm input[type="date"], body.dark-mode .input-group-sm input[type="time"], body.dark-mode .input-group-sm input[type="datetime-local"], body.dark-mode .input-group-sm input[type="month"], body.dark-mode input[type="date"].input-sm, body.dark-mode input[type="time"].input-sm, body.dark-mode input[type="datetime-local"].input-sm, body.dark-mode input[type="month"].input-sm {
		line-height: 30px;
	}

	body.dark-mode .input-group-lg input[type="date"], body.dark-mode .input-group-lg input[type="time"], body.dark-mode .input-group-lg input[type="datetime-local"], body.dark-mode .input-group-lg input[type="month"], body.dark-mode input[type="date"].input-lg, body.dark-mode input[type="time"].input-lg, body.dark-mode input[type="datetime-local"].input-lg, body.dark-mode input[type="month"].input-lg {
		line-height: 46px;
	}
}

body.dark-mode .form-group {
	margin-bottom: 15px;
}

body.dark-mode .checkbox, body.dark-mode .radio {
	position: relative;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}

body.dark-mode .checkbox label, body.dark-mode .radio label {
	min-height: 20px;
	padding-left: 20px;
	margin-bottom: 0px;
	font-weight: 400;
	cursor: pointer;
}

body.dark-mode .checkbox input[type="checkbox"], body.dark-mode .checkbox-inline input[type="checkbox"], body.dark-mode .radio input[type="radio"], body.dark-mode .radio-inline input[type="radio"] {
	position: absolute;
	margin-left: -20px;
}

body.dark-mode .checkbox + .checkbox, body.dark-mode .radio + .radio {
	margin-top: -5px;
}

body.dark-mode .checkbox-inline, body.dark-mode .radio-inline {
	position: relative;
	display: inline-block;
	padding-left: 20px;
	margin-bottom: 0px;
	font-weight: 400;
	vertical-align: middle;
	cursor: pointer;
}

body.dark-mode .checkbox-inline + .checkbox-inline, body.dark-mode .radio-inline + .radio-inline {
	margin-top: 0px;
	margin-left: 10px;
}

body.dark-mode fieldset[disabled] input[type="checkbox"], body.dark-mode fieldset[disabled] input[type="radio"], body.dark-mode input[type="checkbox"].disabled, body.dark-mode input[type="checkbox"][disabled], body.dark-mode input[type="radio"].disabled, body.dark-mode input[type="radio"][disabled] {
	cursor: not-allowed;
}

body.dark-mode .checkbox-inline.disabled, body.dark-mode .radio-inline.disabled, body.dark-mode fieldset[disabled] .checkbox-inline, body.dark-mode fieldset[disabled] .radio-inline {
	cursor: not-allowed;
}

body.dark-mode .checkbox.disabled label, body.dark-mode .radio.disabled label, body.dark-mode fieldset[disabled] .checkbox label, body.dark-mode fieldset[disabled] .radio label {
	cursor: not-allowed;
}

body.dark-mode .form-control-static {
	min-height: 34px;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-bottom: 0px;
}

body.dark-mode .form-control-static.input-lg, body.dark-mode .form-control-static.input-sm {
	padding-right: 0px;
	padding-left: 0px;
}

body.dark-mode .input-sm {
	height: 30px;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}

body.dark-mode select.input-sm {
	height: 30px;
	line-height: 30px;
}

body.dark-mode select[multiple].input-sm, body.dark-mode textarea.input-sm {
	height: auto;
}

body.dark-mode .form-group-sm .form-control {
	height: 30px;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}

body.dark-mode .form-group-sm select.form-control {
	height: 30px;
	line-height: 30px;
}

body.dark-mode .form-group-sm select[multiple].form-control, body.dark-mode .form-group-sm textarea.form-control {
	height: auto;
}

body.dark-mode .form-group-sm .form-control-static {
	height: 30px;
	min-height: 32px;
	padding: 6px 10px;
	font-size: 12px;
	line-height: 1.5;
}

body.dark-mode .input-lg {
	height: 46px;
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.33333;
	border-radius: 6px;
}

body.dark-mode select.input-lg {
	height: 46px;
	line-height: 46px;
}

body.dark-mode select[multiple].input-lg, body.dark-mode textarea.input-lg {
	height: auto;
}

body.dark-mode .form-group-lg .form-control {
	height: 46px;
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.33333;
	border-radius: 6px;
}

body.dark-mode .form-group-lg select.form-control {
	height: 46px;
	line-height: 46px;
}

body.dark-mode .form-group-lg select[multiple].form-control, body.dark-mode .form-group-lg textarea.form-control {
	height: auto;
}

body.dark-mode .form-group-lg .form-control-static {
	height: 46px;
	min-height: 38px;
	padding: 11px 16px;
	font-size: 18px;
	line-height: 1.33333;
}

body.dark-mode .has-feedback {
	position: relative;
}

body.dark-mode .has-feedback .form-control {
	padding-right: 42.5px;
}

body.dark-mode .form-control-feedback {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 2;
	display: block;
	width: 34px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	pointer-events: none;
}

body.dark-mode .form-group-lg .form-control + .form-control-feedback, body.dark-mode .input-group-lg + .form-control-feedback, body.dark-mode .input-lg + .form-control-feedback {
	width: 46px;
	height: 46px;
	line-height: 46px;
}

body.dark-mode .form-group-sm .form-control + .form-control-feedback, body.dark-mode .input-group-sm + .form-control-feedback, body.dark-mode .input-sm + .form-control-feedback {
	width: 30px;
	height: 30px;
	line-height: 30px;
}

body.dark-mode .has-success .checkbox, body.dark-mode .has-success .checkbox-inline, body.dark-mode .has-success .control-label, body.dark-mode .has-success .help-block, body.dark-mode .has-success .radio, body.dark-mode .has-success .radio-inline, body.dark-mode .has-success.checkbox label, body.dark-mode .has-success.checkbox-inline label, body.dark-mode .has-success.radio label, body.dark-mode .has-success.radio-inline label {
	color: #aad4ab;
}

body.dark-mode .has-success .form-control {
	border-color: #3c773d;
	box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset;
}

body.dark-mode .has-success .form-control:focus {
	border-color: #2b542c;
	box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, #68b169 0px 0px 6px;
}

body.dark-mode .has-success .input-group-addon {
	color: #aad4ab;
	background-color: #2b4d1e;
	border-color: #3c773d;
}

body.dark-mode .has-success .form-control-feedback {
	color: #aad4ab;
}

body.dark-mode .has-warning .checkbox, body.dark-mode .has-warning .checkbox-inline, body.dark-mode .has-warning .control-label, body.dark-mode .has-warning .help-block, body.dark-mode .has-warning .radio, body.dark-mode .has-warning .radio-inline, body.dark-mode .has-warning.checkbox label, body.dark-mode .has-warning.checkbox-inline label, body.dark-mode .has-warning.radio label, body.dark-mode .has-warning.radio-inline label {
	color: #d9c6a6;
}

body.dark-mode .has-warning .form-control {
	border-color: #8b6e3c;
	box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset;
}

body.dark-mode .has-warning .form-control:focus {
	border-color: #68522c;
	box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, #c0a26d 0px 0px 6px;
}

body.dark-mode .has-warning .input-group-addon {
	color: #d9c6a6;
	background-color: #f0ad4e;
	border-color: #8b6e3c;
}

body.dark-mode .has-warning .form-control-feedback {
	color: #d9c6a6;
}

body.dark-mode .has-error .checkbox, body.dark-mode .has-error .checkbox-inline, body.dark-mode .has-error .control-label, body.dark-mode .has-error .help-block, body.dark-mode .has-error .radio, body.dark-mode .has-error .radio-inline, body.dark-mode .has-error.checkbox label, body.dark-mode .has-error.checkbox-inline label, body.dark-mode .has-error.radio label, body.dark-mode .has-error.radio-inline label {
	color: #dba4a3;
}

body.dark-mode .has-error .form-control {
	border-color: #a94342;
	box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset;
}

body.dark-mode .has-error .form-control:focus {
	border-color: #833634;
	box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, #a04240 0px 0px 6px;
}

body.dark-mode .has-error .input-group-addon {
	color: #dba4a3;
	background-color: #451c1c;
	border-color: #a94342;
}

body.dark-mode .has-error .form-control-feedback {
	color: #dba4a3;
}

body.dark-mode .has-feedback label ~ .form-control-feedback {
	top: 25px;
}

body.dark-mode .has-feedback label.sr-only ~ .form-control-feedback {
	top: 0px;
}

body.dark-mode .help-block {
	display: block;
	margin-top: 5px;
	margin-bottom: 10px;
	color: #bfbfbf;
}

@media (min-width: 768px) {
	body.dark-mode .form-inline .form-group {
		display: inline-block;
		margin-bottom: 0px;
		vertical-align: middle;
	}

	body.dark-mode .form-inline .form-control {
		display: inline-block;
		width: auto;
		vertical-align: middle;
	}

	body.dark-mode .form-inline .form-control-static {
		display: inline-block;
	}

	body.dark-mode .form-inline .input-group {
		display: inline-table;
		vertical-align: middle;
	}

	body.dark-mode .form-inline .input-group .form-control, body.dark-mode .form-inline .input-group .input-group-addon, body.dark-mode .form-inline .input-group .input-group-btn {
		width: auto;
	}

	body.dark-mode .form-inline .input-group &gt; .form-control {
		width: 100%;
	}

	body.dark-mode .form-inline .control-label {
		margin-bottom: 0px;
		vertical-align: middle;
	}

	body.dark-mode .form-inline .checkbox, body.dark-mode .form-inline .radio {
		display: inline-block;
		margin-top: 0px;
		margin-bottom: 0px;
		vertical-align: middle;
	}

	body.dark-mode .form-inline .checkbox label, body.dark-mode .form-inline .radio label {
		padding-left: 0px;
	}

	body.dark-mode .form-inline .checkbox input[type="checkbox"], body.dark-mode .form-inline .radio input[type="radio"] {
		position: relative;
		margin-left: 0px;
	}

	body.dark-mode .form-inline .has-feedback .form-control-feedback {
		top: 0px;
	}
}

body.dark-mode .form-horizontal .checkbox, body.dark-mode .form-horizontal .checkbox-inline, body.dark-mode .form-horizontal .radio, body.dark-mode .form-horizontal .radio-inline {
	padding-top: 7px;
	margin-top: 0px;
	margin-bottom: 0px;
}

body.dark-mode .form-horizontal .checkbox, body.dark-mode .form-horizontal .radio {
	min-height: 27px;
}

body.dark-mode .form-horizontal .form-group {
	margin-right: -15px;
	margin-left: -15px;
}

@media (min-width: 768px) {
	body.dark-mode .form-horizontal .control-label {
		padding-top: 7px;
		margin-bottom: 0px;
		text-align: right;
	}
}

body.dark-mode .form-horizontal .has-feedback .form-control-feedback {
	right: 15px;
}

@media (min-width: 768px) {
	body.dark-mode .form-horizontal .form-group-lg .control-label {
		padding-top: 11px;
		font-size: 18px;
	}
}

@media (min-width: 768px) {
	body.dark-mode .form-horizontal .form-group-sm .control-label {
		padding-top: 6px;
		font-size: 12px;
	}
}

body.dark-mode .btn {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}

body.dark-mode .btn.active.focus, body.dark-mode .btn.active:focus, body.dark-mode .btn.focus, body.dark-mode .btn:active.focus, body.dark-mode .btn:active:focus, body.dark-mode .btn:focus {
	outline: -webkit-focus-ring-color auto 5px;
	outline-offset: -2px;
}

body.dark-mode .btn.focus, body.dark-mode .btn:focus, body.dark-mode .btn:hover {
	color: #bfbfbf;
	text-decoration: none;
}

body.dark-mode .btn.active, body.dark-mode .btn:active {
	background-image: none;
	outline: 0px;
	box-shadow: rgba(0, 0, 0, 0.125) 0px 3px 5px inset;
}

body.dark-mode .btn.disabled, body.dark-mode .btn[disabled], body.dark-mode fieldset[disabled] .btn {
	cursor: not-allowed;
	box-shadow: none;
	opacity: 0.65;
}

body.dark-mode a.btn.disabled, body.dark-mode fieldset[disabled] a.btn {
	pointer-events: none;
}

body.dark-mode .btn-default {
	color: #bfbfbf;
	background-color: #1c1c21;
	border-color: #4d4d4d;
}

body.dark-mode .btn-default.focus, body.dark-mode .btn-default:focus {
	color: #bfbfbf;
	background-color: #333333;
	border-color: #8c8c8c;
}

body.dark-mode .btn-default:hover {
	color: #bfbfbf;
	background-color: #333333;
	border-color: #6b6b6b;
}

body.dark-mode .btn-default.active, body.dark-mode .btn-default:active, body.dark-mode .open &gt; .dropdown-toggle.btn-default {
	color: #bfbfbf;
	background-color: #333333;
	border-color: #6b6b6b;
}

body.dark-mode .btn-default.active.focus, body.dark-mode .btn-default.active:focus, body.dark-mode .btn-default.active:hover, body.dark-mode .btn-default:active.focus, body.dark-mode .btn-default:active:focus, body.dark-mode .btn-default:active:hover, body.dark-mode .open &gt; .dropdown-toggle.btn-default.focus, body.dark-mode .open &gt; .dropdown-toggle.btn-default:focus, body.dark-mode .open &gt; .dropdown-toggle.btn-default:hover {
	color: #bfbfbf;
	background-color: #454545;
	border-color: #8c8c8c;
}

body.dark-mode .btn-default.active, body.dark-mode .btn-default:active, body.dark-mode .open &gt; .dropdown-toggle.btn-default {
	background-image: none;
}

body.dark-mode .btn-default.disabled.focus, body.dark-mode .btn-default.disabled:focus, body.dark-mode .btn-default.disabled:hover, body.dark-mode .btn-default[disabled].focus, body.dark-mode .btn-default[disabled]:focus, body.dark-mode .btn-default[disabled]:hover, body.dark-mode fieldset[disabled] .btn-default.focus, body.dark-mode fieldset[disabled] .btn-default:focus, body.dark-mode fieldset[disabled] .btn-default:hover {
	background-color: #1c1c21;
	border-color: #4d4d4d;
}

body.dark-mode .btn-default .badge {
	color: white;
	background-color: #333333;
}

body.dark-mode .btn-primary {
	color: white;
	background-color: #347ab7;
	border-color: #2e6ca3;
}

body.dark-mode .btn-primary.focus, body.dark-mode .btn-primary:focus {
	color: white;
	background-color: #275f90;
	border-color: #122b40;
}

body.dark-mode .btn-primary:hover {
	color: white;
	background-color: #275f90;
	border-color: #204d74;
}

body.dark-mode .btn-primary.active, body.dark-mode .btn-primary:active, body.dark-mode .open &gt; .dropdown-toggle.btn-primary {
	color: white;
	background-color: #275f90;
	border-color: #204d74;
}

body.dark-mode .btn-primary.active.focus, body.dark-mode .btn-primary.active:focus, body.dark-mode .btn-primary.active:hover, body.dark-mode .btn-primary:active.focus, body.dark-mode .btn-primary:active:focus, body.dark-mode .btn-primary:active:hover, body.dark-mode .open &gt; .dropdown-toggle.btn-primary.focus, body.dark-mode .open &gt; .dropdown-toggle.btn-primary:focus, body.dark-mode .open &gt; .dropdown-toggle.btn-primary:hover {
	color: white;
	background-color: #204d74;
	border-color: #122b40;
}

body.dark-mode .btn-primary.active, body.dark-mode .btn-primary:active, body.dark-mode .open &gt; .dropdown-toggle.btn-primary {
	background-image: none;
}

body.dark-mode .btn-primary.disabled.focus, body.dark-mode .btn-primary.disabled:focus, body.dark-mode .btn-primary.disabled:hover, body.dark-mode .btn-primary[disabled].focus, body.dark-mode .btn-primary[disabled]:focus, body.dark-mode .btn-primary[disabled]:hover, body.dark-mode fieldset[disabled] .btn-primary.focus, body.dark-mode fieldset[disabled] .btn-primary:focus, body.dark-mode fieldset[disabled] .btn-primary:hover {
	background-color: #347ab7;
	border-color: #2e6ca3;
}

body.dark-mode .btn-primary .badge {
	color: #9cc2e3;
	background-color: #1c1c21;
}

body.dark-mode .btn-success {
	color: white;
	background-color: #5cb75c;
	border-color: #4cae4c;
}

body.dark-mode .btn-success.focus, body.dark-mode .btn-success:focus {
	color: white;
	background-color: #439d43;
	border-color: #255625;
}

body.dark-mode .btn-success:hover {
	color: white;
	background-color: #439d43;
	border-color: #398439;
}

body.dark-mode .btn-success.active, body.dark-mode .btn-success:active, body.dark-mode .open &gt; .dropdown-toggle.btn-success {
	color: white;
	background-color: #439d43;
	border-color: #398439;
}

body.dark-mode .btn-success.active.focus, body.dark-mode .btn-success.active:focus, body.dark-mode .btn-success.active:hover, body.dark-mode .btn-success:active.focus, body.dark-mode .btn-success:active:focus, body.dark-mode .btn-success:active:hover, body.dark-mode .open &gt; .dropdown-toggle.btn-success.focus, body.dark-mode .open &gt; .dropdown-toggle.btn-success:focus, body.dark-mode .open &gt; .dropdown-toggle.btn-success:hover {
	color: white;
	background-color: #398439;
	border-color: #255625;
}

body.dark-mode .btn-success.active, body.dark-mode .btn-success:active, body.dark-mode .open &gt; .dropdown-toggle.btn-success {
	background-image: none;
}

body.dark-mode .btn-success.disabled.focus, body.dark-mode .btn-success.disabled:focus, body.dark-mode .btn-success.disabled:hover, body.dark-mode .btn-success[disabled].focus, body.dark-mode .btn-success[disabled]:focus, body.dark-mode .btn-success[disabled]:hover, body.dark-mode fieldset[disabled] .btn-success.focus, body.dark-mode fieldset[disabled] .btn-success:focus, body.dark-mode fieldset[disabled] .btn-success:hover {
	background-color: #5cb75c;
	border-color: #4cae4c;
}

body.dark-mode .btn-success .badge {
	color: #a6d8a6;
	background-color: #1c1c21;
}

body.dark-mode .btn-info {
	color: white;
	background-color: #32a5c8;
	border-color: #4bb3d2;
}

body.dark-mode .btn-info.focus, body.dark-mode .btn-info:focus {
	color: white;
	background-color: #37aacd;
	border-color: #20687e;
}

body.dark-mode .btn-info:hover {
	color: white;
	background-color: #37aacd;
	border-color: #2d94b4;
}

body.dark-mode .btn-info.active, body.dark-mode .btn-info:active, body.dark-mode .open &gt; .dropdown-toggle.btn-info {
	color: white;
	background-color: #37aacd;
	border-color: #2d94b4;
}

body.dark-mode .btn-info.active.focus, body.dark-mode .btn-info.active:focus, body.dark-mode .btn-info.active:hover, body.dark-mode .btn-info:active.focus, body.dark-mode .btn-info:active:focus, body.dark-mode .btn-info:active:hover, body.dark-mode .open &gt; .dropdown-toggle.btn-info.focus, body.dark-mode .open &gt; .dropdown-toggle.btn-info:focus, body.dark-mode .open &gt; .dropdown-toggle.btn-info:hover {
	color: white;
	background-color: #2d94b4;
	border-color: #20687e;
}

body.dark-mode .btn-info.active, body.dark-mode .btn-info:active, body.dark-mode .open &gt; .dropdown-toggle.btn-info {
	background-image: none;
}

body.dark-mode .btn-info.disabled.focus, body.dark-mode .btn-info.disabled:focus, body.dark-mode .btn-info.disabled:hover, body.dark-mode .btn-info[disabled].focus, body.dark-mode .btn-info[disabled]:focus, body.dark-mode .btn-info[disabled]:hover, body.dark-mode fieldset[disabled] .btn-info.focus, body.dark-mode fieldset[disabled] .btn-info:focus, body.dark-mode fieldset[disabled] .btn-info:hover {
	background-color: #32a5c8;
	border-color: #4bb3d2;
}

body.dark-mode .btn-info .badge {
	color: #99d4e6;
	background-color: #1c1c21;
}

body.dark-mode .btn-warning {
	color: white;
	background-color: #c48731;
	border-color: #d39c50;
}

body.dark-mode .btn-warning.focus, body.dark-mode .btn-warning:focus {
	color: white;
	background-color: #ce913b;
	border-color: #835a21;
}

body.dark-mode .btn-warning:hover {
	color: white;
	background-color: #ce913b;
	border-color: #b87e2e;
}

body.dark-mode .btn-warning.active, body.dark-mode .btn-warning:active, body.dark-mode .open &gt; .dropdown-toggle.btn-warning {
	color: white;
	background-color: #ce913b;
	border-color: #b87e2e;
}

body.dark-mode .btn-warning.active.focus, body.dark-mode .btn-warning.active:focus, body.dark-mode .btn-warning.active:hover, body.dark-mode .btn-warning:active.focus, body.dark-mode .btn-warning:active:focus, body.dark-mode .btn-warning:active:hover, body.dark-mode .open &gt; .dropdown-toggle.btn-warning.focus, body.dark-mode .open &gt; .dropdown-toggle.btn-warning:focus, body.dark-mode .open &gt; .dropdown-toggle.btn-warning:hover {
	color: white;
	background-color: #b87e2e;
	border-color: #835a21;
}

body.dark-mode .btn-warning.active, body.dark-mode .btn-warning:active, body.dark-mode .open &gt; .dropdown-toggle.btn-warning {
	background-image: none;
}

body.dark-mode .btn-warning.disabled.focus, body.dark-mode .btn-warning.disabled:focus, body.dark-mode .btn-warning.disabled:hover, body.dark-mode .btn-warning[disabled].focus, body.dark-mode .btn-warning[disabled]:focus, body.dark-mode .btn-warning[disabled]:hover, body.dark-mode fieldset[disabled] .btn-warning.focus, body.dark-mode fieldset[disabled] .btn-warning:focus, body.dark-mode fieldset[disabled] .btn-warning:hover {
	background-color: #c48731;
	border-color: #d39c50;
}

body.dark-mode .btn-warning .badge {
	color: #e6c699;
	background-color: #1c1c21;
}

body.dark-mode .btn-danger {
	color: white;
	background-color: #de5338;
	border-color: #de5338;
}

body.dark-mode .btn-danger.focus, body.dark-mode .btn-danger:focus {
	color: white;
	background-color: #eb6045;
	border-color: #721f1d;
}

body.dark-mode .btn-danger:hover {
	color: white;
	background-color: #eb6045;
	border-color: #eb6045;
}

body.dark-mode .btn-danger.active, body.dark-mode .btn-danger:active, body.dark-mode .open &gt; .dropdown-toggle.btn-danger {
	color: white;
	background-color: #eb6045;
	border-color: #eb6045;
}

body.dark-mode .btn-danger.active.focus, body.dark-mode .btn-danger.active:focus, body.dark-mode .btn-danger.active:hover, body.dark-mode .btn-danger:active.focus, body.dark-mode .btn-danger:active:focus, body.dark-mode .btn-danger:active:hover, body.dark-mode .open &gt; .dropdown-toggle.btn-danger.focus, body.dark-mode .open &gt; .dropdown-toggle.btn-danger:focus, body.dark-mode .open &gt; .dropdown-toggle.btn-danger:hover {
	color: white;
	background-color: #eb6045;
	border-color: #721f1d;
}

body.dark-mode .btn-danger.active, body.dark-mode .btn-danger:active, body.dark-mode .open &gt; .dropdown-toggle.btn-danger {
	background-image: none;
}

body.dark-mode .btn-danger.disabled.focus, body.dark-mode .btn-danger.disabled:focus, body.dark-mode .btn-danger.disabled:hover, body.dark-mode .btn-danger[disabled].focus, body.dark-mode .btn-danger[disabled]:focus, body.dark-mode .btn-danger[disabled]:hover, body.dark-mode fieldset[disabled] .btn-danger.focus, body.dark-mode fieldset[disabled] .btn-danger:focus, body.dark-mode fieldset[disabled] .btn-danger:hover {
	background-color: #d45854;
	border-color: #cf443f;
}

body.dark-mode .btn-danger .badge {
	color: #e69c99;
	background-color: #1c1c21;
}

body.dark-mode .btn-link {
	font-weight: 400;
	color: #9cc2e3;
	border-radius: 0px;
}

body.dark-mode .btn-link, body.dark-mode .btn-link.active, body.dark-mode .btn-link:active, body.dark-mode .btn-link[disabled], body.dark-mode fieldset[disabled] .btn-link {
	background-color: transparent;
	box-shadow: none;
}

body.dark-mode .btn-link, body.dark-mode .btn-link:active, body.dark-mode .btn-link:focus, body.dark-mode .btn-link:hover {
	border-color: transparent;
}

body.dark-mode .btn-link:focus, body.dark-mode .btn-link:hover {
	color: #9cc2e3;
	text-decoration: underline;
	background-color: transparent;
}

body.dark-mode .btn-link[disabled]:focus, body.dark-mode .btn-link[disabled]:hover, body.dark-mode fieldset[disabled] .btn-link:focus, body.dark-mode fieldset[disabled] .btn-link:hover {
	color: #bfbfbf;
	text-decoration: none;
}

body.dark-mode .btn-group-lg &gt; .btn, body.dark-mode .btn-lg {
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.33333;
	border-radius: 6px;
}

body.dark-mode .btn-group-sm &gt; .btn, body.dark-mode .btn-sm {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}

body.dark-mode .btn-group-xs &gt; .btn, body.dark-mode .btn-xs {
	padding: 1px 5px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}

body.dark-mode .btn-block {
	display: block;
	width: 100%;
}

body.dark-mode .btn-block + .btn-block {
	margin-top: 5px;
}

body.dark-mode input[type="button"].btn-block, body.dark-mode input[type="reset"].btn-block, body.dark-mode input[type="submit"].btn-block {
	width: 100%;
}

body.dark-mode .fade {
	opacity: 0;
	transition: opacity 0.15s linear 0s;
}

body.dark-mode .fade.in {
	opacity: 1;
}

body.dark-mode .collapse {
	display: none;
}

body.dark-mode .collapse.in {
	display: block;
}

body.dark-mode tr.collapse.in {
	display: table-row;
}

body.dark-mode tbody.collapse.in {
	display: table-row-group;
}

body.dark-mode .collapsing {
	position: relative;
	height: 0px;
	overflow: hidden;
	transition-timing-function: ease;
	transition-duration: 0.35s;
	transition-property: height, visibility;
}

body.dark-mode .caret {
	display: inline-block;
	width: 0px;
	height: 0px;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 4px dashed;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}

body.dark-mode .dropdown, body.dark-mode .dropup {
	position: relative;
}

body.dark-mode .dropdown-toggle:focus {
	outline: 0px;
}

body.dark-mode .dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0px;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0px;
	margin: 2px 0px 0px;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #1c1c21;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	box-shadow: rgba(0, 0, 0, 0.176) 0px 6px 12px;
}

body.dark-mode .dropdown-menu.pull-right {
	right: 0px;
	left: auto;
}

body.dark-mode .dropdown-menu .divider {
	height: 1px;
	margin: 9px 0px;
	overflow: hidden;
	background-color: #333333;
}

body.dark-mode .dropdown-menu &gt; li &gt; a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857;
	color: #bfbfbf;
	white-space: nowrap;
}

body.dark-mode .dropdown-menu &gt; li &gt; a:focus, body.dark-mode .dropdown-menu &gt; li &gt; a:hover {
	color: #bfbfbf;
	text-decoration: none;
	background-color: #242424;
}

body.dark-mode .dropdown-menu &gt; .active &gt; a, body.dark-mode .dropdown-menu &gt; .active &gt; a:focus, body.dark-mode .dropdown-menu &gt; .active &gt; a:hover {
	color: white;
	text-decoration: none;
	background-color: #347ab7;
	outline: 0px;
}

body.dark-mode .dropdown-menu &gt; .disabled &gt; a, body.dark-mode .dropdown-menu &gt; .disabled &gt; a:focus, body.dark-mode .dropdown-menu &gt; .disabled &gt; a:hover {
	color: #bfbfbf;
}

body.dark-mode .dropdown-menu &gt; .disabled &gt; a:focus, body.dark-mode .dropdown-menu &gt; .disabled &gt; a:hover {
	text-decoration: none;
	cursor: not-allowed;
	background-color: transparent;
	background-image: none;
}

body.dark-mode .open &gt; .dropdown-menu {
	display: block;
}

body.dark-mode .open &gt; a {
	outline: 0px;
}

body.dark-mode .dropdown-menu-right {
	right: 0px;
	left: auto;
}

body.dark-mode .dropdown-menu-left {
	right: auto;
	left: 0px;
}

body.dark-mode .dropdown-header {
	display: block;
	padding: 3px 20px;
	font-size: 12px;
	line-height: 1.42857;
	color: #bfbfbf;
	white-space: nowrap;
}

body.dark-mode .dropdown-backdrop {
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	z-index: 990;
}

body.dark-mode .pull-right &gt; .dropdown-menu {
	right: 0px;
	left: auto;
}

body.dark-mode .dropup .caret, body.dark-mode .navbar-fixed-bottom .dropdown .caret {
	content: "";
	border-top: 0px;
	border-bottom: 4px dashed;
}

body.dark-mode .dropup .dropdown-menu, body.dark-mode .navbar-fixed-bottom .dropdown .dropdown-menu {
	top: auto;
	bottom: 100%;
	margin-bottom: 2px;
}

@media (min-width: 768px) {
	body.dark-mode .navbar-right .dropdown-menu {
		right: 0px;
		left: auto;
	}

	body.dark-mode .navbar-right .dropdown-menu-left {
		right: auto;
		left: 0px;
	}
}

body.dark-mode .btn-group, body.dark-mode .btn-group-vertical {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

body.dark-mode .btn-group-vertical &gt; .btn, body.dark-mode .btn-group &gt; .btn {
	position: relative;
	float: left;
}

body.dark-mode .btn-group-vertical &gt; .btn.active, body.dark-mode .btn-group-vertical &gt; .btn:active, body.dark-mode .btn-group-vertical &gt; .btn:focus, body.dark-mode .btn-group-vertical &gt; .btn:hover, body.dark-mode .btn-group &gt; .btn.active, body.dark-mode .btn-group &gt; .btn:active, body.dark-mode .btn-group &gt; .btn:focus, body.dark-mode .btn-group &gt; .btn:hover {
	z-index: 2;
}

body.dark-mode .btn-group .btn + .btn, body.dark-mode .btn-group .btn + .btn-group, body.dark-mode .btn-group .btn-group + .btn, body.dark-mode .btn-group .btn-group + .btn-group {
	margin-left: -1px;
}

body.dark-mode .btn-toolbar {
	margin-left: -5px;
}

body.dark-mode .btn-toolbar .btn, body.dark-mode .btn-toolbar .btn-group, body.dark-mode .btn-toolbar .input-group {
	float: left;
}

body.dark-mode .btn-toolbar &gt; .btn, body.dark-mode .btn-toolbar &gt; .btn-group, body.dark-mode .btn-toolbar &gt; .input-group {
	margin-left: 5px;
}

body.dark-mode .btn-group &gt; .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
	border-radius: 0px;
}

body.dark-mode .btn-group &gt; .btn:first-child {
	margin-left: 0px;
}

body.dark-mode .btn-group &gt; .btn:first-child:not(:last-child):not(.dropdown-toggle) {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

body.dark-mode .btn-group &gt; .btn:last-child:not(:first-child), body.dark-mode .btn-group &gt; .dropdown-toggle:not(:first-child) {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

body.dark-mode .btn-group &gt; .btn-group {
	float: left;
}

body.dark-mode .btn-group &gt; .btn-group:not(:first-child):not(:last-child) &gt; .btn {
	border-radius: 0px;
}

body.dark-mode .btn-group &gt; .btn-group:first-child:not(:last-child) &gt; .btn:last-child, body.dark-mode .btn-group &gt; .btn-group:first-child:not(:last-child) &gt; .dropdown-toggle {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

body.dark-mode .btn-group &gt; .btn-group:last-child:not(:first-child) &gt; .btn:first-child {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

body.dark-mode .btn-group .dropdown-toggle:active, body.dark-mode .btn-group.open .dropdown-toggle {
	outline: 0px;
}

body.dark-mode .btn-group &gt; .btn + .dropdown-toggle {
	padding-right: 8px;
	padding-left: 8px;
}

body.dark-mode .btn-group &gt; .btn-lg + .dropdown-toggle {
	padding-right: 12px;
	padding-left: 12px;
}

body.dark-mode .btn-group.open .dropdown-toggle {
	box-shadow: rgba(0, 0, 0, 0.125) 0px 3px 5px inset;
}

body.dark-mode .btn-group.open .dropdown-toggle.btn-link {
	box-shadow: none;
}

body.dark-mode .btn .caret {
	margin-left: 0px;
}

body.dark-mode .btn-lg .caret {
	border-width: 5px 5px 0px;
}

body.dark-mode .dropup .btn-lg .caret {
	border-width: 0px 5px 5px;
}

body.dark-mode .btn-group-vertical &gt; .btn, body.dark-mode .btn-group-vertical &gt; .btn-group, body.dark-mode .btn-group-vertical &gt; .btn-group &gt; .btn {
	display: block;
	float: none;
	width: 100%;
	max-width: 100%;
}

body.dark-mode .btn-group-vertical &gt; .btn-group &gt; .btn {
	float: none;
}

body.dark-mode .btn-group-vertical &gt; .btn + .btn, body.dark-mode .btn-group-vertical &gt; .btn + .btn-group, body.dark-mode .btn-group-vertical &gt; .btn-group + .btn, body.dark-mode .btn-group-vertical &gt; .btn-group + .btn-group {
	margin-top: -1px;
	margin-left: 0px;
}

body.dark-mode .btn-group-vertical &gt; .btn:not(:first-child):not(:last-child) {
	border-radius: 0px;
}

body.dark-mode .btn-group-vertical &gt; .btn:first-child:not(:last-child) {
	border-radius: 4px 4px 0px 0px;
}

body.dark-mode .btn-group-vertical &gt; .btn:last-child:not(:first-child) {
	border-radius: 0px 0px 4px 4px;
}

body.dark-mode .btn-group-vertical &gt; .btn-group:not(:first-child):not(:last-child) &gt; .btn {
	border-radius: 0px;
}

body.dark-mode .btn-group-vertical &gt; .btn-group:first-child:not(:last-child) &gt; .btn:last-child, body.dark-mode .btn-group-vertical &gt; .btn-group:first-child:not(:last-child) &gt; .dropdown-toggle {
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

body.dark-mode .btn-group-vertical &gt; .btn-group:last-child:not(:first-child) &gt; .btn:first-child {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

body.dark-mode .btn-group-justified {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-collapse: separate;
}

body.dark-mode .btn-group-justified &gt; .btn, body.dark-mode .btn-group-justified &gt; .btn-group {
	display: table-cell;
	float: none;
	width: 1%;
}

body.dark-mode .btn-group-justified &gt; .btn-group .btn {
	width: 100%;
}

body.dark-mode .btn-group-justified &gt; .btn-group .dropdown-menu {
	left: auto;
}

body.dark-mode [data-toggle="buttons"] &gt; .btn input[type="checkbox"], body.dark-mode [data-toggle="buttons"] &gt; .btn input[type="radio"], body.dark-mode [data-toggle="buttons"] &gt; .btn-group &gt; .btn input[type="checkbox"], body.dark-mode [data-toggle="buttons"] &gt; .btn-group &gt; .btn input[type="radio"] {
	position: absolute;
	clip: rect(0px, 0px, 0px, 0px);
	pointer-events: none;
}

body.dark-mode .input-group {
	position: relative;
	display: table;
	border-collapse: separate;
}

body.dark-mode .input-group[class*="col-"] {
	float: none;
	padding-right: 0px;
	padding-left: 0px;
}

body.dark-mode .input-group .form-control {
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
	margin-bottom: 0px;
}

body.dark-mode .input-group .form-control:focus {
	z-index: 3;
}

body.dark-mode .input-group-lg &gt; .form-control, body.dark-mode .input-group-lg &gt; .input-group-addon, body.dark-mode .input-group-lg &gt; .input-group-btn &gt; .btn {
	height: 46px;
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.33333;
	border-radius: 6px;
}

body.dark-mode select.input-group-lg &gt; .form-control, body.dark-mode select.input-group-lg &gt; .input-group-addon, body.dark-mode select.input-group-lg &gt; .input-group-btn &gt; .btn {
	height: 46px;
	line-height: 46px;
}

body.dark-mode select[multiple].input-group-lg &gt; .form-control, body.dark-mode select[multiple].input-group-lg &gt; .input-group-addon, body.dark-mode select[multiple].input-group-lg &gt; .input-group-btn &gt; .btn, body.dark-mode textarea.input-group-lg &gt; .form-control, body.dark-mode textarea.input-group-lg &gt; .input-group-addon, body.dark-mode textarea.input-group-lg &gt; .input-group-btn &gt; .btn {
	height: auto;
}

body.dark-mode .input-group-sm &gt; .form-control, body.dark-mode .input-group-sm &gt; .input-group-addon, body.dark-mode .input-group-sm &gt; .input-group-btn &gt; .btn {
	height: 30px;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}

body.dark-mode select.input-group-sm &gt; .form-control, body.dark-mode select.input-group-sm &gt; .input-group-addon, body.dark-mode select.input-group-sm &gt; .input-group-btn &gt; .btn {
	height: 30px;
	line-height: 30px;
}

body.dark-mode select[multiple].input-group-sm &gt; .form-control, body.dark-mode select[multiple].input-group-sm &gt; .input-group-addon, body.dark-mode select[multiple].input-group-sm &gt; .input-group-btn &gt; .btn, body.dark-mode textarea.input-group-sm &gt; .form-control, body.dark-mode textarea.input-group-sm &gt; .input-group-addon, body.dark-mode textarea.input-group-sm &gt; .input-group-btn &gt; .btn {
	height: auto;
}

body.dark-mode .input-group .form-control, body.dark-mode .input-group-addon, body.dark-mode .input-group-btn {
	display: table-cell;
}

body.dark-mode .input-group .form-control:not(:first-child):not(:last-child), body.dark-mode .input-group-addon:not(:first-child):not(:last-child), body.dark-mode .input-group-btn:not(:first-child):not(:last-child) {
	border-radius: 0px;
}

body.dark-mode .input-group-addon, body.dark-mode .input-group-btn {
	width: 1%;
	white-space: nowrap;
	vertical-align: middle;
}

body.dark-mode .input-group-addon {
	padding: 6px 12px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	color: #bfbfbf;
	text-align: center;
	background-color: #2b2b2b;
	border: 1px solid #4d4d4d;
	border-radius: 4px;
}

body.dark-mode .input-group-addon.input-sm {
	padding: 5px 10px;
	font-size: 12px;
	border-radius: 3px;
}

body.dark-mode .input-group-addon.input-lg {
	padding: 10px 16px;
	font-size: 18px;
	border-radius: 6px;
}

body.dark-mode .input-group-addon input[type="checkbox"], body.dark-mode .input-group-addon input[type="radio"] {
	margin-top: 0px;
}

body.dark-mode .input-group .form-control:first-child, body.dark-mode .input-group-addon:first-child, body.dark-mode .input-group-btn:first-child &gt; .btn, body.dark-mode .input-group-btn:first-child &gt; .btn-group &gt; .btn, body.dark-mode .input-group-btn:first-child &gt; .dropdown-toggle, body.dark-mode .input-group-btn:last-child &gt; .btn-group:not(:last-child) &gt; .btn, body.dark-mode .input-group-btn:last-child &gt; .btn:not(:last-child):not(.dropdown-toggle) {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

body.dark-mode .input-group-addon:first-child {
	border-right: 0px;
}

body.dark-mode .input-group .form-control:last-child, body.dark-mode .input-group-addon:last-child, body.dark-mode .input-group-btn:first-child &gt; .btn-group:not(:first-child) &gt; .btn, body.dark-mode .input-group-btn:first-child &gt; .btn:not(:first-child), body.dark-mode .input-group-btn:last-child &gt; .btn, body.dark-mode .input-group-btn:last-child &gt; .btn-group &gt; .btn, body.dark-mode .input-group-btn:last-child &gt; .dropdown-toggle {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

body.dark-mode .input-group-addon:last-child {
	border-left: 0px;
}

body.dark-mode .input-group-btn {
	position: relative;
	font-size: 0px;
	white-space: nowrap;
}

body.dark-mode .input-group-btn &gt; .btn {
	position: relative;
}

body.dark-mode .input-group-btn &gt; .btn + .btn {
	margin-left: -1px;
}

body.dark-mode .input-group-btn &gt; .btn:active, body.dark-mode .input-group-btn &gt; .btn:focus, body.dark-mode .input-group-btn &gt; .btn:hover {
	z-index: 2;
}

body.dark-mode .input-group-btn:first-child &gt; .btn, body.dark-mode .input-group-btn:first-child &gt; .btn-group {
	margin-right: -1px;
}

body.dark-mode .input-group-btn:last-child &gt; .btn, body.dark-mode .input-group-btn:last-child &gt; .btn-group {
	z-index: 2;
	margin-left: -1px;
}

body.dark-mode .nav {
	padding-left: 0px;
	margin-bottom: 0px;
	list-style: none;
}

body.dark-mode .nav &gt; li {
	position: relative;
	display: block;
}

body.dark-mode .nav &gt; li &gt; a {
	position: relative;
	display: block;
	padding: 10px 15px;
}

body.dark-mode .nav &gt; li &gt; a:focus, body.dark-mode .nav &gt; li &gt; a:hover {
	text-decoration: none;
	background-color: #2b2b2b;
}

body.dark-mode .nav &gt; li.disabled &gt; a {
	color: #bfbfbf;
}

body.dark-mode .nav &gt; li.disabled &gt; a:focus, body.dark-mode .nav &gt; li.disabled &gt; a:hover {
	color: #bfbfbf;
	text-decoration: none;
	cursor: not-allowed;
	background-color: transparent;
}

body.dark-mode .nav .open &gt; a, body.dark-mode .nav .open &gt; a:focus, body.dark-mode .nav .open &gt; a:hover {
	background-color: #2b2b2b;
	border-color: #347ab7;
}

body.dark-mode .nav .nav-divider {
	height: 1px;
	margin: 9px 0px;
	overflow: hidden;
	background-color: #333333;
}

body.dark-mode .nav &gt; li &gt; a &gt; img {
	max-width: none;
}

body.dark-mode .nav-tabs {
	border-bottom: 1px solid #3b3b3b;
}

body.dark-mode .nav-tabs &gt; li {
	float: left;
	margin-bottom: -1px;
}

body.dark-mode .nav-tabs &gt; li &gt; a {
	margin-right: 2px;
	line-height: 1.42857;
	border: 1px solid transparent;
	border-radius: 4px 4px 0px 0px;
}

body.dark-mode .nav-tabs &gt; li &gt; a:hover {
	border-color: #2b2b2b #2b2b2b #3b3b3b;
}

body.dark-mode .nav-tabs &gt; li.active &gt; a, body.dark-mode .nav-tabs &gt; li.active &gt; a:focus, body.dark-mode .nav-tabs &gt; li.active &gt; a:hover {
	color: #bfbfbf;
	cursor: default;
	background-color: #1c1c21;
	border-width: 1px;
	border-style: solid;
	border-color: #3b3b3b #3b3b3b transparent;
	border-image: initial;
}

body.dark-mode .nav-tabs.nav-justified {
	width: 100%;
	border-bottom: 0px;
}

body.dark-mode .nav-tabs.nav-justified &gt; li {
	float: none;
}

body.dark-mode .nav-tabs.nav-justified &gt; li &gt; a {
	margin-bottom: 5px;
	text-align: center;
}

body.dark-mode .nav-tabs.nav-justified &gt; .dropdown .dropdown-menu {
	top: auto;
	left: auto;
}

@media (min-width: 768px) {
	body.dark-mode .nav-tabs.nav-justified &gt; li {
		display: table-cell;
		width: 1%;
	}

	body.dark-mode .nav-tabs.nav-justified &gt; li &gt; a {
		margin-bottom: 0px;
	}
}

body.dark-mode .nav-tabs.nav-justified &gt; li &gt; a {
	margin-right: 0px;
	border-radius: 4px;
}

body.dark-mode .nav-tabs.nav-justified &gt; .active &gt; a, body.dark-mode .nav-tabs.nav-justified &gt; .active &gt; a:focus, body.dark-mode .nav-tabs.nav-justified &gt; .active &gt; a:hover {
	border: 1px solid #3b3b3b;
}

@media (min-width: 768px) {
	body.dark-mode .nav-tabs.nav-justified &gt; li &gt; a {
		border-bottom: 1px solid #3b3b3b;
		border-radius: 4px 4px 0px 0px;
	}

	body.dark-mode .nav-tabs.nav-justified &gt; .active &gt; a, body.dark-mode .nav-tabs.nav-justified &gt; .active &gt; a:focus, body.dark-mode .nav-tabs.nav-justified &gt; .active &gt; a:hover {
		border-bottom-color: white;
	}
}

body.dark-mode .nav-pills &gt; li {
	float: left;
}

body.dark-mode .nav-pills &gt; li &gt; a {
	border-radius: 4px;
}

body.dark-mode .nav-pills &gt; li + li {
	margin-left: 2px;
}

body.dark-mode .nav-pills &gt; li.active &gt; a, body.dark-mode .nav-pills &gt; li.active &gt; a:focus, body.dark-mode .nav-pills &gt; li.active &gt; a:hover {
	color: white;
	background-color: #347ab7;
}

body.dark-mode .nav-stacked &gt; li {
	float: none;
}

body.dark-mode .nav-stacked &gt; li + li {
	margin-top: 2px;
	margin-left: 0px;
}

body.dark-mode .nav-justified {
	width: 100%;
}

body.dark-mode .nav-justified &gt; li {
	float: none;
}

body.dark-mode .nav-justified &gt; li &gt; a {
	margin-bottom: 5px;
	text-align: center;
}

body.dark-mode .nav-justified &gt; .dropdown .dropdown-menu {
	top: auto;
	left: auto;
}

@media (min-width: 768px) {
	body.dark-mode .nav-justified &gt; li {
		display: table-cell;
		width: 1%;
	}

	body.dark-mode .nav-justified &gt; li &gt; a {
		margin-bottom: 0px;
	}
}

body.dark-mode .nav-tabs-justified {
	border-bottom: 0px;
}

body.dark-mode .nav-tabs-justified &gt; li &gt; a {
	margin-right: 0px;
	border-radius: 4px;
}

body.dark-mode .nav-tabs-justified &gt; .active &gt; a, body.dark-mode .nav-tabs-justified &gt; .active &gt; a:focus, body.dark-mode .nav-tabs-justified &gt; .active &gt; a:hover {
	border: 1px solid #3b3b3b;
}

@media (min-width: 768px) {
	body.dark-mode .nav-tabs-justified &gt; li &gt; a {
		border-bottom: 1px solid #3b3b3b;
		border-radius: 4px 4px 0px 0px;
	}

	body.dark-mode .nav-tabs-justified &gt; .active &gt; a, body.dark-mode .nav-tabs-justified &gt; .active &gt; a:focus, body.dark-mode .nav-tabs-justified &gt; .active &gt; a:hover {
		border-bottom-color: white;
	}
}

body.dark-mode .tab-content &gt; .tab-pane {
	display: none;
}

body.dark-mode .tab-content &gt; .active {
	display: block;
}

body.dark-mode .nav-tabs .dropdown-menu {
	margin-top: -1px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

body.dark-mode .navbar {
	position: relative;
	min-height: 50px;
	margin-bottom: 20px;
	border: 1px solid transparent;
}

@media (min-width: 768px) {
	body.dark-mode .navbar {
		border-radius: 4px;
	}
}

@media (min-width: 768px) {
	body.dark-mode .navbar-header {
		float: left;
	}
}

body.dark-mode .navbar-collapse {
	padding-right: 15px;
	padding-left: 15px;
	overflow-x: visible;
	border-top: 1px solid transparent;
	box-shadow: rgba(28, 28, 33, 0.1) 0px 1px 0px inset;
}

body.dark-mode .navbar-collapse.in {
	overflow-y: auto;
}

@media (min-width: 768px) {
	body.dark-mode .navbar-collapse {
		width: auto;
		border-top: 0px;
		box-shadow: none;
	}

	body.dark-mode .navbar-collapse.collapse {
		padding-bottom: 0px;
		display: block !important;
		height: auto !important;
		overflow: visible !important;
	}

	body.dark-mode .navbar-collapse.in {
		overflow-y: visible;
	}

	body.dark-mode .navbar-fixed-bottom .navbar-collapse, body.dark-mode .navbar-fixed-top .navbar-collapse, body.dark-mode .navbar-static-top .navbar-collapse {
		padding-right: 0px;
		padding-left: 0px;
	}
}

body.dark-mode .navbar-fixed-bottom .navbar-collapse, body.dark-mode .navbar-fixed-top .navbar-collapse {
	max-height: 340px;
}

@media (max-device-width: 480px) and (orientation: landscape) {
	body.dark-mode .navbar-fixed-bottom .navbar-collapse, body.dark-mode .navbar-fixed-top .navbar-collapse {
		max-height: 200px;
	}
}

body.dark-mode .container-fluid &gt; .navbar-collapse, body.dark-mode .container-fluid &gt; .navbar-header, body.dark-mode .container &gt; .navbar-collapse, body.dark-mode .container &gt; .navbar-header {
	margin-right: -15px;
	margin-left: -15px;
}

@media (min-width: 768px) {
	body.dark-mode .container-fluid &gt; .navbar-collapse, body.dark-mode .container-fluid &gt; .navbar-header, body.dark-mode .container &gt; .navbar-collapse, body.dark-mode .container &gt; .navbar-header {
		margin-right: 0px;
		margin-left: 0px;
	}
}

body.dark-mode .navbar-static-top {
	z-index: 1000;
	border-width: 0px 0px 1px;
}

@media (min-width: 768px) {
	body.dark-mode .navbar-static-top {
		border-radius: 0px;
	}
}

body.dark-mode .navbar-fixed-bottom, body.dark-mode .navbar-fixed-top {
	position: fixed;
	right: 0px;
	left: 0px;
	z-index: 1030;
}

@media (min-width: 768px) {
	body.dark-mode .navbar-fixed-bottom, body.dark-mode .navbar-fixed-top {
		border-radius: 0px;
	}
}

body.dark-mode .navbar-fixed-top {
	top: 0px;
	border-width: 0px 0px 1px;
}

body.dark-mode .navbar-fixed-bottom {
	bottom: 0px;
	margin-bottom: 0px;
	border-width: 1px 0px 0px;
}

body.dark-mode .navbar-brand {
	float: left;
	height: 50px;
	padding: 15px;
	font-size: 18px;
	line-height: 20px;
}

body.dark-mode .navbar-brand:focus, body.dark-mode .navbar-brand:hover {
	text-decoration: none;
}

body.dark-mode .navbar-brand &gt; img {
	display: block;
}

@media (min-width: 768px) {
	body.dark-mode .navbar &gt; .container .navbar-brand, body.dark-mode .navbar &gt; .container-fluid .navbar-brand {
		margin-left: -15px;
	}
}

body.dark-mode .navbar-toggle {
	position: relative;
	float: right;
	padding: 9px 10px;
	margin-top: 8px;
	margin-right: 15px;
	margin-bottom: 8px;
	background-color: transparent;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}

body.dark-mode .navbar-toggle:focus {
	outline: 0px;
}

body.dark-mode .navbar-toggle .icon-bar {
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px;
}

body.dark-mode .navbar-toggle .icon-bar + .icon-bar {
	margin-top: 4px;
}

@media (min-width: 768px) {
	body.dark-mode .navbar-toggle {
		display: none;
	}
}

body.dark-mode .navbar-nav {
	margin: 7.5px -15px;
}

body.dark-mode .navbar-nav &gt; li &gt; a {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 20px;
}

@media (max-width: 767px) {
	body.dark-mode .navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0px;
		background-color: transparent;
		border: 0px;
		box-shadow: none;
	}

	body.dark-mode .navbar-nav .open .dropdown-menu .dropdown-header, body.dark-mode .navbar-nav .open .dropdown-menu &gt; li &gt; a {
		padding: 5px 15px 5px 25px;
	}

	body.dark-mode .navbar-nav .open .dropdown-menu &gt; li &gt; a {
		line-height: 20px;
	}

	body.dark-mode .navbar-nav .open .dropdown-menu &gt; li &gt; a:focus, body.dark-mode .navbar-nav .open .dropdown-menu &gt; li &gt; a:hover {
		background-image: none;
	}
}

@media (min-width: 768px) {
	body.dark-mode .navbar-nav {
		float: left;
		margin: 0px;
	}

	body.dark-mode .navbar-nav &gt; li {
		float: left;
	}

	body.dark-mode .navbar-nav &gt; li &gt; a {
		padding-top: 15px;
		padding-bottom: 15px;
	}
}

body.dark-mode .navbar-form {
	padding: 10px 15px;
	margin: 8px -15px;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
	box-shadow: rgba(28, 28, 33, 0.1) 0px 1px 0px inset, rgba(28, 28, 33, 0.1) 0px 1px 0px;
}

@media (min-width: 768px) {
	body.dark-mode .navbar-form .form-group {
		display: inline-block;
		margin-bottom: 0px;
		vertical-align: middle;
	}

	body.dark-mode .navbar-form .form-control {
		display: inline-block;
		width: auto;
		vertical-align: middle;
	}

	body.dark-mode .navbar-form .form-control-static {
		display: inline-block;
	}

	body.dark-mode .navbar-form .input-group {
		display: inline-table;
		vertical-align: middle;
	}

	body.dark-mode .navbar-form .input-group .form-control, body.dark-mode .navbar-form .input-group .input-group-addon, body.dark-mode .navbar-form .input-group .input-group-btn {
		width: auto;
	}

	body.dark-mode .navbar-form .input-group &gt; .form-control {
		width: 100%;
	}

	body.dark-mode .navbar-form .control-label {
		margin-bottom: 0px;
		vertical-align: middle;
	}

	body.dark-mode .navbar-form .checkbox, body.dark-mode .navbar-form .radio {
		display: inline-block;
		margin-top: 0px;
		margin-bottom: 0px;
		vertical-align: middle;
	}

	body.dark-mode .navbar-form .checkbox label, body.dark-mode .navbar-form .radio label {
		padding-left: 0px;
	}

	body.dark-mode .navbar-form .checkbox input[type="checkbox"], body.dark-mode .navbar-form .radio input[type="radio"] {
		position: relative;
		margin-left: 0px;
	}

	body.dark-mode .navbar-form .has-feedback .form-control-feedback {
		top: 0px;
	}
}

@media (max-width: 767px) {
	body.dark-mode .navbar-form .form-group {
		margin-bottom: 5px;
	}

	body.dark-mode .navbar-form .form-group:last-child {
		margin-bottom: 0px;
	}
}

@media (min-width: 768px) {
	body.dark-mode .navbar-form {
		width: auto;
		padding-top: 0px;
		padding-bottom: 0px;
		margin-right: 0px;
		margin-left: 0px;
		border: 0px;
		box-shadow: none;
	}
}

body.dark-mode .navbar-nav &gt; li &gt; .dropdown-menu {
	margin-top: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

body.dark-mode .navbar-fixed-bottom .navbar-nav &gt; li &gt; .dropdown-menu {
	margin-bottom: 0px;
	border-radius: 4px 4px 0px 0px;
}

body.dark-mode .navbar-btn {
	margin-top: 8px;
	margin-bottom: 8px;
}

body.dark-mode .navbar-btn.btn-sm {
	margin-top: 10px;
	margin-bottom: 10px;
}

body.dark-mode .navbar-btn.btn-xs {
	margin-top: 14px;
	margin-bottom: 14px;
}

body.dark-mode .navbar-text {
	margin-top: 15px;
	margin-bottom: 15px;
}

@media (min-width: 768px) {
	body.dark-mode .navbar-text {
		float: left;
		margin-right: 15px;
		margin-left: 15px;
	}
}

@media (min-width: 768px) {
	body.dark-mode .navbar-left {
		float: left !important;
	}

	body.dark-mode .navbar-right {
		margin-right: -15px;
		float: right !important;
	}

	body.dark-mode .navbar-right ~ .navbar-right {
		margin-right: 0px;
	}
}

body.dark-mode .navbar-default {
	background-color: #212121;
	border-color: #303030;
}

body.dark-mode .navbar-default .navbar-brand {
	color: #bfbfbf;
}

body.dark-mode .navbar-default .navbar-brand:focus, body.dark-mode .navbar-default .navbar-brand:hover {
	color: #bfbfbf;
	background-color: transparent;
}

body.dark-mode .navbar-default .navbar-text {
	color: #bfbfbf;
}

body.dark-mode .navbar-default .navbar-nav &gt; li &gt; a {
	color: #bfbfbf;
}

body.dark-mode .navbar-default .navbar-nav &gt; li &gt; a:focus, body.dark-mode .navbar-default .navbar-nav &gt; li &gt; a:hover {
	color: #bfbfbf;
	background-color: transparent;
}

body.dark-mode .navbar-default .navbar-nav &gt; .active &gt; a, body.dark-mode .navbar-default .navbar-nav &gt; .active &gt; a:focus, body.dark-mode .navbar-default .navbar-nav &gt; .active &gt; a:hover {
	color: #bfbfbf;
	background-color: #303030;
}

body.dark-mode .navbar-default .navbar-nav &gt; .disabled &gt; a, body.dark-mode .navbar-default .navbar-nav &gt; .disabled &gt; a:focus, body.dark-mode .navbar-default .navbar-nav &gt; .disabled &gt; a:hover {
	color: #cccccc;
	background-color: transparent;
}

body.dark-mode .navbar-default .navbar-toggle {
	border-color: #3b3b3b;
}

body.dark-mode .navbar-default .navbar-toggle:focus, body.dark-mode .navbar-default .navbar-toggle:hover {
	background-color: #3b3b3b;
}

body.dark-mode .navbar-default .navbar-toggle .icon-bar {
	background-color: #878787;
}

body.dark-mode .navbar-default .navbar-collapse, body.dark-mode .navbar-default .navbar-form {
	border-color: #303030;
}

body.dark-mode .navbar-default .navbar-nav &gt; .open &gt; a, body.dark-mode .navbar-default .navbar-nav &gt; .open &gt; a:focus, body.dark-mode .navbar-default .navbar-nav &gt; .open &gt; a:hover {
	color: #bfbfbf;
	background-color: #303030;
}

@media (max-width: 767px) {
	body.dark-mode .navbar-default .navbar-nav .open .dropdown-menu &gt; li &gt; a {
		color: #bfbfbf;
	}

	body.dark-mode .navbar-default .navbar-nav .open .dropdown-menu &gt; li &gt; a:focus, body.dark-mode .navbar-default .navbar-nav .open .dropdown-menu &gt; li &gt; a:hover {
		color: #bfbfbf;
		background-color: transparent;
	}

	body.dark-mode .navbar-default .navbar-nav .open .dropdown-menu &gt; .active &gt; a, body.dark-mode .navbar-default .navbar-nav .open .dropdown-menu &gt; .active &gt; a:focus, body.dark-mode .navbar-default .navbar-nav .open .dropdown-menu &gt; .active &gt; a:hover {
		color: #bfbfbf;
		background-color: #303030;
	}

	body.dark-mode .navbar-default .navbar-nav .open .dropdown-menu &gt; .disabled &gt; a, body.dark-mode .navbar-default .navbar-nav .open .dropdown-menu &gt; .disabled &gt; a:focus, body.dark-mode .navbar-default .navbar-nav .open .dropdown-menu &gt; .disabled &gt; a:hover {
		color: #cccccc;
		background-color: transparent;
	}
}

body.dark-mode .navbar-default .navbar-link {
	color: #bfbfbf;
}

body.dark-mode .navbar-default .navbar-link:hover {
	color: #bfbfbf;
}

body.dark-mode .navbar-default .btn-link {
	color: #bfbfbf;
}

body.dark-mode .navbar-default .btn-link:focus, body.dark-mode .navbar-default .btn-link:hover {
	color: #bfbfbf;
}

body.dark-mode .navbar-default .btn-link[disabled]:focus, body.dark-mode .navbar-default .btn-link[disabled]:hover, body.dark-mode fieldset[disabled] .navbar-default .btn-link:focus, body.dark-mode fieldset[disabled] .navbar-default .btn-link:hover {
	color: #cccccc;
}

body.dark-mode .navbar-inverse {
	background-color: #212121;
	border-color: #080808;
}

body.dark-mode .navbar-inverse .navbar-brand {
	color: #bfbfbf;
}

body.dark-mode .navbar-inverse .navbar-brand:focus, body.dark-mode .navbar-inverse .navbar-brand:hover {
	color: white;
	background-color: transparent;
}

body.dark-mode .navbar-inverse .navbar-text {
	color: #bfbfbf;
}

body.dark-mode .navbar-inverse .navbar-nav &gt; li &gt; a {
	color: #bfbfbf;
}

body.dark-mode .navbar-inverse .navbar-nav &gt; li &gt; a:focus, body.dark-mode .navbar-inverse .navbar-nav &gt; li &gt; a:hover {
	color: white;
	background-color: transparent;
}

body.dark-mode .navbar-inverse .navbar-nav &gt; .active &gt; a, body.dark-mode .navbar-inverse .navbar-nav &gt; .active &gt; a:focus, body.dark-mode .navbar-inverse .navbar-nav &gt; .active &gt; a:hover {
	color: white;
	background-color: #080808;
}

body.dark-mode .navbar-inverse .navbar-nav &gt; .disabled &gt; a, body.dark-mode .navbar-inverse .navbar-nav &gt; .disabled &gt; a:focus, body.dark-mode .navbar-inverse .navbar-nav &gt; .disabled &gt; a:hover {
	color: #bfbfbf;
	background-color: transparent;
}

body.dark-mode .navbar-inverse .navbar-toggle {
	border-color: #333333;
}

body.dark-mode .navbar-inverse .navbar-toggle:focus, body.dark-mode .navbar-inverse .navbar-toggle:hover {
	background-color: #333333;
}

body.dark-mode .navbar-inverse .navbar-toggle .icon-bar {
	background-color: #1c1c21;
}

body.dark-mode .navbar-inverse .navbar-collapse, body.dark-mode .navbar-inverse .navbar-form {
	border-color: #0f0f0f;
}

body.dark-mode .navbar-inverse .navbar-nav &gt; .open &gt; a, body.dark-mode .navbar-inverse .navbar-nav &gt; .open &gt; a:focus, body.dark-mode .navbar-inverse .navbar-nav &gt; .open &gt; a:hover {
	color: white;
	background-color: #080808;
}

@media (max-width: 767px) {
	body.dark-mode .navbar-inverse .navbar-nav .open .dropdown-menu &gt; .dropdown-header {
		border-color: #080808;
	}

	body.dark-mode .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
		background-color: #080808;
	}

	body.dark-mode .navbar-inverse .navbar-nav .open .dropdown-menu &gt; li &gt; a {
		color: #bfbfbf;
	}

	body.dark-mode .navbar-inverse .navbar-nav .open .dropdown-menu &gt; li &gt; a:focus, body.dark-mode .navbar-inverse .navbar-nav .open .dropdown-menu &gt; li &gt; a:hover {
		color: white;
		background-color: transparent;
	}

	body.dark-mode .navbar-inverse .navbar-nav .open .dropdown-menu &gt; .active &gt; a, body.dark-mode .navbar-inverse .navbar-nav .open .dropdown-menu &gt; .active &gt; a:focus, body.dark-mode .navbar-inverse .navbar-nav .open .dropdown-menu &gt; .active &gt; a:hover {
		color: white;
		background-color: #080808;
	}

	body.dark-mode .navbar-inverse .navbar-nav .open .dropdown-menu &gt; .disabled &gt; a, body.dark-mode .navbar-inverse .navbar-nav .open .dropdown-menu &gt; .disabled &gt; a:focus, body.dark-mode .navbar-inverse .navbar-nav .open .dropdown-menu &gt; .disabled &gt; a:hover {
		color: #bfbfbf;
		background-color: transparent;
	}
}

body.dark-mode .navbar-inverse .navbar-link {
	color: #bfbfbf;
}

body.dark-mode .navbar-inverse .navbar-link:hover {
	color: white;
}

body.dark-mode .navbar-inverse .btn-link {
	color: #bfbfbf;
}

body.dark-mode .navbar-inverse .btn-link:focus, body.dark-mode .navbar-inverse .btn-link:hover {
	color: white;
}

body.dark-mode .navbar-inverse .btn-link[disabled]:focus, body.dark-mode .navbar-inverse .btn-link[disabled]:hover, body.dark-mode fieldset[disabled] .navbar-inverse .btn-link:focus, body.dark-mode fieldset[disabled] .navbar-inverse .btn-link:hover {
	color: #bfbfbf;
}

body.dark-mode .breadcrumb {
	padding: 8px 15px;
	margin-bottom: 20px;
	list-style: none;
	background-color: #242424;
	border-radius: 4px;
}

body.dark-mode .breadcrumb &gt; li {
	display: inline-block;
}

body.dark-mode .breadcrumb &gt; li + li::before {
	padding: 0px 5px;
	color: #cccccc;
	content: "/Â&nbsp;";
}

body.dark-mode .breadcrumb &gt; .active {
	color: #bfbfbf;
}

body.dark-mode .pagination {
	display: inline-block;
	padding-left: 0px;
	margin: 20px 0px;
	border-radius: 4px;
}

body.dark-mode .pagination &gt; li {
	display: inline;
}

body.dark-mode .pagination &gt; li &gt; a, body.dark-mode .pagination &gt; li &gt; span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857;
	color: #9cc2e3;
	text-decoration: none;
	background-color: #1c1c21;
	border: 1px solid #3b3b3b;
}

body.dark-mode .pagination &gt; li:first-child &gt; a, body.dark-mode .pagination &gt; li:first-child &gt; span {
	margin-left: 0px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

body.dark-mode .pagination &gt; li:last-child &gt; a, body.dark-mode .pagination &gt; li:last-child &gt; span {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

body.dark-mode .pagination &gt; li &gt; a:focus, body.dark-mode .pagination &gt; li &gt; a:hover, body.dark-mode .pagination &gt; li &gt; span:focus, body.dark-mode .pagination &gt; li &gt; span:hover {
	z-index: 2;
	color: #9cc2e3;
	background-color: #2b2b2b;
	border-color: #3b3b3b;
}

body.dark-mode .pagination &gt; .active &gt; a, body.dark-mode .pagination &gt; .active &gt; a:focus, body.dark-mode .pagination &gt; .active &gt; a:hover, body.dark-mode .pagination &gt; .active &gt; span, body.dark-mode .pagination &gt; .active &gt; span:focus, body.dark-mode .pagination &gt; .active &gt; span:hover {
	z-index: 3;
	color: white;
	cursor: default;
	background-color: #347ab7;
	border-color: #347ab7;
}

body.dark-mode .pagination &gt; .disabled &gt; a, body.dark-mode .pagination &gt; .disabled &gt; a:focus, body.dark-mode .pagination &gt; .disabled &gt; a:hover, body.dark-mode .pagination &gt; .disabled &gt; span, body.dark-mode .pagination &gt; .disabled &gt; span:focus, body.dark-mode .pagination &gt; .disabled &gt; span:hover {
	color: #bfbfbf;
	cursor: not-allowed;
	background-color: #1c1c21;
	border-color: #3b3b3b;
}

body.dark-mode .pagination-lg &gt; li &gt; a, body.dark-mode .pagination-lg &gt; li &gt; span {
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.33333;
}

body.dark-mode .pagination-lg &gt; li:first-child &gt; a, body.dark-mode .pagination-lg &gt; li:first-child &gt; span {
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}

body.dark-mode .pagination-lg &gt; li:last-child &gt; a, body.dark-mode .pagination-lg &gt; li:last-child &gt; span {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

body.dark-mode .pagination-sm &gt; li &gt; a, body.dark-mode .pagination-sm &gt; li &gt; span {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
}

body.dark-mode .pagination-sm &gt; li:first-child &gt; a, body.dark-mode .pagination-sm &gt; li:first-child &gt; span {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

body.dark-mode .pagination-sm &gt; li:last-child &gt; a, body.dark-mode .pagination-sm &gt; li:last-child &gt; span {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

body.dark-mode .pager {
	padding-left: 0px;
	margin: 20px 0px;
	text-align: center;
	list-style: none;
}

body.dark-mode .pager li {
	display: inline;
}

body.dark-mode .pager li &gt; a, body.dark-mode .pager li &gt; span {
	display: inline-block;
	padding: 5px 14px;
	background-color: #1c1c21;
	border: 1px solid #3b3b3b;
	border-radius: 15px;
}

body.dark-mode .pager li &gt; a:focus, body.dark-mode .pager li &gt; a:hover {
	text-decoration: none;
	background-color: #2b2b2b;
}

body.dark-mode .pager .next &gt; a, body.dark-mode .pager .next &gt; span {
	float: right;
}

body.dark-mode .pager .previous &gt; a, body.dark-mode .pager .previous &gt; span {
	float: left;
}

body.dark-mode .pager .disabled &gt; a, body.dark-mode .pager .disabled &gt; a:focus, body.dark-mode .pager .disabled &gt; a:hover, body.dark-mode .pager .disabled &gt; span {
	color: #bfbfbf;
	cursor: not-allowed;
	background-color: #1c1c21;
}

body.dark-mode .label {
	display: inline;
	padding: 0.2em 0.6em 0.3em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	color: white;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 0.25em;
}

body.dark-mode a.label:focus, body.dark-mode a.label:hover {
	color: white;
	text-decoration: none;
	cursor: pointer;
}

body.dark-mode .label:empty {
	display: none;
}

body.dark-mode .btn .label {
	position: relative;
	top: -1px;
}

body.dark-mode .label-default {
	background-color: #787878;
}

body.dark-mode .label-default[href]:focus, body.dark-mode .label-default[href]:hover {
	background-color: #5e5e5e;
}

body.dark-mode .label-primary {
	background-color: #347ab7;
}

body.dark-mode .label-primary[href]:focus, body.dark-mode .label-primary[href]:hover {
	background-color: #275f90;
}

body.dark-mode .label-success {
	background-color: #5cb75c;
}

body.dark-mode .label-success[href]:focus, body.dark-mode .label-success[href]:hover {
	background-color: #439d43;
}

body.dark-mode .label-info {
	background-color: #32a5c8;
}

body.dark-mode .label-info[href]:focus, body.dark-mode .label-info[href]:hover {
	background-color: #37aacd;
}

body.dark-mode .label-warning {
	background-color: #c48731;
}

body.dark-mode .label-warning[href]:focus, body.dark-mode .label-warning[href]:hover {
	background-color: #ce913b;
}

body.dark-mode .label-danger {
	background-color: #d45854;
}

body.dark-mode .label-danger[href]:focus, body.dark-mode .label-danger[href]:hover {
	background-color: #eb6045;
}

body.dark-mode .badge {
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	color: white;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	background-color: #787878;
	border-radius: 10px;
}

body.dark-mode .badge:empty {
	display: none;
}

body.dark-mode .btn .badge {
	position: relative;
	top: -1px;
}

body.dark-mode .btn-group-xs &gt; .btn .badge, body.dark-mode .btn-xs .badge {
	top: 0px;
	padding: 1px 5px;
}

body.dark-mode a.badge:focus, body.dark-mode a.badge:hover {
	color: white;
	text-decoration: none;
	cursor: pointer;
}

body.dark-mode .list-group-item.active &gt; .badge, body.dark-mode .nav-pills &gt; .active &gt; a &gt; .badge {
	color: #9cc2e3;
	background-color: #1c1c21;
}

body.dark-mode .list-group-item &gt; .badge {
	float: right;
}

body.dark-mode .list-group-item &gt; .badge + .badge {
	margin-right: 5px;
}

body.dark-mode .nav-pills &gt; li &gt; a &gt; .badge {
	margin-left: 3px;
}

body.dark-mode .jumbotron {
	padding-top: 30px;
	padding-bottom: 30px;
	margin-bottom: 30px;
	color: inherit;
	background-color: #2b2b2b;
}

body.dark-mode .jumbotron .h1, body.dark-mode .jumbotron h1 {
	color: inherit;
}

body.dark-mode .jumbotron p {
	margin-bottom: 15px;
	font-size: 21px;
	font-weight: 200;
}

body.dark-mode .jumbotron &gt; hr {
	border-top-color: #424242;
}

body.dark-mode .container .jumbotron, body.dark-mode .container-fluid .jumbotron {
	padding-right: 15px;
	padding-left: 15px;
	border-radius: 6px;
}

body.dark-mode .jumbotron .container {
	max-width: 100%;
}

@media screen and (min-width: 768px) {
	body.dark-mode .jumbotron {
		padding-top: 48px;
		padding-bottom: 48px;
	}

	body.dark-mode .container .jumbotron, body.dark-mode .container-fluid .jumbotron {
		padding-right: 60px;
		padding-left: 60px;
	}

	body.dark-mode .jumbotron .h1, body.dark-mode .jumbotron h1 {
		font-size: 63px;
	}
}

body.dark-mode .thumbnail {
	display: block;
	padding: 4px;
	margin-bottom: 20px;
	line-height: 1.42857;
	background-color: #1c1c21;
	border: 1px solid #3b3b3b;
	border-radius: 4px;
	transition: border 0.2s ease-in-out 0s;
}

body.dark-mode .thumbnail a &gt; img, body.dark-mode .thumbnail &gt; img {
	margin-right: auto;
	margin-left: auto;
}

body.dark-mode a.thumbnail.active, body.dark-mode a.thumbnail:focus, body.dark-mode a.thumbnail:hover {
	border-color: #347ab7;
}

body.dark-mode .thumbnail .caption {
	padding: 9px;
	color: #bfbfbf;
}

body.dark-mode .alert {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
}

body.dark-mode .alert h4 {
	margin-top: 0px;
	color: inherit;
}

body.dark-mode .alert .alert-link {
	font-weight: 700;
}

body.dark-mode .alert &gt; p, body.dark-mode .alert &gt; ul {
	margin-bottom: 0px;
}

body.dark-mode .alert &gt; p + p {
	margin-top: 5px;
}

body.dark-mode .alert-dismissable, body.dark-mode .alert-dismissible {
	padding-right: 35px;
}

body.dark-mode .alert-dismissable .close, body.dark-mode .alert-dismissible .close {
	position: relative;
	top: -2px;
	right: -21px;
	color: inherit;
}

body.dark-mode .alert-success {
	color: #aad4ab;
	background-color: #2b4d1e;
	border-color: #3d5c24;
}

body.dark-mode .alert-success hr {
	border-top-color: #4d732b;
}

body.dark-mode .alert-success .alert-link {
	color: #abd4ac;
}

body.dark-mode .alert-info {
	color: #a0cade;
	background-color: #133a4e;
	border-color: #1b5d6a;
}

body.dark-mode .alert-info hr {
	border-top-color: #20707e;
}

body.dark-mode .alert-info .alert-link {
	color: #a0cade;
}

body.dark-mode .alert-warning {
	color: #d9c6a6;
	background-color: #f0ad4e;
	border-color: #564015;
}

body.dark-mode .alert-warning hr {
	border-top-color: #6a501b;
}

body.dark-mode .alert-warning .alert-link {
	color: #d9c6a6;
}

body.dark-mode .alert-danger {
	color: #dba4a3;
	background-color: #451c1c;
	border-color: #58222b;
}

body.dark-mode .alert-danger hr {
	border-top-color: #6a2934;
}

body.dark-mode .alert-danger .alert-link {
	color: #dba5a4;
}

@-webkit-keyframes progress-bar-stripes {
	0% {
		background-position: 40px 0px;
	}

	100% {
		background-position: 0px 0px;
	}
}

@keyframes progress-bar-stripes {
	0% {
		background-position: 40px 0px;
	}

	100% {
		background-position: 0px 0px;
	}
}

body.dark-mode .progress {
	height: 20px;
	margin-bottom: 20px;
	overflow: hidden;
	background-color: #242424;
	border-radius: 4px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px inset;
}

body.dark-mode .progress-bar {
	float: left;
	width: 0px;
	height: 100%;
	font-size: 12px;
	line-height: 20px;
	color: white;
	text-align: center;
	background-color: #347ab7;
	box-shadow: rgba(0, 0, 0, 0.15) 0px -1px 0px inset;
	transition: width 0.6s ease 0s;
}

body.dark-mode .progress-bar-striped, body.dark-mode .progress-striped .progress-bar {
	background-image: linear-gradient(45deg, rgba(28, 28, 33, 0.15) 25%, transparent 25%, transparent 50%, rgba(28, 28, 33, 0.15) 50%, rgba(28, 28, 33, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
}

body.dark-mode .progress-bar.active, body.dark-mode .progress.active .progress-bar {
	animation: 2s linear 0s infinite normal none running progress-bar-stripes;
}

body.dark-mode .progress-bar-success {
	background-color: #5cb75c;
}

body.dark-mode .progress-striped .progress-bar-success {
	background-image: linear-gradient(45deg, rgba(28, 28, 33, 0.15) 25%, transparent 25%, transparent 50%, rgba(28, 28, 33, 0.15) 50%, rgba(28, 28, 33, 0.15) 75%, transparent 75%, transparent);
}

body.dark-mode .progress-bar-info {
	background-color: #32a5c8;
}

body.dark-mode .progress-striped .progress-bar-info {
	background-image: linear-gradient(45deg, rgba(28, 28, 33, 0.15) 25%, transparent 25%, transparent 50%, rgba(28, 28, 33, 0.15) 50%, rgba(28, 28, 33, 0.15) 75%, transparent 75%, transparent);
}

body.dark-mode .progress-bar-warning {
	background-color: #c48731;
}

body.dark-mode .progress-striped .progress-bar-warning {
	background-image: linear-gradient(45deg, rgba(28, 28, 33, 0.15) 25%, transparent 25%, transparent 50%, rgba(28, 28, 33, 0.15) 50%, rgba(28, 28, 33, 0.15) 75%, transparent 75%, transparent);
}

body.dark-mode .progress-bar-danger {
	background-color: #d45854;
}

body.dark-mode .progress-striped .progress-bar-danger {
	background-image: linear-gradient(45deg, rgba(28, 28, 33, 0.15) 25%, transparent 25%, transparent 50%, rgba(28, 28, 33, 0.15) 50%, rgba(28, 28, 33, 0.15) 75%, transparent 75%, transparent);
}

body.dark-mode .media {
	margin-top: 15px;
}

body.dark-mode .media:first-child {
	margin-top: 0px;
}

body.dark-mode .media, body.dark-mode .media-body {
	overflow: hidden;
	zoom: 1;
}

body.dark-mode .media-body {
	width: 10000px;
}

body.dark-mode .media-object {
	display: block;
}

body.dark-mode .media-object.img-thumbnail {
	max-width: none;
}

body.dark-mode .media-right, body.dark-mode .media &gt; .pull-right {
	padding-left: 10px;
}

body.dark-mode .media-left, body.dark-mode .media &gt; .pull-left {
	padding-right: 10px;
}

body.dark-mode .media-body, body.dark-mode .media-left, body.dark-mode .media-right {
	display: table-cell;
	vertical-align: top;
}

body.dark-mode .media-middle {
	vertical-align: middle;
}

body.dark-mode .media-bottom {
	vertical-align: bottom;
}

body.dark-mode .media-heading {
	margin-top: 0px;
	margin-bottom: 5px;
}

body.dark-mode .media-list {
	padding-left: 0px;
	list-style: none;
}

body.dark-mode .list-group {
	padding-left: 0px;
	margin-bottom: 20px;
}

body.dark-mode .list-group-item {
	position: relative;
	display: block;
	padding: 10px 15px;
	margin-bottom: -1px;
	background-color: #1c1c21;
	border: 1px solid #3b3b3b;
}

body.dark-mode .list-group-item:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

body.dark-mode .list-group-item:last-child {
	margin-bottom: 0px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

body.dark-mode a.list-group-item, body.dark-mode button.list-group-item {
	color: #bfbfbf;
}

body.dark-mode a.list-group-item .list-group-item-heading, body.dark-mode button.list-group-item .list-group-item-heading {
	color: #bfbfbf;
}

body.dark-mode a.list-group-item:focus, body.dark-mode a.list-group-item:hover, body.dark-mode button.list-group-item:focus, body.dark-mode button.list-group-item:hover {
	color: #bfbfbf;
	text-decoration: none;
	background-color: #242424;
}

body.dark-mode button.list-group-item {
	width: 100%;
	text-align: left;
}

body.dark-mode .list-group-item.disabled, body.dark-mode .list-group-item.disabled:focus, body.dark-mode .list-group-item.disabled:hover {
	color: #bfbfbf;
	cursor: not-allowed;
	background-color: #2b2b2b;
}

body.dark-mode .list-group-item.disabled .list-group-item-heading, body.dark-mode .list-group-item.disabled:focus .list-group-item-heading, body.dark-mode .list-group-item.disabled:hover .list-group-item-heading {
	color: inherit;
}

body.dark-mode .list-group-item.disabled .list-group-item-text, body.dark-mode .list-group-item.disabled:focus .list-group-item-text, body.dark-mode .list-group-item.disabled:hover .list-group-item-text {
	color: #bfbfbf;
}

body.dark-mode .list-group-item.active, body.dark-mode .list-group-item.active:focus, body.dark-mode .list-group-item.active:hover {
	z-index: 2;
	color: white;
	background-color: #347ab7;
	border-color: #347ab7;
}

body.dark-mode .list-group-item.active .list-group-item-heading, body.dark-mode .list-group-item.active .list-group-item-heading &gt; .small, body.dark-mode .list-group-item.active .list-group-item-heading &gt; small, body.dark-mode .list-group-item.active:focus .list-group-item-heading, body.dark-mode .list-group-item.active:focus .list-group-item-heading &gt; .small, body.dark-mode .list-group-item.active:focus .list-group-item-heading &gt; small, body.dark-mode .list-group-item.active:hover .list-group-item-heading, body.dark-mode .list-group-item.active:hover .list-group-item-heading &gt; .small, body.dark-mode .list-group-item.active:hover .list-group-item-heading &gt; small {
	color: inherit;
}

body.dark-mode .list-group-item.active .list-group-item-text, body.dark-mode .list-group-item.active:focus .list-group-item-text, body.dark-mode .list-group-item.active:hover .list-group-item-text {
	color: #c7ddef;
}

body.dark-mode .list-group-item-success {
	color: #aad4ab;
	background-color: #2b4d1e;
}

body.dark-mode a.list-group-item-success, body.dark-mode button.list-group-item-success {
	color: #aad4ab;
}

body.dark-mode a.list-group-item-success .list-group-item-heading, body.dark-mode button.list-group-item-success .list-group-item-heading {
	color: inherit;
}

body.dark-mode a.list-group-item-success:focus, body.dark-mode a.list-group-item-success:hover, body.dark-mode button.list-group-item-success:focus, body.dark-mode button.list-group-item-success:hover {
	color: #aad4ab;
	background-color: #345c24;
}

body.dark-mode a.list-group-item-success.active, body.dark-mode a.list-group-item-success.active:focus, body.dark-mode a.list-group-item-success.active:hover, body.dark-mode button.list-group-item-success.active, body.dark-mode button.list-group-item-success.active:focus, body.dark-mode button.list-group-item-success.active:hover {
	color: white;
	background-color: #3c773d;
	border-color: #3c773d;
}

body.dark-mode .list-group-item-info {
	color: #a0cade;
	background-color: #133a4e;
}

body.dark-mode a.list-group-item-info, body.dark-mode button.list-group-item-info {
	color: #a0cade;
}

body.dark-mode a.list-group-item-info .list-group-item-heading, body.dark-mode button.list-group-item-info .list-group-item-heading {
	color: inherit;
}

body.dark-mode a.list-group-item-info:focus, body.dark-mode a.list-group-item-info:hover, body.dark-mode button.list-group-item-info:focus, body.dark-mode button.list-group-item-info:hover {
	color: #a0cade;
	background-color: #184962;
}

body.dark-mode a.list-group-item-info.active, body.dark-mode a.list-group-item-info.active:focus, body.dark-mode a.list-group-item-info.active:hover, body.dark-mode button.list-group-item-info.active, body.dark-mode button.list-group-item-info.active:focus, body.dark-mode button.list-group-item-info.active:hover {
	color: white;
	background-color: #317190;
	border-color: #317190;
}

body.dark-mode .list-group-item-warning {
	color: #d9c6a6;
	background-color: #f0ad4e;
}

body.dark-mode a.list-group-item-warning, body.dark-mode button.list-group-item-warning {
	color: #d9c6a6;
}

body.dark-mode a.list-group-item-warning .list-group-item-heading, body.dark-mode button.list-group-item-warning .list-group-item-heading {
	color: inherit;
}

body.dark-mode a.list-group-item-warning:focus, body.dark-mode a.list-group-item-warning:hover, body.dark-mode button.list-group-item-warning:focus, body.dark-mode button.list-group-item-warning:hover {
	color: #d9c6a6;
	background-color: #f0ad4e;
}

body.dark-mode a.list-group-item-warning.active, body.dark-mode a.list-group-item-warning.active:focus, body.dark-mode a.list-group-item-warning.active:hover, body.dark-mode button.list-group-item-warning.active, body.dark-mode button.list-group-item-warning.active:focus, body.dark-mode button.list-group-item-warning.active:hover {
	color: white;
	background-color: #8b6e3c;
	border-color: #8b6e3c;
}

body.dark-mode .list-group-item-danger {
	color: #dba4a3;
	background-color: #451c1c;
}

body.dark-mode a.list-group-item-danger, body.dark-mode button.list-group-item-danger {
	color: #dba4a3;
}

body.dark-mode a.list-group-item-danger .list-group-item-heading, body.dark-mode button.list-group-item-danger .list-group-item-heading {
	color: inherit;
}

body.dark-mode a.list-group-item-danger:focus, body.dark-mode a.list-group-item-danger:hover, body.dark-mode button.list-group-item-danger:focus, body.dark-mode button.list-group-item-danger:hover {
	color: #dba4a3;
	background-color: #582222;
}

body.dark-mode a.list-group-item-danger.active, body.dark-mode a.list-group-item-danger.active:focus, body.dark-mode a.list-group-item-danger.active:hover, body.dark-mode button.list-group-item-danger.active, body.dark-mode button.list-group-item-danger.active:focus, body.dark-mode button.list-group-item-danger.active:hover {
	color: white;
	background-color: #a94342;
	border-color: #a94342;
}

body.dark-mode .list-group-item-heading {
	margin-top: 0px;
	margin-bottom: 5px;
}

body.dark-mode .list-group-item-text {
	margin-bottom: 0px;
	line-height: 1.3;
}

body.dark-mode .panel {
	margin-bottom: 20px;
	background-color: #1c1c21;
	border: 1px solid transparent;
	border-radius: 4px;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px;
}

body.dark-mode .panel-body {
	padding: 15px;
}

body.dark-mode .panel-heading {
	padding: 10px 15px;
	border-bottom: 1px solid transparent;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

body.dark-mode .panel-heading &gt; .dropdown .dropdown-toggle {
	color: inherit;
}

body.dark-mode .panel-title {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 16px;
	color: inherit;
}

body.dark-mode .panel-title &gt; .small, body.dark-mode .panel-title &gt; .small &gt; a, body.dark-mode .panel-title &gt; a, body.dark-mode .panel-title &gt; small, body.dark-mode .panel-title &gt; small &gt; a {
	color: inherit;
}

body.dark-mode .panel-footer {
	padding: 10px 15px;
	background-color: #242424;
	border-top: 1px solid #3b3b3b;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

body.dark-mode .panel &gt; .list-group, body.dark-mode .panel &gt; .panel-collapse &gt; .list-group {
	margin-bottom: 0px;
}

body.dark-mode .panel &gt; .list-group .list-group-item, body.dark-mode .panel &gt; .panel-collapse &gt; .list-group .list-group-item {
	border-width: 1px 0px;
	border-radius: 0px;
}

body.dark-mode .panel &gt; .list-group:first-child .list-group-item:first-child, body.dark-mode .panel &gt; .panel-collapse &gt; .list-group:first-child .list-group-item:first-child {
	border-top: 0px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

body.dark-mode .panel &gt; .list-group:last-child .list-group-item:last-child, body.dark-mode .panel &gt; .panel-collapse &gt; .list-group:last-child .list-group-item:last-child {
	border-bottom: 0px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

body.dark-mode .panel &gt; .panel-heading + .panel-collapse &gt; .list-group .list-group-item:first-child {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

body.dark-mode .panel-heading + .list-group .list-group-item:first-child {
	border-top-width: 0px;
}

body.dark-mode .list-group + .panel-footer {
	border-top-width: 0px;
}

body.dark-mode .panel &gt; .panel-collapse &gt; .table, body.dark-mode .panel &gt; .table, body.dark-mode .panel &gt; .table-responsive &gt; .table {
	margin-bottom: 0px;
}

body.dark-mode .panel &gt; .panel-collapse &gt; .table caption, body.dark-mode .panel &gt; .table caption, body.dark-mode .panel &gt; .table-responsive &gt; .table caption {
	padding-right: 15px;
	padding-left: 15px;
}

body.dark-mode .panel &gt; .table-responsive:first-child &gt; .table:first-child, body.dark-mode .panel &gt; .table:first-child {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

body.dark-mode .panel &gt; .table-responsive:first-child &gt; .table:first-child &gt; tbody:first-child &gt; tr:first-child, body.dark-mode .panel &gt; .table-responsive:first-child &gt; .table:first-child &gt; thead:first-child &gt; tr:first-child, body.dark-mode .panel &gt; .table:first-child &gt; tbody:first-child &gt; tr:first-child, body.dark-mode .panel &gt; .table:first-child &gt; thead:first-child &gt; tr:first-child {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

body.dark-mode .panel &gt; .table-responsive:first-child &gt; .table:first-child &gt; tbody:first-child &gt; tr:first-child td:first-child, body.dark-mode .panel &gt; .table-responsive:first-child &gt; .table:first-child &gt; tbody:first-child &gt; tr:first-child th:first-child, body.dark-mode .panel &gt; .table-responsive:first-child &gt; .table:first-child &gt; thead:first-child &gt; tr:first-child td:first-child, body.dark-mode .panel &gt; .table-responsive:first-child &gt; .table:first-child &gt; thead:first-child &gt; tr:first-child th:first-child, body.dark-mode .panel &gt; .table:first-child &gt; tbody:first-child &gt; tr:first-child td:first-child, body.dark-mode .panel &gt; .table:first-child &gt; tbody:first-child &gt; tr:first-child th:first-child, body.dark-mode .panel &gt; .table:first-child &gt; thead:first-child &gt; tr:first-child td:first-child, body.dark-mode .panel &gt; .table:first-child &gt; thead:first-child &gt; tr:first-child th:first-child {
	border-top-left-radius: 3px;
}

body.dark-mode .panel &gt; .table-responsive:first-child &gt; .table:first-child &gt; tbody:first-child &gt; tr:first-child td:last-child, body.dark-mode .panel &gt; .table-responsive:first-child &gt; .table:first-child &gt; tbody:first-child &gt; tr:first-child th:last-child, body.dark-mode .panel &gt; .table-responsive:first-child &gt; .table:first-child &gt; thead:first-child &gt; tr:first-child td:last-child, body.dark-mode .panel &gt; .table-responsive:first-child &gt; .table:first-child &gt; thead:first-child &gt; tr:first-child th:last-child, body.dark-mode .panel &gt; .table:first-child &gt; tbody:first-child &gt; tr:first-child td:last-child, body.dark-mode .panel &gt; .table:first-child &gt; tbody:first-child &gt; tr:first-child th:last-child, body.dark-mode .panel &gt; .table:first-child &gt; thead:first-child &gt; tr:first-child td:last-child, body.dark-mode .panel &gt; .table:first-child &gt; thead:first-child &gt; tr:first-child th:last-child {
	border-top-right-radius: 3px;
}

body.dark-mode .panel &gt; .table-responsive:last-child &gt; .table:last-child, body.dark-mode .panel &gt; .table:last-child {
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

body.dark-mode .panel &gt; .table-responsive:last-child &gt; .table:last-child &gt; tbody:last-child &gt; tr:last-child, body.dark-mode .panel &gt; .table-responsive:last-child &gt; .table:last-child &gt; tfoot:last-child &gt; tr:last-child, body.dark-mode .panel &gt; .table:last-child &gt; tbody:last-child &gt; tr:last-child, body.dark-mode .panel &gt; .table:last-child &gt; tfoot:last-child &gt; tr:last-child {
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

body.dark-mode .panel &gt; .table-responsive:last-child &gt; .table:last-child &gt; tbody:last-child &gt; tr:last-child td:first-child, body.dark-mode .panel &gt; .table-responsive:last-child &gt; .table:last-child &gt; tbody:last-child &gt; tr:last-child th:first-child, body.dark-mode .panel &gt; .table-responsive:last-child &gt; .table:last-child &gt; tfoot:last-child &gt; tr:last-child td:first-child, body.dark-mode .panel &gt; .table-responsive:last-child &gt; .table:last-child &gt; tfoot:last-child &gt; tr:last-child th:first-child, body.dark-mode .panel &gt; .table:last-child &gt; tbody:last-child &gt; tr:last-child td:first-child, body.dark-mode .panel &gt; .table:last-child &gt; tbody:last-child &gt; tr:last-child th:first-child, body.dark-mode .panel &gt; .table:last-child &gt; tfoot:last-child &gt; tr:last-child td:first-child, body.dark-mode .panel &gt; .table:last-child &gt; tfoot:last-child &gt; tr:last-child th:first-child {
	border-bottom-left-radius: 3px;
}

body.dark-mode .panel &gt; .table-responsive:last-child &gt; .table:last-child &gt; tbody:last-child &gt; tr:last-child td:last-child, body.dark-mode .panel &gt; .table-responsive:last-child &gt; .table:last-child &gt; tbody:last-child &gt; tr:last-child th:last-child, body.dark-mode .panel &gt; .table-responsive:last-child &gt; .table:last-child &gt; tfoot:last-child &gt; tr:last-child td:last-child, body.dark-mode .panel &gt; .table-responsive:last-child &gt; .table:last-child &gt; tfoot:last-child &gt; tr:last-child th:last-child, body.dark-mode .panel &gt; .table:last-child &gt; tbody:last-child &gt; tr:last-child td:last-child, body.dark-mode .panel &gt; .table:last-child &gt; tbody:last-child &gt; tr:last-child th:last-child, body.dark-mode .panel &gt; .table:last-child &gt; tfoot:last-child &gt; tr:last-child td:last-child, body.dark-mode .panel &gt; .table:last-child &gt; tfoot:last-child &gt; tr:last-child th:last-child {
	border-bottom-right-radius: 3px;
}

body.dark-mode .panel &gt; .panel-body + .table, body.dark-mode .panel &gt; .panel-body + .table-responsive, body.dark-mode .panel &gt; .table + .panel-body, body.dark-mode .panel &gt; .table-responsive + .panel-body {
	border-top: 1px solid #3b3b3b;
}

body.dark-mode .panel &gt; .table &gt; tbody:first-child &gt; tr:first-child td, body.dark-mode .panel &gt; .table &gt; tbody:first-child &gt; tr:first-child th {
	border-top: 0px;
}

body.dark-mode .panel &gt; .table-bordered, body.dark-mode .panel &gt; .table-responsive &gt; .table-bordered {
	border: 0px;
}

body.dark-mode .panel &gt; .table-bordered &gt; tbody &gt; tr &gt; td:first-child, body.dark-mode .panel &gt; .table-bordered &gt; tbody &gt; tr &gt; th:first-child, body.dark-mode .panel &gt; .table-bordered &gt; tfoot &gt; tr &gt; td:first-child, body.dark-mode .panel &gt; .table-bordered &gt; tfoot &gt; tr &gt; th:first-child, body.dark-mode .panel &gt; .table-bordered &gt; thead &gt; tr &gt; td:first-child, body.dark-mode .panel &gt; .table-bordered &gt; thead &gt; tr &gt; th:first-child, body.dark-mode .panel &gt; .table-responsive &gt; .table-bordered &gt; tbody &gt; tr &gt; td:first-child, body.dark-mode .panel &gt; .table-responsive &gt; .table-bordered &gt; tbody &gt; tr &gt; th:first-child, body.dark-mode .panel &gt; .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr &gt; td:first-child, body.dark-mode .panel &gt; .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr &gt; th:first-child, body.dark-mode .panel &gt; .table-responsive &gt; .table-bordered &gt; thead &gt; tr &gt; td:first-child, body.dark-mode .panel &gt; .table-responsive &gt; .table-bordered &gt; thead &gt; tr &gt; th:first-child {
	border-left: 0px;
}

body.dark-mode .panel &gt; .table-bordered &gt; tbody &gt; tr &gt; td:last-child, body.dark-mode .panel &gt; .table-bordered &gt; tbody &gt; tr &gt; th:last-child, body.dark-mode .panel &gt; .table-bordered &gt; tfoot &gt; tr &gt; td:last-child, body.dark-mode .panel &gt; .table-bordered &gt; tfoot &gt; tr &gt; th:last-child, body.dark-mode .panel &gt; .table-bordered &gt; thead &gt; tr &gt; td:last-child, body.dark-mode .panel &gt; .table-bordered &gt; thead &gt; tr &gt; th:last-child, body.dark-mode .panel &gt; .table-responsive &gt; .table-bordered &gt; tbody &gt; tr &gt; td:last-child, body.dark-mode .panel &gt; .table-responsive &gt; .table-bordered &gt; tbody &gt; tr &gt; th:last-child, body.dark-mode .panel &gt; .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr &gt; td:last-child, body.dark-mode .panel &gt; .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr &gt; th:last-child, body.dark-mode .panel &gt; .table-responsive &gt; .table-bordered &gt; thead &gt; tr &gt; td:last-child, body.dark-mode .panel &gt; .table-responsive &gt; .table-bordered &gt; thead &gt; tr &gt; th:last-child {
	border-right: 0px;
}

body.dark-mode .panel &gt; .table-bordered &gt; tbody &gt; tr:first-child &gt; td, body.dark-mode .panel &gt; .table-bordered &gt; tbody &gt; tr:first-child &gt; th, body.dark-mode .panel &gt; .table-bordered &gt; thead &gt; tr:first-child &gt; td, body.dark-mode .panel &gt; .table-bordered &gt; thead &gt; tr:first-child &gt; th, body.dark-mode .panel &gt; .table-responsive &gt; .table-bordered &gt; tbody &gt; tr:first-child &gt; td, body.dark-mode .panel &gt; .table-responsive &gt; .table-bordered &gt; tbody &gt; tr:first-child &gt; th, body.dark-mode .panel &gt; .table-responsive &gt; .table-bordered &gt; thead &gt; tr:first-child &gt; td, body.dark-mode .panel &gt; .table-responsive &gt; .table-bordered &gt; thead &gt; tr:first-child &gt; th {
	border-bottom: 0px;
}

body.dark-mode .panel &gt; .table-bordered &gt; tbody &gt; tr:last-child &gt; td, body.dark-mode .panel &gt; .table-bordered &gt; tbody &gt; tr:last-child &gt; th, body.dark-mode .panel &gt; .table-bordered &gt; tfoot &gt; tr:last-child &gt; td, body.dark-mode .panel &gt; .table-bordered &gt; tfoot &gt; tr:last-child &gt; th, body.dark-mode .panel &gt; .table-responsive &gt; .table-bordered &gt; tbody &gt; tr:last-child &gt; td, body.dark-mode .panel &gt; .table-responsive &gt; .table-bordered &gt; tbody &gt; tr:last-child &gt; th, body.dark-mode .panel &gt; .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr:last-child &gt; td, body.dark-mode .panel &gt; .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr:last-child &gt; th {
	border-bottom: 0px;
}

body.dark-mode .panel &gt; .table-responsive {
	margin-bottom: 0px;
	border: 0px;
}

body.dark-mode .panel-group {
	margin-bottom: 20px;
}

body.dark-mode .panel-group .panel {
	margin-bottom: 0px;
	border-radius: 4px;
}

body.dark-mode .panel-group .panel + .panel {
	margin-top: 5px;
}

body.dark-mode .panel-group .panel-heading {
	border-bottom: 0px;
}

body.dark-mode .panel-group .panel-heading + .panel-collapse &gt; .list-group, body.dark-mode .panel-group .panel-heading + .panel-collapse &gt; .panel-body {
	border-top: 1px solid #3b3b3b;
}

body.dark-mode .panel-group .panel-footer {
	border-top: 0px;
}

body.dark-mode .panel-group .panel-footer + .panel-collapse .panel-body {
	border-bottom: 1px solid #3b3b3b;
}

body.dark-mode .panel-default {
	border-color: #3b3b3b;
}

body.dark-mode .panel-default &gt; .panel-heading {
	color: #bfbfbf;
	background-color: #242424;
	border-color: #3b3b3b;
}

body.dark-mode .panel-default &gt; .panel-heading + .panel-collapse &gt; .panel-body {
	border-top-color: #3b3b3b;
}

body.dark-mode .panel-default &gt; .panel-heading .badge {
	color: whitesmoke;
	background-color: #333333;
}

body.dark-mode .panel-default &gt; .panel-footer + .panel-collapse &gt; .panel-body {
	border-bottom-color: #dddddd;
}

body.dark-mode .panel-primary {
	border-color: #347ab7;
}

body.dark-mode .panel-primary &gt; .panel-heading {
	color: white;
	background-color: #347ab7;
	border-color: #347ab7;
}

body.dark-mode .panel-primary &gt; .panel-heading + .panel-collapse &gt; .panel-body {
	border-top-color: #347ab7;
}

body.dark-mode .panel-primary &gt; .panel-heading .badge {
	color: #9cc2e3;
	background-color: #1c1c21;
}

body.dark-mode .panel-primary &gt; .panel-footer + .panel-collapse &gt; .panel-body {
	border-bottom-color: #337ab7;
}

body.dark-mode .panel-success {
	border-color: #3d5c24;
}

body.dark-mode .panel-success &gt; .panel-heading {
	color: #aad4ab;
	background-color: #2b4d1e;
	border-color: #3d5c24;
}

body.dark-mode .panel-success &gt; .panel-heading + .panel-collapse &gt; .panel-body {
	border-top-color: #3d5c24;
}

body.dark-mode .panel-success &gt; .panel-heading .badge {
	color: #deefd7;
	background-color: #3c773d;
}

body.dark-mode .panel-success &gt; .panel-footer + .panel-collapse &gt; .panel-body {
	border-bottom-color: #d6e9c6;
}

body.dark-mode .panel-info {
	border-color: #1b5d6a;
}

body.dark-mode .panel-info &gt; .panel-heading {
	color: #a0cade;
	background-color: #133a4e;
	border-color: #1b5d6a;
}

body.dark-mode .panel-info &gt; .panel-heading + .panel-collapse &gt; .panel-body {
	border-top-color: #1b5d6a;
}

body.dark-mode .panel-info &gt; .panel-heading .badge {
	color: #daedf6;
	background-color: #317190;
}

body.dark-mode .panel-info &gt; .panel-footer + .panel-collapse &gt; .panel-body {
	border-bottom-color: #bce8f1;
}

body.dark-mode .panel-warning {
	border-color: #564015;
}

body.dark-mode .panel-warning &gt; .panel-heading {
	color: #d9c6a6;
	background-color: #f0ad4e;
	border-color: #564015;
}

body.dark-mode .panel-warning &gt; .panel-heading + .panel-collapse &gt; .panel-body {
	border-top-color: #564015;
}

body.dark-mode .panel-warning &gt; .panel-heading .badge {
	color: #f9f6e7;
	background-color: #8b6e3c;
}

body.dark-mode .panel-warning &gt; .panel-footer + .panel-collapse &gt; .panel-body {
	border-bottom-color: #faebcc;
}

body.dark-mode .panel-danger {
	border-color: #58222b;
}

body.dark-mode .panel-danger &gt; .panel-heading {
	color: #dba4a3;
	background-color: #451c1c;
	border-color: #58222b;
}

body.dark-mode .panel-danger &gt; .panel-heading + .panel-collapse &gt; .panel-body {
	border-top-color: #58222b;
}

body.dark-mode .panel-danger &gt; .panel-heading .badge {
	color: #f2dede;
	background-color: #a94342;
}

body.dark-mode .panel-danger &gt; .panel-footer + .panel-collapse &gt; .panel-body {
	border-bottom-color: #ebccd1;
}

body.dark-mode .embed-responsive {
	position: relative;
	display: block;
	height: 0px;
	padding: 0px;
	overflow: hidden;
}

body.dark-mode .embed-responsive .embed-responsive-item, body.dark-mode .embed-responsive embed, body.dark-mode .embed-responsive iframe, body.dark-mode .embed-responsive object, body.dark-mode .embed-responsive video {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border: 0px;
}

body.dark-mode .embed-responsive-16by9 {
	padding-bottom: 56.25%;
}

body.dark-mode .embed-responsive-4by3 {
	padding-bottom: 75%;
}

body.dark-mode .well {
	min-height: 20px;
	padding: 19px;
	margin-bottom: 20px;
	background-color: #242424;
	border: 1px solid #363636;
	border-radius: 4px;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px inset;
}

body.dark-mode .well blockquote {
	border-color: rgba(0, 0, 0, 0.15);
}

body.dark-mode .well-lg {
	padding: 24px;
	border-radius: 6px;
}

body.dark-mode .well-sm {
	padding: 9px;
	border-radius: 3px;
}

body.dark-mode .close {
	float: right;
	font-size: 21px;
	font-weight: 700;
	line-height: 1;
	color: #bfbfbf;
	text-shadow: #1c1c21 0px 1px 0px;
	opacity: 0.8;
}

body.dark-mode .close:focus, body.dark-mode .close:hover {
	color: #bfbfbf;
	text-decoration: none;
	cursor: pointer;
	opacity: 0.9;
}

body.dark-mode button.close {
	-webkit-appearance: none;
	padding: 0px;
	cursor: pointer;
	background: 0px 0px;
	border: 0px;
}

body.dark-mode.modal-open {
	overflow: hidden;
}

body.dark-mode .modal.fade .modal-dialog {
	transition: transform 0.3s ease-out 0s;
	transform: translate(0px, -25%);
}

body.dark-mode .modal.in .modal-dialog {
	transform: translate(0px, 0px);
}

body.dark-mode.modal-open .modal {
	overflow: hidden auto;
}

body.dark-mode .modal-dialog {
	position: relative;
	width: auto;
	margin: 10px;
}

body.dark-mode .modal-content {
	position: relative;
	background-color: #1c1c21;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 6px;
	outline: 0px;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 9px;
}

body.dark-mode .modal-backdrop {
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	z-index: 1040;
	background-color: black;
}

body.dark-mode .modal-backdrop.fade {
	opacity: 0;
}

body.dark-mode .modal-backdrop.in {
	opacity: 0.5;
}

body.dark-mode .modal-header {
	padding: 15px;
	border-bottom: 1px solid #333333;
}

body.dark-mode .modal-header .close {
	margin-top: -2px;
}

body.dark-mode .modal-title {
	margin: 0px;
	line-height: 1.42857;
}

body.dark-mode .modal-body {
	position: relative;
	padding: 15px;
}

body.dark-mode .modal-footer {
	padding: 15px;
	text-align: right;
	border-top: 1px solid #333333;
}

body.dark-mode .modal-footer .btn + .btn {
	margin-bottom: 0px;
	margin-left: 5px;
}

body.dark-mode .modal-footer .btn-group .btn + .btn {
	margin-left: -1px;
}

body.dark-mode .modal-footer .btn-block + .btn-block {
	margin-left: 0px;
}

body.dark-mode .modal-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll;
}

@media (min-width: 768px) {
	body.dark-mode .modal-dialog {
		width: 600px;
		margin: 30px auto;
	}

	body.dark-mode .modal-content {
		box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 15px;
	}

	body.dark-mode .modal-sm {
		width: 300px;
	}
}

@media (min-width: 992px) {
	body.dark-mode .modal-lg {
		width: 900px;
	}
}

body.dark-mode .tooltip {
	position: absolute;
	z-index: 1070;
	display: block;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.42857;
	text-align: start;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	word-break: normal;
	word-spacing: normal;
	overflow-wrap: normal;
	white-space: normal;
	opacity: 0;
	line-break: auto;
}

body.dark-mode .tooltip.in {
	opacity: 0.9;
}

body.dark-mode .tooltip.top {
	padding: 5px 0px;
	margin-top: -3px;
}

body.dark-mode .tooltip.right {
	padding: 0px 5px;
	margin-left: 3px;
}

body.dark-mode .tooltip.bottom {
	padding: 5px 0px;
	margin-top: 3px;
}

body.dark-mode .tooltip.left {
	padding: 0px 5px;
	margin-left: -3px;
}

body.dark-mode .tooltip-inner {
	max-width: 200px;
	padding: 3px 8px;
	color: white;
	text-align: center;
	background-color: black;
	border-radius: 4px;
}

body.dark-mode .tooltip-arrow {
	position: absolute;
	width: 0px;
	height: 0px;
	border-color: transparent;
	border-style: solid;
}

body.dark-mode .tooltip.top .tooltip-arrow {
	bottom: 0px;
	left: 50%;
	margin-left: -5px;
	border-width: 5px 5px 0px;
	border-top-color: black;
}

body.dark-mode .tooltip.top-left .tooltip-arrow {
	right: 5px;
	bottom: 0px;
	margin-bottom: -5px;
	border-width: 5px 5px 0px;
	border-top-color: black;
}

body.dark-mode .tooltip.top-right .tooltip-arrow {
	bottom: 0px;
	left: 5px;
	margin-bottom: -5px;
	border-width: 5px 5px 0px;
	border-top-color: black;
}

body.dark-mode .tooltip.right .tooltip-arrow {
	top: 50%;
	left: 0px;
	margin-top: -5px;
	border-width: 5px 5px 5px 0px;
	border-right-color: black;
}

body.dark-mode .tooltip.left .tooltip-arrow {
	top: 50%;
	right: 0px;
	margin-top: -5px;
	border-width: 5px 0px 5px 5px;
	border-left-color: black;
}

body.dark-mode .tooltip.bottom .tooltip-arrow {
	top: 0px;
	left: 50%;
	margin-left: -5px;
	border-width: 0px 5px 5px;
	border-bottom-color: black;
}

body.dark-mode .tooltip.bottom-left .tooltip-arrow {
	top: 0px;
	right: 5px;
	margin-top: -5px;
	border-width: 0px 5px 5px;
	border-bottom-color: black;
}

body.dark-mode .tooltip.bottom-right .tooltip-arrow {
	top: 0px;
	left: 5px;
	margin-top: -5px;
	border-width: 0px 5px 5px;
	border-bottom-color: black;
}

body.dark-mode .popover {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1060;
	display: none;
	max-width: 276px;
	padding: 1px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.42857;
	text-align: start;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	word-break: normal;
	word-spacing: normal;
	overflow-wrap: normal;
	white-space: normal;
	background-color: #1c1c21;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 6px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 10px;
	line-break: auto;
}

body.dark-mode .popover.top {
	margin-top: -10px;
}

body.dark-mode .popover.right {
	margin-left: 10px;
}

body.dark-mode .popover.bottom {
	margin-top: 10px;
}

body.dark-mode .popover.left {
	margin-left: -10px;
}

body.dark-mode .popover-title {
	padding: 8px 14px;
	margin: 0px;
	font-size: 14px;
	background-color: #212121;
	border-bottom: 1px solid #2e2e2e;
	border-radius: 5px 5px 0px 0px;
}

body.dark-mode .popover-content {
	padding: 9px 14px;
}

body.dark-mode .popover &gt; .arrow, body.dark-mode .popover &gt; .arrow::after {
	position: absolute;
	display: block;
	width: 0px;
	height: 0px;
	border-color: transparent;
	border-style: solid;
}

body.dark-mode .popover &gt; .arrow {
	border-width: 11px;
}

body.dark-mode .popover &gt; .arrow::after {
	content: "";
	border-width: 10px;
}

body.dark-mode .popover.top &gt; .arrow {
	bottom: -11px;
	left: 50%;
	margin-left: -11px;
	border-top-color: rgba(0, 0, 0, 0.25);
	border-bottom-width: 0px;
}

body.dark-mode .popover.top &gt; .arrow::after {
	bottom: 1px;
	margin-left: -10px;
	content: " ";
	border-top-color: #1c1c21;
	border-bottom-width: 0px;
}

body.dark-mode .popover.right &gt; .arrow {
	top: 50%;
	left: -11px;
	margin-top: -11px;
	border-right-color: rgba(0, 0, 0, 0.25);
	border-left-width: 0px;
}

body.dark-mode .popover.right &gt; .arrow::after {
	bottom: -10px;
	left: 1px;
	content: " ";
	border-right-color: #1c1c21;
	border-left-width: 0px;
}

body.dark-mode .popover.bottom &gt; .arrow {
	top: -11px;
	left: 50%;
	margin-left: -11px;
	border-top-width: 0px;
	border-bottom-color: rgba(0, 0, 0, 0.25);
}

body.dark-mode .popover.bottom &gt; .arrow::after {
	top: 1px;
	margin-left: -10px;
	content: " ";
	border-top-width: 0px;
	border-bottom-color: white;
}

body.dark-mode .popover.left &gt; .arrow {
	top: 50%;
	right: -11px;
	margin-top: -11px;
	border-right-width: 0px;
	border-left-color: rgba(0, 0, 0, 0.25);
}

body.dark-mode .popover.left &gt; .arrow::after {
	right: 1px;
	bottom: -10px;
	content: " ";
	border-right-width: 0px;
	border-left-color: #1c1c21;
}

body.dark-mode .carousel {
	position: relative;
}

body.dark-mode .carousel-inner {
	position: relative;
	width: 100%;
	overflow: hidden;
}

body.dark-mode .carousel-inner &gt; .item {
	position: relative;
	display: none;
	transition: left 0.6s ease-in-out 0s;
}

body.dark-mode .carousel-inner &gt; .item &gt; a &gt; img, body.dark-mode .carousel-inner &gt; .item &gt; img {
	line-height: 1;
}

@media not all, (-webkit-transform-3d) {
	body.dark-mode .carousel-inner &gt; .item {
		transition: transform 0.6s ease-in-out 0s;
		backface-visibility: hidden;
		perspective: 1000px;
	}

	body.dark-mode .carousel-inner &gt; .item.active.right, body.dark-mode .carousel-inner &gt; .item.next {
		left: 0px;
		transform: translate3d(100%, 0px, 0px);
	}

	body.dark-mode .carousel-inner &gt; .item.active.left, body.dark-mode .carousel-inner &gt; .item.prev {
		left: 0px;
		transform: translate3d(-100%, 0px, 0px);
	}

	body.dark-mode .carousel-inner &gt; .item.active, body.dark-mode .carousel-inner &gt; .item.next.left, body.dark-mode .carousel-inner &gt; .item.prev.right {
		left: 0px;
		transform: translate3d(0px, 0px, 0px);
	}
}

body.dark-mode .carousel-inner &gt; .active, body.dark-mode .carousel-inner &gt; .next, body.dark-mode .carousel-inner &gt; .prev {
	display: block;
}

body.dark-mode .carousel-inner &gt; .active {
	left: 0px;
}

body.dark-mode .carousel-inner &gt; .next, body.dark-mode .carousel-inner &gt; .prev {
	position: absolute;
	top: 0px;
	width: 100%;
}

body.dark-mode .carousel-inner &gt; .next {
	left: 100%;
}

body.dark-mode .carousel-inner &gt; .prev {
	left: -100%;
}

body.dark-mode .carousel-inner &gt; .next.left, body.dark-mode .carousel-inner &gt; .prev.right {
	left: 0px;
}

body.dark-mode .carousel-inner &gt; .active.left {
	left: -100%;
}

body.dark-mode .carousel-inner &gt; .active.right {
	left: 100%;
}

body.dark-mode .carousel-control {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	width: 15%;
	font-size: 20px;
	color: white;
	text-align: center;
	text-shadow: rgba(0, 0, 0, 0.6) 0px 1px 2px;
	background-color: transparent;
	opacity: 0.5;
}

body.dark-mode .carousel-control.left {
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0px, transparent 100%);
	background-repeat: repeat-x;
}

body.dark-mode .carousel-control.right {
	right: 0px;
	left: auto;
	background-image: linear-gradient(to right, transparent 0px, rgba(0, 0, 0, 0.5) 100%);
	background-repeat: repeat-x;
}

body.dark-mode .carousel-control:focus, body.dark-mode .carousel-control:hover {
	color: white;
	text-decoration: none;
	outline: 0px;
	opacity: 0.9;
}

body.dark-mode .carousel-control .glyphicon-chevron-left, body.dark-mode .carousel-control .glyphicon-chevron-right, body.dark-mode .carousel-control .icon-next, body.dark-mode .carousel-control .icon-prev {
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block;
	margin-top: -10px;
}

body.dark-mode .carousel-control .glyphicon-chevron-left, body.dark-mode .carousel-control .icon-prev {
	left: 50%;
	margin-left: -10px;
}

body.dark-mode .carousel-control .glyphicon-chevron-right, body.dark-mode .carousel-control .icon-next {
	right: 50%;
	margin-right: -10px;
}

body.dark-mode .carousel-control .icon-next, body.dark-mode .carousel-control .icon-prev {
	width: 20px;
	height: 20px;
	font-family: serif;
	line-height: 1;
}

body.dark-mode .carousel-control .icon-prev::before {
	content: "â€¹";
}

body.dark-mode .carousel-control .icon-next::before {
	content: "â€º";
}

body.dark-mode .carousel-indicators {
	position: absolute;
	bottom: 10px;
	left: 50%;
	z-index: 15;
	width: 60%;
	padding-left: 0px;
	margin-left: -30%;
	text-align: center;
	list-style: none;
}

body.dark-mode .carousel-indicators li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 1px;
	text-indent: -999px;
	cursor: pointer;
	background-color: transparent;
	border: 1px solid #1c1c21;
	border-radius: 10px;
}

body.dark-mode .carousel-indicators .active {
	width: 12px;
	height: 12px;
	margin: 0px;
	background-color: #1c1c21;
}

body.dark-mode .carousel-caption {
	position: absolute;
	right: 15%;
	bottom: 20px;
	left: 15%;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	color: white;
	text-align: center;
	text-shadow: rgba(0, 0, 0, 0.6) 0px 1px 2px;
}

body.dark-mode .carousel-caption .btn {
	text-shadow: none;
}

@media screen and (min-width: 768px) {
	body.dark-mode .carousel-control .glyphicon-chevron-left, body.dark-mode .carousel-control .glyphicon-chevron-right, body.dark-mode .carousel-control .icon-next, body.dark-mode .carousel-control .icon-prev {
		width: 30px;
		height: 30px;
		margin-top: -10px;
		font-size: 30px;
	}

	body.dark-mode .carousel-control .glyphicon-chevron-left, body.dark-mode .carousel-control .icon-prev {
		margin-left: -10px;
	}

	body.dark-mode .carousel-control .glyphicon-chevron-right, body.dark-mode .carousel-control .icon-next {
		margin-right: -10px;
	}

	body.dark-mode .carousel-caption {
		right: 20%;
		left: 20%;
		padding-bottom: 30px;
	}

	body.dark-mode .carousel-indicators {
		bottom: 20px;
	}
}

body.dark-mode .btn-group-vertical &gt; .btn-group::after, body.dark-mode .btn-group-vertical &gt; .btn-group::before, body.dark-mode .btn-toolbar::after, body.dark-mode .btn-toolbar::before, body.dark-mode .clearfix::after, body.dark-mode .clearfix::before, body.dark-mode .container-fluid::after, body.dark-mode .container-fluid::before, body.dark-mode .container::after, body.dark-mode .container::before, body.dark-mode .dl-horizontal dd::after, body.dark-mode .dl-horizontal dd::before, body.dark-mode .form-horizontal .form-group::after, body.dark-mode .form-horizontal .form-group::before, body.dark-mode .modal-footer::after, body.dark-mode .modal-footer::before, body.dark-mode .modal-header::after, body.dark-mode .modal-header::before, body.dark-mode .nav::after, body.dark-mode .nav::before, body.dark-mode .navbar-collapse::after, body.dark-mode .navbar-collapse::before, body.dark-mode .navbar-header::after, body.dark-mode .navbar-header::before, body.dark-mode .navbar::after, body.dark-mode .navbar::before, body.dark-mode .pager::after, body.dark-mode .pager::before, body.dark-mode .panel-body::after, body.dark-mode .panel-body::before, body.dark-mode .row::after, body.dark-mode .row::before {
	display: table;
	content: " ";
}

body.dark-mode .btn-group-vertical &gt; .btn-group::after, body.dark-mode .btn-toolbar::after, body.dark-mode .clearfix::after, body.dark-mode .container-fluid::after, body.dark-mode .container::after, body.dark-mode .dl-horizontal dd::after, body.dark-mode .form-horizontal .form-group::after, body.dark-mode .modal-footer::after, body.dark-mode .modal-header::after, body.dark-mode .nav::after, body.dark-mode .navbar-collapse::after, body.dark-mode .navbar-header::after, body.dark-mode .navbar::after, body.dark-mode .pager::after, body.dark-mode .panel-body::after, body.dark-mode .row::after {
	clear: both;
}

body.dark-mode .center-block {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

body.dark-mode .pull-right {
	float: right !important;
}

body.dark-mode .pull-left {
	float: left !important;
}

body.dark-mode .hide {
	display: none !important;
}

body.dark-mode .show {
	display: block !important;
}

body.dark-mode .invisible {
	visibility: hidden;
}

body.dark-mode .text-hide {
	font: 0px / 0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0px;
}

body.dark-mode .hidden {
	display: none !important;
}

body.dark-mode .affix {
	position: fixed;
}

body.dark-mode .visible-lg, body.dark-mode .visible-md, body.dark-mode .visible-sm, body.dark-mode .visible-xs {
	display: none !important;
}

body.dark-mode .visible-lg-block, body.dark-mode .visible-lg-inline, body.dark-mode .visible-lg-inline-block, body.dark-mode .visible-md-block, body.dark-mode .visible-md-inline, body.dark-mode .visible-md-inline-block, body.dark-mode .visible-sm-block, body.dark-mode .visible-sm-inline, body.dark-mode .visible-sm-inline-block, body.dark-mode .visible-xs-block, body.dark-mode .visible-xs-inline, body.dark-mode .visible-xs-inline-block {
	display: none !important;
}

@media (max-width: 767px) {
	body.dark-mode .visible-xs {
		display: block !important;
	}

	body.dark-mode table.visible-xs {
		display: table !important;
	}

	body.dark-mode tr.visible-xs {
		display: table-row !important;
	}

	body.dark-mode td.visible-xs, body.dark-mode th.visible-xs {
		display: table-cell !important;
	}
}

@media (max-width: 767px) {
	body.dark-mode .visible-xs-block {
		display: block !important;
	}
}

@media (max-width: 767px) {
	body.dark-mode .visible-xs-inline {
		display: inline !important;
	}
}

@media (max-width: 767px) {
	body.dark-mode .visible-xs-inline-block {
		display: inline-block !important;
	}
}

@media (max-width: 991px) and (min-width: 768px) {
	body.dark-mode .visible-sm {
		display: block !important;
	}

	body.dark-mode table.visible-sm {
		display: table !important;
	}

	body.dark-mode tr.visible-sm {
		display: table-row !important;
	}

	body.dark-mode td.visible-sm, body.dark-mode th.visible-sm {
		display: table-cell !important;
	}
}

@media (max-width: 991px) and (min-width: 768px) {
	body.dark-mode .visible-sm-block {
		display: block !important;
	}
}

@media (max-width: 991px) and (min-width: 768px) {
	body.dark-mode .visible-sm-inline {
		display: inline !important;
	}
}

@media (max-width: 991px) and (min-width: 768px) {
	body.dark-mode .visible-sm-inline-block {
		display: inline-block !important;
	}
}

@media (max-width: 1199px) and (min-width: 992px) {
	body.dark-mode .visible-md {
		display: block !important;
	}

	body.dark-mode table.visible-md {
		display: table !important;
	}

	body.dark-mode tr.visible-md {
		display: table-row !important;
	}

	body.dark-mode td.visible-md, body.dark-mode th.visible-md {
		display: table-cell !important;
	}
}

@media (max-width: 1199px) and (min-width: 992px) {
	body.dark-mode .visible-md-block {
		display: block !important;
	}
}

@media (max-width: 1199px) and (min-width: 992px) {
	body.dark-mode .visible-md-inline {
		display: inline !important;
	}
}

@media (max-width: 1199px) and (min-width: 992px) {
	body.dark-mode .visible-md-inline-block {
		display: inline-block !important;
	}
}

@media (min-width: 1200px) {
	body.dark-mode .visible-lg {
		display: block !important;
	}

	body.dark-mode table.visible-lg {
		display: table !important;
	}

	body.dark-mode tr.visible-lg {
		display: table-row !important;
	}

	body.dark-mode td.visible-lg, body.dark-mode th.visible-lg {
		display: table-cell !important;
	}
}

@media (min-width: 1200px) {
	body.dark-mode .visible-lg-block {
		display: block !important;
	}
}

@media (min-width: 1200px) {
	body.dark-mode .visible-lg-inline {
		display: inline !important;
	}
}

@media (min-width: 1200px) {
	body.dark-mode .visible-lg-inline-block {
		display: inline-block !important;
	}
}

@media (max-width: 767px) {
	body.dark-mode .hidden-xs {
		display: none !important;
	}
}

@media (max-width: 991px) and (min-width: 768px) {
	body.dark-mode .hidden-sm {
		display: none !important;
	}
}

@media (max-width: 1199px) and (min-width: 992px) {
	body.dark-mode .hidden-md {
		display: none !important;
	}
}

@media (min-width: 1200px) {
	body.dark-mode .hidden-lg {
		display: none !important;
	}
}

body.dark-mode .visible-print {
	display: none !important;
}

@media print {
	body.dark-mode .visible-print {
		display: block !important;
	}

	body.dark-mode table.visible-print {
		display: table !important;
	}

	body.dark-mode tr.visible-print {
		display: table-row !important;
	}

	body.dark-mode td.visible-print, body.dark-mode th.visible-print {
		display: table-cell !important;
	}
}

body.dark-mode .visible-print-block {
	display: none !important;
}

@media print {
	body.dark-mode .visible-print-block {
		display: block !important;
	}
}

body.dark-mode .visible-print-inline {
	display: none !important;
}

@media print {
	body.dark-mode .visible-print-inline {
		display: inline !important;
	}
}

body.dark-mode .visible-print-inline-block {
	display: none !important;
}

@media print {
	body.dark-mode .visible-print-inline-block {
		display: inline-block !important;
	}
}

@media print {
	body.dark-mode .hidden-print {
		display: none !important;
	}
}

body.dark-mode .layout-boxed html, body.dark-mode .layout-boxed body {
	height: 100%;
}

body.dark-mode .wrapper {
	min-height: 100%;
	position: static;
	overflow: hidden;
}

body.dark-mode .wrapper::before, body.dark-mode .wrapper::after {
	content: " ";
	display: table;
}

body.dark-mode .wrapper::after {
	clear: both;
}

body.dark-mode .layout-boxed .wrapper {
	max-width: 1250px;
	margin: 0px auto;
	min-height: 100%;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 8px;
	position: relative;
}

body.dark-mode .layout-boxed {
	background: url("../img/boxed-bg.jpg") repeat fixed;
}

body.dark-mode .content-wrapper, body.dark-mode .right-side, body.dark-mode .main-footer {
	transition: transform 0.3s ease-in-out 0s, margin 0.3s ease-in-out 0s;
	margin-left: 0px;
	z-index: 820;
}

body.dark-mode .layout-top-nav .content-wrapper, body.dark-mode .layout-top-nav .right-side, body.dark-mode .layout-top-nav .main-footer {
	margin-left: 0px;
}

@media (max-width: 767px) {
	body.dark-mode .content-wrapper, body.dark-mode .right-side, body.dark-mode .main-footer {
		margin-left: 0px;
	}
}

@media (min-width: 768px) {
	body.dark-mode .sidebar-collapse .content-wrapper, body.dark-mode .sidebar-collapse .right-side, body.dark-mode .sidebar-collapse .main-footer {
		margin-left: 0px;
	}
}

@media (max-width: 767px) {
	body.dark-mode .sidebar-open .content-wrapper, body.dark-mode .sidebar-open .right-side, body.dark-mode .sidebar-open .main-footer {
		transform: translate(200px, 0px);
	}
}

body.dark-mode .content-wrapper, body.dark-mode .right-side {
	min-height: 100%;
	background-color: #1c2835;
	z-index: 800;
}

body.dark-mode .main-footer {
	background: #1c1c21;
	padding: 15px;
	color: #bfbfbf;
	border-top: 1px solid #363d49;
	overflow: auto;
}

body.dark-mode .fixed .main-header, body.dark-mode .fixed .main-sidebar, body.dark-mode .fixed .left-side {
	position: fixed;
}

body.dark-mode .fixed .main-header {
	top: 0px;
	right: 0px;
	left: 0px;
}

body.dark-mode .fixed .content-wrapper, body.dark-mode .fixed .right-side {
	padding-top: 50px;
}

@media (max-width: 767px) {
	body.dark-mode .fixed .content-wrapper, body.dark-mode .fixed .right-side {
		padding-top: 100px;
	}
}

body.dark-mode .fixed.layout-boxed .wrapper {
	max-width: 100%;
}

body.dark-mode.hold-transition .content-wrapper, body.dark-mode.hold-transition .right-side, body.dark-mode.hold-transition .main-footer, body.dark-mode.hold-transition .main-sidebar, body.dark-mode.hold-transition .left-side, body.dark-mode.hold-transition .main-header &gt; .navbar, body.dark-mode.hold-transition .main-header .logo {
	transition: none 0s ease 0s;
}

body.dark-mode .content {
	min-height: 250px;
	padding: 15px;
	margin-right: auto;
	margin-left: auto;
}

body.dark-mode h1, body.dark-mode h2, body.dark-mode h3, body.dark-mode h4, body.dark-mode h5, body.dark-mode h6, body.dark-mode .h1, body.dark-mode .h2, body.dark-mode .h3, body.dark-mode .h4, body.dark-mode .h5, body.dark-mode .h6 {
	font-family: "Source Sans Pro", "Open Sans", "Roboto", "San Francisco", Helvetica, Arial, sans-serif;
	font-weight: 400;
}

body.dark-mode a {
	color: #9fc0df;
}

body.dark-mode a:hover, body.dark-mode a:active {
	outline: none;
	text-decoration: underline;
	color: #9fc0df;
}

body.dark-mode .page-header {
	margin: 10px 0px 20px;
	font-size: 22px;
}

body.dark-mode .page-header &gt; small {
	color: #bfbfbf;
	display: block;
	margin-top: 5px;
}

body.dark-mode .main-header {
	position: relative;
	max-height: 100px;
	z-index: 1030;
}

body.dark-mode .main-header &gt; .navbar {
	transition: margin-left 0.3s ease-in-out 0s;
	margin-bottom: 0px;
	margin-left: 0px;
	border: none;
	min-height: 50px;
	border-radius: 0px;
}

body.dark-mode .layout-top-nav .main-header &gt; .navbar {
	margin-left: 0px;
}

body.dark-mode .main-header #navbar-search-input.form-control {
	background: rgba(28, 28, 33, 0.2);
	border-color: transparent;
}

body.dark-mode .main-header #navbar-search-input.form-control:focus, body.dark-mode .main-header #navbar-search-input.form-control:active {
	border-color: rgba(0, 0, 0, 0.1);
	background: rgba(28, 28, 33, 0.9);
}

body.dark-mode .main-header #navbar-search-input.form-control::-webkit-input-placeholder {
	color: #cccccc;
}

body.dark-mode .main-header .navbar-custom-menu, body.dark-mode .main-header .navbar-right {
	float: right;
}

@media (max-width: 991px) {
	body.dark-mode .main-header .navbar-custom-menu a:not(.btn), body.dark-mode .main-header .navbar-right a:not(.btn) {
		color: inherit;
		background: transparent;
	}
}

@media (max-width: 767px) {
	body.dark-mode .main-header .navbar-right {
		float: none;
	}

	body.dark-mode .navbar-collapse .main-header .navbar-right {
		margin: 7.5px -15px;
	}

	body.dark-mode .main-header .navbar-right &gt; li {
		color: inherit;
		border: 0px;
	}
}

body.dark-mode .main-header .sidebar-toggle {
	float: left;
	background-color: transparent;
	background-image: none;
	padding: 15px;
	font-family: fontAwesome;
}

body.dark-mode .main-header .sidebar-toggle::before {
	content: "ïƒ‰";
}

body.dark-mode .main-header .sidebar-toggle:hover {
	color: white;
}

body.dark-mode .main-header .sidebar-toggle:focus, body.dark-mode .main-header .sidebar-toggle:active {
	background: transparent;
}

body.dark-mode .main-header .sidebar-toggle .icon-bar {
	display: none;
}

body.dark-mode .main-header .navbar .nav &gt; li.user &gt; a &gt; .fa, body.dark-mode .main-header .navbar .nav &gt; li.user &gt; a &gt; .glyphicon, body.dark-mode .main-header .navbar .nav &gt; li.user &gt; a &gt; .ion {
	margin-right: 5px;
}

body.dark-mode .main-header .navbar .nav &gt; li &gt; a &gt; .label {
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 0px;
	font-size: 11px;
	font-weight: 600;
	padding: 2px 4px;
	line-height: 0.95;
	min-width: 16px;
	width: auto;
	height: 16px;
	border-radius: 0px 0px 5px 5px;
}

body.dark-mode .main-header .logo {
	transition: width 0.3s ease-in-out 0s;
	display: block;
	float: left;
	height: 50px;
	font-size: 20px;
	line-height: 50px;
	text-align: center;
	width: 200px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding: 0px;
	font-weight: 300;
	overflow: hidden;
}

body.dark-mode .main-header .logo .logo-lg {
	display: block;
}

body.dark-mode .main-header .logo .logo-mini {
	display: none;
}

body.dark-mode .main-header .navbar-brand {
	color: white;
}

body.dark-mode .content-header {
	position: relative;
	padding: 50px 15px 5px;
}

body.dark-mode .content-header &gt; h1 {
	margin: 0px;
	font-size: 24px;
}

body.dark-mode .content-header &gt; h1 &gt; small {
	font-size: 15px;
	display: inline-block;
	padding-left: 4px;
	font-weight: 300;
}

body.dark-mode .content-header &gt; .breadcrumb {
	float: right;
	background: transparent;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 12px;
	padding: 7px 5px;
	position: absolute;
	top: 15px;
	right: 10px;
	border-radius: 2px;
}

body.dark-mode .content-header &gt; .breadcrumb &gt; li &gt; a {
	color: #bfbfbf;
	text-decoration: none;
	display: inline-block;
}

body.dark-mode .content-header &gt; .breadcrumb &gt; li &gt; a &gt; .fa, body.dark-mode .content-header &gt; .breadcrumb &gt; li &gt; a &gt; .glyphicon, body.dark-mode .content-header &gt; .breadcrumb &gt; li &gt; a &gt; .ion {
	margin-right: 5px;
}

body.dark-mode .content-header &gt; .breadcrumb &gt; li + li::before {
	content: "&gt;Â&nbsp;";
}

@media (max-width: 991px) {
	body.dark-mode .content-header &gt; .breadcrumb {
		position: relative;
		margin-top: 5px;
		top: 0px;
		right: 0px;
		float: none;
		background: #363d49;
		padding-left: 10px;
	}

	body.dark-mode .content-header &gt; .breadcrumb li::before {
		color: #b5bcc9;
	}
}

body.dark-mode .navbar-toggle {
	color: white;
	border: 0px;
	margin: 0px;
	padding: 15px;
}

@media (max-width: 991px) {
	body.dark-mode .navbar-custom-menu .navbar-nav &gt; li {
		float: left;
	}

	body.dark-mode .navbar-custom-menu .navbar-nav {
		margin: 0px;
		float: left;
	}

	body.dark-mode .navbar-custom-menu .navbar-nav &gt; li &gt; a {
		padding-top: 15px;
		padding-bottom: 15px;
		line-height: 20px;
	}
}

@media (max-width: 767px) {
	body.dark-mode .main-header {
		position: relative;
	}

	body.dark-mode .main-header .logo, body.dark-mode .main-header .navbar {
		width: 100%;
		float: none;
	}

	body.dark-mode .main-header .navbar {
		margin: 0px;
	}

	body.dark-mode .main-header .navbar-custom-menu {
		float: right;
	}
}

@media (max-width: 991px) {
	body.dark-mode .navbar-collapse.pull-left {
		float: none !important;
	}

	body.dark-mode .navbar-collapse.pull-left + .navbar-custom-menu {
		display: block;
		position: absolute;
		top: 0px;
		right: 40px;
	}
}

body.dark-mode .main-sidebar, body.dark-mode .left-side {
	position: absolute;
	top: 0px;
	left: 0px;
	padding-top: 50px;
	min-height: 100%;
	width: 0px;
	z-index: 810;
	transition: transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
}

@media (max-width: 767px) {
	body.dark-mode .main-sidebar, body.dark-mode .left-side {
		padding-top: 100px;
		width: 199px;
	}
}

@media (max-width: 767px) {
	body.dark-mode .main-sidebar, body.dark-mode .left-side {
		transform: translate(-200px, 0px);
	}
}

@media (min-width: 768px) {
	body.dark-mode .sidebar-collapse .main-sidebar, body.dark-mode .sidebar-collapse .left-side {
		transform: translate(-200px, 0px);
	}
}

@media (max-width: 767px) {
	body.dark-mode .sidebar-open .main-sidebar, body.dark-mode .sidebar-open .left-side {
		transform: translate(0px, 0px);
	}
}

body.dark-mode .sidebar {
	padding-bottom: 10px;
}

body.dark-mode .sidebar-form input:focus {
	border-color: transparent;
}

body.dark-mode .user-panel {
	position: relative;
	width: 100%;
	padding: 10px;
	overflow: hidden;
}

body.dark-mode .user-panel::before, body.dark-mode .user-panel::after {
	content: " ";
	display: table;
}

body.dark-mode .user-panel::after {
	clear: both;
}

body.dark-mode .user-panel &gt; .image &gt; img, body.dark-mode .user-panel &gt; .image a &gt; img {
	width: 100%;
	max-width: 50px;
	height: auto;
}

body.dark-mode .user-panel &gt; .info {
	padding: 5px 5px 5px 15px;
	line-height: 1;
	position: absolute;
	left: 55px;
}

body.dark-mode .user-panel &gt; .info &gt; p {
	font-weight: 600;
	margin-bottom: 9px;
}

body.dark-mode .user-panel &gt; .info &gt; a {
	text-decoration: none;
	padding-right: 5px;
	margin-top: 3px;
	font-size: 11px;
}

body.dark-mode .user-panel &gt; .info &gt; a &gt; .fa, body.dark-mode .user-panel &gt; .info &gt; a &gt; .ion, body.dark-mode .user-panel &gt; .info &gt; a &gt; .glyphicon {
	margin-right: 3px;
}

body.dark-mode .sidebar-menu {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

body.dark-mode .sidebar-menu &gt; li {
	position: relative;
	margin: 0px;
	padding: 0px;
}

body.dark-mode .sidebar-menu &gt; li &gt; a {
	padding: 12px 5px 12px 15px;
	display: block;
}

body.dark-mode .sidebar-menu &gt; li &gt; a &gt; .fa, body.dark-mode .sidebar-menu &gt; li &gt; a &gt; .glyphicon, body.dark-mode .sidebar-menu &gt; li &gt; a &gt; .ion {
	width: 20px;
}

body.dark-mode .sidebar-menu &gt; li .label, body.dark-mode .sidebar-menu &gt; li .badge {
	margin-top: 3px;
	margin-right: 5px;
}

body.dark-mode .sidebar-menu li.header {
	padding: 10px 25px 10px 15px;
	font-size: 12px;
}

body.dark-mode .sidebar-menu li &gt; a &gt; .fa-angle-left {
	width: auto;
	height: auto;
	padding: 0px;
	margin-right: 10px;
	margin-top: 3px;
}

body.dark-mode .sidebar-menu li.active &gt; a &gt; .fa-angle-left {
	transform: rotate(-90deg);
}

body.dark-mode .sidebar-menu li.active &gt; .treeview-menu {
	display: block;
}

body.dark-mode .sidebar-menu .treeview-menu {
	display: none;
	list-style: none;
	padding: 0px 0px 0px 5px;
	margin: 0px;
}

body.dark-mode .sidebar-menu .treeview-menu .treeview-menu {
	padding-left: 20px;
}

body.dark-mode .sidebar-menu .treeview-menu &gt; li {
	margin: 0px;
}

body.dark-mode .sidebar-menu .treeview-menu &gt; li &gt; a {
	padding: 5px 5px 5px 30px;
	display: block;
	font-size: 14px;
}

body.dark-mode .sidebar-menu .treeview-menu &gt; li &gt; a &gt; .fa, body.dark-mode .sidebar-menu .treeview-menu &gt; li &gt; a &gt; .glyphicon, body.dark-mode .sidebar-menu .treeview-menu &gt; li &gt; a &gt; .ion {
	width: 20px;
}

body.dark-mode .sidebar-menu .treeview-menu &gt; li &gt; a &gt; .fa-angle-left, body.dark-mode .sidebar-menu .treeview-menu &gt; li &gt; a &gt; .fa-angle-down {
	width: auto;
}

@media (min-width: 768px) {
	body.dark-mode .sidebar-mini.sidebar-collapse .content-wrapper, body.dark-mode .sidebar-mini.sidebar-collapse .right-side, body.dark-mode .sidebar-mini.sidebar-collapse .main-footer {
		z-index: 840;
		margin-left: 49px !important;
	}

	body.dark-mode .sidebar-mini.sidebar-collapse .main-sidebar {
		transform: translate(0px, 0px);
		z-index: 850;
		width: 49px !important;
	}

	body.dark-mode .sidebar-mini.sidebar-collapse .sidebar-menu &gt; li {
		position: relative;
	}

	body.dark-mode .sidebar-mini.sidebar-collapse .sidebar-menu &gt; li &gt; a {
		margin-right: 0px;
	}

	body.dark-mode .sidebar-mini.sidebar-collapse .sidebar-menu &gt; li &gt; a &gt; span {
		border-top-right-radius: 4px;
	}

	body.dark-mode .sidebar-mini.sidebar-collapse .sidebar-menu &gt; li:not(.treeview) &gt; a &gt; span {
		border-bottom-right-radius: 4px;
	}

	body.dark-mode .sidebar-mini.sidebar-collapse .sidebar-menu &gt; li &gt; .treeview-menu {
		padding-top: 5px;
		padding-bottom: 5px;
		border-bottom-right-radius: 4px;
	}

	body.dark-mode .sidebar-mini.sidebar-collapse .sidebar-menu &gt; li:hover &gt; a &gt; span:not(.pull-right), body.dark-mode .sidebar-mini.sidebar-collapse .sidebar-menu &gt; li:hover &gt; .treeview-menu {
		position: absolute;
		width: 200px;
		left: 50px;
		display: block !important;
	}

	body.dark-mode .sidebar-mini.sidebar-collapse .sidebar-menu &gt; li:hover &gt; a &gt; span {
		top: 0px;
		margin-left: -3px;
		padding: 12px 5px 12px 20px;
		background-color: inherit;
	}

	body.dark-mode .sidebar-mini.sidebar-collapse .sidebar-menu &gt; li:hover &gt; .treeview-menu {
		top: 44px;
		margin-left: 0px;
	}

	body.dark-mode .sidebar-mini.sidebar-collapse .main-sidebar .user-panel &gt; .info, body.dark-mode .sidebar-mini.sidebar-collapse .sidebar-form, body.dark-mode .sidebar-mini.sidebar-collapse .sidebar-menu &gt; li &gt; a &gt; span, body.dark-mode .sidebar-mini.sidebar-collapse .sidebar-menu &gt; li &gt; .treeview-menu, body.dark-mode .sidebar-mini.sidebar-collapse .sidebar-menu &gt; li &gt; a &gt; .pull-right, body.dark-mode .sidebar-mini.sidebar-collapse .sidebar-menu li.header {
		transform: translateZ(0px);
		display: none !important;
	}

	body.dark-mode .sidebar-mini.sidebar-collapse .main-header .logo {
		width: 50px;
		background-color: #1c1c21;
	}

	body.dark-mode .sidebar-mini.sidebar-collapse .main-header .logo &gt; .logo-mini {
		display: block;
		margin-left: -15px;
		margin-right: -15px;
		font-size: 18px;
	}

	body.dark-mode .sidebar-mini.sidebar-collapse .main-header .logo &gt; .logo-lg {
		display: none;
	}

	body.dark-mode .sidebar-mini.sidebar-collapse .main-header .navbar {
		margin-left: 50px;
	}
}

body.dark-mode .sidebar-menu, body.dark-mode .main-sidebar .user-panel, body.dark-mode .sidebar-menu &gt; li.header {
	white-space: nowrap;
	overflow: hidden;
}

body.dark-mode .sidebar-menu:hover {
	overflow: visible;
}

body.dark-mode .sidebar-form, body.dark-mode .sidebar-menu &gt; li.header {
	overflow: hidden;
	text-overflow: clip;
}

body.dark-mode .sidebar-menu li &gt; a {
	position: relative;
}

body.dark-mode .sidebar-menu li &gt; a &gt; .pull-right {
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -7px;
}

body.dark-mode .control-sidebar-bg {
	position: fixed;
	z-index: 1000;
	bottom: 0px;
}

body.dark-mode .control-sidebar-bg, body.dark-mode .control-sidebar {
	top: 0px;
	right: -200px;
	width: 200px;
	transition: right 0.3s ease-in-out 0s;
}

body.dark-mode .control-sidebar {
	position: absolute;
	padding-top: 50px;
	z-index: 1010;
}

@media (max-width: 768px) {
	body.dark-mode .control-sidebar {
		padding-top: 100px;
	}
}

body.dark-mode .control-sidebar &gt; .tab-content {
	padding: 10px 15px;
}

body.dark-mode .control-sidebar.control-sidebar-open, body.dark-mode .control-sidebar.control-sidebar-open + .control-sidebar-bg {
	right: 0px;
}

body.dark-mode .control-sidebar-open .control-sidebar-bg, body.dark-mode .control-sidebar-open .control-sidebar {
	right: 0px;
}

@media (min-width: 768px) {
	body.dark-mode .control-sidebar-open .content-wrapper, body.dark-mode .control-sidebar-open .right-side, body.dark-mode .control-sidebar-open .main-footer {
		margin-right: 200px;
	}
}

body.dark-mode .nav-tabs.control-sidebar-tabs &gt; li:first-of-type &gt; a, body.dark-mode .nav-tabs.control-sidebar-tabs &gt; li:first-of-type &gt; a:hover, body.dark-mode .nav-tabs.control-sidebar-tabs &gt; li:first-of-type &gt; a:focus {
	border-left-width: 0px;
}

body.dark-mode .nav-tabs.control-sidebar-tabs &gt; li &gt; a {
	border-radius: 0px;
}

body.dark-mode .nav-tabs.control-sidebar-tabs &gt; li &gt; a, body.dark-mode .nav-tabs.control-sidebar-tabs &gt; li &gt; a:hover {
	border-top: none;
	border-right: none;
	border-left: 1px solid transparent;
	border-bottom: 1px solid transparent;
}

body.dark-mode .nav-tabs.control-sidebar-tabs &gt; li &gt; a .icon {
	font-size: 16px;
}

body.dark-mode .nav-tabs.control-sidebar-tabs &gt; li.active &gt; a, body.dark-mode .nav-tabs.control-sidebar-tabs &gt; li.active &gt; a:hover, body.dark-mode .nav-tabs.control-sidebar-tabs &gt; li.active &gt; a:focus, body.dark-mode .nav-tabs.control-sidebar-tabs &gt; li.active &gt; a:active {
	border-top: none;
	border-right: none;
	border-bottom: none;
}

@media (max-width: 768px) {
	body.dark-mode .nav-tabs.control-sidebar-tabs {
		display: table;
	}

	body.dark-mode .nav-tabs.control-sidebar-tabs &gt; li {
		display: table-cell;
	}
}

body.dark-mode .control-sidebar-heading {
	font-weight: 400;
	font-size: 16px;
	padding: 10px 0px;
	margin-bottom: 10px;
}

body.dark-mode .control-sidebar-subheading {
	display: block;
	font-weight: 400;
	font-size: 14px;
}

body.dark-mode .control-sidebar-menu {
	list-style: none;
	padding: 0px;
	margin: 0px -15px;
}

body.dark-mode .control-sidebar-menu &gt; li &gt; a {
	display: block;
	padding: 10px 15px;
}

body.dark-mode .control-sidebar-menu &gt; li &gt; a::before, body.dark-mode .control-sidebar-menu &gt; li &gt; a::after {
	content: " ";
	display: table;
}

body.dark-mode .control-sidebar-menu &gt; li &gt; a::after {
	clear: both;
}

body.dark-mode .control-sidebar-menu &gt; li &gt; a &gt; .control-sidebar-subheading {
	margin-top: 0px;
}

body.dark-mode .control-sidebar-menu .menu-icon {
	float: left;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	transform: translateZ(0px);
	-webkit-mask-image: -webkit-radial-gradient(center, circle cover, white 100%, black 100%);
	text-align: center;
	line-height: 35px;
}

body.dark-mode .control-sidebar-menu .menu-info {
	margin-left: 45px;
	margin-top: 3px;
}

body.dark-mode .control-sidebar-menu .menu-info &gt; .control-sidebar-subheading {
	margin: 0px;
}

body.dark-mode .control-sidebar-menu .menu-info &gt; p {
	margin: 0px;
	font-size: 11px;
}

body.dark-mode .control-sidebar-menu .progress {
	margin: 0px;
}

body.dark-mode .control-sidebar-dark {
	color: #b7c6cd;
}

body.dark-mode .control-sidebar-dark, body.dark-mode .control-sidebar-dark + .control-sidebar-bg {
	background: #212c31;
}

body.dark-mode .control-sidebar-dark .nav-tabs.control-sidebar-tabs {
	border-bottom: #1d262a;
}

body.dark-mode .control-sidebar-dark .nav-tabs.control-sidebar-tabs &gt; li &gt; a {
	background: #1f1f1f;
	color: #b7c6cd;
}

body.dark-mode .control-sidebar-dark .nav-tabs.control-sidebar-tabs &gt; li &gt; a, body.dark-mode .control-sidebar-dark .nav-tabs.control-sidebar-tabs &gt; li &gt; a:hover, body.dark-mode .control-sidebar-dark .nav-tabs.control-sidebar-tabs &gt; li &gt; a:focus {
	border-left-color: #1a1a1a;
	border-bottom-color: #141a1d;
}

body.dark-mode .control-sidebar-dark .nav-tabs.control-sidebar-tabs &gt; li &gt; a:hover, body.dark-mode .control-sidebar-dark .nav-tabs.control-sidebar-tabs &gt; li &gt; a:focus, body.dark-mode .control-sidebar-dark .nav-tabs.control-sidebar-tabs &gt; li &gt; a:active {
	background: #1d262a;
}

body.dark-mode .control-sidebar-dark .nav-tabs.control-sidebar-tabs &gt; li &gt; a:hover {
	color: white;
}

body.dark-mode .control-sidebar-dark .nav-tabs.control-sidebar-tabs &gt; li.active &gt; a, body.dark-mode .control-sidebar-dark .nav-tabs.control-sidebar-tabs &gt; li.active &gt; a:hover, body.dark-mode .control-sidebar-dark .nav-tabs.control-sidebar-tabs &gt; li.active &gt; a:focus, body.dark-mode .control-sidebar-dark .nav-tabs.control-sidebar-tabs &gt; li.active &gt; a:active {
	background: #212c31;
	color: white;
}

body.dark-mode .control-sidebar-dark .control-sidebar-heading, body.dark-mode .control-sidebar-dark .control-sidebar-subheading {
	color: white;
}

body.dark-mode .control-sidebar-dark .control-sidebar-menu &gt; li &gt; a:hover {
	background: #1f292e;
}

body.dark-mode .control-sidebar-dark .control-sidebar-menu &gt; li &gt; a .menu-info &gt; p {
	color: #b7c6cd;
}

body.dark-mode .control-sidebar-light {
	color: #bfbfbf;
}

body.dark-mode .control-sidebar-light, body.dark-mode .control-sidebar-light + .control-sidebar-bg {
	background: #1f1f1f;
	border-left: 1px solid #363d49;
}

body.dark-mode .control-sidebar-light .nav-tabs.control-sidebar-tabs {
	border-bottom: #363d49;
}

body.dark-mode .control-sidebar-light .nav-tabs.control-sidebar-tabs &gt; li &gt; a {
	background: #1c263b;
	color: #bfbfbf;
}

body.dark-mode .control-sidebar-light .nav-tabs.control-sidebar-tabs &gt; li &gt; a, body.dark-mode .control-sidebar-light .nav-tabs.control-sidebar-tabs &gt; li &gt; a:hover, body.dark-mode .control-sidebar-light .nav-tabs.control-sidebar-tabs &gt; li &gt; a:focus {
	border-left-color: #363d49;
	border-bottom-color: #d2d6de;
}

body.dark-mode .control-sidebar-light .nav-tabs.control-sidebar-tabs &gt; li &gt; a:hover, body.dark-mode .control-sidebar-light .nav-tabs.control-sidebar-tabs &gt; li &gt; a:focus, body.dark-mode .control-sidebar-light .nav-tabs.control-sidebar-tabs &gt; li &gt; a:active {
	background: #262626;
}

body.dark-mode .control-sidebar-light .nav-tabs.control-sidebar-tabs &gt; li.active &gt; a, body.dark-mode .control-sidebar-light .nav-tabs.control-sidebar-tabs &gt; li.active &gt; a:hover, body.dark-mode .control-sidebar-light .nav-tabs.control-sidebar-tabs &gt; li.active &gt; a:focus, body.dark-mode .control-sidebar-light .nav-tabs.control-sidebar-tabs &gt; li.active &gt; a:active {
	background: #1f1f1f;
	color: #bfbfbf;
}

body.dark-mode .control-sidebar-light .control-sidebar-heading, body.dark-mode .control-sidebar-light .control-sidebar-subheading {
	color: #bfbfbf;
}

body.dark-mode .control-sidebar-light .control-sidebar-menu {
	margin-left: -14px;
}

body.dark-mode .control-sidebar-light .control-sidebar-menu &gt; li &gt; a:hover {
	background: #242424;
}

body.dark-mode .control-sidebar-light .control-sidebar-menu &gt; li &gt; a .menu-info &gt; p {
	color: #bfbfbf;
}

body.dark-mode .dropdown-menu {
	box-shadow: none;
	border-color: #2b2b2b;
}

body.dark-mode .dropdown-menu &gt; li &gt; a {
	color: #bfbfbf;
}

body.dark-mode .dropdown-menu &gt; li &gt; a &gt; .glyphicon, body.dark-mode .dropdown-menu &gt; li &gt; a &gt; .fa, body.dark-mode .dropdown-menu &gt; li &gt; a &gt; .ion {
	margin-right: 10px;
}

body.dark-mode .dropdown-menu &gt; li &gt; a:hover {
	background-color: #3c7ab4;
	color: white;
}

body.dark-mode .dropdown-menu &gt; .divider {
	background-color: #2b2b2b;
}

body.dark-mode .navbar-nav &gt; .notifications-menu &gt; .dropdown-menu, body.dark-mode .navbar-nav &gt; .messages-menu &gt; .dropdown-menu, body.dark-mode .navbar-nav &gt; .tasks-menu &gt; .dropdown-menu {
	width: 280px;
	padding: 0px;
	margin: 0px;
	top: 100%;
}

body.dark-mode .navbar-nav &gt; .notifications-menu &gt; .dropdown-menu &gt; li, body.dark-mode .navbar-nav &gt; .messages-menu &gt; .dropdown-menu &gt; li, body.dark-mode .navbar-nav &gt; .tasks-menu &gt; .dropdown-menu &gt; li {
	position: relative;
}

body.dark-mode .navbar-nav &gt; .notifications-menu &gt; .dropdown-menu &gt; li.header, body.dark-mode .navbar-nav &gt; .messages-menu &gt; .dropdown-menu &gt; li.header, body.dark-mode .navbar-nav &gt; .tasks-menu &gt; .dropdown-menu &gt; li.header {
	border-radius: 0px;
	background-color: #102841;
	padding: 7px 10px;
	border-bottom: 1px solid #2b2b2b;
	color: #bfbfbf;
	font-size: 14px;
}

body.dark-mode .navbar-nav &gt; .notifications-menu &gt; .dropdown-menu &gt; li.footer &gt; a, body.dark-mode .navbar-nav &gt; .messages-menu &gt; .dropdown-menu &gt; li.footer &gt; a, body.dark-mode .navbar-nav &gt; .tasks-menu &gt; .dropdown-menu &gt; li.footer &gt; a {
	border-radius: 0px 0px 4px 4px;
	font-size: 12px;
	background-color: #1c1c21;
	padding: 7px 10px;
	border-bottom: 1px solid #2b2b2b;
	color: #9fc0df;
	text-align: center;
}

@media (max-width: 991px) {
	body.dark-mode .navbar-nav &gt; .notifications-menu &gt; .dropdown-menu &gt; li.footer &gt; a, body.dark-mode .navbar-nav &gt; .messages-menu &gt; .dropdown-menu &gt; li.footer &gt; a, body.dark-mode .navbar-nav &gt; .tasks-menu &gt; .dropdown-menu &gt; li.footer &gt; a {
		background: #1c1c21 !important;
	}
}

body.dark-mode .navbar-nav &gt; .notifications-menu &gt; .dropdown-menu &gt; li.footer &gt; a:hover, body.dark-mode .navbar-nav &gt; .messages-menu &gt; .dropdown-menu &gt; li.footer &gt; a:hover, body.dark-mode .navbar-nav &gt; .tasks-menu &gt; .dropdown-menu &gt; li.footer &gt; a:hover {
	text-decoration: underline;
	font-weight: normal;
}

body.dark-mode .navbar-nav &gt; .notifications-menu &gt; .dropdown-menu &gt; li .menu, body.dark-mode .navbar-nav &gt; .messages-menu &gt; .dropdown-menu &gt; li .menu, body.dark-mode .navbar-nav &gt; .tasks-menu &gt; .dropdown-menu &gt; li .menu {
	max-height: 200px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	overflow-x: hidden;
}

body.dark-mode .navbar-nav &gt; .notifications-menu &gt; .dropdown-menu &gt; li .menu &gt; li &gt; a, body.dark-mode .navbar-nav &gt; .messages-menu &gt; .dropdown-menu &gt; li .menu &gt; li &gt; a, body.dark-mode .navbar-nav &gt; .tasks-menu &gt; .dropdown-menu &gt; li .menu &gt; li &gt; a {
	display: block;
	white-space: nowrap;
	border-bottom: 1px solid #242424;
}

body.dark-mode .navbar-nav &gt; .notifications-menu &gt; .dropdown-menu &gt; li .menu &gt; li &gt; a:hover, body.dark-mode .navbar-nav &gt; .messages-menu &gt; .dropdown-menu &gt; li .menu &gt; li &gt; a:hover, body.dark-mode .navbar-nav &gt; .tasks-menu &gt; .dropdown-menu &gt; li .menu &gt; li &gt; a:hover {
	background: #242424;
	text-decoration: none;
}

body.dark-mode .navbar-nav &gt; .notifications-menu &gt; .dropdown-menu &gt; li .menu &gt; li &gt; a {
	color: #bfbfbf;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 10px;
}

body.dark-mode .navbar-nav &gt; .notifications-menu &gt; .dropdown-menu &gt; li .menu &gt; li &gt; a &gt; .glyphicon, body.dark-mode .navbar-nav &gt; .notifications-menu &gt; .dropdown-menu &gt; li .menu &gt; li &gt; a &gt; .fa, body.dark-mode .navbar-nav &gt; .notifications-menu &gt; .dropdown-menu &gt; li .menu &gt; li &gt; a &gt; .ion {
	width: 20px;
}

body.dark-mode .navbar-nav &gt; .messages-menu &gt; .dropdown-menu &gt; li .menu &gt; li &gt; a {
	margin: 0px;
	padding: 10px;
}

body.dark-mode .navbar-nav &gt; .messages-menu &gt; .dropdown-menu &gt; li .menu &gt; li &gt; a &gt; div &gt; img {
	margin: auto 10px auto auto;
	width: 40px;
	height: 40px;
}

body.dark-mode .navbar-nav &gt; .messages-menu &gt; .dropdown-menu &gt; li .menu &gt; li &gt; a &gt; h4 {
	padding: 0px;
	margin: 0px 0px 0px 45px;
	color: #bfbfbf;
	font-size: 15px;
	position: relative;
}

body.dark-mode .navbar-nav &gt; .messages-menu &gt; .dropdown-menu &gt; li .menu &gt; li &gt; a &gt; h4 &gt; small {
	color: #bfbfbf;
	font-size: 10px;
	position: absolute;
	top: 0px;
	right: 0px;
}

body.dark-mode .navbar-nav &gt; .messages-menu &gt; .dropdown-menu &gt; li .menu &gt; li &gt; a &gt; p {
	margin: 0px 0px 0px 45px;
	font-size: 12px;
	color: #bfbfbf;
}

body.dark-mode .navbar-nav &gt; .messages-menu &gt; .dropdown-menu &gt; li .menu &gt; li &gt; a::before, body.dark-mode .navbar-nav &gt; .messages-menu &gt; .dropdown-menu &gt; li .menu &gt; li &gt; a::after {
	content: " ";
	display: table;
}

body.dark-mode .navbar-nav &gt; .messages-menu &gt; .dropdown-menu &gt; li .menu &gt; li &gt; a::after {
	clear: both;
}

body.dark-mode .navbar-nav &gt; .tasks-menu &gt; .dropdown-menu &gt; li .menu &gt; li &gt; a {
	padding: 10px;
}

body.dark-mode .navbar-nav &gt; .tasks-menu &gt; .dropdown-menu &gt; li .menu &gt; li &gt; a &gt; h3 {
	font-size: 14px;
	padding: 0px;
	margin: 0px 0px 10px;
	color: #bfbfbf;
}

body.dark-mode .navbar-nav &gt; .tasks-menu &gt; .dropdown-menu &gt; li .menu &gt; li &gt; a &gt; .progress {
	padding: 0px;
	margin: 0px;
}

body.dark-mode .navbar-nav &gt; .user-menu &gt; .dropdown-menu {
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
	padding: 0px;
	width: 280px;
}

body.dark-mode .navbar-nav &gt; .user-menu &gt; .dropdown-menu, body.dark-mode .navbar-nav &gt; .user-menu &gt; .dropdown-menu &gt; .user-body {
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

body.dark-mode .navbar-nav &gt; .user-menu &gt; .dropdown-menu &gt; li.user-header {
	height: 175px;
	padding: 10px;
	text-align: center;
}

body.dark-mode .navbar-nav &gt; .user-menu &gt; .dropdown-menu &gt; li.user-header &gt; img {
	z-index: 5;
	height: 90px;
	width: 90px;
	border: 3px solid rgba(28, 28, 33, 0.2);
}

body.dark-mode .navbar-nav &gt; .user-menu &gt; .dropdown-menu &gt; li.user-header &gt; p {
	z-index: 5;
	color: rgba(255, 255, 255, 0.8);
	font-size: 17px;
	margin-top: 10px;
}

body.dark-mode .navbar-nav &gt; .user-menu &gt; .dropdown-menu &gt; li.user-header &gt; p &gt; small {
	display: block;
	font-size: 12px;
}

body.dark-mode .navbar-nav &gt; .user-menu &gt; .dropdown-menu &gt; .user-body {
	padding: 15px;
	border-bottom: 1px solid #242424;
	border-top: 1px solid #3b3b3b;
}

body.dark-mode .navbar-nav &gt; .user-menu &gt; .dropdown-menu &gt; .user-body::before, body.dark-mode .navbar-nav &gt; .user-menu &gt; .dropdown-menu &gt; .user-body::after {
	content: " ";
	display: table;
}

body.dark-mode .navbar-nav &gt; .user-menu &gt; .dropdown-menu &gt; .user-body::after {
	clear: both;
}

body.dark-mode .navbar-nav &gt; .user-menu &gt; .dropdown-menu &gt; .user-body a {
	color: #bfbfbf !important;
}

@media (max-width: 991px) {
	body.dark-mode .navbar-nav &gt; .user-menu &gt; .dropdown-menu &gt; .user-body a {
		background: #1c1c21 !important;
		color: #bfbfbf !important;
	}
}

body.dark-mode .navbar-nav &gt; .user-menu &gt; .dropdown-menu &gt; .user-footer {
	background-color: #1c1c1c;
	padding: 10px;
}

body.dark-mode .navbar-nav &gt; .user-menu &gt; .dropdown-menu &gt; .user-footer::before, body.dark-mode .navbar-nav &gt; .user-menu &gt; .dropdown-menu &gt; .user-footer::after {
	content: " ";
	display: table;
}

body.dark-mode .navbar-nav &gt; .user-menu &gt; .dropdown-menu &gt; .user-footer::after {
	clear: both;
}

body.dark-mode .navbar-nav &gt; .user-menu &gt; .dropdown-menu &gt; .user-footer .btn-default {
	color: #bfbfbf;
}

@media (max-width: 991px) {
	body.dark-mode .navbar-nav &gt; .user-menu &gt; .dropdown-menu &gt; .user-footer .btn-default:hover {
		background-color: #1f1f1f;
	}
}

body.dark-mode .navbar-nav &gt; .user-menu .user-image {
	float: left;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	transform: translateZ(0px);
	-webkit-mask-image: -webkit-radial-gradient(center, circle cover, white 100%, black 100%);
	margin-top: -5px;
}

@media (max-width: 767px) {
	body.dark-mode .navbar-nav &gt; .user-menu .user-image {
		float: none;
		margin-right: 0px;
		margin-top: -8px;
		line-height: 10px;
	}
}

body.dark-mode .open:not(.dropup) &gt; .animated-dropdown-menu {
	animation: 0.7s ease 0s 1 normal both running flipInX;
	backface-visibility: visible !important;
}

@keyframes flipInX {
	0% {
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transition-timing-function: ease-in;
		opacity: 0;
	}

	40% {
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transition-timing-function: ease-in;
	}

	60% {
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1;
	}

	80% {
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	}

	100% {
		transform: perspective(400px);
	}
}

@-webkit-keyframes flipInX {
	0% {
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transition-timing-function: ease-in;
		opacity: 0;
	}

	40% {
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transition-timing-function: ease-in;
	}

	60% {
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1;
	}

	80% {
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	}

	100% {
		transform: perspective(400px);
	}
}

body.dark-mode .navbar-custom-menu &gt; .navbar-nav &gt; li {
	position: relative;
}

body.dark-mode .navbar-custom-menu &gt; .navbar-nav &gt; li &gt; .dropdown-menu {
	position: absolute;
	right: 0px;
	left: auto;
}

@media (max-width: 991px) {
	body.dark-mode .navbar-custom-menu &gt; .navbar-nav {
		float: right;
	}

	body.dark-mode .navbar-custom-menu &gt; .navbar-nav &gt; li &gt; .dropdown-menu {
		position: absolute;
		border: 1px solid #3b3b3b;
		background: #1c1c21;
		margin-top: 50px;
	}
}

body.dark-mode .form-control {
	border-radius: 0px;
	box-shadow: none;
	border-color: #363d49;
}

body.dark-mode .form-control:focus {
	border-color: #317fc4;
	box-shadow: none;
}

body.dark-mode .form-control:not(select) {
	-webkit-appearance: none;
}

body.dark-mode .form-group.has-success label {
	color: #c0dda1;
}

body.dark-mode .form-group.has-success .form-control {
	border-color: #9bc969;
	box-shadow: none;
}

body.dark-mode .form-group.has-warning label {
	color: #e6d299;
}

body.dark-mode .form-group.has-warning .form-control {
	border-color: #f0ad4e;
	box-shadow: none;
}

body.dark-mode .form-group.has-error label {
	color: #e6a699;
}

body.dark-mode .form-group.has-error .form-control {
	border-color: #bc462f;
	box-shadow: none;
}

body.dark-mode .input-group .input-group-addon {
	border-radius: 0px;
	border-color: #363d49;
	background-color: #1c1c21;
}

body.dark-mode .btn-group-vertical .btn.btn-flat:first-of-type, body.dark-mode .btn-group-vertical .btn.btn-flat:last-of-type {
	border-radius: 0px;
}

body.dark-mode .icheck &gt; label {
	padding-left: 0px;
}

body.dark-mode .form-control-feedback.fa {
	line-height: 34px;
}

body.dark-mode .input-lg + .form-control-feedback.fa, body.dark-mode .input-group-lg + .form-control-feedback.fa, body.dark-mode .form-group-lg .form-control + .form-control-feedback.fa {
	line-height: 46px;
}

body.dark-mode .input-sm + .form-control-feedback.fa, body.dark-mode .input-group-sm + .form-control-feedback.fa, body.dark-mode .form-group-sm .form-control + .form-control-feedback.fa {
	line-height: 30px;
}

body.dark-mode .progress, body.dark-mode .progress &gt; .progress-bar {
	box-shadow: none;
}

body.dark-mode .progress, body.dark-mode .progress &gt; .progress-bar, body.dark-mode .progress .progress-bar, body.dark-mode .progress &gt; .progress-bar .progress-bar {
	border-radius: 1px;
}

body.dark-mode .progress.sm, body.dark-mode .progress-sm {
	height: 10px;
}

body.dark-mode .progress.sm, body.dark-mode .progress-sm, body.dark-mode .progress.sm .progress-bar, body.dark-mode .progress-sm .progress-bar {
	border-radius: 1px;
}

body.dark-mode .progress.xs, body.dark-mode .progress-xs {
	height: 7px;
}

body.dark-mode .progress.xs, body.dark-mode .progress-xs, body.dark-mode .progress.xs .progress-bar, body.dark-mode .progress-xs .progress-bar {
	border-radius: 1px;
}

body.dark-mode .progress.xxs, body.dark-mode .progress-xxs {
	height: 3px;
}

body.dark-mode .progress.xxs, body.dark-mode .progress-xxs, body.dark-mode .progress.xxs .progress-bar, body.dark-mode .progress-xxs .progress-bar {
	border-radius: 1px;
}

body.dark-mode .progress.vertical {
	position: relative;
	width: 30px;
	height: 200px;
	display: inline-block;
	margin-right: 10px;
}

body.dark-mode .progress.vertical &gt; .progress-bar {
	width: 100%;
	position: absolute;
	bottom: 0px;
}

body.dark-mode .progress.vertical.sm, body.dark-mode .progress.vertical.progress-sm {
	width: 20px;
}

body.dark-mode .progress.vertical.xs, body.dark-mode .progress.vertical.progress-xs {
	width: 10px;
}

body.dark-mode .progress.vertical.xxs, body.dark-mode .progress.vertical.progress-xxs {
	width: 3px;
}

body.dark-mode .progress-group .progress-text {
	font-weight: 600;
}

body.dark-mode .progress-group .progress-number {
	float: right;
}

body.dark-mode .table tr &gt; td .progress {
	margin: 0px;
}

body.dark-mode .progress-bar-light-blue, body.dark-mode .progress-bar-primary {
	background-color: #317fc4;
}

body.dark-mode .progress-striped .progress-bar-light-blue, body.dark-mode .progress-striped .progress-bar-primary {
	background-image: linear-gradient(45deg, rgba(28, 28, 33, 0.15) 25%, transparent 25%, transparent 50%, rgba(28, 28, 33, 0.15) 50%, rgba(28, 28, 33, 0.15) 75%, transparent 75%, transparent);
}

body.dark-mode .progress-bar-green, body.dark-mode .progress-bar-success {
	background-color: #9bc969;
}

body.dark-mode .progress-striped .progress-bar-green, body.dark-mode .progress-striped .progress-bar-success {
	background-image: linear-gradient(45deg, rgba(28, 28, 33, 0.15) 25%, transparent 25%, transparent 50%, rgba(28, 28, 33, 0.15) 50%, rgba(28, 28, 33, 0.15) 75%, transparent 75%, transparent);
}

body.dark-mode .progress-bar-aqua, body.dark-mode .progress-bar-info {
	background-color: #54b8d4;
}

body.dark-mode .progress-striped .progress-bar-aqua, body.dark-mode .progress-striped .progress-bar-info {
	background-image: linear-gradient(45deg, rgba(28, 28, 33, 0.15) 25%, transparent 25%, transparent 50%, rgba(28, 28, 33, 0.15) 50%, rgba(28, 28, 33, 0.15) 75%, transparent 75%, transparent);
}

body.dark-mode .progress-bar-yellow, body.dark-mode .progress-bar-warning {
	background-color: #f0ad4e;
}

body.dark-mode .progress-striped .progress-bar-yellow, body.dark-mode .progress-striped .progress-bar-warning {
	background-image: linear-gradient(45deg, rgba(28, 28, 33, 0.15) 25%, transparent 25%, transparent 50%, rgba(28, 28, 33, 0.15) 50%, rgba(28, 28, 33, 0.15) 75%, transparent 75%, transparent);
}

body.dark-mode .progress-bar-red, body.dark-mode .progress-bar-danger {
	background-color: #bc462f;
}

body.dark-mode .progress-striped .progress-bar-red, body.dark-mode .progress-striped .progress-bar-danger {
	background-image: linear-gradient(45deg, rgba(28, 28, 33, 0.15) 25%, transparent 25%, transparent 50%, rgba(28, 28, 33, 0.15) 50%, rgba(28, 28, 33, 0.15) 75%, transparent 75%, transparent);
}

body.dark-mode .small-box {
	border-radius: 2px;
	position: relative;
	display: block;
	margin-bottom: 20px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px;
}

body.dark-mode .small-box &gt; .inner {
	padding: 10px;
}

body.dark-mode .small-box &gt; .small-box-footer {
	position: relative;
	text-align: center;
	padding: 3px 0px;
	color: rgba(255, 255, 255, 0.8);
	display: block;
	z-index: 10;
	background: rgba(0, 0, 0, 0.1);
	text-decoration: none;
}

body.dark-mode .small-box &gt; .small-box-footer:hover {
	color: white;
	background: rgba(0, 0, 0, 0.15);
}

body.dark-mode .small-box h3 {
	font-size: 38px;
	font-weight: bold;
	margin: 0px 0px 10px;
	white-space: nowrap;
	padding: 0px;
}

body.dark-mode .small-box p {
	font-size: 15px;
}

body.dark-mode .small-box p &gt; small {
	display: block;
	color: #fafafa;
	font-size: 13px;
	margin-top: 5px;
}

body.dark-mode .small-box .icon {
	transition: all 0.3s linear 0s;
	position: absolute;
	top: -10px;
	right: 10px;
	z-index: 0;
	font-size: 90px;
	color: rgba(191, 191, 191, 0.15);
}

body.dark-mode .small-box:hover {
	text-decoration: none;
	color: #fafafa;
}

body.dark-mode .small-box:hover .icon {
	font-size: 95px;
}

@media (max-width: 767px) {
	body.dark-mode .small-box {
		text-align: center;
	}

	body.dark-mode .small-box .icon {
		display: none;
	}

	body.dark-mode .small-box p {
		font-size: 12px;
	}
}

body.dark-mode .box {
	position: relative;
	border-radius: 3px;
	background: #1c1c21;
	margin-bottom: 20px;
	width: 100%;
	border: 1px solid #24323d !important;
}

body.dark-mode .box.box-primary {
	border-top-color: #3c7ab4;
}

body.dark-mode .box.box-info {
	border-top-color: #54b8d4;
}

body.dark-mode .box.box-danger {
	border-top-color: #bc462f;
}

body.dark-mode .box.box-warning {
	border-top-color: #f0ad4e;
}

body.dark-mode .box.box-success {
	border-top-color: #9bc969;
}

body.dark-mode .box.box-default {
	border-top-color: #363d49;
}

body.dark-mode .box.collapsed-box .box-body, body.dark-mode .box.collapsed-box .box-footer {
	display: none;
}

body.dark-mode .box .nav-stacked &gt; li {
	border-bottom: 1px solid #242424;
	margin: 0px;
}

body.dark-mode .box .nav-stacked &gt; li:last-of-type {
	border-bottom: none;
}

body.dark-mode .box.height-control .box-body {
	max-height: 300px;
	overflow: auto;
}

body.dark-mode .box .border-right {
	border-right: 1px solid #242424;
}

body.dark-mode .box .border-left {
	border-left: 1px solid #242424;
}

body.dark-mode .box.box-solid {
	border-top: 0px;
}

body.dark-mode .box.box-solid &gt; .box-header .btn.btn-default {
	background: transparent;
}

body.dark-mode .box.box-solid.box-default {
	border: 1px solid #363d49;
}

body.dark-mode .box.box-solid.box-default &gt; .box-header {
	color: #bfbfbf;
	background: #363d49;
}

body.dark-mode .box.box-solid.box-default &gt; .box-header a, body.dark-mode .box.box-solid.box-default &gt; .box-header .btn {
	color: #bfbfbf;
}

body.dark-mode .box.box-solid.box-primary {
	border: 1px solid #317fc4;
}

body.dark-mode .box.box-solid.box-primary &gt; .box-header {
	color: white;
	background: #317fc4;
}

body.dark-mode .box.box-solid.box-primary &gt; .box-header a, body.dark-mode .box.box-solid.box-primary &gt; .box-header .btn {
	color: white;
}

body.dark-mode .box.box-solid.box-info {
	border: 1px solid #54b8d4;
}

body.dark-mode .box.box-solid.box-info &gt; .box-header {
	color: white;
	background: #54b8d4;
}

body.dark-mode .box.box-solid.box-info &gt; .box-header a, body.dark-mode .box.box-solid.box-info &gt; .box-header .btn {
	color: white;
}

body.dark-mode .box.box-solid.box-danger {
	border: 1px solid #bc462f;
}

body.dark-mode .box.box-solid.box-danger &gt; .box-header {
	color: white;
	background: #bc462f;
}

body.dark-mode .box.box-solid.box-danger &gt; .box-header a, body.dark-mode .box.box-solid.box-danger &gt; .box-header .btn {
	color: white;
}

body.dark-mode .box.box-solid.box-warning {
	border: 1px solid #ef7d30;
}

body.dark-mode .box.box-solid.box-warning &gt; .box-header {
	color: white;
	background: #ef7d30;
}

body.dark-mode .box.box-solid.box-warning &gt; .box-header a, body.dark-mode .box.box-solid.box-warning &gt; .box-header .btn {
	color: white;
}

body.dark-mode .box.box-solid.box-success {
	border: 1px solid #9bc969;
}

body.dark-mode .box.box-solid.box-success &gt; .box-header {
	color: white;
	background: #9bc969;
}

body.dark-mode .box.box-solid.box-success &gt; .box-header a, body.dark-mode .box.box-solid.box-success &gt; .box-header .btn {
	color: white;
}

body.dark-mode .box.box-solid &gt; .box-header &gt; .box-tools .btn {
	border: 0px;
	box-shadow: none;
}

body.dark-mode .box.box-solid[class*="bg"] &gt; .box-header {
	color: white;
}

body.dark-mode .box .box-group &gt; .box {
	margin-bottom: 5px;
}

body.dark-mode .box .knob-label {
	text-align: center;
	color: #bfbfbf;
	font-weight: 100;
	font-size: 12px;
	margin-bottom: 0.3em;
}

body.dark-mode .box &gt; .overlay, body.dark-mode .overlay-wrapper &gt; .overlay, body.dark-mode .box &gt; .loading-img, body.dark-mode .overlay-wrapper &gt; .loading-img {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

body.dark-mode .box .overlay, body.dark-mode .overlay-wrapper .overlay {
	z-index: 50;
	background: rgba(28, 28, 33, 0.7);
	border-radius: 3px;
}

body.dark-mode .box .overlay &gt; .fa, body.dark-mode .overlay-wrapper .overlay &gt; .fa {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -15px;
	margin-top: -15px;
	color: #bfbfbf;
	font-size: 30px;
}

body.dark-mode .box .overlay.dark, body.dark-mode .overlay-wrapper .overlay.dark {
	background: rgba(0, 0, 0, 0.5);
}

body.dark-mode .box-header::before, body.dark-mode .box-body::before, body.dark-mode .box-footer::before, body.dark-mode .box-header::after, body.dark-mode .box-body::after, body.dark-mode .box-footer::after {
	content: " ";
	display: table;
}

body.dark-mode .box-header::after, body.dark-mode .box-body::after, body.dark-mode .box-footer::after {
	clear: both;
}

body.dark-mode .box-header {
	color: #bfbfbf;
	display: block;
	padding: 10px 20px;
	position: relative;
}

body.dark-mode .box-header.with-border {
	border-bottom: 1px solid #242424;
}

body.dark-mode .collapsed-box .box-header.with-border {
	border-bottom: none;
}

body.dark-mode .box-header &gt; .fa, body.dark-mode .box-header &gt; .glyphicon, body.dark-mode .box-header &gt; .ion, body.dark-mode .box-header .box-title {
	display: inline-block;
	font-size: 20px;
	margin: 0px;
	line-height: 1.5;
}

body.dark-mode .box-header &gt; .fa, body.dark-mode .box-header &gt; .glyphicon, body.dark-mode .box-header &gt; .ion {
	margin-right: 5px;
}

body.dark-mode .box-header &gt; .box-tools {
	position: absolute;
	right: 10px;
	top: 5px;
}

body.dark-mode .box-header &gt; .box-tools [data-toggle="tooltip"] {
	position: relative;
}

body.dark-mode .box-header &gt; .box-tools.pull-right .dropdown-menu {
	right: 0px;
	left: auto;
}

body.dark-mode .btn-box-tool {
	padding: 5px;
	font-size: 12px;
	background: transparent;
	color: #b5bcc9;
}

body.dark-mode .open .btn-box-tool, body.dark-mode .btn-box-tool:hover {
	color: #b5bcc9;
}

body.dark-mode .btn-box-tool.btn:active {
	box-shadow: none;
}

body.dark-mode .box-body {
	border-radius: 0px 0px 3px 3px;
	padding: 10px 20px;
}

body.dark-mode .no-header .box-body {
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}

body.dark-mode .box-body &gt; .table {
	margin-bottom: 0px;
}

body.dark-mode .box-body .fc {
	margin-top: 5px;
}

body.dark-mode .box-body .full-width-chart {
	margin: -19px;
}

body.dark-mode .box-body.no-padding .full-width-chart {
	margin: -9px;
}

body.dark-mode .box-body .box-pane {
	border-radius: 0px 0px 0px 3px;
}

body.dark-mode .box-body .box-pane-right {
	border-radius: 0px 0px 3px;
}

body.dark-mode .box-footer {
	border-radius: 0px 0px 3px 3px;
	border-top: 1px solid #242424;
	padding: 10px;
	background-color: #1c1c21;
}

body.dark-mode .chart-legend {
	margin: 10px 0px;
}

@media (max-width: 991px) {
	body.dark-mode .chart-legend &gt; li {
		float: left;
		margin-right: 10px;
	}
}

body.dark-mode .box-comments {
	background: #212121;
}

body.dark-mode .box-comments .box-comment {
	padding: 8px 0px;
	border-bottom: 1px solid #2b2b2b;
}

body.dark-mode .box-comments .box-comment::before, body.dark-mode .box-comments .box-comment::after {
	content: " ";
	display: table;
}

body.dark-mode .box-comments .box-comment::after {
	clear: both;
}

body.dark-mode .box-comments .box-comment:last-of-type {
	border-bottom: 0px;
}

body.dark-mode .box-comments .box-comment:first-of-type {
	padding-top: 0px;
}

body.dark-mode .box-comments .box-comment img {
	float: left;
}

body.dark-mode .box-comments .comment-text {
	margin-left: 40px;
	color: #bfbfbf;
}

body.dark-mode .box-comments .username {
	color: #bfbfbf;
	display: block;
	font-weight: 600;
}

body.dark-mode .box-comments .text-muted {
	font-weight: 400;
	font-size: 12px;
}

body.dark-mode .todo-list {
	margin: 0px;
	padding: 0px;
	list-style: none;
	overflow: auto;
}

body.dark-mode .todo-list &gt; li {
	border-radius: 2px;
	padding: 10px;
	background: #242424;
	margin-bottom: 2px;
	border-left: 2px solid #303030;
	color: #bfbfbf;
}

body.dark-mode .todo-list &gt; li:last-of-type {
	margin-bottom: 0px;
}

body.dark-mode .todo-list &gt; li &gt; input[type="checkbox"] {
	margin: 0px 10px 0px 5px;
}

body.dark-mode .todo-list &gt; li .text {
	display: inline-block;
	margin-left: 5px;
	font-weight: 600;
}

body.dark-mode .todo-list &gt; li .label {
	margin-left: 10px;
	font-size: 9px;
}

body.dark-mode .todo-list &gt; li .tools {
	display: none;
	float: right;
	color: #e6a699;
}

body.dark-mode .todo-list &gt; li .tools &gt; .fa, body.dark-mode .todo-list &gt; li .tools &gt; .glyphicon, body.dark-mode .todo-list &gt; li .tools &gt; .ion {
	margin-right: 5px;
	cursor: pointer;
}

body.dark-mode .todo-list &gt; li:hover .tools {
	display: inline-block;
}

body.dark-mode .todo-list &gt; li.done {
	color: #bfbfbf;
}

body.dark-mode .todo-list &gt; li.done .text {
	text-decoration: line-through;
	font-weight: 600;
}

body.dark-mode .todo-list &gt; li.done .label {
	background: #363d49 !important;
}

body.dark-mode .todo-list .danger {
	border-left-color: #bc462f;
}

body.dark-mode .todo-list .warning {
	border-left-color: #f0ad4e;
}

body.dark-mode .todo-list .info {
	border-left-color: #54b8d4;
}

body.dark-mode .todo-list .success {
	border-left-color: #9bc969;
}

body.dark-mode .todo-list .primary {
	border-left-color: #317fc4;
}

body.dark-mode .todo-list .handle {
	display: inline-block;
	cursor: move;
	margin: 0px 5px;
}

body.dark-mode .chat {
	padding: 5px 20px 5px 10px;
}

body.dark-mode .chat .item {
	margin-bottom: 10px;
}

body.dark-mode .chat .item::before, body.dark-mode .chat .item::after {
	content: " ";
	display: table;
}

body.dark-mode .chat .item::after {
	clear: both;
}

body.dark-mode .chat .item &gt; img {
	width: 40px;
	height: 40px;
	border: 2px solid transparent;
	border-radius: 50%;
	transform: translateZ(0px);
	-webkit-mask-image: -webkit-radial-gradient(center, circle cover, white 100%, black 100%);
}

body.dark-mode .chat .item &gt; .online {
	border: 2px solid #9bc969;
}

body.dark-mode .chat .item &gt; .offline {
	border: 2px solid #bc462f;
}

body.dark-mode .chat .item &gt; .message {
	margin-left: 55px;
	margin-top: -40px;
}

body.dark-mode .chat .item &gt; .message &gt; .name {
	display: block;
	font-weight: 600;
}

body.dark-mode .chat .item &gt; .attachment {
	border-radius: 3px;
	background: #242424;
	margin-left: 65px;
	margin-right: 15px;
	padding: 10px;
}

body.dark-mode .chat .item &gt; .attachment &gt; h4 {
	margin: 0px 0px 5px;
	font-weight: 600;
	font-size: 14px;
}

body.dark-mode .chat .item &gt; .attachment &gt; p, body.dark-mode .chat .item &gt; .attachment &gt; .filename {
	font-weight: 600;
	font-size: 13px;
	font-style: italic;
	margin: 0px;
}

body.dark-mode .chat .item &gt; .attachment::before, body.dark-mode .chat .item &gt; .attachment::after {
	content: " ";
	display: table;
}

body.dark-mode .chat .item &gt; .attachment::after {
	clear: both;
}

body.dark-mode .box-input {
	max-width: 200px;
}

body.dark-mode .modal .panel-body {
	color: #bfbfbf;
}

body.dark-mode .info-box {
	display: block;
	min-height: 90px;
	background: #1c1c21;
	width: 100%;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px;
	border-radius: 2px;
	margin-bottom: 15px;
}

body.dark-mode .info-box small {
	font-size: 14px;
}

body.dark-mode .info-box .progress {
	background: rgba(0, 0, 0, 0.2);
	margin: 5px -10px;
	height: 2px;
}

body.dark-mode .info-box .progress, body.dark-mode .info-box .progress .progress-bar {
	border-radius: 0px;
}

body.dark-mode .info-box .progress .progress-bar {
	background: #1c1c21;
}

body.dark-mode .info-box-icon {
	border-radius: 2px 0px 0px 2px;
	display: block;
	float: left;
	height: 90px;
	width: 90px;
	text-align: center;
	font-size: 45px;
	line-height: 90px;
	background: rgba(0, 0, 0, 0.2);
}

body.dark-mode .info-box-icon &gt; img {
	max-width: 100%;
}

body.dark-mode .info-box-content {
	padding: 5px 10px;
	margin-left: 90px;
}

body.dark-mode .info-box-number {
	display: block;
	font-weight: bold;
	font-size: 18px;
}

body.dark-mode .progress-description, body.dark-mode .info-box-text {
	display: block;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

body.dark-mode .info-box-text {
	text-transform: uppercase;
}

body.dark-mode .info-box-more {
	display: block;
}

body.dark-mode .progress-description {
	margin: 0px;
}

body.dark-mode .timeline {
	position: relative;
	margin: 0px 0px 30px;
	padding: 0px;
	list-style: none;
}

body.dark-mode .timeline::before {
	content: "";
	position: absolute;
	top: 0px;
	bottom: 0px;
	width: 4px;
	background: #3b3b3b;
	left: 31px;
	margin: 0px;
	border-radius: 2px;
}

body.dark-mode .timeline &gt; li {
	position: relative;
	margin-right: 10px;
	margin-bottom: 15px;
}

body.dark-mode .timeline &gt; li::before, body.dark-mode .timeline &gt; li::after {
	content: " ";
	display: table;
}

body.dark-mode .timeline &gt; li::after {
	clear: both;
}

body.dark-mode .timeline &gt; li &gt; .timeline-item {
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px;
	border-radius: 3px;
	margin-top: 0px;
	background: #1c1c21;
	color: #bfbfbf;
	margin-left: 60px;
	margin-right: 15px;
	padding: 0px;
	position: relative;
}

body.dark-mode .timeline &gt; li &gt; .timeline-item &gt; .time {
	color: #bfbfbf;
	float: right;
	padding: 10px;
	font-size: 12px;
}

body.dark-mode .timeline &gt; li &gt; .timeline-item &gt; .timeline-header {
	margin: 0px;
	color: #bfbfbf;
	border-bottom: 1px solid #242424;
	padding: 10px;
	font-size: 16px;
	line-height: 1.1;
}

body.dark-mode .timeline &gt; li &gt; .timeline-item &gt; .timeline-header &gt; a {
	font-weight: 600;
}

body.dark-mode .timeline &gt; li &gt; .timeline-item &gt; .timeline-body, body.dark-mode .timeline &gt; li &gt; .timeline-item &gt; .timeline-footer {
	padding: 10px;
}

body.dark-mode .timeline &gt; li &gt; .fa, body.dark-mode .timeline &gt; li &gt; .glyphicon, body.dark-mode .timeline &gt; li &gt; .ion {
	width: 30px;
	height: 30px;
	font-size: 15px;
	line-height: 30px;
	position: absolute;
	color: #bfbfbf;
	background: #363d49;
	border-radius: 50%;
	transform: translateZ(0px);
	-webkit-mask-image: -webkit-radial-gradient(center, circle cover, white 100%, black 100%);
	text-align: center;
	left: 18px;
	top: 0px;
}

body.dark-mode .timeline &gt; .time-label &gt; span {
	font-weight: 600;
	padding: 5px;
	display: inline-block;
	background-color: #1c1c21;
	border-radius: 4px;
}

body.dark-mode .timeline-inverse &gt; li &gt; .timeline-item {
	background: #292929;
	border: 1px solid #3b3b3b;
	box-shadow: none;
}

body.dark-mode .timeline-inverse &gt; li &gt; .timeline-item &gt; .timeline-header {
	border-bottom-color: #dddddd;
}

body.dark-mode .btn {
	border-radius: 3px;
	box-shadow: none;
	border: 1px solid transparent;
}

body.dark-mode .btn.uppercase {
	text-transform: uppercase;
}

body.dark-mode .btn.btn-flat {
	border-radius: 0px;
	box-shadow: none;
	border-width: 1px;
}

body.dark-mode .btn:active {
	box-shadow: rgba(0, 0, 0, 0.125) 0px 3px 5px inset;
}

body.dark-mode .btn:focus {
	outline: none;
}

body.dark-mode .btn.btn-file {
	position: relative;
	overflow: hidden;
}

body.dark-mode .btn.btn-file &gt; input[type="file"] {
	position: absolute;
	top: 0px;
	right: 0px;
	min-width: 100%;
	min-height: 100%;
	font-size: 100px;
	text-align: right;
	opacity: 0;
	outline: none;
	background: #1c1c21;
	cursor: inherit;
	display: block;
}

body.dark-mode .btn-default {
	background-color: #242424;
	color: #bfbfbf;
	border-color: #3b3b3b;
}

body.dark-mode .btn-default:hover, body.dark-mode .btn-default:active, body.dark-mode .btn-default.hover {
	background-color: #303030;
}

body.dark-mode .btn-primary {
	background-color: #317fc4;
	border-color: #317fc4;
}

body.dark-mode .btn-primary:hover, body.dark-mode .btn-primary:active, body.dark-mode .btn-primary.hover {
	background-color: #3f8ccf;
	border-color: #4791d1;
}

body.dark-mode .btn-success {
	background-color: #5cad5c;
	border-color: #5cad5c;
}

body.dark-mode .btn-success:hover, body.dark-mode .btn-success:active, body.dark-mode .btn-success.hover {
	background-color: #6db66d;
	border-color: #6db66d;
}

body.dark-mode .btn-info {
	background-color: #54b8d4;
	border-color: #2b92ab;
}

body.dark-mode .btn-info:hover, body.dark-mode .btn-info:active, body.dark-mode .btn-info.hover {
	background-color: #2b92ab;
}

body.dark-mode .btn-orange {
	background-color: #bc712f;
	border-color: #bc712f;
	color: white;
}

body.dark-mode .btn-orange:hover, body.dark-mode .btn-orange:active, body.dark-mode .btn-orange.hover {
	background-color: #d6955c;
	color: white;
}

body.dark-mode .btn-warning {
	background-color: #f0ad4e;
	border-color: #bc862f;
}

body.dark-mode .btn-warning:hover, body.dark-mode .btn-warning:active, body.dark-mode .btn-warning.hover {
	background-color: #bc862f;
}

body.dark-mode .btn-outline {
	border: 1px solid #1c1c21;
	background: transparent;
	color: white;
}

body.dark-mode .btn-outline:hover, body.dark-mode .btn-outline:focus, body.dark-mode .btn-outline:active {
	color: rgba(255, 255, 255, 0.7);
	border-color: rgba(28, 28, 33, 0.7);
}

body.dark-mode .btn-link {
	box-shadow: none;
}

body.dark-mode .btn[class*="bg-"]:hover {
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 100px inset;
}

body.dark-mode .btn-app {
	border-radius: 3px;
	position: relative;
	padding: 15px 5px;
	margin: 0px 0px 10px 10px;
	min-width: 80px;
	height: 60px;
	text-align: center;
	color: #bfbfbf;
	border: 1px solid #3b3b3b;
	background-color: #242424;
	font-size: 12px;
}

body.dark-mode .btn-app &gt; .fa, body.dark-mode .btn-app &gt; .glyphicon, body.dark-mode .btn-app &gt; .ion {
	font-size: 20px;
	display: block;
}

body.dark-mode .btn-app:hover {
	background: #242424;
	color: #bfbfbf;
	border-color: #6e6e6e;
}

body.dark-mode .btn-app:active, body.dark-mode .btn-app:focus {
	box-shadow: rgba(0, 0, 0, 0.125) 0px 3px 5px inset;
}

body.dark-mode .btn-app &gt; .badge {
	position: absolute;
	top: -3px;
	right: -10px;
	font-size: 10px;
	font-weight: 400;
}

body.dark-mode .callout {
	border-radius: 3px;
	margin: 0px 0px 20px;
	padding: 15px 30px 15px 15px;
	border-left: 5px solid #2b2b2b;
}

body.dark-mode .callout a {
	color: white;
	text-decoration: underline;
}

body.dark-mode .callout a:hover {
	color: #ededed;
}

body.dark-mode .callout h4 {
	margin-top: 0px;
	font-weight: 600;
}

body.dark-mode .callout p:last-child {
	margin-bottom: 0px;
}

body.dark-mode .callout code, body.dark-mode .callout .highlight {
	background-color: #1c1c21;
}

body.dark-mode .callout.callout-danger {
	border-color: #b83e2e;
}

body.dark-mode .callout.callout-warning {
	border-color: #a7772a;
}

body.dark-mode .callout.callout-info {
	border-color: #268097;
}

body.dark-mode .callout.callout-success {
	border-color: #175e3d;
}

body.dark-mode .alert {
	border-radius: 3px;
}

body.dark-mode .alert h4 {
	font-weight: 600;
}

body.dark-mode .alert .icon {
	margin-right: 10px;
}

body.dark-mode .alert .close {
	color: #bfbfbf;
	opacity: 0.2;
}

body.dark-mode .alert .close:hover {
	opacity: 0.5;
}

body.dark-mode .alert a {
	color: white;
	text-decoration: underline;
}

body.dark-mode .alert-success {
	border-color: #478e2f;
}

body.dark-mode .alert-danger, body.dark-mode .alert-error {
	border-color: #c84332;
}

body.dark-mode .alert-warning {
	border-color: #bc862f;
}

body.dark-mode .alert-info {
	border-color: #2b92ab;
}

body.dark-mode .nav &gt; li &gt; a:hover, body.dark-mode .nav &gt; li &gt; a:active, body.dark-mode .nav &gt; li &gt; a:focus {
	color: #bfbfbf;
	background: #212121;
}

body.dark-mode .nav-pills &gt; li &gt; a {
	border-radius: 0px;
	border-top: 3px solid transparent;
	color: #bfbfbf;
}

body.dark-mode .nav-pills &gt; li &gt; a &gt; .fa, body.dark-mode .nav-pills &gt; li &gt; a &gt; .glyphicon, body.dark-mode .nav-pills &gt; li &gt; a &gt; .ion {
	margin-right: 5px;
}

body.dark-mode .nav-pills &gt; li.active &gt; a, body.dark-mode .nav-pills &gt; li.active &gt; a:hover, body.dark-mode .nav-pills &gt; li.active &gt; a:focus {
	border-top-color: #317fc4;
}

body.dark-mode .nav-pills &gt; li.active &gt; a {
	font-weight: 600;
}

body.dark-mode .nav-stacked &gt; li &gt; a {
	border-radius: 0px;
	border-top: 0px;
	border-left: 3px solid transparent;
	color: #bfbfbf;
}

body.dark-mode .nav-stacked &gt; li.active &gt; a, body.dark-mode .nav-stacked &gt; li.active &gt; a:hover {
	background: transparent;
	color: #bfbfbf;
	border-top: 0px;
	border-left-color: #317fc4;
}

body.dark-mode .nav-stacked &gt; li.header {
	border-bottom: 1px solid #3b3b3b;
	color: #bfbfbf;
	margin-bottom: 10px;
	padding: 5px 10px;
	text-transform: uppercase;
}

body.dark-mode .nav-tabs-custom {
	margin-bottom: 20px;
	background: #1c1c21;
	border-radius: 3px;
	border: 1px solid #24323d !important;
}

body.dark-mode #followFriends.nav-tabs-custom {
	border: none !important;
}

body.dark-mode .nav-tabs-custom &gt; .nav-tabs {
	margin: 0px;
	height: 50px;
	border-bottom-color: #f4f4f4;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}

body.dark-mode .nav-tabs-custom &gt; .nav-tabs &gt; li &gt; a, body.dark-mode .nav-tabs-custom &gt; .nav-tabs &gt; li &gt; a &gt; h3 {
	color: #bfbfbf;
	border-radius: 0px;
}

body.dark-mode .nav-tabs-custom &gt; .nav-tabs &gt; li.active &gt; a &gt; h3 {
	color: #ef7d30;
}

body.dark-mode .nav-tabs-custom &gt; .nav-tabs &gt; li &gt; a.text-muted {
	color: #bfbfbf;
}

body.dark-mode .nav-tabs-custom &gt; .nav-tabs &gt; li &gt; a, body.dark-mode .nav-tabs-custom &gt; .nav-tabs &gt; li &gt; a:hover {
	background: transparent;
	margin: 0px;
}

body.dark-mode .nav-tabs-custom &gt; .nav-tabs &gt; li:not(.active) &gt; a:hover, body.dark-mode .nav-tabs-custom &gt; .nav-tabs &gt; li:not(.active) &gt; a:focus, body.dark-mode .nav-tabs-custom &gt; .nav-tabs &gt; li:not(.active) &gt; a:active {
	border-color: transparent;
}

body.dark-mode .nav-tabs-custom &gt; .nav-tabs &gt; li.active {
	border-top-color: #ef7d30;
}

body.dark-mode .nav-tabs-custom &gt; .nav-tabs &gt; li.active &gt; a, body.dark-mode .nav-tabs-custom &gt; .nav-tabs &gt; li.active:hover &gt; a {
	background-color: #1c1c21;
	color: #ef7d30;
}

body.dark-mode .nav-tabs-custom &gt; .nav-tabs &gt; li.active &gt; a {
	border-left-color: #242424;
	border-right-color: #242424;
}

body.dark-mode .nav-tabs-custom &gt; .nav-tabs &gt; li:first-of-type {
	margin-left: 0px;
}

body.dark-mode .nav-tabs-custom &gt; .nav-tabs &gt; li:first-of-type.active &gt; a {
	border-left-color: transparent;
}

body.dark-mode .nav-tabs-custom &gt; .nav-tabs.pull-right {
	float: none !important;
}

body.dark-mode .nav-tabs-custom &gt; .nav-tabs.pull-right &gt; li {
	float: right;
}

body.dark-mode .nav-tabs-custom &gt; .nav-tabs.pull-right &gt; li:first-of-type {
	margin-right: 0px;
}

body.dark-mode .nav-tabs-custom &gt; .nav-tabs.pull-right &gt; li:first-of-type &gt; a {
	border-left-width: 1px;
}

body.dark-mode .nav-tabs-custom &gt; .nav-tabs.pull-right &gt; li:first-of-type.active &gt; a {
	border-left-color: #242424;
	border-right-color: transparent;
}

body.dark-mode .nav-tabs-custom &gt; .nav-tabs &gt; li.header {
	line-height: 35px;
	padding: 0px 10px;
	font-size: 20px;
	color: #bfbfbf;
}

body.dark-mode .nav-tabs-custom &gt; .nav-tabs &gt; li.header &gt; .fa, body.dark-mode .nav-tabs-custom &gt; .nav-tabs &gt; li.header &gt; .glyphicon, body.dark-mode .nav-tabs-custom &gt; .nav-tabs &gt; li.header &gt; .ion {
	margin-right: 5px;
}

body.dark-mode .nav-tabs-custom &gt; .tab-content {
	background: #1c1c21;
	padding: 10px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

body.dark-mode .nav-tabs-custom .dropdown.open &gt; a:active, body.dark-mode .nav-tabs-custom .dropdown.open &gt; a:focus {
	background: transparent;
	color: #bfbfbf;
}

body.dark-mode .pagination &gt; li &gt; a {
	background: #1f1f1f;
	color: #bfbfbf;
}

body.dark-mode .pagination.pagination-flat &gt; li &gt; a {
	border-radius: 0px !important;
}

body.dark-mode .products-list {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

body.dark-mode .products-list &gt; .item {
	border-radius: 3px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px;
	padding: 10px 0px;
	background: #1c1c21;
}

body.dark-mode .products-list &gt; .item::before, body.dark-mode .products-list &gt; .item::after {
	content: " ";
	display: table;
}

body.dark-mode .products-list &gt; .item::after {
	clear: both;
}

body.dark-mode .products-list .product-img {
	float: left;
}

body.dark-mode .products-list .product-img img {
	width: 50px;
	height: 50px;
}

body.dark-mode .products-list .product-info {
	margin-left: 60px;
}

body.dark-mode .products-list .product-title {
	font-weight: 600;
}

body.dark-mode .products-list .product-description {
	display: block;
	color: #bfbfbf;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

body.dark-mode .product-list-in-box &gt; .item {
	box-shadow: none;
	border-radius: 0px;
	border-bottom: 1px solid #242424;
}

body.dark-mode .product-list-in-box &gt; .item:last-of-type {
	border-bottom-width: 0px;
}

body.dark-mode .table &gt; thead &gt; tr &gt; th, body.dark-mode .table &gt; tbody &gt; tr &gt; th, body.dark-mode .table &gt; tfoot &gt; tr &gt; th, body.dark-mode .table &gt; thead &gt; tr &gt; td, body.dark-mode .table &gt; tbody &gt; tr &gt; td, body.dark-mode .table &gt; tfoot &gt; tr &gt; td {
	border-top: 1px solid #242424;
}

body.dark-mode .table &gt; thead &gt; tr &gt; th {
	border-bottom: 2px solid #242424;
}

body.dark-mode .table tr td .progress {
	margin-top: 5px;
}

body.dark-mode .table-bordered {
	border: 1px solid #292929;
}

body.dark-mode .table-bordered &gt; thead &gt; tr &gt; th, body.dark-mode .table-bordered &gt; tbody &gt; tr &gt; th, body.dark-mode .table-bordered &gt; tfoot &gt; tr &gt; th, body.dark-mode .table-bordered &gt; thead &gt; tr &gt; td, body.dark-mode .table-bordered &gt; tbody &gt; tr &gt; td, body.dark-mode .table-bordered &gt; tfoot &gt; tr &gt; td {
	border: 1px solid #242424;
}

body.dark-mode .table-bordered &gt; thead &gt; tr &gt; th, body.dark-mode .table-bordered &gt; thead &gt; tr &gt; td {
	border-bottom-width: 2px;
}

body.dark-mode .table.no-border, body.dark-mode .table.no-border td, body.dark-mode .table.no-border th {
	border: 0px;
}

body.dark-mode table.text-center, body.dark-mode table.text-center td, body.dark-mode table.text-center th {
	text-align: center;
}

body.dark-mode .table.align th {
	text-align: left;
}

body.dark-mode .table.align td {
	text-align: right;
}

body.dark-mode .label-default {
	background-color: #363d49;
	color: #bfbfbf;
}

body.dark-mode .direct-chat .box-body {
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	position: relative;
	overflow-x: hidden;
	padding: 0px;
}

body.dark-mode .direct-chat.chat-pane-open .direct-chat-contacts {
	transform: translate(0px, 0px);
}

body.dark-mode .direct-chat-messages {
	transform: translate(0px, 0px);
	padding: 10px;
	height: 250px;
	overflow: auto;
}

body.dark-mode .direct-chat-msg, body.dark-mode .direct-chat-text {
	display: block;
}

body.dark-mode .direct-chat-msg {
	margin-bottom: 10px;
}

body.dark-mode .direct-chat-msg::before, body.dark-mode .direct-chat-msg::after {
	content: " ";
	display: table;
}

body.dark-mode .direct-chat-msg::after {
	clear: both;
}

body.dark-mode .direct-chat-messages, body.dark-mode .direct-chat-contacts {
	transition: transform 0.5s ease-in-out 0s;
}

body.dark-mode .direct-chat-text {
	border-radius: 5px;
	position: relative;
	padding: 5px 10px;
	background: #303030;
	border: 1px solid #303030;
	margin: 5px 0px 0px 50px;
	color: #bfbfbf;
	word-break: break-word;
}

body.dark-mode .direct-chat-text::after, body.dark-mode .direct-chat-text::before {
	position: absolute;
	right: 100%;
	top: 15px;
	border-width: initial;
	border-style: solid;
	border-color: transparent #303030 transparent transparent;
	border-image: initial;
	content: " ";
	height: 0px;
	width: 0px;
	pointer-events: none;
}

body.dark-mode .direct-chat-text::after {
	border-width: 5px;
	margin-top: -5px;
}

body.dark-mode .direct-chat-text::before {
	border-width: 6px;
	margin-top: -6px;
}

body.dark-mode .right .direct-chat-text {
	margin-right: 50px;
	margin-left: 0px;
}

body.dark-mode .right .direct-chat-text::after, body.dark-mode .right .direct-chat-text::before {
	right: auto;
	left: 100%;
	border-right-color: transparent;
	border-left-color: #363d49;
}

body.dark-mode .direct-chat-img {
	border-radius: 50%;
	transform: translateZ(0px);
	-webkit-mask-image: -webkit-radial-gradient(center, circle cover, white 100%, black 100%);
	float: left;
	width: 40px;
	height: 40px;
}

body.dark-mode .right .direct-chat-img {
	float: right;
}

body.dark-mode .direct-chat-info {
	display: block;
	margin-bottom: 2px;
	font-size: 12px;
}

body.dark-mode .direct-chat-name {
	font-weight: 600;
}

body.dark-mode .direct-chat-timestamp {
	color: #bfbfbf;
}

body.dark-mode .direct-chat-contacts-open .direct-chat-contacts {
	transform: translate(0px, 0px);
}

body.dark-mode .direct-chat-contacts {
	transform: translate(101%, 0px);
	position: absolute;
	top: 0px;
	bottom: 0px;
	height: 250px;
	width: 100%;
	background: #212c31;
	color: white;
	overflow: auto;
}

body.dark-mode .contacts-list &gt; li {
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	padding: 10px;
	margin: 0px;
}

body.dark-mode .contacts-list &gt; li::before, body.dark-mode .contacts-list &gt; li::after {
	content: " ";
	display: table;
}

body.dark-mode .contacts-list &gt; li::after {
	clear: both;
}

body.dark-mode .contacts-list &gt; li:last-of-type {
	border-bottom: none;
}

body.dark-mode .contacts-list-img {
	border-radius: 50%;
	transform: translateZ(0px);
	-webkit-mask-image: -webkit-radial-gradient(center, circle cover, white 100%, black 100%);
	width: 40px;
	float: left;
}

body.dark-mode .contacts-list-info {
	margin-left: 45px;
	color: white;
}

body.dark-mode .contacts-list-name, body.dark-mode .contacts-list-status {
	display: block;
}

body.dark-mode .contacts-list-name {
	font-weight: 600;
}

body.dark-mode .contacts-list-status {
	font-size: 12px;
}

body.dark-mode .contacts-list-date {
	color: #bfbfbf;
	font-weight: normal;
}

body.dark-mode .contacts-list-msg {
	color: #bfbfbf;
}

body.dark-mode .direct-chat-danger .right &gt; .direct-chat-text {
	background: #bc462f;
	border-color: #bc462f;
	color: white;
}

body.dark-mode .direct-chat-danger .right &gt; .direct-chat-text::after, body.dark-mode .direct-chat-danger .right &gt; .direct-chat-text::before {
	border-left-color: #bc462f;
}

body.dark-mode .direct-chat-primary .right &gt; .direct-chat-text {
	background: #317fc4;
	border-color: #317fc4;
	color: white;
}

body.dark-mode .direct-chat-primary .right &gt; .direct-chat-text::after, body.dark-mode .direct-chat-primary .right &gt; .direct-chat-text::before {
	border-left-color: #317fc4;
}

body.dark-mode .direct-chat-warning .right &gt; .direct-chat-text {
	background: #f0ad4e;
	border-color: #f0ad4e;
	color: white;
}

body.dark-mode .direct-chat-warning .right &gt; .direct-chat-text::after, body.dark-mode .direct-chat-warning .right &gt; .direct-chat-text::before {
	border-left-color: #f0ad4e;
}

body.dark-mode .direct-chat-info .right &gt; .direct-chat-text {
	background: #54b8d4;
	border-color: #54b8d4;
	color: white;
}

body.dark-mode .direct-chat-info .right &gt; .direct-chat-text::after, body.dark-mode .direct-chat-info .right &gt; .direct-chat-text::before {
	border-left-color: #54b8d4;
}

body.dark-mode .direct-chat-success .right &gt; .direct-chat-text {
	background: #9bc969;
	border-color: #9bc969;
	color: white;
}

body.dark-mode .direct-chat-success .right &gt; .direct-chat-text::after, body.dark-mode .direct-chat-success .right &gt; .direct-chat-text::before {
	border-left-color: #9bc969;
}

body.dark-mode .users-list &gt; li {
	width: 25%;
	float: left;
	padding: 10px;
	text-align: center;
}

body.dark-mode .users-list &gt; li img {
	border-radius: 50%;
	transform: translateZ(0px);
	-webkit-mask-image: -webkit-radial-gradient(center, circle cover, white 100%, black 100%);
	max-width: 100%;
	height: auto;
}

body.dark-mode .users-list &gt; li &gt; a:hover, body.dark-mode .users-list &gt; li &gt; a:hover .users-list-name {
	color: #bfbfbf;
}

body.dark-mode .users-list-name, body.dark-mode .users-list-date {
	display: block;
}

body.dark-mode .users-list-name {
	font-weight: 600;
	color: #bfbfbf;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

body.dark-mode .users-list-date {
	color: #bfbfbf;
	font-size: 12px;
}

body.dark-mode .carousel-control.left, body.dark-mode .carousel-control.right {
	background-image: none;
}

body.dark-mode .carousel-control &gt; .fa {
	font-size: 40px;
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block;
	margin-top: -20px;
}

body.dark-mode .modal-content {
	border-radius: 0px;
	box-shadow: rgba(0, 0, 0, 0.125) 0px 2px 3px;
	border: 0px;
}

@media (min-width: 768px) {
	body.dark-mode .modal-content {
		box-shadow: rgba(0, 0, 0, 0.125) 0px 2px 3px;
	}
}

body.dark-mode .modal-header {
	border-bottom-color: #f4f4f4;
}

body.dark-mode .modal-footer {
	border-top-color: #242424;
}

body.dark-mode .modal-primary .modal-header, body.dark-mode .modal-primary .modal-footer {
	border-color: #317196;
}

body.dark-mode .modal-warning .modal-header, body.dark-mode .modal-warning .modal-footer {
	border-color: #a7772a;
}

body.dark-mode .modal-info .modal-header, body.dark-mode .modal-info .modal-footer {
	border-color: #268097;
}

body.dark-mode .modal-success .modal-header, body.dark-mode .modal-success .modal-footer {
	border-color: #175e3d;
}

body.dark-mode .modal-danger .modal-header, body.dark-mode .modal-danger .modal-footer {
	border-color: #b83e2e;
}

body.dark-mode .box-widget {
	position: relative;
}

body.dark-mode .widget-user .widget-user-header {
	padding: 20px;
	height: 120px;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}

body.dark-mode .widget-user .widget-user-username {
	margin-top: 0px;
	margin-bottom: 5px;
	font-size: 25px;
	font-weight: 300;
	text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;
}

body.dark-mode .widget-user .widget-user-desc {
	margin-top: 0px;
}

body.dark-mode .widget-user .widget-user-image {
	position: absolute;
	top: 65px;
	left: 50%;
	margin-left: -45px;
}

body.dark-mode .widget-user .widget-user-image &gt; img {
	width: 90px;
	height: auto;
	border: 3px solid #1c1c21;
}

body.dark-mode .widget-user .box-footer {
	padding-top: 30px;
}

body.dark-mode .widget-user-2 .widget-user-header {
	padding: 20px;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}

body.dark-mode .widget-user-2 .widget-user-username {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 25px;
	font-weight: 300;
}

body.dark-mode .widget-user-2 .widget-user-desc {
	margin-top: 0px;
}

body.dark-mode .widget-user-2 .widget-user-username, body.dark-mode .widget-user-2 .widget-user-desc {
	margin-left: 75px;
}

body.dark-mode .widget-user-2 .widget-user-image &gt; img {
	width: 65px;
	height: auto;
	float: left;
}

body.dark-mode .mailbox-messages &gt; .table {
	margin: 0px;
}

body.dark-mode .mailbox-controls {
	padding: 5px;
}

body.dark-mode .mailbox-controls.with-border {
	border-bottom: 1px solid #242424;
}

body.dark-mode .mailbox-read-info {
	border-bottom: 1px solid #242424;
	padding: 10px;
}

body.dark-mode .mailbox-read-info h3 {
	font-size: 20px;
	margin: 0px;
}

body.dark-mode .mailbox-read-info h5 {
	margin: 0px;
	padding: 5px 0px 0px;
}

body.dark-mode .mailbox-read-time {
	color: #bfbfbf;
	font-size: 13px;
}

body.dark-mode .mailbox-read-message {
	padding: 10px;
}

body.dark-mode .mailbox-attachments li {
	float: left;
	width: 200px;
	border: 1px solid #2b2b2b;
	margin-bottom: 10px;
	margin-right: 10px;
}

body.dark-mode .mailbox-attachment-name {
	font-weight: bold;
	color: #bfbfbf;
}

body.dark-mode .mailbox-attachment-icon, body.dark-mode .mailbox-attachment-info, body.dark-mode .mailbox-attachment-size {
	display: block;
}

body.dark-mode .mailbox-attachment-info {
	padding: 10px;
	background: #242424;
}

body.dark-mode .mailbox-attachment-size {
	color: #bfbfbf;
	font-size: 12px;
}

body.dark-mode .mailbox-attachment-icon {
	text-align: center;
	font-size: 65px;
	color: #bfbfbf;
	padding: 20px 10px;
}

body.dark-mode .mailbox-attachment-icon.has-img {
	padding: 0px;
}

body.dark-mode .mailbox-attachment-icon.has-img &gt; img {
	max-width: 100%;
	height: auto;
}

body.dark-mode .lockscreen {
	background: #363d49;
}

body.dark-mode .lockscreen-logo {
	font-size: 35px;
	text-align: center;
	margin-bottom: 25px;
	font-weight: 300;
}

body.dark-mode .lockscreen-logo a {
	color: #bfbfbf;
}

body.dark-mode .lockscreen-wrapper {
	max-width: 400px;
	margin: 10% auto 0px;
}

body.dark-mode .lockscreen .lockscreen-name {
	text-align: center;
	font-weight: 600;
}

body.dark-mode .lockscreen-item {
	border-radius: 4px;
	padding: 0px;
	background: #1c1c21;
	position: relative;
	margin: 10px auto 30px;
	width: 290px;
}

body.dark-mode .lockscreen-image {
	border-radius: 50%;
	transform: translateZ(0px);
	-webkit-mask-image: -webkit-radial-gradient(center, circle cover, white 100%, black 100%);
	position: absolute;
	left: -10px;
	top: -25px;
	background: #1c1c21;
	padding: 5px;
	z-index: 10;
}

body.dark-mode .lockscreen-image &gt; img {
	border-radius: 50%;
	transform: translateZ(0px);
	-webkit-mask-image: -webkit-radial-gradient(center, circle cover, white 100%, black 100%);
	width: 70px;
	height: 70px;
}

body.dark-mode .lockscreen-credentials {
	margin-left: 70px;
}

body.dark-mode .lockscreen-credentials .form-control {
	border: 0px;
}

body.dark-mode .lockscreen-credentials .btn {
	background-color: #1c1c21;
	border: 0px;
	padding: 0px 10px;
}

body.dark-mode .lockscreen-footer {
	margin-top: 10px;
}

body.dark-mode .login-logo, body.dark-mode .register-logo {
	font-size: 35px;
	text-align: center;
	margin-bottom: 25px;
	font-weight: 300;
}

body.dark-mode .login-logo a, body.dark-mode .register-logo a {
	color: #bfbfbf;
}

body.dark-mode .login-page, body.dark-mode .register-page {
	background: #363d49;
}

body.dark-mode .login-box, body.dark-mode .register-box {
	width: 360px;
	margin: 7% auto;
}

@media (max-width: 768px) {
	body.dark-mode .login-box, body.dark-mode .register-box {
		width: 90%;
		margin-top: 20px;
	}
}

body.dark-mode .login-box-body, body.dark-mode .register-box-body {
	background: #1c1c21;
	padding: 20px;
	border-top: 0px;
	color: #bfbfbf;
}

body.dark-mode .login-box-body .form-control-feedback, body.dark-mode .register-box-body .form-control-feedback {
	color: #bfbfbf;
}

body.dark-mode .login-box-msg, body.dark-mode .register-box-msg {
	margin: 0px;
	text-align: center;
	padding: 0px 20px 20px;
}

body.dark-mode .social-auth-links {
	margin: 10px 0px;
}

body.dark-mode .error-page {
	width: 600px;
	margin: 20px auto 0px;
}

@media (max-width: 991px) {
	body.dark-mode .error-page {
		width: 100%;
	}
}

body.dark-mode .error-page &gt; .headline {
	float: left;
	font-size: 100px;
	font-weight: 300;
}

@media (max-width: 991px) {
	body.dark-mode .error-page &gt; .headline {
		float: none;
		text-align: center;
	}
}

body.dark-mode .error-page &gt; .error-content {
	margin-left: 190px;
	display: block;
}

@media (max-width: 991px) {
	body.dark-mode .error-page &gt; .error-content {
		margin-left: 0px;
	}
}

body.dark-mode .error-page &gt; .error-content &gt; h3 {
	font-weight: 300;
	font-size: 25px;
}

@media (max-width: 991px) {
	body.dark-mode .error-page &gt; .error-content &gt; h3 {
		text-align: center;
	}
}

body.dark-mode .invoice {
	position: relative;
	background: #1c1c21;
	border: 1px solid #242424;
	padding: 20px;
	margin: 10px 25px;
}

body.dark-mode .invoice-title {
	margin-top: 0px;
}

body.dark-mode .profile-user-img {
	margin: 0px auto;
	width: 100px;
	padding: 3px;
	border: 3px solid #363d49;
}

body.dark-mode .profile-username {
	font-size: 21px;
	margin-top: 5px;
}

body.dark-mode .post {
	border-bottom: 1px solid #363d49;
	margin-bottom: 15px;
	padding-bottom: 15px;
	color: #bfbfbf;
}

body.dark-mode .post:last-of-type {
	border-bottom: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

body.dark-mode .post .user-block {
	margin-bottom: 15px;
}

body.dark-mode .btn-social {
	position: relative;
	padding-left: 44px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

body.dark-mode .btn-social &gt; :first-child {
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	width: 32px;
	line-height: 34px;
	font-size: 1.6em;
	text-align: center;
	border-right: 1px solid rgba(0, 0, 0, 0.2);
}

body.dark-mode .btn-social.btn-lg {
	padding-left: 61px;
}

body.dark-mode .btn-social.btn-lg &gt; :first-child {
	line-height: 45px;
	width: 45px;
	font-size: 1.8em;
}

body.dark-mode .btn-social.btn-sm {
	padding-left: 38px;
}

body.dark-mode .btn-social.btn-sm &gt; :first-child {
	line-height: 28px;
	width: 28px;
	font-size: 1.4em;
}

body.dark-mode .btn-social.btn-xs {
	padding-left: 30px;
}

body.dark-mode .btn-social.btn-xs &gt; :first-child {
	line-height: 20px;
	width: 20px;
	font-size: 1.2em;
}

body.dark-mode .btn-social-icon {
	position: relative;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 34px;
	width: 34px;
	padding: 0px;
}

body.dark-mode .btn-social-icon &gt; :first-child {
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	width: 32px;
	line-height: 34px;
	font-size: 1.6em;
	text-align: center;
	border-right: 1px solid rgba(0, 0, 0, 0.2);
}

body.dark-mode .btn-social-icon.btn-lg {
	padding-left: 61px;
}

body.dark-mode .btn-social-icon.btn-lg &gt; :first-child {
	line-height: 45px;
	width: 45px;
	font-size: 1.8em;
}

body.dark-mode .btn-social-icon.btn-sm {
	padding-left: 38px;
}

body.dark-mode .btn-social-icon.btn-sm &gt; :first-child {
	line-height: 28px;
	width: 28px;
	font-size: 1.4em;
}

body.dark-mode .btn-social-icon.btn-xs {
	padding-left: 30px;
}

body.dark-mode .btn-social-icon.btn-xs &gt; :first-child {
	line-height: 20px;
	width: 20px;
	font-size: 1.2em;
}

body.dark-mode .btn-social-icon &gt; :first-child {
	border: none;
	text-align: center;
	width: 100%;
}

body.dark-mode .btn-social-icon.btn-lg {
	height: 45px;
	width: 45px;
	padding-left: 0px;
	padding-right: 0px;
}

body.dark-mode .btn-social-icon.btn-sm {
	height: 30px;
	width: 30px;
	padding-left: 0px;
	padding-right: 0px;
}

body.dark-mode .btn-social-icon.btn-xs {
	height: 22px;
	width: 22px;
	padding-left: 0px;
	padding-right: 0px;
}

body.dark-mode .btn-adn {
	color: white;
	background-color: #bf4931;
	border-color: rgba(0, 0, 0, 0.2);
}

body.dark-mode .btn-adn:hover, body.dark-mode .btn-adn:focus, body.dark-mode .btn-adn.focus, body.dark-mode .btn-adn:active, body.dark-mode .btn-adn.active, body.dark-mode .open &gt; .dropdown-toggle.btn-adn {
	color: white;
	background-color: #ce5840;
	border-color: rgba(0, 0, 0, 0.2);
}

body.dark-mode .btn-adn:active, body.dark-mode .btn-adn.active, body.dark-mode .open &gt; .dropdown-toggle.btn-adn {
	background-image: none;
}

body.dark-mode .btn-adn .badge {
	color: #e5a69a;
	background-color: #1c1c21;
}

body.dark-mode .btn-bitbucket {
	color: white;
	background-color: #215283;
	border-color: rgba(0, 0, 0, 0.2);
}

body.dark-mode .btn-bitbucket:hover, body.dark-mode .btn-bitbucket:focus, body.dark-mode .btn-bitbucket.focus, body.dark-mode .btn-bitbucket:active, body.dark-mode .btn-bitbucket.active, body.dark-mode .open &gt; .dropdown-toggle.btn-bitbucket {
	color: white;
	background-color: #16385a;
	border-color: rgba(0, 0, 0, 0.2);
}

body.dark-mode .btn-bitbucket:active, body.dark-mode .btn-bitbucket.active, body.dark-mode .open &gt; .dropdown-toggle.btn-bitbucket {
	background-image: none;
}

body.dark-mode .btn-bitbucket .badge {
	color: #99bfe6;
	background-color: #1c1c21;
}

body.dark-mode .btn-dropbox {
	color: white;
	background-color: #2f81bc;
	border-color: rgba(0, 0, 0, 0.2);
}

body.dark-mode .btn-dropbox:hover, body.dark-mode .btn-dropbox:focus, body.dark-mode .btn-dropbox.focus, body.dark-mode .btn-dropbox:active, body.dark-mode .btn-dropbox.active, body.dark-mode .open &gt; .dropdown-toggle.btn-dropbox {
	color: white;
	background-color: #256593;
	border-color: rgba(0, 0, 0, 0.2);
}

body.dark-mode .btn-dropbox:active, body.dark-mode .btn-dropbox.active, body.dark-mode .open &gt; .dropdown-toggle.btn-dropbox {
	background-image: none;
}

body.dark-mode .btn-dropbox .badge {
	color: #99c6e6;
	background-color: #1c1c21;
}

body.dark-mode .btn-facebook {
	color: white;
	background-color: #3b5897;
	border-color: rgba(0, 0, 0, 0.2);
}

body.dark-mode .btn-facebook:hover, body.dark-mode .btn-facebook:focus, body.dark-mode .btn-facebook.focus, body.dark-mode .btn-facebook:active, body.dark-mode .btn-facebook.active, body.dark-mode .open &gt; .dropdown-toggle.btn-facebook {
	color: white;
	background-color: #2c4272;
	border-color: rgba(0, 0, 0, 0.2);
}

body.dark-mode .btn-facebook:active, body.dark-mode .btn-facebook.active, body.dark-mode .open &gt; .dropdown-toggle.btn-facebook {
	background-image: none;
}

body.dark-mode .btn-facebook .badge {
	color: #a3b5db;
	background-color: #1c1c21;
}

body.dark-mode .btn-flickr {
	color: white;
	background-color: #cc3382;
	border-color: rgba(0, 0, 0, 0.2);
}

body.dark-mode .btn-flickr:hover, body.dark-mode .btn-flickr:focus, body.dark-mode .btn-flickr.focus, body.dark-mode .btn-flickr:active, body.dark-mode .btn-flickr.active, body.dark-mode .open &gt; .dropdown-toggle.btn-flickr {
	color: white;
	background-color: #a32968;
	border-color: rgba(0, 0, 0, 0.2);
}

body.dark-mode .btn-flickr:active, body.dark-mode .btn-flickr.active, body.dark-mode .open &gt; .dropdown-toggle.btn-flickr {
	background-image: none;
}

body.dark-mode .btn-flickr .badge {
	color: #e699c1;
	background-color: #1c1c21;
}

body.dark-mode .btn-foursquare {
	color: white;
	background-color: #c03056;
	border-color: rgba(0, 0, 0, 0.2);
}

body.dark-mode .btn-foursquare:hover, body.dark-mode .btn-foursquare:focus, body.dark-mode .btn-foursquare.focus, body.dark-mode .btn-foursquare:active, body.dark-mode .btn-foursquare.active, body.dark-mode .open &gt; .dropdown-toggle.btn-foursquare {
	color: white;
	background-color: #cf3f66;
	border-color: rgba(0, 0, 0, 0.2);
}

body.dark-mode .btn-foursquare:active, body.dark-mode .btn-foursquare.active, body.dark-mode .open &gt; .dropdown-toggle.btn-foursquare {
	background-image: none;
}

body.dark-mode .btn-foursquare .badge {
	color: #e699ad;
	background-color: #1c1c21;
}

body.dark-mode .btn-github {
	color: white;
	background-color: #666666;
	border-color: rgba(0, 0, 0, 0.2);
}

body.dark-mode .btn-github:hover, body.dark-mode .btn-github:focus, body.dark-mode .btn-github.focus, body.dark-mode .btn-github:active, body.dark-mode .btn-github.active, body.dark-mode .open &gt; .dropdown-toggle.btn-github {
	color: white;
	background-color: #2b2b2b;
	border-color: rgba(0, 0, 0, 0.2);
}

body.dark-mode .btn-github:active, body.dark-mode .btn-github.active, body.dark-mode .open &gt; .dropdown-toggle.btn-github {
	background-image: none;
}

body.dark-mode .btn-github .badge {
	color: #bfbfbf;
	background-color: #1c1c21;
}

body.dark-mode .btn-google {
	color: white;
	background-color: #bc462f;
	border-color: rgba(0, 0, 0, 0.2);
}

body.dark-mode .btn-google:hover, body.dark-mode .btn-google:focus, body.dark-mode .btn-google.focus, body.dark-mode .btn-google:active, body.dark-mode .btn-google.active, body.dark-mode .open &gt; .dropdown-toggle.btn-google {
	color: white;
	background-color: #b83e2e;
	border-color: rgba(0, 0, 0, 0.2);
}

body.dark-mode .btn-google:active, body.dark-mode .btn-google.active, body.dark-mode .open &gt; .dropdown-toggle.btn-google {
	background-image: none;
}

body.dark-mode .btn-google .badge {
	color: #e6a699;
	background-color: #1c1c21;
}

body.dark-mode .btn-instagram {
	color: white;
	background-color: #40729c;
	border-color: rgba(0, 0, 0, 0.2);
}

body.dark-mode .btn-instagram:hover, body.dark-mode .btn-instagram:focus, body.dark-mode .btn-instagram.focus, body.dark-mode .btn-instagram:active, body.dark-mode .btn-instagram.active, body.dark-mode .open &gt; .dropdown-toggle.btn-instagram {
	color: white;
	background-color: #305878;
	border-color: rgba(0, 0, 0, 0.2);
}

body.dark-mode .btn-instagram:active, body.dark-mode .btn-instagram.active, body.dark-mode .open &gt; .dropdown-toggle.btn-instagram {
	background-image: none;
}

body.dark-mode .btn-instagram .badge {
	color: #a4c2da;
	background-color: #1c1c21;
}

body.dark-mode .btn-linkedin {
	color: white;
	background-color: #257093;
	border-color: rgba(0, 0, 0, 0.2);
}

body.dark-mode .btn-linkedin:hover, body.dark-mode .btn-linkedin:focus, body.dark-mode .btn-linkedin.focus, body.dark-mode .btn-linkedin:active, body.dark-mode .btn-linkedin.active, body.dark-mode .open &gt; .dropdown-toggle.btn-linkedin {
	color: white;
	background-color: #1b516a;
	border-color: rgba(0, 0, 0, 0.2);
}

body.dark-mode .btn-linkedin:active, body.dark-mode .btn-linkedin.active, body.dark-mode .open &gt; .dropdown-toggle.btn-linkedin {
	background-image: none;
}

body.dark-mode .btn-linkedin .badge {
	color: #99cde6;
	background-color: #1c1c21;
}

body.dark-mode .btn-microsoft {
	color: white;
	background-color: #4379d0;
	border-color: rgba(0, 0, 0, 0.2);
}

body.dark-mode .btn-microsoft:hover, body.dark-mode .btn-microsoft:focus, body.dark-mode .btn-microsoft.focus, body.dark-mode .btn-microsoft:active, body.dark-mode .btn-microsoft.active, body.dark-mode .open &gt; .dropdown-toggle.btn-microsoft {
	color: white;
	background-color: #2d60b4;
	border-color: rgba(0, 0, 0, 0.2);
}

body.dark-mode .btn-microsoft:active, body.dark-mode .btn-microsoft.active, body.dark-mode .open &gt; .dropdown-toggle.btn-microsoft {
	background-image: none;
}

body.dark-mode .btn-microsoft .badge {
	color: #99b6e6;
	background-color: #1c1c21;
}

body.dark-mode .btn-openid {
	color: white;
	background-color: #d08e43;
	border-color: rgba(0, 0, 0, 0.2);
}

body.dark-mode .btn-openid:hover, body.dark-mode .btn-openid:focus, body.dark-mode .btn-openid.focus, body.dark-mode .btn-openid:active, body.dark-mode .btn-openid.active, body.dark-mode .open &gt; .dropdown-toggle.btn-openid {
	color: white;
	background-color: #b4752d;
	border-color: rgba(0, 0, 0, 0.2);
}

body.dark-mode .btn-openid:active, body.dark-mode .btn-openid.active, body.dark-mode .open &gt; .dropdown-toggle.btn-openid {
	background-image: none;
}

body.dark-mode .btn-openid .badge {
	color: #e6c299;
	background-color: #1c1c21;
}

body.dark-mode .btn-pinterest {
	color: white;
	background-color: #bc2f34;
	border-color: rgba(0, 0, 0, 0.2);
}

body.dark-mode .btn-pinterest:hover, body.dark-mode .btn-pinterest:focus, body.dark-mode .btn-pinterest.focus, body.dark-mode .btn-pinterest:active, body.dark-mode .btn-pinterest.active, body.dark-mode .open &gt; .dropdown-toggle.btn-pinterest {
	color: white;
	background-color: #93252a;
	border-color: rgba(0, 0, 0, 0.2);
}

body.dark-mode .btn-pinterest:active, body.dark-mode .btn-pinterest.active, body.dark-mode .open &gt; .dropdown-toggle.btn-pinterest {
	background-image: none;
}

body.dark-mode .btn-pinterest .badge {
	color: #e6999c;
	background-color: #1c1c21;
}

body.dark-mode .btn-reddit {
	color: #bfbfbf;
	background-color: #0d2135;
	border-color: rgba(0, 0, 0, 0.2);
}

body.dark-mode .btn-reddit:hover, body.dark-mode .btn-reddit:focus, body.dark-mode .btn-reddit.focus, body.dark-mode .btn-reddit:active, body.dark-mode .btn-reddit.active, body.dark-mode .open &gt; .dropdown-toggle.btn-reddit {
	color: #bfbfbf;
	background-color: #173b5e;
	border-color: rgba(0, 0, 0, 0.2);
}

body.dark-mode .btn-reddit:active, body.dark-mode .btn-reddit.active, body.dark-mode .open &gt; .dropdown-toggle.btn-reddit {
	background-image: none;
}

body.dark-mode .btn-reddit .badge {
	color: #f3f7fc;
	background-color: black;
}

body.dark-mode .btn-soundcloud {
	color: white;
	background-color: #cc6633;
	border-color: rgba(0, 0, 0, 0.2);
}

body.dark-mode .btn-soundcloud:hover, body.dark-mode .btn-soundcloud:focus, body.dark-mode .btn-soundcloud.focus, body.dark-mode .btn-soundcloud:active, body.dark-mode .btn-soundcloud.active, body.dark-mode .open &gt; .dropdown-toggle.btn-soundcloud {
	color: white;
	background-color: #a35229;
	border-color: rgba(0, 0, 0, 0.2);
}

body.dark-mode .btn-soundcloud:active, body.dark-mode .btn-soundcloud.active, body.dark-mode .open &gt; .dropdown-toggle.btn-soundcloud {
	background-image: none;
}

body.dark-mode .btn-soundcloud .badge {
	color: #e6b399;
	background-color: #1c1c21;
}

body.dark-mode .btn-tumblr {
	color: white;
	background-color: #2c4763;
	border-color: rgba(0, 0, 0, 0.2);
}

body.dark-mode .btn-tumblr:hover, body.dark-mode .btn-tumblr:focus, body.dark-mode .btn-tumblr.focus, body.dark-mode .btn-tumblr:active, body.dark-mode .btn-tumblr.active, body.dark-mode .open &gt; .dropdown-toggle.btn-tumblr {
	color: white;
	background-color: #1c2d3f;
	border-color: rgba(0, 0, 0, 0.2);
}

body.dark-mode .btn-tumblr:active, body.dark-mode .btn-tumblr.active, body.dark-mode .open &gt; .dropdown-toggle.btn-tumblr {
	background-image: none;
}

body.dark-mode .btn-tumblr .badge {
	color: #a7bfd7;
	background-color: #1c1c21;
}

body.dark-mode .btn-twitter {
	color: white;
	background-color: #3081c0;
	border-color: rgba(0, 0, 0, 0.2);
}

body.dark-mode .btn-twitter:hover, body.dark-mode .btn-twitter:focus, body.dark-mode .btn-twitter.focus, body.dark-mode .btn-twitter:active, body.dark-mode .btn-twitter.active, body.dark-mode .open &gt; .dropdown-toggle.btn-twitter {
	color: white;
	background-color: #3f91cf;
	border-color: rgba(0, 0, 0, 0.2);
}

body.dark-mode .btn-twitter:active, body.dark-mode .btn-twitter.active, body.dark-mode .open &gt; .dropdown-toggle.btn-twitter {
	background-image: none;
}

body.dark-mode .btn-twitter .badge {
	color: #99c4e6;
	background-color: #1c1c21;
}

body.dark-mode .btn-vimeo {
	color: white;
	background-color: #37a8cd;
	border-color: rgba(0, 0, 0, 0.2);
}

body.dark-mode .btn-vimeo:hover, body.dark-mode .btn-vimeo:focus, body.dark-mode .btn-vimeo.focus, body.dark-mode .btn-vimeo:active, body.dark-mode .btn-vimeo.active, body.dark-mode .open &gt; .dropdown-toggle.btn-vimeo {
	color: white;
	background-color: #2a88a7;
	border-color: rgba(0, 0, 0, 0.2);
}

body.dark-mode .btn-vimeo:active, body.dark-mode .btn-vimeo.active, body.dark-mode .open &gt; .dropdown-toggle.btn-vimeo {
	background-image: none;
}

body.dark-mode .btn-vimeo .badge {
	color: #99d2e6;
	background-color: #1c1c21;
}

body.dark-mode .btn-vk {
	color: white;
	background-color: #577da2;
	border-color: rgba(0, 0, 0, 0.2);
}

body.dark-mode .btn-vk:hover, body.dark-mode .btn-vk:focus, body.dark-mode .btn-vk.focus, body.dark-mode .btn-vk:active, body.dark-mode .btn-vk.active, body.dark-mode .open &gt; .dropdown-toggle.btn-vk {
	color: white;
	background-color: #466381;
	border-color: rgba(0, 0, 0, 0.2);
}

body.dark-mode .btn-vk:active, body.dark-mode .btn-vk.active, body.dark-mode .open &gt; .dropdown-toggle.btn-vk {
	background-image: none;
}

body.dark-mode .btn-vk .badge {
	color: #acbfd2;
	background-color: #1c1c21;
}

body.dark-mode .btn-yahoo {
	color: white;
	background-color: #6c238b;
	border-color: rgba(0, 0, 0, 0.2);
}

body.dark-mode .btn-yahoo:hover, body.dark-mode .btn-yahoo:focus, body.dark-mode .btn-yahoo.focus, body.dark-mode .btn-yahoo:active, body.dark-mode .btn-yahoo.active, body.dark-mode .open &gt; .dropdown-toggle.btn-yahoo {
	color: white;
	background-color: #4c1862;
	border-color: rgba(0, 0, 0, 0.2);
}

body.dark-mode .btn-yahoo:active, body.dark-mode .btn-yahoo.active, body.dark-mode .open &gt; .dropdown-toggle.btn-yahoo {
	background-image: none;
}

body.dark-mode .btn-yahoo .badge {
	color: #cf99e6;
	background-color: #1c1c21;
}

body.dark-mode .fc-button {
	background: none #242424;
	color: #bfbfbf;
	border-color: #3b3b3b;
}

body.dark-mode .fc-button:hover, body.dark-mode .fc-button:active, body.dark-mode .fc-button.hover {
	background-color: #303030;
}

body.dark-mode .fc-header-title h2 {
	font-size: 15px;
	line-height: 1.6em;
	color: #bfbfbf;
	margin-left: 10px;
}

body.dark-mode .fc-header-right {
	padding-right: 10px;
}

body.dark-mode .fc-header-left {
	padding-left: 10px;
}

body.dark-mode .fc-widget-header {
	background: #1f1f1f;
}

body.dark-mode .fc-grid {
	width: 100%;
	border: 0px;
}

body.dark-mode .fc-widget-header:first-of-type, body.dark-mode .fc-widget-content:first-of-type {
	border-left: 0px;
	border-right: 0px;
}

body.dark-mode .fc-widget-header:last-of-type, body.dark-mode .fc-widget-content:last-of-type {
	border-right: 0px;
}

body.dark-mode .fc-toolbar {
	padding: 10px;
	margin: 0px;
}

body.dark-mode .fc-day-number {
	font-size: 20px;
	font-weight: 300;
	padding-right: 10px;
}

body.dark-mode .fc-color-picker {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

body.dark-mode .fc-color-picker &gt; li {
	float: left;
	font-size: 30px;
	margin-right: 5px;
	line-height: 30px;
}

body.dark-mode .fc-color-picker &gt; li .fa {
	transition: transform 0.3s linear 0s;
}

body.dark-mode .fc-color-picker &gt; li .fa:hover {
	transform: rotate(30deg);
}

body.dark-mode #add-new-event {
	transition: all 0.3s linear 0s;
}

body.dark-mode .external-event {
	padding: 5px 10px;
	font-weight: bold;
	margin-bottom: 4px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px;
	text-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px;
	border-radius: 3px;
	cursor: move;
}

body.dark-mode .external-event:hover {
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 90px inset;
}

body.dark-mode .select2-container--default.select2-container--focus, body.dark-mode .select2-selection.select2-container--focus, body.dark-mode .select2-container--default:focus, body.dark-mode .select2-selection:focus, body.dark-mode .select2-container--default:active, body.dark-mode .select2-selection:active {
	outline: none;
}

body.dark-mode .select2-container--default .select2-selection--single, body.dark-mode .select2-selection .select2-selection--single {
	border: 1px solid #363d49;
	border-radius: 0px;
	padding: 6px 12px;
	height: 34px;
}

body.dark-mode .select2-container--default.select2-container--open {
	border-color: #317fc4;
}

body.dark-mode .select2-dropdown {
	border: 1px solid #363d49;
	border-radius: 0px;
}

body.dark-mode .select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #317fc4;
	color: white;
}

body.dark-mode .select2-results__option {
	padding: 6px 12px;
	user-select: none;
}

body.dark-mode .select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: 0px;
	padding-right: 0px;
	height: auto;
	margin-top: -4px;
}

body.dark-mode .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
	padding-right: 6px;
	padding-left: 20px;
}

body.dark-mode .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 28px;
	right: 3px;
}

body.dark-mode .select2-container--default .select2-selection--single .select2-selection__arrow b {
	margin-top: 0px;
}

body.dark-mode .select2-dropdown .select2-search__field, body.dark-mode .select2-search--inline .select2-search__field {
	border: 1px solid #363d49;
}

body.dark-mode .select2-dropdown .select2-search__field:focus, body.dark-mode .select2-search--inline .select2-search__field:focus {
	outline: none;
	border: 1px solid #317fc4;
}

body.dark-mode .select2-container--default .select2-results__option[aria-disabled="true"] {
	color: #bfbfbf;
}

body.dark-mode .select2-container--default .select2-results__option[aria-selected="true"] {
	background-color: #3b3b3b;
}

body.dark-mode .select2-container--default .select2-results__option[aria-selected="true"], body.dark-mode .select2-container--default .select2-results__option[aria-selected="true"]:hover {
	color: #bfbfbf;
}

body.dark-mode .select2-container--default .select2-selection--multiple {
	border: 1px solid #363d49;
	border-radius: 0px;
}

body.dark-mode .select2-container--default .select2-selection--multiple:focus {
	border-color: #317fc4;
}

body.dark-mode .select2-container--default.select2-container--focus .select2-selection--multiple {
	border-color: #363d49;
}

body.dark-mode .select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #317fc4;
	border-color: #317fc4;
	padding: 1px 10px;
	color: white;
}

body.dark-mode .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	margin-right: 5px;
	color: rgba(255, 255, 255, 0.7);
}

body.dark-mode .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
	color: white;
}

body.dark-mode .select2-container .select2-selection--single .select2-selection__rendered {
	padding-right: 10px;
}

body.dark-mode .pad {
	padding: 10px;
}

body.dark-mode .margin {
	margin: 10px;
}

body.dark-mode .margin-bottom {
	margin-bottom: 20px;
}

body.dark-mode .margin-bottom-none {
	margin-bottom: 0px;
}

body.dark-mode .margin-r-5 {
	margin-right: 5px;
}

body.dark-mode .inline {
	display: inline;
}

body.dark-mode .description-block {
	display: block;
	margin: 10px 0px;
	text-align: center;
}

body.dark-mode .description-block.margin-bottom {
	margin-bottom: 25px;
}

body.dark-mode .description-block &gt; .description-header {
	margin: 0px;
	padding: 0px;
	font-weight: 600;
	font-size: 16px;
}

body.dark-mode .description-block &gt; .description-text {
	text-transform: uppercase;
}

body.dark-mode .bg-red, body.dark-mode .bg-yellow, body.dark-mode .bg-aqua, body.dark-mode .bg-blue, body.dark-mode .bg-light-blue, body.dark-mode .bg-green, body.dark-mode .bg-navy, body.dark-mode .bg-teal, body.dark-mode .bg-olive, body.dark-mode .bg-lime, body.dark-mode .bg-orange, body.dark-mode .bg-fuchsia, body.dark-mode .bg-purple, body.dark-mode .bg-maroon, body.dark-mode .bg-black, body.dark-mode .bg-red-active, body.dark-mode .bg-yellow-active, body.dark-mode .bg-aqua-active, body.dark-mode .bg-blue-active, body.dark-mode .bg-light-blue-active, body.dark-mode .bg-green-active, body.dark-mode .bg-navy-active, body.dark-mode .bg-teal-active, body.dark-mode .bg-olive-active, body.dark-mode .bg-lime-active, body.dark-mode .bg-orange-active, body.dark-mode .bg-fuchsia-active, body.dark-mode .bg-purple-active, body.dark-mode .bg-maroon-active, body.dark-mode .bg-black-active, body.dark-mode .callout.callout-danger, body.dark-mode .callout.callout-warning, body.dark-mode .callout.callout-info, body.dark-mode .callout.callout-success, body.dark-mode .alert-success, body.dark-mode .alert-danger, body.dark-mode .alert-error, body.dark-mode .alert-warning, body.dark-mode .alert-info, body.dark-mode .label-danger, body.dark-mode .label-info, body.dark-mode .label-warning, body.dark-mode .label-primary, body.dark-mode .label-success, body.dark-mode .modal-primary .modal-body, body.dark-mode .modal-primary .modal-header, body.dark-mode .modal-primary .modal-footer, body.dark-mode .modal-warning .modal-body, body.dark-mode .modal-warning .modal-header, body.dark-mode .modal-warning .modal-footer, body.dark-mode .modal-info .modal-body, body.dark-mode .modal-info .modal-header, body.dark-mode .modal-info .modal-footer, body.dark-mode .modal-success .modal-body, body.dark-mode .modal-success .modal-header, body.dark-mode .modal-success .modal-footer, body.dark-mode .modal-danger .modal-body, body.dark-mode .modal-danger .modal-header, body.dark-mode .modal-danger .modal-footer {
	color: white !important;
}

body.dark-mode .bg-gray {
	color: #bfbfbf;
	background-color: #363d49 !important;
}

body.dark-mode .bg-gray-light {
	background-color: #212121;
}

body.dark-mode .bg-black {
	background-color: #121212 !important;
}

body.dark-mode .bg-red, body.dark-mode .callout.callout-danger, body.dark-mode .alert-danger, body.dark-mode .alert-error, body.dark-mode .label-danger, body.dark-mode .modal-danger .modal-body {
	background-color: #bc462f !important;
}

body.dark-mode .bg-yellow, body.dark-mode .callout.callout-warning, body.dark-mode .alert-warning, body.dark-mode .label-warning, body.dark-mode .modal-warning .modal-body {
	background-color: #f0ad4e !important;
}

body.dark-mode .bg-aqua, body.dark-mode .callout.callout-info, body.dark-mode .alert-info, body.dark-mode .label-info, body.dark-mode .modal-info .modal-body {
	background-color: #50a7d3 !important;
}

body.dark-mode .bg-blue {
	background-color: #256a93 !important;
}

body.dark-mode .bg-light-blue, body.dark-mode .label-primary, body.dark-mode .modal-primary .modal-body {
	background-color: #317fc4 !important;
}

body.dark-mode .bg-green, body.dark-mode .callout.callout-success, body.dark-mode .alert-success, body.dark-mode .label-success, body.dark-mode .modal-success .modal-body {
	background-color: #52a437 !important;
}

body.dark-mode .bg-navy {
	background-color: #0c1f31 !important;
}

body.dark-mode .bg-teal {
	background-color: #38cccc !important;
}

body.dark-mode .bg-olive {
	background-color: #3d9970 !important;
}

body.dark-mode .bg-lime {
	background-color: #33cc75 !important;
}

body.dark-mode .bg-orange {
	background-color: #d18847 !important;
}

body.dark-mode .bg-fuchsia {
	background-color: #cd37aa !important;
}

body.dark-mode .bg-purple {
	background-color: #605da8 !important;
}

body.dark-mode .bg-maroon {
	background-color: #c43167 !important;
}

body.dark-mode .bg-gray-active {
	color: #bfbfbf;
	background-color: #4c5467 !important;
}

body.dark-mode .bg-black-active {
	background-color: black !important;
}

body.dark-mode .bg-red-active, body.dark-mode .modal-danger .modal-header, body.dark-mode .modal-danger .modal-footer {
	background-color: #c44231 !important;
}

body.dark-mode .bg-yellow-active, body.dark-mode .modal-warning .modal-header, body.dark-mode .modal-warning .modal-footer {
	background-color: #b8832e !important;
}

body.dark-mode .bg-aqua-active, body.dark-mode .modal-info .modal-header, body.dark-mode .modal-info .modal-footer {
	background-color: #2a8ea7 !important;
}

body.dark-mode .bg-blue-active {
	background-color: #1b4d6a !important;
}

body.dark-mode .bg-light-blue-active, body.dark-mode .modal-primary .modal-header, body.dark-mode .modal-primary .modal-footer {
	background-color: #367da6 !important;
}

body.dark-mode .bg-green-active, body.dark-mode .modal-success .modal-header, body.dark-mode .modal-success .modal-footer {
	background-color: #8bb45f !important;
}

body.dark-mode .bg-navy-active {
	background-color: #0a1929 !important;
}

body.dark-mode .bg-teal-active {
	background-color: #30bbbb !important;
}

body.dark-mode .bg-olive-active {
	background-color: #368762 !important;
}

body.dark-mode .bg-lime-active {
	background-color: #2eb86a !important;
}

body.dark-mode .bg-orange-active {
	background-color: #cc7a33 !important;
}

body.dark-mode .bg-fuchsia-active {
	background-color: #bc2f9d !important;
}

body.dark-mode .bg-purple-active {
	background-color: #565298 !important;
}

body.dark-mode .bg-maroon-active {
	background-color: #b82e60 !important;
}

body.dark-mode [class^="bg-"].disabled {
	opacity: 0.65;
}

body.dark-mode .text-red {
	color: #e6a699 !important;
}

body.dark-mode .text-yellow {
	color: #e6d299 !important;
}

body.dark-mode .text-aqua {
	color: #99d5e6 !important;
}

body.dark-mode .text-blue {
	color: #99c9e6 !important;
}

body.dark-mode .text-black {
	color: #bfbfbf !important;
}

body.dark-mode .text-light-blue {
	color: #99c2e6 !important;
}

body.dark-mode .text-green {
	color: #9fe09f !important;
}

body.dark-mode .text-gray {
	color: #d3d7de !important;
}

body.dark-mode .text-navy {
	color: #99bfe6 !important;
}

body.dark-mode .text-teal {
	color: #9ae5e5 !important;
}

body.dark-mode .text-olive {
	color: #a4dbc2 !important;
}

body.dark-mode .text-lime {
	color: #99e6ba !important;
}

body.dark-mode .text-orange {
	color: #e6bd99 !important;
}

body.dark-mode .text-fuchsia {
	color: #e699d4 !important;
}

body.dark-mode .text-purple {
	color: #aeacd2 !important;
}

body.dark-mode .text-maroon {
	color: #e699b5 !important;
}

body.dark-mode .link-muted {
	color: #b6bcc9;
}

body.dark-mode .link-muted:hover, body.dark-mode .link-muted:focus {
	color: #b5bcc9;
}

body.dark-mode .link-black {
	color: #bfbfbf;
}

body.dark-mode .link-black:hover, body.dark-mode .link-black:focus {
	color: #bfbfbf;
}

body.dark-mode .hide {
	display: none !important;
}

body.dark-mode .no-border {
	border: 0px !important;
}

body.dark-mode .no-padding {
	padding: 0px !important;
}

body.dark-mode .no-margin {
	margin: 0px !important;
}

body.dark-mode .no-shadow {
	box-shadow: none !important;
}

body.dark-mode .list-unstyled, body.dark-mode .chart-legend, body.dark-mode .contacts-list, body.dark-mode .users-list, body.dark-mode .mailbox-attachments {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

body.dark-mode .list-group-unbordered &gt; .list-group-item {
	border-left: 0px;
	border-right: 0px;
	border-radius: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

body.dark-mode .flat {
	border-radius: 0px !important;
}

body.dark-mode .text-bold, body.dark-mode .text-bold.table td, body.dark-mode .text-bold.table th {
	font-weight: 700;
}

body.dark-mode .text-sm {
	font-size: 12px;
}

body.dark-mode .jqstooltip {
	padding: 5px !important;
	width: auto !important;
	height: auto !important;
}

body.dark-mode .bg-teal-gradient {
	color: white;
	background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#38cccc), to(#2daeae)) !important;
}

body.dark-mode .bg-light-blue-gradient {
	color: white;
	background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#317fc4), to(#3d8ebd)) !important;
}

body.dark-mode .bg-blue-gradient {
	color: white;
	background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#256a93), to(#2c7faf)) !important;
}

body.dark-mode .bg-aqua-gradient {
	color: white;
	background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#54b8d4), to(#43b4d0)) !important;
}

body.dark-mode .bg-yellow-gradient {
	color: white;
	background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#f0ad4e), to(#af7d2c)) !important;
}

body.dark-mode .bg-purple-gradient {
	color: white;
	background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#605da8), to(#514d8f)) !important;
}

body.dark-mode .bg-green-gradient {
	color: white;
	background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#9bc969), to(#29a36a)) !important;
}

body.dark-mode .bg-red-gradient {
	color: white;
	background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#bc462f), to(#b83e2e)) !important;
}

body.dark-mode .bg-black-gradient {
	color: white;
	background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#121212), to(#2b2b2b)) !important;
}

body.dark-mode .bg-maroon-gradient {
	color: white;
	background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#c43167), to(#d45483)) !important;
}

body.dark-mode .description-block .description-icon {
	font-size: 16px;
}

body.dark-mode .no-pad-top {
	padding-top: 0px;
}

body.dark-mode .position-static {
	position: static !important;
}

body.dark-mode .list-header {
	font-size: 15px;
	padding: 10px 4px;
	font-weight: bold;
	color: #bfbfbf;
}

body.dark-mode .list-seperator {
	height: 1px;
	background: #242424;
	margin: 15px 0px 9px;
}

body.dark-mode .list-link &gt; a {
	padding: 4px;
	color: #bfbfbf;
}

body.dark-mode .list-link &gt; a:hover {
	color: #bfbfbf;
}

body.dark-mode .font-light {
	font-weight: 300;
}

body.dark-mode .user-block::before, body.dark-mode .user-block::after {
	content: " ";
	display: table;
}

body.dark-mode .user-block::after {
	clear: both;
}

body.dark-mode .user-block img {
	width: 40px;
	height: 40px;
	float: left;
}

body.dark-mode .user-block .username, body.dark-mode .user-block .description, body.dark-mode .user-block .comment {
	display: block;
	margin-left: 50px;
}

body.dark-mode .user-block .username {
	font-size: 16px;
	font-weight: 600;
}

body.dark-mode .user-block .description {
	color: #bfbfbf;
	font-size: 13px;
}

body.dark-mode .user-block.user-block-sm .username, body.dark-mode .user-block.user-block-sm .description, body.dark-mode .user-block.user-block-sm .comment {
	margin-left: 40px;
}

body.dark-mode .user-block.user-block-sm .username {
	font-size: 14px;
}

body.dark-mode .img-sm, body.dark-mode .img-md, body.dark-mode .img-lg, body.dark-mode .box-comments .box-comment img, body.dark-mode .user-block.user-block-sm img {
	float: left;
}

body.dark-mode .img-sm, body.dark-mode .box-comments .box-comment img, body.dark-mode .user-block.user-block-sm img {
	width: 30px;
	height: 30px;
}

body.dark-mode .img-sm + .img-push {
	margin-left: 40px;
}

body.dark-mode .img-md {
	width: 60px;
	height: 60px;
}

body.dark-mode .img-md + .img-push {
	margin-left: 70px;
}

body.dark-mode .img-lg {
	width: 100px;
	height: 100px;
}

body.dark-mode .img-lg + .img-push {
	margin-left: 110px;
}

body.dark-mode .img-bordered {
	border: 3px solid #363d49;
	padding: 3px;
}

body.dark-mode .img-bordered-sm {
	border: 2px solid #363d49;
	padding: 2px;
}

body.dark-mode .attachment-block {
	border: 1px solid #242424;
	padding: 5px;
	margin-bottom: 10px;
	background: #212121;
}

body.dark-mode .attachment-block .attachment-img {
	max-width: 100px;
	max-height: 100px;
	height: auto;
	float: left;
}

body.dark-mode .attachment-block .attachment-pushed {
	margin-left: 110px;
}

body.dark-mode .attachment-block .attachment-heading {
	margin: 0px;
}

body.dark-mode .attachment-block .attachment-text {
	color: #bfbfbf;
}

body.dark-mode .connectedSortable {
	min-height: 100px;
}

body.dark-mode .ui-helper-hidden-accessible {
	border: 0px;
	clip: rect(0px, 0px, 0px, 0px);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0px;
	position: absolute;
	width: 1px;
}

body.dark-mode .sort-highlight {
	background: #242424;
	border: 1px dashed #3b3b3b;
	margin-bottom: 10px;
}

body.dark-mode .full-opacity-hover {
	opacity: 0.65;
}

body.dark-mode .full-opacity-hover:hover {
	opacity: 1;
}

body.dark-mode .chart {
	position: relative;
	overflow: hidden;
	width: 100%;
}

body.dark-mode .chart svg, body.dark-mode .chart canvas {
	width: 100% !important;
}

@media print {
	body.dark-mode .no-print, body.dark-mode .main-sidebar, body.dark-mode .left-side, body.dark-mode .main-header, body.dark-mode .content-header {
		display: none !important;
	}

	body.dark-mode .content-wrapper, body.dark-mode .right-side, body.dark-mode .main-footer {
		margin-left: 0px !important;
		min-height: 0px !important;
		transform: translate(0px, 0px) !important;
	}

	body.dark-mode .fixed .content-wrapper, body.dark-mode .fixed .right-side {
		padding-top: 0px !important;
	}

	body.dark-mode .invoice {
		width: 100%;
		border: 0px;
		margin: 0px;
		padding: 0px;
	}

	body.dark-mode .invoice-col {
		float: left;
		width: 33.3333%;
	}

	body.dark-mode .table-responsive {
		overflow: auto;
	}

	body.dark-mode .table-responsive &gt; .table tr th, body.dark-mode .table-responsive &gt; .table tr td {
		white-space: normal !important;
	}
}

body.dark-mode html, body.dark-mode {
	min-height: 80vh;
	width: 100vw;
	scroll-behavior: smooth;
}

body.dark-mode {
	font-family: 'Source Sans Pro','Open Sans','Roboto','San Francisco','Helvetica Neue','Helvetica','Arial','sans-serif';
	background-color: #212121;
	color: #bfbfbf;
	-webkit-font-smoothing: antialiased;
	font-weight: 400;
	overflow-y: auto;
	overflow-x: hidden !important;
}

body.dark-mode.modal-open {
	margin-right: 0px !important;
	overflow: hidden !important;
}

body.dark-mode section {
	opacity: 0;
}

body.dark-mode .main-header .logo {
	background: url("../img/logos/bg.svg"), linear-gradient(transparent, transparent);
}

@media (min-width: 420px) {
	body.dark-mode .main-header .logo.public {
		background: url("../img/logos/bitgab.svg"), linear-gradient(transparent, transparent);
	}
}

body.dark-mode .main-header .logo, body.dark-mode .main-header .logo.public {
	background-position: center center;
	background-repeat: no-repeat;
}

body.dark-mode .main-header .logo {
	height: 40px;
	margin: 5px 0px;
}

body.dark-mode .main-header .logo.public {
	height: 36px;
	margin: 7px 0px;
}

body.dark-mode .main-header &gt; .navbar {
	min-height: 50px;
}

body.dark-mode .logo-mobile .spinner {
	display: inline-block;
	height: 24px;
	width: 24px;
	border-width: 3px;
	margin: 12px;
}

body.dark-mode .hidden, body.dark-mode .logo.logo-mobile.hidden {
	display: none !important;
}

body.dark-mode li {
	list-style: none;
}

body.dark-mode #evaluation .panel-footer {
	background-color: #1f1f1f;
}

body.dark-mode h1.page-title {
	font-size: 36px;
	font-weight: 600;
	color: #bfbfbf;
	margin-top: 20px;
	margin-bottom: 5px;
	line-height: 40px;
}

@media (max-width: 991px) {
	body.dark-mode h1.page-title {
		margin-top: 15px;
		line-height: 1.25;
	}
}

body.dark-mode .box {
	border-top: 3px solid #1c1c21;
}

body.dark-mode .box-footer.centered {
	text-align: center;
}

body.dark-mode .box-title .fa {
	padding-right: 5px;
}

body.dark-mode .affix {
	position: fixed;
	top: 60px;
}

body.dark-mode .affix-bottom {
	position: absolute;
}

body.dark-mode :focus {
	outline: none !important;
}

body.dark-mode a:focus {
	text-decoration: none;
	color: #9fc0df;
}

body.dark-mode a[data-toggle="modal"]:hover {
	text-decoration: underline !important;
}

body.dark-mode .lead {
	font-weight: 400;
}

body.dark-mode b, body.dark-mode strong {
	font-weight: 600;
}

body.dark-mode #qawrap p br {
	content: "";
	margin: 2em 2em -20px;
	display: block;
}

body.dark-mode .navbar {
	text-align: center;
	height: 50px;
}

body.dark-mode .form-control {
	font-size: 16px;
}

body.dark-mode .form-control.survey {
	height: 44px;
}

body.dark-mode input[type="radio"] {
	cursor: pointer;
}

body.dark-mode input, body.dark-mode textarea, body.dark-mode select {
	border: 2px solid transparent !important;
	background: #223039 !important;
	box-shadow: #223039 0px 0px 0px inset !important;
	border-radius: 20px !important;
	transition-duration: 0.2s;
	transition-timing-function: linear !important;
	transition-delay: 0s !important;
	transition-property: all !important;
}

body.dark-mode input, body.dark-mode select {
	overflow: hidden !important;
}

body.dark-mode select {
	-webkit-appearance: none;
	padding: 0px 30px 0px 10px !important;
	background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E") !important;
	background-repeat: no-repeat, repeat !important;
	background-position: right 0.7em top 50%, 0px 0px !important;
	background-size: 0.65em, 100% !important;
}

body.dark-mode input[disabled], body.dark-mode textarea[disabled], body.dark-mode select[disabled] {
	background: #2b2b2b !important;
}

body.dark-mode input:focus, body.dark-mode textarea:focus, body.dark-mode select:focus {
	border-color: #317fc4 !important;
	background-color: #1c1c21 !important;
}

body.dark-mode ::-webkit-input-placeholder {
	color: #bfbfbf !important;
}

body.dark-mode :focus::-webkit-input-placeholder {
	color: #bfbfbf !important;
}

body.dark-mode input[type="date"]::-webkit-inner-spin-button, body.dark-mode input[type="time"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

body.dark-mode .noPointerEvents {
	pointer-events: none !important;
}

body.dark-mode .btn-success.focus, body.dark-mode .btn-success:focus {
	color: white;
	background-color: #439d43;
	border-color: #3d8f3d;
}

body.dark-mode #settingsMenu {
	padding: 10px 0px;
	margin-bottom: 10px;
}

@media (max-width: 991px) {
	body.dark-mode html, body.dark-mode {
		min-height: 100%;
	}

	body.dark-mode a:hover, body.dark-mode a[data-toggle="modal"]:hover {
		text-decoration: none !important;
	}

	body.dark-mode a.btn-link {
		position: relative;
		color: #bfbfbf !important;
		text-decoration: none !important;
	}

	body.dark-mode a.btn-link:not(.photolink)::after {
		content: "";
		position: absolute;
		width: 100%;
		height: 0px;
		left: 0px;
		bottom: 1px;
		border-bottom: 1px dotted #999999;
	}

	body.dark-mode button.btn-primary:hover, body.dark-mode a.btn-primary:hover {
		background-color: #317fc4 !important;
		border-color: #317fc4 !important;
	}

	body.dark-mode button.btn-default:hover, body.dark-mode a.btn-default:hover {
		background-color: #242424 !important;
		color: #bfbfbf !important;
		border-color: #3b3b3b !important;
	}

	body.dark-mode button.btn-primary:focus, body.dark-mode a.btn-primary:focus, body.dark-mode button.btn-primary:active, body.dark-mode a.btn-primary:active {
		background-color: #3f8ccf !important;
		border-color: #4791d1 !important;
	}

	body.dark-mode button.btn-default:focus, body.dark-mode a.btn-default:focus, body.dark-mode button.btn-default:active, body.dark-mode a.btn-default:active {
		color: #bfbfbf !important;
		background-color: #454545 !important;
		border-color: #8c8c8c !important;
	}

	body.dark-mode #settingsMenu li a:hover {
		color: #bfbfbf !important;
		transition-duration: 0s;
		transition-timing-function: ease !important;
		transition-delay: 0s !important;
		transition-property: none !important;
	}

	body.dark-mode #settingsMenu li a:focus, body.dark-mode #settingsMenu li.active a {
		color: #ef7d30 !important;
		transition-duration: 0s;
		transition-timing-function: ease !important;
		transition-delay: 0s !important;
		transition-property: none !important;
	}
}

body.dark-mode.skin-black-light .main-header .navbar-toggle {
	color: #bfbfbf;
}

body.dark-mode.skin-black-light .main-header .navbar-brand {
	color: #bfbfbf;
	border-right: 1px solid #2b2b2b;
}

body.dark-mode.skin-black-light .main-header &gt; .navbar {
	background-color: #1c1c21;
	border-bottom: 1px solid #223039 !important;
}

body.dark-mode.skin-black-light .main-header &gt; .navbar .nav &gt; li &gt; a {
	color: #b8c1c6;
	font-size: 14px;
}

body.dark-mode.skin-black-light .main-header &gt; .navbar .nav &gt; li &gt; a:hover, body.dark-mode.skin-black-light .main-header &gt; .navbar .nav .open &gt; a:hover {
	background: transparent;
}

body.dark-mode.skin-black-light .main-header &gt; .navbar .nav &gt; li &gt; a, body.dark-mode.skin-black-light .main-header &gt; .navbar .nav .open &gt; a {
	border-bottom-color: #ef7d30;
}

body.dark-mode.skin-black-light .main-header &gt; .navbar .nav &gt; li &gt; a:hover span, body.dark-mode.skin-black-light .main-header &gt; .navbar .nav .open &gt; a:hover span {
	color: #ef7d30;
}

body.dark-mode .nav-tabs-custom &gt; .nav-tabs &gt; li:hover &gt; a, body.dark-mode.skin-black-light .main-header &gt; .navbar .nav &gt; li &gt; a:hover i, body.dark-mode .nav-tabs-custom &gt; .nav-tabs &gt; li:hover &gt; a &gt; h3 {
	color: #ef7d30;
}

body.dark-mode.skin-black-light .main-header &gt; .navbar .sidebar-toggle {
	color: #bfbfbf;
}

body.dark-mode.skin-black-light .main-header &gt; .navbar .sidebar-toggle:hover {
	background: #1c1c21;
}

body.dark-mode.skin-black-light .main-header &gt; .navbar &gt; .sidebar-toggle {
	color: #bfbfbf;
	border-right: 1px solid #2b2b2b;
}

body.dark-mode.skin-black-light .main-header &gt; .navbar .navbar-nav &gt; li &gt; a {
	border-right: 1px solid #2b2b2b;
}

body.dark-mode.skin-black-light .main-header &gt; .navbar .navbar-custom-menu .navbar-nav &gt; li &gt; a, body.dark-mode.skin-black-light .main-header &gt; .navbar .navbar-right &gt; li &gt; a {
	border-right-width: 0px;
}

body.dark-mode.skin-black-light .main-header &gt; .logo {
	background-color: #1c1c21;
	color: #bfbfbf;
	border-bottom: 0px solid transparent;
	border-right: 1px solid #2b2b2b;
}

body.dark-mode.skin-black-light .main-header &gt; .logo:hover {
	background-color: #1c1c1c;
}

@media (max-width: 767px) {
	body.dark-mode.skin-black-light .main-header &gt; .logo {
		background-color: #212121;
		color: white;
		border-bottom: 0px solid transparent;
		border-right: none;
	}

	body.dark-mode.skin-black-light .main-header &gt; .logo:hover {
		background-color: #1f1f1f;
	}
}

body.dark-mode.skin-black-light .main-header li.user-header {
	background-color: #212121;
}

body.dark-mode.skin-black-light .content-header {
	background: transparent;
	box-shadow: none;
}

body.dark-mode.skin-black-light .main-sidebar, body.dark-mode.skin-black-light .left-side {
	background-color: #1f1f1f;
}

body.dark-mode.skin-black-light .content-wrapper, body.dark-mode.skin-black-light .main-footer {
	border-left: none;
}

body.dark-mode.skin-black-light .user-panel &gt; .info, body.dark-mode.skin-black-light .user-panel &gt; .info &gt; a {
	color: #bfbfbf;
}

body.dark-mode.skin-black-light .sidebar-menu &gt; li.header {
	color: #bfbfbf;
	background: #1f1f1f;
	margin-top: 20px;
}

body.dark-mode.skin-black-light .sidebar-menu &gt; li &gt; a {
	border-left: 3px solid transparent;
	font-weight: 400;
}

body.dark-mode.skin-black-light .sidebar-menu &gt; li:hover &gt; a, body.dark-mode.skin-black-light .sidebar-menu &gt; li.active &gt; a {
	color: #ef7d30;
	background: #242424;
}

body.dark-mode.skin-black-light .sidebar-menu &gt; li.active {
	border-left-color: #1c1c21;
}

body.dark-mode.skin-black-light .sidebar-menu &gt; li.active &gt; a {
	font-weight: 400;
}

body.dark-mode.skin-black-light .sidebar-menu &gt; li &gt; .treeview-menu {
	background: #242424;
}

body.dark-mode.skin-black-light .sidebar a {
	color: #bfbfbf;
}

body.dark-mode.skin-black-light .sidebar a:hover {
	text-decoration: none;
}

body.dark-mode.skin-black-light .treeview-menu &gt; li &gt; a {
	color: #bfbfbf;
}

body.dark-mode.skin-black-light .treeview-menu &gt; li.active &gt; a, body.dark-mode.skin-black-light .treeview-menu &gt; li &gt; a:hover {
	color: #ef7d30;
}

body.dark-mode.skin-black-light .treeview-menu &gt; li.active &gt; a {
	font-weight: 400;
}

body.dark-mode.skin-black-light .sidebar-form {
	border-radius: 21px;
	border: 1px solid #24323d;
	margin: 8.5px 5px;
	position: relative;
	z-index: 0;
}

body.dark-mode.skin-black-light .sidebar-form input[type="text"], body.dark-mode.skin-black-light .sidebar-form .btn {
	box-shadow: none;
	background-color: #1f1f1f;
	border: 1px solid transparent;
	height: 35px;
}

body.dark-mode.skin-black-light .sidebar-form input[type="text"] {
	color: #bfbfbf;
	border-radius: 2px 0px 0px 2px;
}

body.dark-mode.skin-black-light .sidebar-form input[type="text"]:focus, body.dark-mode.skin-black-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
	background-color: #1c1c21;
}

body.dark-mode.skin-black-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
	border-left-color: #1c1c21;
}

body.dark-mode.skin-black-light .sidebar-form .btn {
	color: #bfbfbf;
	border-radius: 0px 2px 2px 0px;
}

@media (min-width: 768px) {
	body.dark-mode.skin-black-light.sidebar-mini.sidebar-collapse .sidebar-menu &gt; li &gt; .treeview-menu {
		border-left: 1px solid #363d49;
	}
}

body.dark-mode .page-recording .playerwrap {
	width: 720px;
	height: 480px;
	overflow: hidden;
}

body.dark-mode .media-left {
	text-align: center;
	margin-right: 0px !important;
}

body.dark-mode .media-left img {
	margin-top: 10px;
	margin-left: 0px;
}

body.dark-mode .speech {
	padding-top: 5px;
	margin-top: 5px;
}

body.dark-mode .speech::before {
	border-bottom: 7px solid transparent;
	border-right: 7px solid #1c1c21;
	border-top: 7px solid transparent;
}

body.dark-mode .speech span.speech-teacher {
	display: inline-block;
	vertical-align: middle;
	font-weight: 600;
	font-size: 13px;
	margin: 0px 3px 0px 0px;
}

body.dark-mode .mar-btm {
	border-top: 1px solid #2b2b2b;
}

body.dark-mode .mainboard {
	margin-top: 10px;
	background: #212121;
	padding: 10px 20px;
	border-radius: 20px;
	border: 0px;
}

body.dark-mode .pad-hor {
	padding: 0px;
}

body.dark-mode #qawrap {
	margin-bottom: 0px;
	box-shadow: none;
}

body.dark-mode #qawrap #demo-chat-body .speech p a {
	word-break: break-word;
}

body.dark-mode #ask-question-box {
	margin-top: 15px;
}

body.dark-mode #notifier {
	display: none;
	padding: 12px 0px;
	margin: 0px;
	border-radius: 0px 0px 20px 20px;
	border-top: none;
	font-weight: 600;
	font-size: 20px;
	position: absolute;
	top: 50px;
	left: calc(50% - 100px);
	width: 200px;
	text-align: center;
}

body.dark-mode .speech .media-heading {
	display: inline-block;
	vertical-align: middle;
	font-size: 15px;
	line-height: 15px;
	margin-right: 5px;
	font-weight: 600;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

body.dark-mode .speech-time {
	font-size: 15px;
	color: #bfbfbf;
	display: inline-block;
	vertical-align: middle;
	line-height: 15px;
	margin-right: 5px;
}

body.dark-mode .img-sm {
	height: 46px;
	width: 46px;
}

body.dark-mode .mar-btm.replied {
	margin: 5px 0px 0px 58px;
	background: #212121;
	padding: 10px 20px;
	border-radius: 20px;
	border: 0px;
}

body.dark-mode .replied .img-circle {
	max-width: 35px;
	max-height: 35px;
}

body.dark-mode .col-xs-5ths, body.dark-mode .col-sm-5ths, body.dark-mode .col-md-5ths, body.dark-mode .col-lg-5ths {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
}

body.dark-mode .col-xs-5ths {
	width: 20%;
	float: left;
}

@media (min-width: 768px) {
	body.dark-mode .col-sm-5ths {
		width: 20%;
		float: left;
	}
}

@media (min-width: 992px) {
	body.dark-mode .col-md-5ths {
		width: 20%;
		float: left;
	}
}

@media (min-width: 1200px) {
	body.dark-mode .col-lg-5ths {
		width: 20%;
		float: left;
	}
}

@media screen and (max-width: 659px) {
	body.dark-mode #grid[data-columns]::before {
		content: "1 .column.size-1of1";
		color: transparent;
	}

	body.dark-mode .column {
		margin: 0px auto;
		float: none !important;
	}
}

@media screen and (max-width: 991px) and (min-width: 660px) {
	body.dark-mode #grid[data-columns]::before {
		content: "2 .column.size-1of2";
		color: transparent;
	}
}

@media screen and (min-width: 992px) {
	body.dark-mode #grid[data-columns]::before {
		content: "3 .column.size-1of3";
		color: transparent;
	}
}

body.dark-mode #grid {
	font-size: x-small;
	overflow: auto;
	position: relative;
	z-index: 0;
}

body.dark-mode .column {
	float: left;
}

body.dark-mode .size-1of1 {
	width: 100%;
	max-width: 522px;
	padding: 10px;
}

body.dark-mode .size-1of2 {
	width: 50%;
	padding: 10px;
}

body.dark-mode .size-1of3 {
	width: 33.333%;
	padding: 10px;
}

body.dark-mode .m_highlight, body.dark-mode .m_store {
	position: relative;
	z-index: 0;
	box-shadow: #363636 0px 0px 0px 0px;
	border: 1px solid #404040;
	font-size: x-small;
}

body.dark-mode .m_highlight a, body.dark-mode .m_store a {
	text-decoration: none;
}

body.dark-mode .m_highlight .m_video_item::after, body.dark-mode .m_store .m_video_item::after {
	content: "";
	display: block;
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	top: 0px;
	background: rgba(0, 0, 0, 0.5);
	z-index: 0;
}

body.dark-mode .m_highlight .m_video_item_icon, body.dark-mode .m_store .m_video_item_icon {
	z-index: 1;
}

body.dark-mode .m_highlight_delete {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 13px;
	height: 13px;
	overflow: hidden;
	text-indent: -999px;
	background-repeat: no-repeat;
	background-position: center center;
}

body.dark-mode .m_highlight_header img, body.dark-mode .m_store_header img {
	width: inherit;
	height: auto;
	color: #f0f0f0;
}

body.dark-mode .m_highlight_header img, body.dark-mode .m_store_header img, body.dark-mode .m_highlight img, body.dark-mode .m_store img {
	width: 100%;
	height: auto;
}

body.dark-mode .m_highlight_content, body.dark-mode .m_store_content {
	padding: 0px 15px;
}

body.dark-mode .m_highlight_content strong, body.dark-mode .m_store_content strong {
	display: block;
	font-size: 1.8em;
	line-height: 1.3em;
	color: #ef7d30;
	font-weight: 600;
	margin-bottom: 5px;
}

body.dark-mode .m_highlight_content p, body.dark-mode .m_store_content p, body.dark-mode .m_highlight_content address, body.dark-mode .m_store_content address {
	font-size: 1.45em;
	color: #bfbfbf;
	line-height: 1.45em;
	font-style: normal;
}

body.dark-mode .m_highlight_content p, body.dark-mode .m_store_content p {
	margin-bottom: 5px;
}

body.dark-mode .m_highlight_content h1, body.dark-mode .m_store_content h1, body.dark-mode .m_highlight_content .m_highlight_content_title, body.dark-mode .m_store_content .m_highlight_content_title {
	font-weight: 600;
	font-size: 1.4em;
	text-transform: uppercase;
	color: #bfbfbf;
	margin-top: 15px;
	margin-bottom: 5px;
	padding: 0px;
	display: block;
}

body.dark-mode .m_highlight_mini .m_highlight_content_title {
	padding: 14px 0px 13px;
}

body.dark-mode .m_articles_banner {
	background-color: #1c1c21;
	margin-bottom: 20px;
}

body.dark-mode .m_articles_banner {
	display: block;
}

body.dark-mode .m_articles_inner_nav, body.dark-mode .m_articles_title {
	margin-bottom: 20px;
}

body.dark-mode .content {
	overflow: visible;
}

body.dark-mode #index-content {
	padding: 5px;
	min-height: 300px;
}

body.dark-mode .box {
	width: auto;
}

body.dark-mode .box img {
	border-radius: 3px 3px 0px 0px;
}

body.dark-mode .img-circle {
	transform: translateZ(0px);
	-webkit-mask-image: -webkit-radial-gradient(center, circle cover, white 100%, black 100%);
	border-radius: 50% !important;
}

body.dark-mode .social-buttons {
	display: none;
}

body.dark-mode .social-buttons.active, body.dark-mode .topic-box:hover .social-buttons {
	display: block;
}

body.dark-mode .topic-box.loaded a:hover {
	opacity: 0.9 !important;
}

body.dark-mode .topic-box.loaded a.box-topic-link {
	display: block;
}

body.dark-mode .topic-box a.box-topic-link:hover, body.dark-mode .topic-box a.favoritebtn:hover {
	cursor: default;
}

body.dark-mode .topic-box.loaded a.box-topic-link:hover, body.dark-mode .topic-box.loaded a.favoritebtn:hover {
	cursor: pointer;
}

body.dark-mode .fb-gr {
	background: linear-gradient(transparent, transparent), url("../img/assets/facebook.svg") -31px 0px no-repeat;
	left: 0px;
	width: 62px;
	height: 31px;
}

body.dark-mode .fb-gr:hover {
	background: linear-gradient(transparent, transparent), url("../img/assets/facebook.svg") 0px 0px no-repeat;
	width: 62px;
	height: 31px;
}

body.dark-mode .tw-gr {
	background: linear-gradient(transparent, transparent), url("../img/assets/twitter.svg") -31px 0px no-repeat;
	left: 0px;
	width: 62px;
	height: 31px;
}

body.dark-mode .tw-gr:hover {
	background: linear-gradient(transparent, transparent), url("../img/assets/twitter.svg") 0px 0px no-repeat;
	width: 62px;
	height: 31px;
}

body.dark-mode .fv-gr {
	background: linear-gradient(transparent, transparent), url("../img/assets/fv.svg") -31px 0px no-repeat;
	left: 0px;
	width: 62px;
	height: 31px;
	vertical-align: top;
	margin-top: 2px;
}

body.dark-mode .fv-gr:hover, body.dark-mode .fv-gr.active {
	background: linear-gradient(transparent, transparent), url("../img/assets/fv.svg") 0px 0px no-repeat;
	width: 62px;
	height: 31px;
}

@media (max-width: 991px) {
	body.dark-mode .content-header {
		padding: 50px 5px 5px;
	}

	body.dark-mode .fv-gr:hover {
		background: linear-gradient(transparent, transparent), url("../img/assets/fv.svg") -31px 0px no-repeat;
		left: 0px;
		width: 62px;
		height: 31px;
		vertical-align: top;
		margin-top: 3px;
	}

	body.dark-mode .fv-gr.active {
		background: linear-gradient(transparent, transparent), url("../img/assets/fv.svg") 0px 0px no-repeat;
		width: 62px;
		height: 31px;
	}
}

body.dark-mode .fb-index {
	background: linear-gradient(transparent, transparent), url("../img/assets/facebook.svg") 0px 0px no-repeat;
	left: -31px;
	width: 62px;
	height: 31px;
}

body.dark-mode .tw-index {
	background: linear-gradient(transparent, transparent), url("../img/assets/twitter.svg") 0px 0px no-repeat;
	left: -31px;
	width: 62px;
	height: 31px;
}

body.dark-mode .fb-index:hover, body.dark-mode .tw-index:hover {
	opacity: 0.5;
}

body.dark-mode .fv-index {
	background: linear-gradient(transparent, transparent), url("../img/assets/fv-index.svg") -31px 0px no-repeat;
	left: 0px;
	width: 62px;
	height: 31px;
}

body.dark-mode .fv-index:hover {
	background: linear-gradient(transparent, transparent), url("../img/assets/fv-index.svg") 31px 0px no-repeat;
	left: -31px;
	width: 62px;
	height: 31px;
}

@media (max-width: 991px) {
	body.dark-mode .fv-index:hover {
		background: linear-gradient(transparent, transparent), url("../img/assets/fv-index.svg") -31px 0px no-repeat;
		left: 0px;
		width: 62px;
		height: 31px;
	}
}

body.dark-mode .social-buttons.active .fv-index {
	background: linear-gradient(transparent, transparent), url("../img/assets/fv-index.svg") 31px 0px no-repeat;
	left: -31px;
	width: 62px;
	height: 31px;
}

body.dark-mode .share-icons {
	width: 31px;
	height: 31px;
	overflow: hidden;
	margin-left: 5px;
}

body.dark-mode #title-text {
	margin-right: 5px;
}

body.dark-mode #endSearch, body.dark-mode #index-content .empty-results {
	opacity: 0;
}

@media (max-width: 991px) {
	body.dark-mode .topic-box.loaded:hover {
		opacity: 1 !important;
		box-shadow: none !important;
	}

	body.dark-mode .social-buttons {
		display: block !important;
	}

	body.dark-mode .fb-gr, body.dark-mode .tw-gr, body.dark-mode .fv-gr {
		transform: scale(0.8);
		vertical-align: top;
		margin-top: 3px;
	}

	body.dark-mode .share-icons {
		margin-left: 0px;
	}

	body.dark-mode #left-float {
		margin-left: -5px;
	}
}

@media (max-width: 559px) {
	body.dark-mode .mar-btm.replied {
		margin: 5px 0px 15px 25px !important;
	}

	body.dark-mode .mainboard, body.dark-mode .mar-btm.replied {
		padding: 0px 5px 10px;
	}

	body.dark-mode #view-post-modal .post-replies .quote-wrap .mar-btm.replied {
		margin: 15px 10px 15px 30px !important;
	}

	body.dark-mode #page-title-wrapper h1.page-title.page-title-before div {
		margin-top: 0px !important;
	}
}

body.dark-mode .tags-line {
	font-size: 1.5em;
	line-height: 1.8em;
	text-transform: uppercase;
	color: #cccccc;
	max-height: 54px;
	overflow: hidden;
}

body.dark-mode .tags-line a, body.dark-mode #index-content .tags-line a {
	display: inline-block;
	border: 1px solid #1c351c;
	background-color: #1c351c;
	color: #b4cbb4;
	font-weight: 600;
	font-size: 0.7em;
	padding: 0px 10px;
	line-height: 1.7;
	margin-right: 4px;
	border-radius: 15px;
}

body.dark-mode .topic-box .tags-line a {
	margin-bottom: 6px;
}

body.dark-mode #index-content .tags-line a {
	margin-top: 5px;
}

body.dark-mode .free {
	background: #196619;
	color: white;
	font-size: 12px;
	text-align: center;
	padding: 3px;
	text-transform: uppercase;
	font-weight: 600;
}

body.dark-mode .label-category {
	font-size: 1em;
	color: #bfbfbf;
	text-transform: none;
	vertical-align: middle;
	font-weight: 600;
}

body.dark-mode #example1_wrapper {
	padding: 5px;
}

body.dark-mode th {
	font-size: 16px;
	font-weight: 400;
	border: 0px !important;
}

body.dark-mode td {
	font-size: 15px;
	vertical-align: middle !important;
	border: 0px !important;
}

body.dark-mode .date-col {
	white-space: nowrap;
}

body.dark-mode .tags-line.grammar-col {
	max-height: none !important;
	overflow: auto !important;
	line-height: 1.25em !important;
}

body.dark-mode #example1_wrapper .tags-widget a {
	font-size: 11px;
	text-transform: uppercase;
	vertical-align: top;
	margin-top: 3px;
	margin-bottom: 3px;
}

body.dark-mode .odd {
	background-color: #1c1c21 !important;
}

body.dark-mode .even {
	background-color: #212121 !important;
}

body.dark-mode div.dataTables_wrapper &gt; div.row &gt; div {
	text-align: left;
}

@media (max-width: 991px) {
	body.dark-mode .grammar-col {
		display: none;
	}
}

@media (max-width: 599px) {
	body.dark-mode .topic-col {
		display: none;
	}
}

@media (max-width: 419px) {
	body.dark-mode .date-col {
		display: none;
	}
}

body.dark-mode #toggle-wrapper {
	margin-left: auto;
	margin-top: 20px;
	height: 40px;
}

body.dark-mode #toggle-wrapper.toggle-wrapper-topic {
	margin-top: 45px;
}

@media (max-width: 991px) {
	body.dark-mode #toggle-wrapper {
		display: flex;
		align-items: center;
	}
}

body.dark-mode .Sharer_icon {
	padding: 6px;
	width: 27px;
	height: 27px;
	text-align: center;
	color: white;
	font-size: 15px;
	margin-left: 7px;
}

body.dark-mode .btn-gab {
	background-color: #ef7d30;
	border-color: #ef7d30;
	font-weight: 600;
	color: white;
}

body.dark-mode .btn-gab:hover, body.dark-mode .btn-gab:focus {
	color: white;
}

body.dark-mode .btn-gab:hover {
	background-color: #f88c3c;
	border-color: #f88c3c;
}

body.dark-mode .dropdown-menu .divider {
	margin: 6px 0px;
}

body.dark-mode .share-icons {
	display: inline-block;
}

body.dark-mode .share-icons:hover {
	cursor: pointer;
}

body.dark-mode .nav-tabs-custom &gt; .nav-tabs &gt; li {
	margin-right: 0px;
}

body.dark-mode #video-holder {
	background: #292929;
	border-radius: 20px;
	overflow: hidden;
}

body.dark-mode #video-holder.has-video {
	border-radius: 20px 20px 0px 0px;
}

body.dark-mode #video-holder.has-video.teacher-video {
	border-radius: 20px;
}

body.dark-mode .tags-line {
	line-height: 1em;
	max-height: none;
}

body.dark-mode .tags-widget a {
	font-size: 11px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

body.dark-mode .tags-vocabulary a {
	margin-bottom: 0px;
}

body.dark-mode .tags-vocabulary li {
	margin-bottom: 1em;
	text-transform: none;
	color: #bfbfbf;
	font-size: 14px;
}

body.dark-mode #fb, body.dark-mode #tw, body.dark-mode #fv {
	margin-bottom: 5px;
	margin-right: 5px;
}

body.dark-mode #qawrap .img-circle {
	width: 50px;
	height: 50px;
}

body.dark-mode #gab-text-title {
	font-size: 26px;
	line-height: 36px;
	font-weight: 600;
	margin: 0px 0px 5px 15px;
}

body.dark-mode #gab-text {
	font-size: 15px;
	margin: 0px 15px;
}

body.dark-mode #gab-button-wrap {
	display: block !important;
	margin: 0px 0px 10px !important;
	text-align: center !important;
}

@media (max-width: 1279px) and (min-width: 992px), (max-width: 459px) {
	body.dark-mode .gv-short-text {
		display: none;
	}
}

@media (max-width: 559px) {
	body.dark-mode #qawrap .img-circle, body.dark-mode #qawrap .image {
		display: none;
	}

	body.dark-mode #qawrap ul {
		margin-left: 0px !important;
	}

	body.dark-mode #comment-box-topic #qa-text-area {
		width: 100% !important;
	}

	body.dark-mode .page-title {
		font-size: 25px !important;
	}

	body.dark-mode .Sharer_icon {
		transform: scale(0.8);
	}

	body.dark-mode #teacher-pic {
		vertical-align: middle;
		height: 1em !important;
		width: 1em !important;
	}

	body.dark-mode #fb, body.dark-mode #tw, body.dark-mode #fv {
		margin-bottom: 3px;
	}
}

@media (max-width: 991px) {
	body.dark-mode .info-text, body.dark-mode .right-float {
		display: none;
	}

	body.dark-mode #page-title-wrapper {
		width: 100% !important;
	}

	body.dark-mode #toggle-wrapper.toggle-wrapper-topic {
		display: none;
	}

	body.dark-mode .mar-btm.replied {
		margin: 5px 0px 0px 40px;
	}

	body.dark-mode .mainboard, body.dark-mode .mar-btm.replied {
		padding: 0px 5px 10px;
	}
}

@media (min-width: 992px) {
	body.dark-mode #fb, body.dark-mode #tw {
		width: 31px;
		margin-right: 0px;
		margin-left: 5px;
	}
}

body.dark-mode .cell-text {
	margin: 0px;
	line-height: 1.5;
}

body.dark-mode .borderless td, body.dark-mode .borderless th {
	border: none !important;
}

body.dark-mode .m-progress-bar {
	min-height: 1em;
	background: #9bc969;
	width: 5%;
}

body.dark-mode .products-list &gt; .item {
	list-style: none !important;
}

body.dark-mode #studentrankingswrap.products-list &gt; .item {
	display: flex;
	align-items: center;
	counter-increment: item 1;
	padding: 10px;
}

body.dark-mode #studentrankingswrap.products-list &gt; .item:nth-child(2n+1) {
	background: #212121;
	border-radius: 20px;
}

body.dark-mode #studentrankingswrap.products-list li.item::before {
	content: counter(item);
	background: #256479;
	border-radius: 100%;
	font-size: 26px;
	line-height: 47px;
	font-weight: 700;
	color: white;
	width: 62px;
	height: 50px;
	text-align: center;
	display: inline-block;
	margin-right: 10px;
}

body.dark-mode #studentrankingswrap.products-list li.item:nth-child(n+1000)::before {
	font-size: 16px;
	line-height: 49px;
}

body.dark-mode #studentrankingswrap.products-list .product-img {
	float: none;
	margin: 0px 10px;
}

body.dark-mode #studentrankingswrap.products-list .product-info {
	width: 100%;
	margin-left: 0px;
}

body.dark-mode .credit-card-box .panel-title {
	display: inline;
	font-weight: bold;
}

body.dark-mode .credit-card-box .form-control.error {
	border-color: #cc3333;
	outline: 0px;
	box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(204, 51, 51, 0.6) 0px 0px 8px;
}

body.dark-mode .credit-card-box label.error {
	font-weight: bold;
	color: #e69999;
	padding: 2px 8px;
	margin-top: 2px;
}

body.dark-mode .credit-card-box .payment-errors {
	font-weight: bold;
	color: #e69999;
	padding: 2px 8px;
	margin-top: 2px;
}

body.dark-mode .credit-card-box label {
	display: block;
}

body.dark-mode .credit-card-box .display-table {
	display: table;
}

body.dark-mode .credit-card-box .display-tr {
	display: table-row;
}

body.dark-mode .credit-card-box .display-td {
	display: table-cell;
	vertical-align: middle;
	width: 50%;
}

body.dark-mode .credit-card-box .panel-heading img {
	min-width: 180px;
}

body.dark-mode .content-media--video {
	background-color: #3b3b3b;
	display: block;
	position: relative;
	padding: 0px 0px 56.4286%;
}

body.dark-mode .content-media--video iframe {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
}

body.dark-mode #player {
	transition: width 0.15s ease-in-out 0s, height 0.15s ease-in-out 0s, transform 0.35s ease-in-out 0s, -webkit-transform 0.35s ease-in-out 0s;
}

body.dark-mode #player.is-sticky {
	position: fixed;
	top: 50px;
	left: 50px;
	max-width: 426px;
	max-height: 240px;
	width: 426px;
	height: 240px;
	z-index: 1;
	border-radius: 20px;
	margin: 5px;
}

@media screen and (min-width: 1025px) {
	body.dark-mode #player.is-sticky {
		transform: translateX(-50px);
	}
}

@media screen and (max-width: 1024px) {
	body.dark-mode #player.is-sticky {
		top: 0px;
		left: 0px;
	}
}

@media screen and (max-width: 479px) {
	body.dark-mode #player.is-sticky {
		max-width: 284px;
		max-height: 160px;
	}
}

body.dark-mode .box .nav-stacked &gt; li {
	margin: 0px 10px;
	font-size: 18px;
	border: 0px;
}

body.dark-mode .sub-item {
	margin: 0px 0px 10px;
	font-weight: 400;
	border: 0px !important;
	padding-top: 0px !important;
}

body.dark-mode .sub-item span.pull-right {
	padding-top: 2px;
}

body.dark-mode .level-bar {
	margin: 0px;
	height: 20.1875px;
	font-weight: 600;
	border-radius: 3px;
	width: 100%;
	max-width: 130px;
	float: right;
}

body.dark-mode .bg-profile {
	background-color: #50a7d3;
	background-size: cover;
	background-position: 50% 50%;
}

body.dark-mode #changecover {
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
	padding: 0px;
}

body.dark-mode .profile-item {
	margin: 10px 10px 15px;
}

body.dark-mode .profile-item p {
	font-weight: 600;
	margin-bottom: 5px;
}

body.dark-mode .hr-medium {
	margin: 15px 0px;
	border: 0px;
}

body.dark-mode .nav-stacked &gt; li &gt; a, body.dark-mode .nav-stacked &gt; li &gt; a:hover {
	color: #bfbfbf;
	background: transparent;
}

body.dark-mode .form-horizontal .control-label {
	padding-right: 0px;
	padding-left: 5px;
	padding-top: 0px;
	line-height: 17px;
	height: 34px;
	display: table;
}

body.dark-mode .settings-label {
	font-weight: 600;
	display: table-cell;
	vertical-align: middle;
}

@media (max-width: 767px) {
	body.dark-mode .form-horizontal .control-label {
		height: 25px;
		padding-left: 15px;
	}

	body.dark-mode .settings-label {
		vertical-align: bottom;
	}
}

body.dark-mode .widget-user-2 .widget-user-image &gt; img {
	width: 80px;
	cursor: pointer;
}

body.dark-mode .widget-user-2 .widget-user-username, body.dark-mode .widget-user-2 .widget-user-desc {
	margin-left: 0px;
}

body.dark-mode .widget-user-2 .widget-user-username {
	margin-bottom: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
}

body.dark-mode #profileScores li a, body.dark-mode #settingsMenu li a {
	background-color: transparent;
}

body.dark-mode #profileScores li a {
	padding: 0px 5px;
	font-size: 16px;
	color: #bfbfbf;
}

body.dark-mode #settingsMenu li a {
	padding: 10px;
}

body.dark-mode #settingsMenu li a {
	color: #bfbfbf;
}

body.dark-mode #settingsMenu li a:hover, body.dark-mode #settingsMenu li a:focus, body.dark-mode #settingsMenu li.active a {
	color: #ef7d30;
	transition: all 0.15s ease-in-out 0s;
}

body.dark-mode #settingsMenu .chevron.right::before {
	border-width: 2px 2px 0px 0px;
}

body.dark-mode #settingsMenu .settings-box-header {
	padding: 15px 0px;
}

body.dark-mode .fileinput-button input {
	cursor: pointer;
	direction: ltr;
	font-size: 23px;
	height: 0px;
	margin: 0px;
	opacity: 0;
	position: absolute;
	right: 0px;
	top: 0px;
	transform: translate(-300px, 0px) scale(4);
	width: 0px;
}

body.dark-mode .video-container {
	position: relative;
	overflow: hidden;
	background: black;
	width: 100%;
	padding-top: 56.25%;
}

body.dark-mode .empty-bg {
	width: 100%;
	height: 100%;
	position: absolute;
	background: black;
	top: auto;
	bottom: 1px;
	z-index: -1;
}

body.dark-mode .callerVideoWrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
}

body.dark-mode .smallGabVideo {
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	width: 25%;
	height: auto;
	top: auto;
	bottom: 7px;
	right: 7px;
	z-index: 9;
}

body.dark-mode .gabSelfVideoWrapper.smallGabVideo.call-started, body.dark-mode .gabCallerVideoWrapper.smallGabVideo.call-started {
	opacity: 1;
	transition: all 0.3s ease 0s;
}

@media (max-width: 991px) {
	body.dark-mode .gabSelfVideoWrapper.smallGabVideo.call-started, body.dark-mode .gabCallerVideoWrapper.smallGabVideo.call-started {
		opacity: 1;
		transition: none 0s ease 0s;
	}
}

body.dark-mode .video-container:hover .gabSelfVideoWrapper.smallGabVideo.call-started, body.dark-mode .video-container:hover .gabCallerVideoWrapper.smallGabVideo.call-started {
	opacity: 1;
	transition: all 0.3s ease 0s;
}

body.dark-mode .aspectRatioForcer {
	position: relative;
	height: 0px;
	overflow: hidden;
	width: 100%;
	padding-top: 56.25%;
	z-index: 1;
}

body.dark-mode .selfVideoWrapper:hover {
	cursor: pointer;
}

body.dark-mode .gab-off-buttons {
	position: absolute;
	display: flex;
	top: 12px;
	right: 10px;
	font-size: 20px;
	color: white;
	z-index: 10;
}

body.dark-mode .off-video, body.dark-mode .off-microphone {
	display: inline-block;
	margin-left: 8px;
	width: 32px;
	height: 32px;
	line-height: 32px;
	background: #c84332;
	text-align: center;
	border-radius: 3px;
}

body.dark-mode .off-video {
	padding-top: 5px;
}

body.dark-mode #call-buttons-desktop {
	background: #212121;
}

body.dark-mode #call-buttons-desktop, body.dark-mode #call-buttons-desktop button {
	border-radius: 0px !important;
}

body.dark-mode #call-buttons-desktop .setVideo, body.dark-mode #call-buttons-desktop .setAudio {
	height: 40px;
}

body.dark-mode #call-buttons-desktop .videoicon {
	background: url("../img/video-on.svg") center center no-repeat;
	height: 22px;
	opacity: 0.8;
}

body.dark-mode #call-buttons-desktop .videoiconoff {
	display: none;
	background: url("../img/video-off.svg") center center no-repeat;
	height: 22px;
	opacity: 1;
}

body.dark-mode .gab-off-buttons .videoiconoff {
	background: url("../img/video-off.svg") center center no-repeat;
	height: 20px;
}

body.dark-mode #call-buttons-desktop .setVideo:hover .videoicon {
	opacity: 1;
}

body.dark-mode #call-buttons-desktop .setVideo.selected .videoicon {
	display: none;
}

body.dark-mode #call-buttons-desktop .setVideo.selected .videoiconoff {
	display: block;
}

body.dark-mode #call-buttons-desktop i {
	opacity: 0.8;
}

body.dark-mode .video-container #call-buttons-desktop, body.dark-mode .video-container .timer {
	opacity: 0;
	transition: all 0.3s ease 0s;
}

body.dark-mode .video-container:hover #call-buttons-desktop, body.dark-mode .video-container:hover .timer {
	opacity: 1;
	transition: all 0.3s ease 0s;
	transform: translateZ(0px);
}

body.dark-mode #call-buttons-desktop button {
	background: transparent;
}

body.dark-mode #call-buttons-desktop button:hover {
	background: black;
}

body.dark-mode #call-buttons-desktop button.selected {
	background: #c84332;
}

body.dark-mode #call-buttons-desktop button.left:hover, body.dark-mode #call-buttons-desktop button.left.selected {
	border-radius: 3px 0px 0px 3px;
}

body.dark-mode #call-buttons-desktop button.middle:hover, body.dark-mode #call-buttons-desktop button.middle.selected {
	border-radius: 0px;
}

body.dark-mode #call-buttons-desktop button.right:hover, body.dark-mode #call-buttons-desktop button.right.selected {
	border-radius: 0px 3px 3px 0px;
}

body.dark-mode #call-buttons-desktop i {
	font-size: 24px;
	color: white;
}

body.dark-mode .video-container:hover #selfVideo, body.dark-mode #call-buttons-desktop .btn:hover {
	opacity: 1;
}

body.dark-mode #call-buttons-desktop .btn:active {
	box-shadow: none;
}

body.dark-mode .easyrtc_closeButton {
	display: none !important;
}

body.dark-mode #call-buttons-mobile .btn {
	font-size: 18px;
	margin: 8px 5px;
	height: 36px;
	width: 45px;
}

body.dark-mode #call-buttons-mobile selected {
	background: #c84332;
	border-color: #c84332;
}

body.dark-mode .direct-chat-text {
	margin: 0px 10% 10px 0px;
	display: inline-block;
	color: #bfbfbf;
	border-radius: 0px 20px 20px;
	line-height: 1.4;
	font-size: 18px;
	padding: 10px 15px;
}

@media (max-width: 991px) {
	body.dark-mode .direct-chat-text {
		margin: 5px 12% 0px 0px;
	}

	body.dark-mode .right .direct-chat-text {
		margin-left: 12%;
	}
}

body.dark-mode .direct-chat-timestamp {
	margin: 0px 5px;
}

body.dark-mode .right .direct-chat-text {
	margin-right: 0px;
	margin-left: 10%;
	float: right;
	border-radius: 20px 20px 0px;
	word-break: break-word;
}

body.dark-mode .direct-chat-msg {
	margin-bottom: 2px;
}

body.dark-mode #message-modalChat .direct-chat-msg {
	margin-bottom: 10px;
}

body.dark-mode .direct-chat-messages {
	height: auto;
	padding: 10px;
	min-height: 100%;
}

body.dark-mode.skin-black-light .sidebar-menu &gt; li {
	font-size: 15px;
}

body.dark-mode .menu-highlight a {
	color: #ef7d30 !important;
}

body.dark-mode.skin-black-light .sidebar-menu &gt; li.active &gt; a, body.dark-mode.skin-black-light .sidebar-menu &gt; li &gt; .treeview-menu {
	color: #bfbfbf;
	background: #1f1f1f;
}

body.dark-mode.skin-black-light .sidebar-menu &gt; li.active &gt; a:hover, body.dark-mode.skin-black-light .sidebar-menu &gt; li &gt; .treeview-menu &gt; li:hover {
	background: #242424;
	color: #ef7d30 !important;
}

body.dark-mode.skin-black-light .main-header li.user-header, body.dark-mode .navbar-nav &gt; .user-menu &gt; .dropdown-menu &gt; .user-footer {
	background-color: #1c1c21;
}

body.dark-mode .navbar-custom-menu &gt; .navbar-nav &gt; li &gt; .dropdown-menu {
	padding:0!important;
	top: 50px;
	box-shadow: rgba(101, 119, 134, 0.2) 0px 0px 15px, rgba(101, 119, 134, 0.15) 0px 0px 3px 1px;
}

@media (max-width: 991px) {
	body.dark-mode .navbar-custom-menu &gt; .navbar-nav &gt; li &gt; .dropdown-menu {
		margin-top: 0px;
	}

	body.dark-mode #demoContainer .btn.btn-default {
		height: 36px;
	}
}

body.dark-mode .navbar-nav &gt; .user-menu &gt; .dropdown-menu &gt; li.user-header {
	min-height: 100px;
	height: auto;
	padding: 15px 10px;
}

body.dark-mode .navbar-nav &gt; .user-menu &gt; .dropdown-menu &gt; .user-footer .btn-default {
	border-radius: 3px;
}

body.dark-mode .navbar-nav &gt; .user-menu &gt; .dropdown-menu &gt; .user-footer {
	border-top: 1px solid #3b3b3b;
}

body.dark-mode .dropdown-menu &gt; li &gt; a {
	font-size: 14px;
}

body.dark-mode #headerFriendRequests a, body.dark-mode #headerMessageAlerts a {
	padding: 0px;
}

body.dark-mode #fakeexamForm, body.dark-mode #examForm {
	margin-top: 10px;
	font-size: 18px;
	color: #bfbfbf;
}

body.dark-mode #fakeexamForm p, body.dark-mode #examForm p {
	line-height: 30px;
	font-size: 18px;
	margin: 0px 2px;
}

body.dark-mode #fakeexamForm.listening2 p, body.dark-mode #examForm.listening2 p {
	line-height: 24px;
}

body.dark-mode #fakeexamForm.listening2, body.dark-mode #examForm.listening2 {
	margin: 3px;
}

body.dark-mode #fakeexamForm .radio label, body.dark-mode #examForm .radio label {
	font-size: 16px;
	line-height: 24px;
}

body.dark-mode #fakeexamForm .radio label input, body.dark-mode #examForm .radio label input {
	height: 20px;
}

body.dark-mode #fakeexamForm select, body.dark-mode #examForm select {
	min-width: 100px;
	margin: 3px 0px;
}

body.dark-mode #fakeexamForm .panel, body.dark-mode #examForm .panel {
	border-width: 0px 0px 1px;
	border-top-style: initial;
	border-right-style: initial;
	border-left-style: initial;
	border-top-color: initial;
	border-right-color: initial;
	border-left-color: initial;
	border-image: initial;
	border-radius: 0px;
	box-shadow: none;
	border-bottom-style: solid;
	border-bottom-color: #2b2b2b;
	margin-bottom: 0px;
}

body.dark-mode #questions.writingBox #fakeexamForm .panel, body.dark-mode #questions.writingBox #examForm .panel {
	border-radius: 20px;
	overflow: hidden;
}

body.dark-mode #questions.writingBox #fakeexamForm .panel span.hintword, body.dark-mode #questions.writingBox #examForm .panel span.hintword {
	font-weight: 600;
	color: #a6e699;
}

body.dark-mode #fakeexamForm input:not([type="radio"]), body.dark-mode #examForm input:not([type="radio"]) {
	width: 200px;
	padding: 0px 6px;
}

body.dark-mode #examForm.resultForm .radio label {
	cursor: inherit;
}

body.dark-mode #examForm.result-grammar-3 .radio label {
	cursor: inherit;
	font-size: 16px;
	padding-left: 0px;
	margin-left: 0px;
}

body.dark-mode #examForm.hide-teacher-result span.label.label-success i, body.dark-mode #examForm.hide-teacher-result span.label.label-danger i, body.dark-mode #examForm.hide-teacher-result.resultForm span.label.label-success, body.dark-mode #examForm.hide-teacher-result.resultForm span.label.label-danger, body.dark-mode #examForm.hide-teacher-result span.song-question strong, body.dark-mode #examForm.hide-teacher-result p strong, body.dark-mode #examForm.hide-teacher-result.result-grammar-3 .radio label, body.dark-mode #article .resultHR.hide-teacher-result, body.dark-mode #article h4.hide-teacher-result {
	display: none;
}

body.dark-mode #examForm.hide-teacher-result span.label.label-success, body.dark-mode #examForm.hide-teacher-result span.label.label-danger, body.dark-mode #examForm.hide-teacher-result.result-grammar-3 .radio {
	display: inline-block;
	vertical-align: text-bottom;
	text-align: center;
	margin: 0px 1px;
	width: 22px;
	height: 22px;
	font-size: 18px;
	font-weight: 700;
	border-radius: 50%;
	line-height: 22px;
	background-color: #1f577a !important;
}

body.dark-mode #examForm.hide-teacher-result.result-grammar-3 .radio {
	margin-top: 10px;
}

body.dark-mode #examForm.hide-teacher-result span.label.label-success::before, body.dark-mode #examForm.hide-teacher-result span.label.label-danger::before, body.dark-mode #examForm.hide-teacher-result.result-grammar-3 .radio::before {
	content: "?";
	color: white;
}

body.dark-mode .writingBox {
	padding: 0px;
	margin-bottom: 10px;
}

body.dark-mode .writingBox #fakeexamForm, body.dark-mode .writingBox #examForm {
	margin: 0px;
}

body.dark-mode .writingBox span.incorrectmsg {
	display: block;
	margin: -10px 0px 15px;
	font-size: 14px;
}

body.dark-mode .panel-footer {
	border: 0px;
	background-color: #212121;
	border-radius: 20px;
}

body.dark-mode #replybox-2 {
	margin: 15px 0px;
}

body.dark-mode span.label.label-danger, body.dark-mode span.label.label-success {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0px;
	margin: 0px 4px;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	line-height: 22px;
}

body.dark-mode span.label.label-danger i, body.dark-mode span.label.label-success i {
	font-size: 14px;
	line-height: 22px;
}

body.dark-mode .progress {
	background-color: #303030;
	border-radius: 4px;
}

body.dark-mode .progress-bar-red, body.dark-mode .progress-bar-red .darktext, body.dark-mode .progress-bar-danger, body.dark-mode .progress-bar-danger .darktext {
	min-width: 34% !important;
}

body.dark-mode .index-col-6 {
	width: 100%;
	float: none;
}

body.dark-mode .logo {
	display: none !important;
}

body.dark-mode .logo-mobile {
	transition: none !important;
}

@media (max-width: 991px) {
	body.dark-mode .logo-mobile {
		position: absolute;
		left: calc(50% - 50px);
		display: block !important;
		float: left !important;
		width: 100px !important;
	}
}

@media (max-width: 599px) {
	body.dark-mode .hidden-600 {
		display: none !important;
	}
}

@media (max-width: 559px) {
	body.dark-mode #rating .dropdown-menu {
		right: -50px;
	}

	body.dark-mode #friends .dropdown-menu {
		right: -87px;
	}
}

@media (max-width: 767px) {
	body.dark-mode .main-sidebar, body.dark-mode .left-side {
		padding-top: 50px;
	}

	body.dark-mode .info {
		width: 60%;
		float: left;
	}

	body.dark-mode .social {
		width: 40%;
		float: right;
	}

	body.dark-mode .info h5 {
		text-align: left;
	}

	body.dark-mode .info p {
		text-align: left;
	}

	body.dark-mode .box-body small {
		display: none;
	}

	body.dark-mode .navbar-left-label, body.dark-mode #rating .active-text, body.dark-mode #tickets {
		display: none;
	}
}

@media (max-width: 878px) {
	body.dark-mode time {
		display: none !important;
	}
}

@media (min-width: 992px) {
	body.dark-mode .logo-mobile {
		position: absolute;
		left: calc(50% - 50px);
		display: block !important;
		float: left !important;
		width: 100px !important;
	}
}

body.dark-mode .toggle {
	position: relative;
	width: 48px;
	height: 28px;
	border-radius: 100px;
	background-color: #3b3b3b;
	margin: 0px;
	overflow: hidden;
}

body.dark-mode .check {
	position: absolute;
	display: block;
	cursor: pointer;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 6;
}

body.dark-mode .check:checked ~ .track {
	box-shadow: #50d365 0px 0px 0px 20px inset;
}

body.dark-mode .check:checked ~ .switch {
	right: 2px;
	left: 22px;
	transition: 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	transition-property: left,right;
	transition-delay: .05s,0s;
}

body.dark-mode .switch {
	position: absolute;
	left: 2px;
	top: 2px;
	bottom: 2px;
	right: 22px;
	background-color: #1c1c21;
	border-radius: 36px;
	z-index: 1;
	transition: 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	transition-property: left,right;
	transition-delay: 0s,.05s;
}

body.dark-mode .track {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	border-radius: 40px;
	transition: 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

body.dark-mode.skin-black-light .main-header &gt; .navbar &gt; .sidebar-toggle, body.dark-mode.skin-black-light .main-header &gt; .logo {
	border-right: none;
}

body.dark-mode ul.treeview-menu {
	margin-left: -1px !important;
	margin-top: 1.5px !important;
}

body.dark-mode .sidebar-menu .treeview-menu {
	padding-left: 0px;
}

body.dark-mode aside li a span {
	width: 199px !important;
}

@media (min-width: 992px) {
	body.dark-mode .modal-content {
		box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(28, 28, 33, 0.5) 0px 0px 0px 1px inset;
	}
}

body.dark-mode .modal-body {
	padding: 15px 30px;
	font-size: 16px;
	line-height: 1.75;
}

body.dark-mode .modal-body li {
	list-style: disc;
}

body.dark-mode .modal-body .gap, body.dark-mode .gap {
	margin-bottom: 13px;
}

body.dark-mode .modal-body .tab {
	margin-left: 20px;
}

body.dark-mode .modal-body .double-gap, body.dark-mode .double-gap {
	margin-bottom: 26px;
}

body.dark-mode .modal-footer {
	border: 0px;
	padding: 0px 20px 30px;
}

@media (min-width: 768px) {
	body.dark-mode .modal-dialog {
		width: calc(100% - 80px);
	}
}

body.dark-mode input, body.dark-mode select, body.dark-mode textarea {
	font-size: 18px;
}

body.dark-mode textarea {
	resize: vertical;
}

body.dark-mode .chevron.right::before {
	border-style: solid;
	border-width: 0.1em 0.1em 0px 0px;
	content: "";
	display: inline-block;
	height: 0.55em;
	width: 0.55em;
	transform: rotate(45deg);
	vertical-align: middle;
	margin-top: -1px;
	margin-left: -1px;
}

body.dark-mode .chevron.left::before {
	border-style: solid;
	border-width: 0px 0px 0.1em 0.1em;
	content: "";
	display: inline-block;
	height: 0.55em;
	width: 0.55em;
	transform: rotate(45deg);
	vertical-align: middle;
	margin-top: -1px;
	margin-right: -1px;
}

body.dark-mode .img-responsive {
	width: 100%;
}

body.dark-mode #questions a.btn.btn-primary.btn-lg {
	margin-bottom: 10px;
	margin-top: 0px;
}

body.dark-mode .dropdown-menu &gt; li &gt; a {
	padding: 10px 15px;
	font-weight: 500;
}

body.dark-mode .navbar-nav &gt; li &gt; a {
	border-right: none !important;
}

body.dark-mode #searchbox {
	width: 225px;
	z-index: 5;
	margin: 0px 2px;
	display: none !important;
}

body.dark-mode #searchbox.public {
	width: 225px;
}

body.dark-mode span.btn-unlogged.btn-public {
	font-weight: 700;
	text-transform: uppercase;
	min-width: 80px;
}

@media (max-width: 1024px) and (min-width: 992px) {
	body.dark-mode #searchbox.public {
		width: 200px;
	}
}

@media (min-width: 1200px) {
	body.dark-mode #searchbox {
		width: 250px;
	}

	body.dark-mode #searchbox.public {
		width: 250px;
	}
}

body.dark-mode input:focus::-webkit-input-placeholder {
	color: #bfbfbf;
}

body.dark-mode #navbar-container #searchbox .input-group-btn i {
	font-size: 18px;
	margin-top: 2px;
}

body.dark-mode .navbar-left {
	float: left !important;
}

body.dark-mode .navbar-nav {
	float: left;
	margin: 0px;
}

body.dark-mode .navbar-nav &gt; li {
	float: left;
	height: 50px;
}

body.dark-mode .navbar-nav &gt; li.open {
	overflow: visible;
}

body.dark-mode .navbar-nav &gt; li.dropdown.open, body.dark-mode .navbar-nav &gt; li.dropdown:hover {
	border-bottom: 3px solid #ef7d30;
	transition: all 0.1s ease-in-out 0s;
}

body.dark-mode #navbar-container .navbar-nav li.dropdown a i {
	height: 21px;
	font-size: 21px;
	vertical-align: top;
}

body.dark-mode #navbar-container .navbar-nav li.dropdown ul.menu i {
	vertical-align: middle;
}

body.dark-mode .navbar-nav span:not(.btn-unlogged) {
	line-height: 20px;
	font-size: 15px;
}

body.dark-mode .navbar-nav ul.dropdown-menu li.nofriendrequest span {
	line-height: 23px;
}

body.dark-mode span.navbar-left-label {
	margin-left: 4px;
	vertical-align: middle;
	font-variant: no-common-ligatures no-discretionary-ligatures no-historical-ligatures no-contextual;
	font-weight: 600;
}

body.dark-mode .caret {
	margin: 0px 0px 1px 2px !important;
}

body.dark-mode .medium-filter-text, body.dark-mode .long-filter-text {
	display: none;
}

body.dark-mode .filter-button {
	border-radius: 3px !important;
}

@media (min-width: 992px) {
	body.dark-mode .medium-filter-text {
		display: inline-block;
	}

	body.dark-mode .long-filter-text {
		display: inline-block;
	}
}

@media (max-width: 767px) {
	body.dark-mode .btn-group:not(.note-btn-group), body.dark-mode .dropdown-toggle {
		width: 100%;
	}

	body.dark-mode .btn-group.nav-gab-button {
		width: auto;
	}

	body.dark-mode .navbar-nav .open .dropdown-menu &gt; li &gt; a {
		line-height: inherit;
	}
}

body.dark-mode .wrapper {
	margin: 0px auto;
	max-width: 95%;
	overflow: visible;
}

body.dark-mode .content-wrapper {
	overflow: visible;
	width: 100%;
	background-color: transparent;
}

body.dark-mode #easyrtcErrorDialog {
	display: none !important;
}

body.dark-mode video:not(.groupClassVideo) {
	width: 100%;
	display: block;
	position: absolute;
	top: -9999px;
	bottom: -9999px;
	margin: auto;
}

body.dark-mode video.groupClassVideo {
	height: 100%;
}

@media (min-width: 1200px) {
	body.dark-mode .navbar .col-lg-offset-1 {
		padding-left: 0px;
	}
}

body.dark-mode #navbar-container .nav &gt; li &gt; a {
	padding: 15px 10px;
	height: 50px;
}

@media (max-width: 1199px) and (min-width: 600px) {
	body.dark-mode #navbar-container .nav &gt; li &gt; a {
		padding: 15px;
	}

	body.dark-mode #navbar-container .navbar-custom-menu .nav &gt; li &gt; a {
		padding: 15px 7.5px;
	}
}

body.dark-mode #navbar-container .nav &gt; li &gt; a.active .active-text {
	color: #ef7d30;
}

body.dark-mode .nav &gt; li &gt; a {
	padding: 10px 20px;
}

body.dark-mode .animated {
	animation-duration: 0.5s;
	animation-fill-mode: both;
}

@-webkit-keyframes slideDown {
	0% {
		transform: translateY(-100%);
	}

	100% {
		transform: translateY(0px);
	}
}

@keyframes slideDown {
	0% {
		transform: translateY(-100%);
	}

	100% {
		transform: translateY(0px);
	}
}

body.dark-mode .animated.slideDown {
	animation-name: slideDown;
}

@-webkit-keyframes slideUp {
	0% {
		transform: translateY(0px);
	}

	100% {
		transform: translateY(-100%);
	}
}

@keyframes slideUp {
	0% {
		transform: translateY(0px);
	}

	100% {
		transform: translateY(-100%);
	}
}

body.dark-mode .animated.slideUp {
	animation-name: slideUp;
}

body.dark-mode .navbar-custom-menu li a, body.dark-mode .navbar-custom-menu li a.active {
	cursor: pointer;
}

body.dark-mode #navbar-container {
	display: block;
	float: none;
	margin: 0px auto;
}

@media (min-width: 768px) {
	body.dark-mode #navbar-container {
		padding-right: 30px;
		padding-left: 30px;
	}
}

@media (min-width: 1025px) {
	body.dark-mode #navbar-container {
		padding-right: 15px;
		padding-left: 15px;
	}
}

@media (min-width: 1200px) {
	body.dark-mode #navbar-container {
		padding-right: 30px;
		padding-left: 30px;
	}
}

@media (min-width: 1025px) {
	body.dark-mode:not(.sidenav-open-desktop) #navbar-container {
		width: 99%;
	}

	body.dark-mode:not(.sidenav-open-desktop).sidenav-open #navbar-container {
		width: 100%;
	}

	body.dark-mode:not(.sidenav-noanimate) #navbar-container {
		transition: width 50ms ease 0s;
	}

	body.dark-mode:not(.sidenav-open-desktop) .wrapper {
		width: 96.7%;
		max-width: 1120px;
	}
}

@media (min-width: 1250px) {
	body.dark-mode:not(.sidenav-open-desktop) #navbar-container {
		width: 95%;
	}

	body.dark-mode:not(.sidenav-open-desktop).sidenav-open #navbar-container {
		width: 100%;
	}

	body.dark-mode:not(.sidenav-noanimate) #navbar-container {
		transition: width 50ms ease 0s;
	}
}

@media (min-width: 1367px) {
	body.dark-mode:not(.sidenav-open-desktop) #navbar-container {
		width: 96.7%;
	}

	body.dark-mode:not(.sidenav-open-desktop).sidenav-open #navbar-container {
		width: 100%;
	}

	body.dark-mode:not(.sidenav-noanimate) #navbar-container {
		transition: width 50ms ease 0s;
	}

	body.dark-mode:not(.sidenav-open-desktop) .wrapper {
		width: 87.5%;
		max-width: 1400px;
		transition: width 50ms ease 0s;
	}

	body.dark-mode.sidenav-open .wrapper {
		width: 95%;
	}
}

body.dark-mode .navbar-left .active, body.dark-mode .navbar-custom-menu .active {
	border-bottom: 3px solid #ef7d30;
	cursor: default;
	pointer-events: none;
	padding-bottom: 11px !important;
}

body.dark-mode .navbar-left .active:not(#start-gab-button) i, body.dark-mode .navbar-custom-menu .active:not(#start-gab-button) i, body.dark-mode .navbar-custom-menu .active:not(#start-gab-button) span.active-text {
	color: #ef7d30;
}

body.dark-mode .navbar-left a.active:hover, body.dark-mode .navbar-left a.active:focus, body.dark-mode .navbar-left a.active:active, body.dark-mode .navbar-left a.active:visited {
	color: #ef7d30 !important;
}

body.dark-mode #navbar-container .nav .open &gt; a:not(#subscribe-now-button), body.dark-mode #navbar-container .nav &gt; li &gt; a:not(#subscribe-now-button):active, body.dark-mode #navbar-container .nav &gt; li &gt; a:not(#subscribe-now-button):focus, body.dark-mode #navbar-container .nav .open &gt; a:not(#create-topic-button), body.dark-mode #navbar-container .nav &gt; li &gt; a:not(#create-topic-button):active, body.dark-mode #navbar-container .nav &gt; li &gt; a:not(#create-topic-button):focus {
	background-color: transparent !important;
}

body.dark-mode #navbar-container .nav-tabs .open &gt; a, body.dark-mode #navbar-container .nav-tabs &gt; li &gt; a:hover, body.dark-mode #navbar-container .nav-tabs &gt; li &gt; a:active, body.dark-mode #navbar-container .nav-tabs &gt; li &gt; a:focus {
	border-color: transparent !important;
}

body.dark-mode .alert-info {
	border: 0px;
	border-radius: 20px;
	background-color: #102841 !important;
	color: #bfbfbf !important;
}

body.dark-mode .vocabulary {
	border: 1px solid #102841 !important;
	background-color: #102841 !important;
	color: #b8bfc6 !important;
}

body.dark-mode footer span, body.dark-mode footer .btn-link, body.dark-mode footer .btn-link:focus {
	color: #bfbfbf;
	text-decoration: none;
}

body.dark-mode footer .btn-link:hover {
	color: #bfbfbf;
}

body.dark-mode .sticky-footer {
	position: absolute;
	bottom: 0px;
	width: 100%;
}

body.dark-mode .carousel {
	z-index: 1;
	overflow: hidden;
}

@media (max-width: 559px) {
	body.dark-mode .btn.btn-success.dropdown-toggle {
		width: 75px !important;
	}

	body.dark-mode .nav-gab-button-text {
		display: none;
	}
}

body.dark-mode .btn-primary, body.dark-mode .btn-success, body.dark-mode .btn-danger {
	font-weight: 600;
}

body.dark-mode .dropdown-toggle-wrapper {
	height: 21px;
}

body.dark-mode .main-header .navbar .nav &gt; li &gt; a &gt; .dropdown-toggle-wrapper &gt; .label {
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 0px;
	font-size: 11px;
	font-weight: 600;
	padding: 2px 4px;
	line-height: 0.95;
	min-width: 16px;
	width: auto;
	height: 16px;
	border-radius: 0px 0px 5px 5px;
}

body.dark-mode #user-account .dropdown-menu &gt; li &gt; a:hover {
	background-color: transparent;
}

body.dark-mode #user-account li.user-footer a {
	padding: 6px 12px;
	border-color: #525252;
}

body.dark-mode #user-account li.user-footer a:active {
	border-color: #6e6e6e;
}

body.dark-mode .modal-open .modal {
	padding: 0px !important;
}

body.dark-mode #add-grammar-modal .modal-dialog, body.dark-mode #exercise-stats-modal .modal-dialog, body.dark-mode #user-exercise-stats-modal .modal-dialog, body.dark-mode #quiz-stats-modal .modal-dialog {
	max-width: 800px;
	font-size: 17px;
}

body.dark-mode #grammar-modal .modal-dialog {
	max-width: 750px;
}

body.dark-mode #shareongroups-modal .modal-dialog, body.dark-mode #academy-course-modal .modal-dialog  {
	max-width: 700px;
	margin: 30px auto;
}

@media (max-width: 720px) {
	body.dark-mode #shareongroups-modal .modal-dialog, body.dark-mode #academy-course-modal .modal-dialog {
		margin: 10px;
	}
}

body.dark-mode #shareongroups-modal .modal-body .shared-topic-info img {
	border-radius:10px!important;
}

body.dark-mode #payment-modal .modal-dialog, body.dark-mode #book-lesson-modal .modal-dialog, body.dark-mode #contact-modal .modal-dialog, body.dark-mode #contact-modal-teacher .modal-dialog, body.dark-mode #add-description-modal .modal-dialog, body.dark-mode #enter-bio-modal .modal-dialog, body.dark-mode #feedback-modal .modal-dialog, body.dark-mode #gab-teacher-end-modal .modal-dialog, body.dark-mode #report-modal .modal-dialog, body.dark-mode #complete-teacher-modal .modal-dialog, body.dark-mode #create-quiz-modal .modal-dialog, body.dark-mode #create-question-modal .modal-dialog, body.dark-mode #edit-question-modal .modal-dialog, body.dark-mode #quiz-modal .modal-dialog, body.dark-mode #social-google-modal .modal-dialog, body.dark-mode #social-hotmail-modal .modal-dialog, body.dark-mode #social-yahoo-modal .modal-dialog, body.dark-mode #add-text-modal .modal-dialog, body.dark-mode #topic-published-modal .modal-dialog, body.dark-mode #message-modal .modal-dialog, body.dark-mode #view-post-modal .modal-dialog, body.dark-mode #create-group-modal .modal-dialog, body.dark-mode #edit-group-modal .modal-dialog, body.dark-mode #group-message-modal .modal-dialog, body.dark-mode #create-groupclass-modal .modal-dialog, body.dark-mode #survey-modal-school .modal-dialog, body.dark-mode #survey-modal-usage .modal-dialog, body.dark-mode #survey-modal-paid .modal-dialog, body.dark-mode #verify-email-modal .modal-dialog, body.dark-mode #suspended-account-modal .modal-dialog, body.dark-mode #expired-account-modal .modal-dialog {
	max-width: 600px;
	margin: 30px auto;
}

@media (max-width: 620px) {
	body.dark-mode #payment-modal .modal-dialog, body.dark-mode #book-lesson-modal .modal-dialog, body.dark-mode #contact-modal .modal-dialog, body.dark-mode #contact-modal-teacher .modal-dialog, body.dark-mode #add-description-modal .modal-dialog, body.dark-mode #enter-bio-modal .modal-dialog, body.dark-mode #feedback-modal .modal-dialog, body.dark-mode #gab-teacher-end-modal .modal-dialog, body.dark-mode #report-modal .modal-dialog, body.dark-mode #complete-teacher-modal .modal-dialog, body.dark-mode #create-quiz-modal .modal-dialog, body.dark-mode #create-question-modal .modal-dialog, body.dark-mode #edit-question-modal .modal-dialog, body.dark-mode #quiz-modal .modal-dialog, body.dark-mode #social-google-modal .modal-dialog, body.dark-mode #social-hotmail-modal .modal-dialog, body.dark-mode #social-yahoo-modal .modal-dialog, body.dark-mode #add-text-modal .modal-dialog, body.dark-mode #topic-published-modal .modal-dialog, body.dark-mode #message-modal .modal-dialog, body.dark-mode #view-post-modal .modal-dialog, body.dark-mode #create-group-modal .modal-dialog, body.dark-mode #edit-group-modal .modal-dialog, body.dark-mode #group-message-modal .modal-dialog, body.dark-mode #create-groupclass-modal .modal-dialog, body.dark-mode #survey-modal-school .modal-dialog, body.dark-mode #survey-modal-usage .modal-dialog, body.dark-mode #survey-modal-paid .modal-dialog, body.dark-mode #verify-email-modal .modal-dialog, body.dark-mode #suspended-account-modal .modal-dialog, body.dark-mode #expired-account-modal .modal-dialog {
		margin: 10px;
	}
}

body.dark-mode #gab-modal .modal-dialog, body.dark-mode #create-topic-modal .modal-dialog, body.dark-mode #gab-modal-global .modal-dialog, body.dark-mode #invite-global-modal .modal-dialog, body.dark-mode #incompatible-gab-modal .modal-dialog, body.dark-mode #addcard-modal .modal-dialog, body.dark-mode #level-modal .modal-dialog, body.dark-mode #change-course-modal .modal-dialog, body.dark-mode #gab-end-modal .modal-dialog, body.dark-mode #gab-warning-modal .modal-dialog, body.dark-mode #gab-warning-modal-friend .modal-dialog, body.dark-mode #service-fees-modal .modal-dialog, body.dark-mode #teacher-profile-modal .modal-dialog, body.dark-mode #payment-request-modal .modal-dialog, body.dark-mode #complete-settings-modal .modal-dialog, body.dark-mode #register-now-modal .modal-dialog, body.dark-mode #daily-limit-modal .modal-dialog, body.dark-mode #only-for-subscribers-modal .modal-dialog, body.dark-mode #hourly-rate-modal .modal-dialog, body.dark-mode #invite-email-modal .modal-dialog, body.dark-mode #copy-quiz-modal .modal-dialog, body.dark-mode #view-booked-lessons-modal .modal-dialog, body.dark-mode #add-vocabulary-modal .modal-dialog, body.dark-mode #publish-confirmation-modal .modal-dialog, body.dark-mode #view-thumbnail-modal .modal-dialog, body.dark-mode #delete-post-modal .modal-dialog, body.dark-mode #remove-from-school-modal .modal-dialog, body.dark-mode #leave-group-modal .modal-dialog, body.dark-mode #shareongroupsquiz-modal .modal-dialog, body.dark-mode #add-to-group-modal .modal-dialog, body.dark-mode #assignteacher-groupclass-modal .modal-dialog {
	max-width: 500px;
	margin: 30px auto;
}

@media (max-width: 520px) {
	body.dark-mode #gab-modal .modal-dialog, body.dark-mode #create-topic-modal .modal-dialog, body.dark-mode #gab-modal-global .modal-dialog, body.dark-mode #invite-global-modal .modal-dialog, body.dark-mode #incompatible-gab-modal .modal-dialog, body.dark-mode #addcard-modal .modal-dialog, body.dark-mode #level-modal .modal-dialog, body.dark-mode #change-course-modal .modal-dialog, body.dark-mode #gab-end-modal .modal-dialog, body.dark-mode #gab-warning-modal .modal-dialog, body.dark-mode #gab-warning-modal-friend .modal-dialog, body.dark-mode #service-fees-modal .modal-dialog, body.dark-mode #teacher-profile-modal .modal-dialog, body.dark-mode #payment-request-modal .modal-dialog, body.dark-mode #complete-settings-modal .modal-dialog, body.dark-mode #register-now-modal .modal-dialog, body.dark-mode #daily-limit-modal .modal-dialog, body.dark-mode #only-for-subscribers-modal .modal-dialog, body.dark-mode #hourly-rate-modal .modal-dialog, body.dark-mode #invite-email-modal .modal-dialog, body.dark-mode #copy-quiz-modal .modal-dialog, body.dark-mode #view-booked-lessons-modal .modal-dialog, body.dark-mode #add-vocabulary-modal .modal-dialog, body.dark-mode #publish-confirmation-modal .modal-dialog, body.dark-mode #view-thumbnail-modal .modal-dialog, body.dark-mode #delete-post-modal .modal-dialog, body.dark-mode #remove-from-school-modal .modal-dialog, body.dark-mode #leave-group-modal .modal-dialog, body.dark-mode #shareongroupsquiz-modal .modal-dialog, body.dark-mode #add-to-group-modal .modal-dialog, body.dark-mode #assignteacher-groupclass-modal .modal-dialog {
		margin: 10px;
	}
}

body.dark-mode #user-profile-modal .modal-dialog, body.dark-mode #editor-profile-modal .modal-dialog, body.dark-mode #delete-quiz-modal .modal-dialog, body.dark-mode #delete-groupclass-modal .modal-dialog, body.dark-mode #delete-question-modal .modal-dialog, body.dark-mode #delete-topic-modal .modal-dialog, body.dark-mode #delete-group-modal .modal-dialog, body.dark-mode #delete-text-modal .modal-dialog {
	max-width: 400px;
	margin: 30px auto;
}

@media (max-width: 420px) {
	body.dark-mode #user-profile-modal .modal-dialog, body.dark-mode #editor-profile-modal .modal-dialog, body.dark-mode #delete-quiz-modal .modal-dialog, body.dark-mode #delete-groupclass-modal .modal-dialog, body.dark-mode #delete-question-modal .modal-dialog, body.dark-mode #delete-topic-modal .modal-dialog, body.dark-mode #delete-text-modal .modal-dialog {
		margin: 10px;
	}
}

body.dark-mode #payment-modal .modal-body p, body.dark-mode #book-lesson-modal .modal-body p, body.dark-mode #gab-modal .modal-body p, body.dark-mode #create-topic-modal .modal-body p, body.dark-mode #gab-modal-global .modal-body p, body.dark-mode #incompatible-gab-modal .modal-body p {
	font-size: 18px;
}

body.dark-mode #message-modal .modal-dialog, body.dark-mode #view-post-modal .modal-dialog {
	font-size: 17px;
}

body.dark-mode #social-google-modal .modal-body, body.dark-mode #social-hotmail-modal .modal-body, body.dark-mode #social-yahoo-modal .modal-body {
	max-height: 400px;
}

@media (max-width: 767px) {
	body.dark-mode #social-google-modal .modal-body, body.dark-mode #social-hotmail-modal .modal-body, body.dark-mode #social-yahoo-modal .modal-body {
		max-height: calc(100vh - 410px);
	}
}

body.dark-mode #gab-teacher-end-modal .modal-body p.menu-item-header {
	margin-bottom: 0px;
}

body.dark-mode #payment-modal .cell-icon, body.dark-mode #book-lesson-modal .cell-icon {
	font-size: 16px;
	text-align: center;
	color: #99e699;
	vertical-align: top !important;
}

body.dark-mode #payment-modal td, body.dark-mode #book-lesson-modal td {
	padding: 6px 5px !important;
}

body.dark-mode #payment-modal td .ion, body.dark-mode #book-lesson-modal td .ion {
	font-size: 32px;
}

body.dark-mode #delete-quiz-modal {
	z-index: 9999;
}

body.dark-mode .subscription-explainer {
	font-size: 16px;
	color: #b8c0c6;
	line-height: 22px;
}

body.dark-mode .teacher-exercise-explainer {
	font-size: 15px;
	color: #b8c0c6;
	margin: 0px 0px 15px;
}

body.dark-mode #questions.writingBox .teacher-exercise-explainer {
	margin: 15px 0px;
}

body.dark-mode a.subscription-explainer-link {
	color: #9cc2e3;
	text-decoration: none;
	display: inline-block;
}

body.dark-mode #payment-modal .cardbox, body.dark-mode #book-lesson-modal .cardbox {
	display: none;
}

body.dark-mode #payment-modal #placeorderbtn, body.dark-mode #book-lesson-modal #placeorderbtn-book-lesson {
	flex: 1 1 auto;
	margin-left: 8px;
	text-transform: uppercase;
	font-weight: 700;
}

body.dark-mode #payment-modal #btnBack #book-lesson-modal #btnBack-book-lesson {
	width: 89px;
}

body.dark-mode .modal-item {
	padding-top: 10px;
}

body.dark-mode #payment-modal .modal-body div.modal-item:last-of-type, body.dark-mode #book-lesson-modal div.modal-item:last-of-type {
	padding-bottom: 0px;
}

body.dark-mode #bg-teacher-free-lesson-options .modal-item, body.dark-mode #not-bg-teacher-free-lesson-options .modal-item {
	margin-top: 15px;
}

body.dark-mode #payment-modal .table.borderless, body.dark-mode #book-lesson-modal .table.borderless {
	margin-bottom: 15px;
}

body.dark-mode #payment-modal .subscription-feature-explainer &gt; p {
	font-size: 18px;
	margin-bottom: 10px;
	margin-top: 5px;
}

body.dark-mode #payment-modal .subscription-feature-explainer .table.borderless p {
	font-size: 18px;
}

body.dark-mode #payment-modal .subscription-feature-explainer b {
	font-weight: 700;
}

body.dark-mode .menu-item-header {
	text-transform: uppercase;
	color: #bfbfbf;
	font-weight: 600;
	font-size: 14px !important;
}

body.dark-mode #payment-modal label, body.dark-mode #book-lesson-modal label, body.dark-mode #level-modal label, body.dark-mode #gab-modal label, body.dark-mode #create-topic-modal label, body.dark-mode #gab-modal-global label, body.dark-mode #incompatible-gab-modal label {
	font-weight: 400;
	cursor: pointer;
}

body.dark-mode #create-topic-modal label.btn {
	font-weight: 600;
}

body.dark-mode #card-radio-selector label {
	display: block;
	margin-bottom: 10px;
}

body.dark-mode form.payment-form {
	padding: 15px 15px 0px;
	text-align: center;
}

body.dark-mode form.payment-form input[name="number"], body.dark-mode form.payment-form input[name="name"] {
	display: block;
	margin: 15px auto;
	padding: 5px 10px;
	width: 60%;
}

body.dark-mode form.payment-form .bottom-inputs {
	display: flex;
	align-items: center;
	justify-content: center;
}

body.dark-mode form.payment-form input[name="cardexpiry_month"], body.dark-mode form.payment-form input[name="sub_cardexpiry_month"], body.dark-mode form.payment-form input[name="sub_cardexpiry_month-book-lesson"], body.dark-mode form.payment-form input[name="cardexpiry_year"], body.dark-mode form.payment-form input[name="sub_cardexpiry_year"], body.dark-mode form.payment-form input[name="sub_cardexpiry_year-book-lesson"], body.dark-mode form.payment-form input[name="cvc"] {
	display: inline-flex;
	padding: 5px 10px;
	margin: 0px 5px;
}

body.dark-mode form.payment-form #sub_cardcvc {
	margin-left: auto;
}

@media (max-width: 549px) and (min-width: 420px) {
	body.dark-mode form.payment-form #sub_cardcvc {
		margin-left: 5px;
	}
}

@media (min-width: 420px) {
	body.dark-mode form.payment-form .bottom-inputs {
		margin: 15px auto;
		min-width: 225px;
		max-width: calc(60% + 10px);
	}
}

@media (max-width: 419px) {
	body.dark-mode form.payment-form .bottom-inputs {
		width: 100%;
	}

	body.dark-mode form.payment-form #sub_cardexpiry_year {
		margin-left: 5px;
		margin-right: 5px;
	}
}

body.dark-mode #payment-modal .existingcardrow .demo-container, body.dark-mode #book-lesson-modal .existingcardrow .demo-container {
	border: none;
	margin: 10px 0px 0px;
}

@media (max-width: 768px) {
	body.dark-mode #payment-modal .existingcardrow .demo-container, body.dark-mode #book-lesson-modal .existingcardrow .demo-container {
		margin: 0px;
	}
}

@media (max-width: 419px) {
	body.dark-mode #payment-modal .existingcardrow .demo-container, body.dark-mode #book-lesson-modal .existingcardrow .demo-container {
		padding-top: 10px;
	}
}

body.dark-mode .alert-grey {
	background-color: #212121 !important;
}

body.dark-mode .alert-white {
	background-color: #1c1c21 !important;
	border-color: #303030 !important;
}

body.dark-mode #payment-modal .card-wrapper, body.dark-mode #book-lesson-modal .card-wrapper {
	margin-top: 5px;
}

body.dark-mode form.payment-form label {
	display: flex;
	align-items: center;
	margin: 8px auto 5px;
	text-align: left;
	width: 58%;
	min-width: 200px;
}

body.dark-mode form.payment-form label input {
	margin: 0px 4px 0px 0px;
}

body.dark-mode #btnContinue .chevron::before, body.dark-mode .btn-gab-modal .chevron::before {
	border-width: 2px 2px 0px 0px;
}

@media (max-width: 767px) {
	body.dark-mode form.payment-form {
		padding: 0px;
	}
}

@media (max-width: 419px) {
	body.dark-mode form.payment-form input[name="number"], body.dark-mode form.payment-form input[name="name"], body.dark-mode form.payment-form input[name="cardexpiry_month"], body.dark-mode form.payment-form input[name="sub_cardexpiry_month"], body.dark-mode form.payment-form input[name="sub_cardexpiry_month-book-lesson"], body.dark-mode form.payment-form input[name="cardexpiry_year"], body.dark-mode form.payment-form input[name="sub_cardexpiry_year"], body.dark-mode form.payment-form input[name="sub_cardexpiry_year-book-lesson"], body.dark-mode form.payment-form input[name="cvc"] {
		width: 100%;
	}

	body.dark-mode form.payment-form input[name="cardexpiry_month"], body.dark-mode form.payment-form input[name="sub_cardexpiry_month"], body.dark-mode form.payment-form input[name="sub_cardexpiry_month-book-lesson"], body.dark-mode form.payment-form input[name="cvc"] {
		margin: 0px;
	}

	body.dark-mode form.payment-form input[name="cardexpiry_year"], body.dark-mode form.payment-form input[name="sub_cardexpiry_year"], body.dark-mode form.payment-form input[name="sub_cardexpiry_year-book-lesson"] {
		margin: 0px 10px;
	}

	body.dark-mode form.payment-form label {
		width: 90%;
		min-width: 0px;
	}
}

body.dark-mode #payment-modal p.transaction-info, body.dark-mode #book-lesson-modal p.transaction-info {
	margin-left: 15px;
	margin-bottom: 15px !important;
}

body.dark-mode #payment-modal .confirmation_membership p, body.dark-mode #book-lesson-modal .confirmation_membership p {
	margin-bottom: 0px;
}

body.dark-mode #payment-modal .payment-img, body.dark-mode #book-lesson-modal .payment-img, body.dark-mode #gab-modal .payment-img, body.dark-mode #gab-modal-global .payment-img {
	height: 30px;
	margin-bottom: 3px;
	max-width: 100%;
}

body.dark-mode #payment-modal .payment-img.payment-img-saved, body.dark-mode #book-lesson-modal .payment-img.payment-img-saved, body.dark-mode #gab-modal .payment-img.payment-img-saved, body.dark-mode #gab-modal-global .payment-img.payment-img-saved {
	margin-bottom: 0px;
}

body.dark-mode #payment-card, body.dark-mode #payment-paypal {
	margin: 8px 0px;
}

body.dark-mode .payment-modal-option {
	display: flex;
	align-items: flex-start;
	padding: 20px;
	margin-bottom: 5px;
	border-radius: 20px;
}

body.dark-mode label.payment-option-label {
	width: 100%;
}

body.dark-mode .payment-modal-option .radio-button-cell {
	margin-right: 10px;
	margin-top: 1px;
}

body.dark-mode .modal-body.step-2 .payment-modal-option {
	display: block;
}

body.dark-mode .modal-body.step-2 .payment-modal-option .radio-button-cell, body.dark-mode .modal-body.step-2 .payment-modal-option .description-cell {
	display: inline-block;
}

@media (max-width: 559px) {
	body.dark-mode .modal-body.step-2 .subscription-selection {
		display: block !important;
	}

	body.dark-mode .modal-body.step-2 .subscription-selection span {
		display: block !important;
		float: none !important;
	}
}

@media (max-width: 359px) {
	body.dark-mode #placeorderbtn, body.dark-mode #placeorderbtn-book-lesson {
		font-size: 15px;
	}
}

body.dark-mode #payment-modal .modal-footer, body.dark-mode #book-lesson-modal .modal-footer {
	display: flex;
	flex-direction: row-reverse;
}

body.dark-mode #level-modal .payment-option-label .payment-modal-option, body.dark-mode #change-course-modal .payment-option-label .payment-modal-option {
	display: flex;
	justify-content: left;
	align-items: flex-start;
}

body.dark-mode .payment-modal-option .description-cell-item {
	font-size: 18px;
	line-height: 18px;
	opacity: 0.9;
	font-weight: 600;
	color: #bfbfbf;
}

body.dark-mode .payment-modal-option .description-cell-item.description-cell-item-saved {
	display: flex;
}

body.dark-mode #level-modal .payment-modal-option .description-cell-item.description-cell-item-saved, body.dark-mode #change-course-modal .payment-modal-option .description-cell-item.description-cell-item-saved {
	padding: 3.5px 0px;
}

body.dark-mode #gab-options {
	text-align: center;
}

body.dark-mode .btn-gab-modal {
	display: block;
	margin: 15px auto;
	width: calc(100% - 30px);
	padding: 15px;
	text-align: left;
	font-size: 18px;
	background-color: #1c1c1c;
	color: #bfbfbf;
	border-color: #3b3b3b;
}

body.dark-mode .btn-gab-modal.favorite-teacher {
	background-color: rgba(102, 75, 0, 0.8);
}

body.dark-mode .btn-gab-modal.add-new-card {
	background-color: #212121;
}

body.dark-mode .btn-gab-modal.btn-gab-modal-grey {
	background-color: #212121;
	border-color: #303030;
}

body.dark-mode .btn-gab-modal:not(.btn-gab-disabled):hover {
	background-color: #3c7ab4;
	border-color: #306391;
	color: white !important;
}

body.dark-mode .btn-gab-modal:not(.btn-gab-disabled):hover span {
	color: white !important;
}

body.dark-mode .gab-list li {
	list-style: none;
}

body.dark-mode .gab-list button:hover span {
	color: white !important;
}

body.dark-mode .gab-modal-back-button {
	padding: 4px 10px;
	margin-right: 3px;
}

body.dark-mode .gab-list-wrapper {
	max-height: 515px;
	min-height: 195px;
	overflow: hidden;
	border-left: 0px;
	border-right: 0px;
}

body.dark-mode .gab-list-wrapper.main-gab-menu {
	min-height: initial;
}

body.dark-mode .modal-header h4 {
	font-size: 28px;
	font-weight: 600;
	margin: 0px 25px 0px 5px;
}

body.dark-mode #grammar-modal .modal-header h4 {
	font-weight: 600;
}

body.dark-mode .btn-lg {
	font-size: 18px;
}

body.dark-mode #grammar-modal .modal-body {
	padding: 25px;
	font-size: 17px;
	color: #bfbfbf;
}

body.dark-mode .topic-level-explainer {
	margin-left: 15px;
	display: inline-block;
}

@media (max-width: 599px) {
	body.dark-mode #grammar-modal .modal-body {
		padding: 15px;
	}
}

@media (max-width: 459px) {
	body.dark-mode #grammar-modal .modal-body ol, body.dark-mode #grammar-modal .modal-body ul {
		padding-right: 15px;
	}

	body.dark-mode .topic-level-explainer {
		margin-left: 0px;
		line-height: 1.2;
	}

	body.dark-mode .topic-level-explainer span.exercise-level {
		font-size: 15px !important;
	}
}

body.dark-mode .star-rating {
	display: inline-block;
	margin: 0px 0px 0px 15px;
}

body.dark-mode #reviewbox .star-rating {
	margin: -10px 0px 0px 15px;
	font-size: 22px;
}

body.dark-mode .star-rating:hover {
	cursor: pointer;
}

body.dark-mode #incomingCall {
	width: 420px;
	min-height: 200px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -250px;
	margin-left: -210px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(28, 28, 33, 0.5) 0px 0px 0px 1px inset;
	z-index: 2002;
	border-radius: 4px;
	overflow: hidden;
	border: 0px !important;
}

body.dark-mode #incomingCall .box-header {
	background: #ef7d30;
	padding: 15px 20px !important;
}

body.dark-mode #incomingCall h3.box-title {
	color: white;
	font-size: 20px;
}

body.dark-mode #incomingCall .item {
	padding: 20px 20px 10px !important;
}

body.dark-mode #incomingCall a.btn, body.dark-mode #incomingCall button.btn {
	width: 120px;
}

body.dark-mode #incomingCall span.conversation-text {
	font-size: 18px;
	line-height: 24px;
	margin-top: 5px;
}

@media (max-width: 560px) {
	body.dark-mode #incomingCall {
		width: 250px;
		height: 100px;
		margin-top: -50px;
		margin-left: -75px;
	}

	body.dark-mode #incomingCall span.conversation-text {
		font-size: 12px;
		line-height: 20px;
	}
}

body.dark-mode #incomingCall.in ~ .md-overlay {
	opacity: 1;
	visibility: visible;
}

@media (min-width: 992px) {
	body.dark-mode #incomingCall.in, body.dark-mode #incomingCall.in ~ .md-overlay {
		transition: transform 0.15s ease 0s;
	}
}

body.dark-mode .dropdown-menu.focus-menu {
	overflow: hidden;
	box-shadow: rgba(101, 119, 134, 0.2) 0px 0px 15px, rgba(101, 119, 134, 0.15) 0px 0px 3px 1px;
}

body.dark-mode .gab-page #examformFake hr:last-of-type .gab-page #examForm hr:last-of-type {
	margin: 0px;
	border-color: transparent;
}

body.dark-mode .gab-page #askquestion {
	display: none;
}

body.dark-mode .spinner {
	height: 32px;
	width: 32px;
	animation: 0.9s linear 0s infinite normal none running rotate;
	border-width: 4px;
	border-style: solid;
	border-color: #1c1c21 transparent #1c1c21 #1c1c21;
	border-image: initial;
	border-radius: 50%;
	transform: translateZ(0px);
}

body.dark-mode .spinner.blue {
	border-color: #50a7d3 transparent #50a7d3 #50a7d3;
}

body.dark-mode .spinner.bitgab {
	border-color: #3c7ab4 transparent #ef7d30;
}

body.dark-mode .spinner.grey {
	border-color: #4d4d4d transparent #4d4d4d #4d4d4d;
}

body.dark-mode .gab-list .spinner.blue {
	margin: 75.5px auto;
}

@keyframes rotate {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

body.dark-mode .loader::before, body.dark-mode .loader::after, body.dark-mode .loader {
	border-radius: 50%;
	width: 2.5em;
	height: 2.5em;
	animation: 1.8s ease-in-out 0s infinite normal none running load7;
}

body.dark-mode .loader {
	font-size: 10px;
	margin: 0px auto;
	position: relative;
	text-indent: -9999em;
	transform: translateZ(0px);
	animation-delay: -0.16s;
}

body.dark-mode .loader::before {
	left: -3.5em;
	animation-delay: -0.32s;
}

body.dark-mode .loader::after {
	left: 3.5em;
}

body.dark-mode .loader::before, body.dark-mode .loader::after {
	content: "";
	position: absolute;
	top: 0px;
}

@-webkit-keyframes load7 {
	0%, 80%, 100% {
		box-shadow: white 0px 2.5em 0px -1.3em;
	}

	40% {
		box-shadow: white 0px 2.5em 0px 0px;
	}
}

@keyframes load7 {
	0%, 80%, 100% {
		box-shadow: white 0px 2.5em 0px -1.3em;
	}

	40% {
		box-shadow: white 0px 2.5em 0px 0px;
	}
}

body.dark-mode .navbar-custom-menu .chevron.right::before {
	border-width: 1px 1px 0px 0px;
	height: 6px;
	width: 6px;
}

body.dark-mode .tags-line {
	line-height: 1em;
	max-height: none;
}

body.dark-mode .tags-widget a {
	font-size: 12px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

body.dark-mode .tags-vocabulary a {
	margin-bottom: 0px;
}

body.dark-mode .tags-vocabulary li {
	margin-bottom: 1em;
	text-transform: none;
	color: #bfbfbf;
	font-size: 15px;
}

body.dark-mode .tags-line a:hover, body.dark-mode .tags-line a:focus, body.dark-mode .tags-line a:active {
	text-decoration: none !important;
}

body.dark-mode #index-content a:not(.btn-link):hover {
	text-decoration: none;
}

body.dark-mode a.btn:hover, body.dark-mode a.btn-sm:hover, body.dark-mode a.btn-md:hover, body.dark-mode a.btn-lg:hover {
	text-decoration: none !important;
}

body.dark-mode .gab-text-explainer {
	margin-bottom: 15px;
	padding: 10px 15px;
}

body.dark-mode .gab-text-explainer p {
	margin-bottom: 10px;
	font-size: 15px !important;
}

body.dark-mode .gab-text-explainer.alert .close {
	font-size: 12px;
	font-weight: 500;
	opacity: 0.3;
}

body.dark-mode .gab-text-explainer.alert .close:hover {
	opacity: 0.5;
}

body.dark-mode #headerScore .slimScrollDiv {
	height: 160px !important;
}

body.dark-mode #headerScoreUpdate {
	display: none;
}

body.dark-mode .progress.level-bar {
	border-radius: 3px;
}

body.dark-mode #headerFriendRequests a, body.dark-mode #headerMessageAlerts a {
	display: block;
	cursor: inherit;
}

body.dark-mode #headerFriendRequests a:hover, body.dark-mode #headerMessageAlerts a:hover {
	text-decoration: none !important;
}

body.dark-mode #headerFriendRequests a:hover, body.dark-mode #headerMessageAlerts a:hover {
	background: transparent;
}

body.dark-mode #headerFriendRequests .item, body.dark-mode #headerMessageAlerts .item {
	overflow: auto;
	padding: 10px;
}

body.dark-mode #headerFriendRequests li.footer, body.dark-mode #headerMessageAlerts li.footer {
	border-top: 1px solid #2b2b2b;
}

@media (max-width: 459px) {
	body.dark-mode .hidden-460 {
		display: none !important;
	}
}

@media (max-width: 399px) {
	body.dark-mode .hidden-400 {
		display: none !important;
	}
}

@media (max-width: 359px) {
	body.dark-mode .hidden-360 {
		display: none !important;
	}
}

body.dark-mode .navbar ul.dropdown-menu li.header {
	background-color: #102841;
	padding: 7px 10px;
	color: #bfbfbf;
	font-size: 14px;
}

body.dark-mode .navbar ul.dropdown-menu li.header.sub-header {
	background-color: #1f1f1f;
}

body.dark-mode .navbar-nav &gt; .messages-menu &gt; .dropdown-menu &gt; li .menu {
	max-height: 220px !important;
}

body.dark-mode #gab-modal .row.alert, body.dark-mode #create-topic-modal .row.alert, body.dark-mode #gab-modal-global .row.alert, body.dark-mode #incompatible-gab-modal .row.alert {
	margin-top: -15px;
	padding: 10px 20px;
	border-radius: 0px;
	border-left: 0px;
	border-right: 0px;
}

body.dark-mode #create-topic-modal .row.alert {
	margin: 0px -15px;
}

body.dark-mode #create-topic-modal .menu-item-header {
	margin-top: 15px;
	margin-bottom: 0px;
}

body.dark-mode #create-topic-modal .btn.btn-gab-modal {
	background-color: #292929;
	padding: 20px;
}

body.dark-mode #create-topic-modal .btn.btn-gab-modal:hover {
	background-color: #3c7ab4;
}

body.dark-mode #gab-modal .row.alert p, body.dark-mode #create-topic-modal .row.alert p, body.dark-mode #gab-modal-global .row.alert p, body.dark-mode #incompatible-gab-modal .row.alert p {
	padding: 0px 20px;
}

body.dark-mode input[type="radio"]:disabled {
	display: none;
}

body.dark-mode .product-info .star-rating {
	font-size: 16px;
	margin-left: 0px;
}

body.dark-mode input.form-inline.question {
	width: 200px;
	padding: 0px 5px;
}

body.dark-mode .no-affix {
	position: static !important;
	width: 100% !important;
}

body.dark-mode #left-column, body.dark-mode #videos {
	padding-bottom: 15px;
}

body.dark-mode .box.exercises-box {
	margin-bottom: 10px;
}

@media (min-width: 992px) {
	body.dark-mode #comment-box-topic {
		margin-bottom: 0px;
	}
}

body.dark-mode #comment-box-topic #qawrap {
	padding: 0px 15px;
}

@media (max-width: 991px) {
	body.dark-mode .affixcol {
		position: static !important;
		width: 100% !important;
	}

	body.dark-mode #demoContainer i {
		text-align: center;
		vertical-align: baseline;
		width: auto;
		padding: 0px;
	}

	body.dark-mode .box-solid {
		margin-bottom: 10px;
	}

	body.dark-mode #left-column, body.dark-mode #videos {
		padding-bottom: 0px;
	}

	body.dark-mode.gab-page #videos {
		margin-bottom: 10px;
	}

	body.dark-mode #examTabs {
		margin-bottom: 20px !important;
	}

	body.dark-mode.timeline-page #widget-box {
		margin: 5px 0px 10px;
	}
}

body.dark-mode #conversationBox, body.dark-mode #conversationBoxGab {
	height: 150px;
	width: 100%;
	background: #1f1f1f;
}

body.dark-mode #call-buttons-desktop button:hover i, body.dark-mode #call-buttons-desktop button.selected i {
	opacity: 1;
}

body.dark-mode #chatnotice, body.dark-mode #chatnoticeGab {
	display: flex;
    	align-items: center;
    	justify-content: center;
    	height: 100%;
	color: #bfbfbf;
	font-weight: 600;
	background: #1f1f1f;
	margin: 0px;
}

body.dark-mode .nav-tabs-custom {
	margin-bottom: 0px;
	overflow: hidden;
}

body.dark-mode .nav-tabs-custom &gt; .nav-tabs &gt; li &gt; a, body.dark-mode .nav-tabs-custom &gt; .nav-tabs &gt; li.active &gt; a {
	border-top: 3px solid #ef7d30;
	border-left: 0px;
	border-right: 0px;
}

body.dark-mode .nav-tabs-custom .nav &gt; li.active &gt; a h3 {
	padding: 14px 20px;
}

body.dark-mode .nav-tabs-custom .nav &gt; li.active:not(:first-child) &gt; a h3 {
	border-left: 1px solid #242424;
}

body.dark-mode .nav-tabs-custom .nav &gt; li &gt; a h3 {
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
}

body.dark-mode .nav-tabs-custom &gt; .nav-tabs &gt; li &gt; a {
	padding: 14px 20px;
}

body.dark-mode .nav-tabs-custom &gt; .nav-tabs &gt; li.active &gt; a {
	padding: 0px;
	margin-top: 0px;
	height: 50px;
}

body.dark-mode .nav-tabs-custom &gt; .nav-tabs &gt; li:not(.active):hover &gt; a {
	margin-top: 0px;
	padding: 14px 20px;
}

body.dark-mode .nav-tabs-custom &gt; .nav-tabs &gt; li:not(.active):hover &gt; a &gt; h3 {
	transition: color 0.15s ease-in-out 0s;
}

body.dark-mode .nav-tabs-custom &gt; .nav-tabs &gt; li:not(.active) &gt; a:hover {
	border-top-color: #ef7d30 !important;
}

@media (max-width: 991px) {
	body.dark-mode .nav-tabs-custom &gt; .nav-tabs &gt; li:not(.active):hover a {
		color: #bfbfbf;
		transition: none 0s ease 0s;
		border-top-color: transparent !important;
	}
}

@media (max-width: 399px) {
	body.dark-mode .nav-tabs-custom &gt; .nav-tabs &gt; li &gt; a {
		padding: 14px 15px;
	}

	body.dark-mode .nav-tabs-custom .nav &gt; li.active &gt; a h3, body.dark-mode .nav-tabs-custom &gt; .nav-tabs &gt; li:not(.active):hover &gt; a {
		padding: 14px 15px;
	}
}

body.dark-mode #questions {
	min-height: 200px;
}

body.dark-mode .preloaderWrapper {
	position: absolute;
	text-align: center;
	width: 100%;
	height: 100%;
	padding: 15%;
	top: 0px;
}

body.dark-mode .empty-notifier {
	color: #bfbfbf;
	display: block;
	font-size: 20px;
	font-weight: 600;
	height: 100%;
	margin: 0px auto;
	max-width: 300px;
	padding: 10% 0px;
	text-align: center;
}

body.dark-mode .main-footer {
	display: none;
	padding: 10px 15px;
	line-height: 30px;
}

body.dark-mode .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: rgba(0, 0, 0, 0.5) !important;
}

body.dark-mode .margin-bottom-20 {
	margin-bottom: 20px !important;
}

body.dark-mode .overflow-y-hidden, body.dark-mode .noscroll {
	overflow-y: hidden !important;
}

body.dark-mode .timer {
	display: block;
	position: absolute;
	z-index: 11;
	top: 12px;
	left: 10px;
	text-align: right;
	padding: 0px 5px;
	border-radius: 3px;
	font-size: 16px;
	color: white;
	background-color: rgba(0, 0, 0, 0.4);
}

body.dark-mode .timer label {
	font-size: 16px;
	color: white;
	text-align: right;
	opacity: 0.8;
	margin: 2px 2px 4px;
}

body.dark-mode .form-control[disabled], body.dark-mode fieldset[disabled] .form-control, body.dark-mode .btn.disabled, body.dark-mode .btn[disabled], body.dark-mode fieldset[disabled] .btn {
	box-shadow: none;
	cursor: inherit !important;
}

body.dark-mode .focus-menu li:hover {
	cursor: pointer;
}

body.dark-mode .opacity0 {
	opacity: 0 !important;
}

body.dark-mode .opacity1 {
	opacity: 1 !important;
}

body.dark-mode .carousel-inner &gt; .item &gt; a &gt; img, body.dark-mode .carousel-inner &gt; .item &gt; img, body.dark-mode .img-responsive, body.dark-mode .thumbnail a &gt; img, body.dark-mode .thumbnail &gt; img {
	width: 100% !important;
}

body.dark-mode .table &gt; tbody &gt; tr &gt; td {
	padding: 14px 8px !important;
}

body.dark-mode #view-booked-lessons-modal .table &gt; tbody &gt; tr &gt; td {
	padding: 20px 8px !important;
}

body.dark-mode .table &gt; tbody &gt; tr &gt; td.grammar-col {
	padding: 8px !important;
}

body.dark-mode #boxCenter .tab-pane.active {
	min-height: 312px;
}

body.dark-mode #boxCenter.nav-tabs-custom {
	margin-bottom: 10px;
}

body.dark-mode #boxCenter .table.table-striped {
	width: calc(100% - 30px);
	margin: 0px 15px 15px;
	border-radius: 10px;
	overflow: hidden;
}

body.dark-mode #boxCenter .table.table-striped th {
	font-weight: 600;
	line-height: 26px;
}

body.dark-mode #boxCenter .table.table-striped td {
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 160px;
	line-height: 18px;
}

body.dark-mode .empty-settings, body.dark-mode .empty-settings-search, body.dark-mode .nopost {
	text-align: center;
	color: #bfbfbf;
	font-weight: 600;
}

body.dark-mode #boxCenter .empty-settings, body.dark-mode #boxCenter .empty-settings-search, body.dark-mode #messages .nopost {
	padding: 80px 20px;
	font-size: 24px;
}

body.dark-mode p.empty-settings {
	padding: 20px;
	font-size: 20px;
}

body.dark-mode #boxCenter .table &gt; tbody &gt; tr &gt; td {
	padding: 10px !important;
}

body.dark-mode #teacher-gabs-tab th {
	font-weight: 600;
}

body.dark-mode .stg-fixed {
	width: 90px;
}

@media (max-width: 991px) {
	body.dark-mode #profileSearchBox .footer-mini {
		margin-top: -10px;
	}

	body.dark-mode section.content {
		padding: 5px;
	}

	body.dark-mode.timeline-page section.content {
		padding: 5px;
	}

	body.dark-mode .box.exercises-box {
		margin-top: 10px;
	}

	body.dark-mode #selfVideo {
		opacity: 1;
	}

	body.dark-mode .carousel-caption {
		font-size: 18px !important;
		font-weight: 400 !important;
	}
}

@media (max-width: 419px) {
	body.dark-mode .stg-date {
		display: none;
	}
}

body.dark-mode .carousel-caption {
	font-size: 20px;
	font-weight: 500;
	text-shadow: none;
	padding: 0px;
	margin: 0px;
	bottom: 0px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

body.dark-mode #left-column .carousel-caption {
	font-size: 30px;
	font-weight: 600;
}

@media (max-width: 1200px) {
	body.dark-mode #left-column .carousel-caption {
		font-size: 24px;
	}
}

@media (max-width: 991px) {
	body.dark-mode #left-column .carousel-caption {
		font-size: 30px !important;
	}
}

@media (max-width: 600px) {
	body.dark-mode #left-column .carousel-caption {
		font-size: 20px !important;
	}
}

@media (max-width: 459px) {
	body.dark-mode #left-column .carousel-caption {
		font-size: 16px !important;
	}
}

body.dark-mode .carousel-indicators li {
	margin-left: 4px !important;
	margin-right: 4px !important;
}

body.dark-mode span.card-options-icon {
	display: inline-block;
}

body.dark-mode span.card-options-icon i {
	font-size: 16px;
	vertical-align: text-bottom;
}

body.dark-mode #cards-tab .filter-button {
	max-width: 50px;
}

body.dark-mode #cards-tab .menu-item-header {
	margin-top: 20px;
	margin-bottom: 5px;
}

body.dark-mode .btn-primary.focus:not([disabled]), body.dark-mode .btn-primary:focus:not([disabled]) {
	background-color: #317fc4;
	border-color: #317fc4;
}

body.dark-mode .btn-primary:hover:not([disabled]), body.dark-mode .btn-primary:active:not([disabled]), body.dark-mode .btn-primary.hover:not([disabled]) {
	background-color: #3f8ccf !important;
	border-color: #4791d1 !important;
}

body.dark-mode .btn-default[disabled], body.dark-mode .btn-default[disabled]:hover, body.dark-mode .btn-default[disabled]:focus {
	background-color: #242424;
	color: #bfbfbf;
	border-color: #3b3b3b;
}

body.dark-mode .btn-success:active:hover:not([disabled]) {
	background-color: #329a32;
	border-color: #329a32;
}

body.dark-mode .dropdown-menu li.footer a {
	border-top: 1px solid #2b2b2b;
	background-color: #1f1f1f !important;
}

body.dark-mode .empty-settings a:hover {
	cursor: pointer;
}

body.dark-mode .btn-gab-modal:focus {
	color: #bfbfbf;
}

body.dark-mode .userActions {
	display: none;
}

body.dark-mode #callmatename {
	margin-right: 5px;
}

body.dark-mode .exam-title {
	font-weight: 600;
	line-height: 30px;
	margin: 10px 0px 20px;
	font-size: 18px;
}

body.dark-mode .rating-disabled {
	cursor: inherit !important;
}

body.dark-mode #complete-profile-button, body.dark-mode #complete-settings-modal .btn, body.dark-mode #complete-teacher-modal .btn {
	margin: 0px 5px;
}

@media (max-width: 499px) {
	body.dark-mode #gab-modal .star-rating, body.dark-mode #gab-modal-global .star-rating {
		display: none !important;
	}

	body.dark-mode #complete-profile-button {
		margin-bottom: 12px !important;
	}

	body.dark-mode #complete-settings-modal .btn, body.dark-mode #complete-teacher-modal .btn {
		display: block;
		margin: 4px 0px;
		width: 100% !important;
	}
}

body.dark-mode .gab-list .nouser {
	padding: 56px 0px;
	height: 183px;
	color: #bfbfbf;
}

body.dark-mode .gab-list .nouser a {
	margin-top: 7.5px;
}

body.dark-mode .exercise-helper {
	margin-top: 5px;
	margin-bottom: 0px;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
}

body.dark-mode .exercise-helper a {
	cursor: pointer;
}

body.dark-mode #errormsg, body.dark-mode span.incorrectmsg.text-danger {
	font-size: 16px;
	line-height: 16px;
	font-weight: 600;
	color: #e69999;
}

body.dark-mode .term-text {
	padding: 0px 35px;
}

body.dark-mode .widget-user-header.bg-profile {
	height: 120px;
	padding: 0px;
}

body.dark-mode .profileWidgetImg, body.dark-mode .profileWidgetName {
	display: inline-block;
	float: left;
	max-width: calc(100% - 100px);
	overflow: hidden;
	margin-top: 2px;
}

body.dark-mode .profileWidgetImg {
	margin-right: 5px;
	margin-top: -30px;
	background: #1c1c21;
	border: 5px solid #1c1c21;
	border-radius: 50%;
	position: relative;
	z-index: 10;
	transform: translateZ(0px);
	-webkit-mask-image: -webkit-radial-gradient(center, circle cover, white 100%, black 100%);
}

body.dark-mode .quiz-page .profileWidgetImg {
	margin-right: 0px;
	max-width: 100%;
}

body.dark-mode .profileWidgetImg img {
	height: 80px;
	width: 80px;
}

body.dark-mode .profileWidgetName h5 {
	margin-top: 3px;
}

body.dark-mode .box-widget.widget-user-2 .box-footer.no-padding {
	border: 0px;
}

body.dark-mode .box-widget.widget-user-2 .box-body {
	padding-top: 0px;
	padding-bottom: 0px;
}

body.dark-mode #user-profile-modal, body.dark-mode #teacher-profile-modal, body.dark-mode #editor-profile-modal {
	z-index: 999999;
}

body.dark-mode #user-profile-modal .modal-header, body.dark-mode #editor-profile-modal .modal-header, body.dark-mode #teacher-profile-modal .modal-header {
	height: 150px;
	background: center center/cover #50a7d3;
	border-radius: 3px 3px 0px 0px;
}

body.dark-mode #user-profile-modal .profileModalInfo, body.dark-mode #editor-profile-modal .profileModalInfo, body.dark-mode #teacher-profile-modal .profileModalInfo {
	clear: both;
}

body.dark-mode #user-profile-modal .profileModalInfo ul li, body.dark-mode #editor-profile-modal .profileModalInfo ul li, body.dark-mode #teacher-profile-modal .profileModalInfo ul li {
	list-style: none;
	padding-top: 15px;
}

body.dark-mode #user-profile-modal .profileModalInfo .title, body.dark-mode #editor-profile-modal .profileModalInfo .title, body.dark-mode #teacher-profile-modal .profileModalInfo .title {
	font-size: 18px;
	line-height: 30px;
	font-weight: 600;
	vertical-align: middle;
}

body.dark-mode #user-profile-modal .profileModalInfo .data, body.dark-mode #editor-profile-modal .profileModalInfo .data, body.dark-mode #teacher-profile-modal .profileModalInfo .data {
	display: block;
	font-size: 16px;
	margin-left: 38px;
	color: #b8c1c6;
}

body.dark-mode #user-profile-modal .profileModalInfo i, body.dark-mode #editor-profile-modal .profileModalInfo i, body.dark-mode #teacher-profile-modal .profileModalInfo i {
	font-size: 24px;
	line-height: 30px;
	width: 24px;
	margin-right: 10px;
	text-align: center;
	vertical-align: middle;
	color: #bfbfbf;
}

body.dark-mode #user-profile-modal .profileModalInfo i.ion-briefcase {
	font-size: 20px !important;
}

body.dark-mode #user-profile-modal .profileModalInfo i.fa-university, body.dark-mode #teacher-profile-modal .profileModalInfo i.fa-university {
	font-size: 18px !important;
}

body.dark-mode #user-profile-modal .profileModalInfo i.ion-briefcase, body.dark-mode #user-profile-modal .profileModalInfo i.fa-university, body.dark-mode #teacher-profile-modal .profileModalInfo i.fa-university {
	margin: 0px 10px 0px 0px !important;
}

body.dark-mode #user-profile-modal .profileWidgetImg img:hover, body.dark-mode #editor-profile-modal .profileWidgetImg img:hover, body.dark-mode #teacher-profile-modal .profileWidgetImg img:hover {
	opacity: 1;
}

body.dark-mode #user-profile-modal .profileWidgetImg, body.dark-mode #editor-profile-modal .profileWidgetImg, body.dark-mode #teacher-profile-modal .profileWidgetImg {
	cursor: inherit;
}

body.dark-mode #searchForm .btn-block {
	padding: 8px 16px;
	font-size: 16px;
}

body.dark-mode #boxCenter .form-horizontal {
	padding: 10px;
}

@media screen and (max-width: 767px) {
	body.dark-mode div.dataTables_wrapper &gt; div.row &gt; div, body.dark-mode div.dataTables_length, body.dark-mode div.dataTables_filter, body.dark-mode div.dataTables_info, body.dark-mode div.dataTables_paginate {
		text-align: left !important;
	}
}

body.dark-mode .changecover-text {
	display: none;
}

body.dark-mode a.photolink:hover .changecover-text {
	height: 100%;
	font-size: 24px;
	background: rgba(0, 0, 0, 0.4);
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
}

body.dark-mode #profileImgChanger {
	position: absolute;
	cursor: pointer;
	height: 80px;
	width: 80px;
	bottom: 0px;
	border-radius: 50%;
	transform: translateZ(0px);
	-webkit-mask-image: -webkit-radial-gradient(center, circle cover, white 100%, black 100%);
}

body.dark-mode #profileImgChanger span {
	display: none;
}

body.dark-mode #profileImgChanger:hover {
	background: rgba(0, 0, 0, 0.4);
}

body.dark-mode #profileImgChanger:hover span {
	height: 100%;
	font-size: 40px;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
}

body.dark-mode #addcard-modal .alert.notify, body.dark-mode #gab-modal .alert.notify, body.dark-mode #gab-modal-global .alert.notify {
	margin-top: -40px;
	margin-left: -20px;
	margin-right: -20px;
	border-radius: 0px;
}

body.dark-mode #boxCenter .alert.notify {
	margin-left: -10px;
	margin-right: -10px;
	margin-top: 10px;
	border-radius: 0px;
	padding: 15px 20px !important;
}

body.dark-mode #addcard-modal .alert.notify button.close, body.dark-mode #gab-modal .alert.notify button.close, body.dark-mode #gab-modal-global .alert.notify button.close, body.dark-mode #boxCenter .alert.notify button.close {
	display: table-cell;
	vertical-align: middle;
	color: white;
	opacity: 0.8;
	text-shadow: none;
	font-size: 20px;
}

body.dark-mode .alert.notify.header-alert button.close {
	line-height: 18px;
	color: white;
	opacity: 0.8;
	text-shadow: none;
	font-size: 20px;
}

body.dark-mode #addcard-modal .alert.notify button.close:hover, body.dark-mode #gab-modal .alert.notify button.close:hover, body.dark-mode #gab-modal-global .alert.notify button.close:hover, body.dark-mode #boxCenter .alert.notify button.close:hover, body.dark-mode .alert.notify.header-alert button.close:hover {
	opacity: 1;
	background-color: rgba(82, 82, 82, 0.4);
}

body.dark-mode .btn-primary.disabled, body.dark-mode .btn-primary.disabled.focus, body.dark-mode .btn-primary.disabled:focus, body.dark-mode .btn-primary.disabled:hover, body.dark-mode .btn-primary[disabled], body.dark-mode .btn-primary[disabled].focus, body.dark-mode .btn-primary[disabled]:focus, body.dark-mode .btn-primary[disabled]:hover, body.dark-mode fieldset[disabled] .btn-primary, body.dark-mode fieldset[disabled] .btn-primary.focus, body.dark-mode fieldset[disabled] .btn-primary:focus, body.dark-mode fieldset[disabled] .btn-primary:hover {
	background-color: #242424 !important;
	color: #bfbfbf !important;
	border-color: #3b3b3b !important;
}

body.dark-mode #teacher-profile-modal .star-rating {
	font-size: 20px;
	padding-left: 5px;
	margin: 0px;
}

body.dark-mode #teacher-profile-modal .modal-footer img {
	height: 46px;
}

body.dark-mode #teacher-profile-modal .mainboard {
	padding: 5px 0px;
}

body.dark-mode #teacher-profile-modal .speech {
	margin-top: 0px;
}

body.dark-mode #teacher-profile-modal .speech .star-rating {
	padding-left: 0px;
	font-size: 18px;
}

body.dark-mode #teacher-profile-modal .speech .review-student-name, body.dark-mode #teacher-profile-modal .speech p {
	margin-bottom: 0px;
}

body.dark-mode #teacher-profile-modal .speech p {
	margin-top: 3px;
}

body.dark-mode #teacher-profile-modal .speech .speech-time {
	display: table-cell;
	vertical-align: bottom;
	padding-bottom: 2px;
	font-size: 13px;
}

body.dark-mode #teacher-profile-modal .review-student-name {
	font-size: 15px;
	font-weight: 600;
}

body.dark-mode #user-profile-modal .profileModalInfo ul, body.dark-mode #teacher-profile-modal .profileModalInfo ul {
	display: block;
	padding: 0px 20px 10px;
}

body.dark-mode #teacher-profile-modal .profileModalInfo li {
	width: 100%;
}

body.dark-mode #teacher-profile-modal .teacher-hourly-rate-text, body.dark-mode #teacher-profile-modal .teacher-hourly-rate-price {
	font-size: 15px;
}

body.dark-mode #teacher-profile-modal .teacher-hourly-rate-text {
	color: #bfbfbf;
	margin-left: 2px;
}

body.dark-mode #teacher-profile-modal .teacher-hourly-rate-price {
	font-weight: 600;
	color: #99e699;
}

body.dark-mode .slider-container {
	margin: 0px auto;
	max-width: calc(100% - 20px);
}

body.dark-mode .slider-container .back-bar {
	height: 7px;
}

body.dark-mode .slider-container .theme-blue .back-bar .pointer {
	top: -4px;
}

body.dark-mode .slider-container .scale ins {
	left: -5px !important;
}

body.dark-mode .scale span:first-of-type ins {
	margin-left: 0px !important;
}

@media (max-width: 459px) {
	body.dark-mode #teacher-profile-modal .profileModalInfo li {
		display: block;
		width: 100%;
	}

	body.dark-mode #teacher-profile-modal .modal-footer img, body.dark-mode #boxCenter .product-img {
		display: none;
	}

	body.dark-mode #boxCenter .product-info {
		margin-left: 0px;
	}

	body.dark-mode #teacher-profile-modal .modal-body .star-rating {
		display: block;
		font-size: 20px;
	}

	body.dark-mode #teacher-profile-modal h3 span {
		display: block !important;
		max-width: 175px !important;
	}

	body.dark-mode #teacher-profile-modal .modal-footer p {
		margin-bottom: 0px;
	}
}

body.dark-mode .ion-inline {
	margin-right: 5px;
}

body.dark-mode .ion-inline-right {
	margin-left: 5px;
}

body.dark-mode .nav.nav-tabs .ion-inline {
	margin-right: 3px;
}

body.dark-mode .dropdown-menu &gt; li &gt; a:focus {
	background-color: transparent;
	color: #bfbfbf;
}

body.dark-mode #complete-settings-modal .chevron.right::before {
	border-width: 2px 2px 0px 0px;
}

body.dark-mode #settings-tab .btn-group, body.dark-mode #settings-tab .btn-group button.multiselect {
	width: 100%;
}

body.dark-mode #settings-tab .btn-group .multiselect-selected-text {
	display: inline-block;
	width: calc(100% - 10px);
	text-align: left;
}

body.dark-mode .form-self-enabler button:disabled, body.dark-mode .form-self-enabler button:hover:disabled {
	background-color: #242424 !important;
	color: #bfbfbf !important;
	font-weight: 600 !important;
	border-color: #3b3b3b !important;
}

body.dark-mode #allcardlist {
	margin: 0px 10px;
	position: relative;
	min-height: 137px;
}

body.dark-mode #allcardlist li.item {
	padding-left: 15px;
}

body.dark-mode #addCardButton {
	padding: 15px 0px 10px;
}

body.dark-mode .empty-results {
	text-align: center;
	color: #bfbfbf;
	font-weight: 600;
	font-size: 24px;
}

body.dark-mode #index-content .empty-results {
	padding-top: 115px;
	padding-bottom: 15px;
}

@media (max-width: 767px) {
	body.dark-mode #index-content .empty-results {
		padding-top: 50px;
	}
}

body.dark-mode #user-profile-modal .modal-content, body.dark-mode #editor-profile-modal .modal-content {
	min-height: 292px;
}

body.dark-mode #user-profile-modal .modal-body, body.dark-mode #user-profile-modal .modal-footer, body.dark-mode #editor-profile-modal .modal-body, body.dark-mode #editor-profile-modal .modal-footer, body.dark-mode #teacher-profile-modal .modal-body, body.dark-mode #teacher-profile-modal .modal-footer {
	opacity: 0;
}

body.dark-mode #teacher-profile-modal .teacher-added-text {
	margin-right: 0px !important;
}

body.dark-mode span.label-success {
	background-color: #9bc969 !important;
}

body.dark-mode .gab-overlay {
	position: fixed;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background: #1f1f1f;
}

body.dark-mode .gab-overlay .logo {
	height: 100px;
	width: 100px;
	margin: 25px auto;
	background: url("../img/logos/bg.svg") no-repeat, linear-gradient(transparent, transparent);
	display: block !important;
}

body.dark-mode .gab-overlay .loading-text {
	width: 75%;
	height: 150px;
	margin: 100px auto 0px;
	text-align: center;
	display: flex;
	line-height: 1.25;
	font-size: 48px;
	font-family: Roboto, sans-serif;
	color: #bfbfbf;
	justify-content: center;
	align-items: center;
}

body.dark-mode .gab-overlay table.loading-explainer {
	margin: 0px auto;
	color: #bfbfbf;
	max-width: 66%;
}

body.dark-mode .gab-overlay .ion-ios-videocam::before {
	font-size: 48px;
	line-height: 24px;
	vertical-align: middle;
	margin-top: -4px;
}

body.dark-mode .gab-overlay td.share-text {
	font-size: 24px;
	text-align: center;
}

body.dark-mode .gab-overlay .loading-helptext {
	text-align: center;
	padding: 10px;
	font-size: 18px;
}

body.dark-mode .share-text-mobile {
	display: none;
}

@media (max-width: 991px) {
	body.dark-mode .share-text {
		display: none;
	}

	body.dark-mode .share-text-mobile {
		display: block;
		font-size: 24px;
		text-align: center;
	}

	body.dark-mode .gab-overlay .loading-text {
		font-size: 40px;
	}

	body.dark-mode .gab-overlay .loading-helptext {
		font-size: 16px;
	}

	body.dark-mode .gab-overlay .video-icon {
		display: block;
		text-align: center;
		margin: 30px 25px 15px;
	}
}

@media (max-width: 767px) {
	body.dark-mode .gab-overlay .loading-text {
		height: 100px;
		font-size: 31px;
	}
}

@media (max-width: 459px) {
	body.dark-mode .gab-overlay .loading-text {
		margin-top: 25px;
		width: 90%;
		font-size: 24px;
	}
}

body.dark-mode .carousel-indicators {
	bottom: 10px;
}

body.dark-mode .carousel-control {
	width: 10%;
}

body.dark-mode .carousel-control span.fa.fa-angle-right {
	margin-left: -15px;
}

body.dark-mode #examTabsContent, body.dark-mode #comment-box-topic, body.dark-mode #tab_info {
	counter-reset: item 0;
}

body.dark-mode #examTabsContent .progress-bar-red, body.dark-mode #examTabsContent .progress-bar-red .darktext {
	min-width: 10% !important;
}

body.dark-mode .topic-result-score {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 20px;
	opacity: 0.8;
}

body.dark-mode .topic-result-subscore {
	font-size: 16px;
	color: #b6c0c8;
}

body.dark-mode .alert-default {
	background-color: #1c1c1c !important;
	border-color: #303030 !important;
}

body.dark-mode .alert.alert-exam-difficulty {
	display: block;
	margin-top: 10px;
}

body.dark-mode .alert.alert-exam-difficulty {
	margin-bottom: 0px;
	margin-top: 15px;
}

body.dark-mode .alert.alert-exam-difficulty a {
	color: #9fc0df;
	text-decoration: none;
}

body.dark-mode .alert.alert-exam-difficulty a:hover {
	text-decoration: underline;
}

body.dark-mode .alert.alert-exam-difficulty span.gap {
	padding: 0px 2.5px;
}

@media (max-width: 559px) {
	body.dark-mode #examTabsContent .progress-bar-red, body.dark-mode #examTabsContent .progress-bar-red .darktext {
		min-width: 20% !important;
	}
}

@media (max-width: 499px) {
	body.dark-mode .difficulty-picker {
		display: block;
		margin-top: 5px;
	}
}

@media (max-width: 419px) {
	body.dark-mode .topic-result-score {
		font-size: 15px;
	}

	body.dark-mode .topic-result-subscore {
		font-size: 12px;
	}
}

body.dark-mode .dropdown-toggle .online-status {
	display: none;
	position: absolute;
	right: 8px;
	top: 30px;
	height: 10px;
	width: 10px;
	background: #1c1c21;
	border-radius: 50%;
	transform: translateZ(0px);
	-webkit-mask-image: -webkit-radial-gradient(center, circle cover, white 100%, black 100%);
}

body.dark-mode .dropdown-toggle .online-status i {
	position: absolute;
	top: -2px;
	left: -2px;
	font-size: 15px;
}

body.dark-mode .dropdown-toggle .online-status.online i {
	color: #c0dda1 !important;
}

body.dark-mode .dropdown-toggle .online-status.online i::before {
	content: "ï„&nbsp;";
}

body.dark-mode .dropdown-toggle .online-status.offline i {
	color: #cccccc !important;
}

body.dark-mode .dropdown-toggle .online-status.offline i::before {
	content: "ï„¨";
}

body.dark-mode .footer-mini {
	margin: 10px 15px;
}

body.dark-mode .footer-mini .company-name {
	display: inline-block;
	font-family: Roboto, sans-serif;
	font-size: 13px;
}

body.dark-mode .footer-mini-links {
	display: inline-block;
}

body.dark-mode .footer-mini-links a {
	margin: 0px 2.5px;
}

body.dark-mode .footer-mini .company-name, body.dark-mode .footer-mini-links a, body.dark-mode .footer-mini-links a:focus {
	display: inline-block;
	color: #bfbfbf;
	text-decoration: none;
}

body.dark-mode a.topic-video-link, body.dark-mode a.topic-video-link:focus {
	display: inline-block;
	color: #9fc0df;
	text-decoration: none;
}

body.dark-mode .footer-mini-links a:hover, body.dark-mode a.topic-video-link:hover {
	text-decoration: underline;
}

body.dark-mode .footer-mini-links:hover a:hover, body.dark-mode a.topic-video-link:hover {
	color: #9fc0df;
}

body.dark-mode #examTabs .active.active-teacher {
	border: 0px;
}

body.dark-mode #examTabs .active.active-teacher a {
	color: #bfbfbf;
	height: 50px;
	border-top-color: transparent;
}

body.dark-mode #examTabs .active.active-teacher a h3 {
	border: 0px;
}

body.dark-mode #examTabs.teacherExamTabs hr:last-of-type {
	border-color: transparent;
}

body.dark-mode #footer-mini-index {
	opacity: 0;
}

body.dark-mode #footer-mini-index .footer-mini {
	opacity: 0;
	font-size: 14px;
	margin: -10px 15px 0px;
}

body.dark-mode img.paypal-settings-logo {
	width: 75px;
	margin: 5px 0px;
}

body.dark-mode .box-widget.widget-user-2 .teacher-widget-info {
	padding: 15px 20px;
	font-size: 20px;
	color: #bfbfbf;
}

body.dark-mode .box-widget.widget-user-2 .teacher-widget-info-text {
	margin-bottom: 5px;
}

body.dark-mode .box-widget.widget-user-2 .teacher-widget-info i {
	font-size: 20px;
	vertical-align: -1px;
}

body.dark-mode .box-widget.widget-user-2 .teacher-widget-info table td {
	font-size: 18px !important;
}

body.dark-mode #hourly-rate-modal .hourly-rate-wrapper {
	text-align: center;
	padding: 20px 0px;
}

body.dark-mode #hourly-rate-value {
	display: inline-block;
	vertical-align: middle;
	width: 50px;
	margin: 2.5px;
}

body.dark-mode #currency-hourly-rate {
	display: inline-block;
	vertical-align: middle;
	width: 200px;
	margin: 2.5px;
}

@media (max-width: 399px) {
	body.dark-mode #currency-hourly-rate {
		width: 175px;
	}

	body.dark-mode .title-area {
		padding: 0px;
	}
}

body.dark-mode .tab-footer-button {
	margin: 10px -20px 10px;
	padding-top: 15px;
}

body.dark-mode .search-footer-button {
	border-top: 1px solid #2b2b2b;
	margin: 10px -10px -10px;
	padding: 15px 20px;
}

body.dark-mode #savedcards {
	display: none;
}

body.dark-mode .gab-modal-message {
	text-align: center;
	margin-top: 10px;
	font-size: 18px;
}

body.dark-mode #salirbtn {
	margin: 8px 0px;
	font-weight: 600;
	width: 105px;
	color: white;
	background-color: #317fc4;
}

body.dark-mode .newgabbtn {
	background-color: #242424;
	color: #bfbfbf;
}

@media (max-width: 559px) {
	body.dark-mode .mobile-adjust-button {
		width: 100% !important;
	}
}

body.dark-mode #teacher-gab-list {
	margin: 0px -30px;
	padding: 10px 20px;
	background: #1f1f1f;
	min-height: 0px;
}

body.dark-mode #gabModalTeachers a .product-info span {
	font-size: 16px;
}

body.dark-mode #qawrap #messages li:last-of-type {
	margin-bottom: 15px;
}

body.dark-mode #qawrap #messages .speech p {
	margin: 5px 0px;
	font-size: 16px;
}

body.dark-mode #qawrap .replybtn {
	font-size: 13px;
}

body.dark-mode #qawrap .speech {
	padding-top: 7px;
}

body.dark-mode #qawrap .speech .media-heading {
	vertical-align: baseline;
	font-size: 16px;
	line-height: 16px;
}

body.dark-mode #qawrap .speech &gt; a.media-heading {
	font-size: 16px;
}

body.dark-mode #qawrap .speech p &gt; a.media-heading {
	display: inline-block;
	vertical-align: middle;
	margin: -10px 0px 5px;
	color: #bfbfbf;
	font-size: 14px;
	line-height: 22px;
}

body.dark-mode #qawrap .speech p &gt; .reply-clarifier {
	display: inline-block;
	vertical-align: middle;
	color: #bfbfbf;
	font-size: 14px;
	margin: -10px 2px 5px 0px;
}

body.dark-mode #qawrap .speech span.speech-teacher, body.dark-mode #qawrap .speech-time {
	font-size: 14px;
	line-height: 16px;
	vertical-align: baseline;
}

body.dark-mode #qawrap .speech span.speech-teacher {
	margin-left: -2px;
}

body.dark-mode .gab-modal-message.gab-unavailable {
	padding-top: 20px;
}

body.dark-mode .gab-loading-return {
	position: absolute;
	left: 20px;
	bottom: 10px;
	font-size: 18px;
}

body.dark-mode .gab-loading-return a {
	cursor: pointer;
}

body.dark-mode button.btn.btn-primary.setVideo.selected, body.dark-mode button.btn.btn-primary.setAudio.selected {
	background: #c84332 !important;
	border-color: #c84332 !important;
}

body.dark-mode .page-title.teacher-title {
	margin-bottom: 0px;
	min-height: 28px;
}

body.dark-mode .dropdown-menu .loggednativetitle {
	font-size: 13px !important;
	margin-left: 0px !important;
	vertical-align: initial !important;
}

body.dark-mode #teacher-profile-modal .modal-body .modal-footer {
	border: 0px;
	padding: 15px;
	height: auto !important;
}

body.dark-mode #teacher-profile-modal #messages li:first-of-type {
	border: 0px;
	margin-top: 0px;
}

body.dark-mode #user-profile-modal .profileWidgetName, body.dark-mode #teacher-profile-modal .profileWidgetName {
	padding-left: 5px;
	width: 100%;
	margin-top: -19px !important;
}

body.dark-mode #user-profile-modal .profileWidgetName h3, body.dark-mode #teacher-profile-modal .profileWidgetName h3 {
	overflow: hidden;
	text-overflow: ellipsis;
}

body.dark-mode #user-profile-modal .profileWidgetName h3 .modalusername, body.dark-mode #teacher-profile-modal .profileWidgetName h3 .modalusername {
	font-weight: 600;
	font-size: 26px;
}

body.dark-mode #teacher-profile-modal .profileWidgetName h3 .star-rating-wrap {
	height: 30px;
}

body.dark-mode #user-profile-modal .profileWidgetName h3 span {
	display: inline-block;
	max-width: calc(100% - 85px);
	margin-right: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

@media (max-width: 359px) {
	body.dark-mode #user-profile-modal .profileWidgetName h3 {
		font-size: 18px !important;
	}
}

body.dark-mode .teacher-exam-alerter {
	margin-top: 10px;
}

body.dark-mode .teacher-exam-alerter.alert-danger {
	font-weight: 600;
}

body.dark-mode .teacher-exam-alerter button.close {
	font-size: 20px;
	line-height: 20px;
}

body.dark-mode .teacher-exam-alerter.alert-danger button.close {
	color: white;
	text-shadow: none;
	opacity: 0.8;
}

body.dark-mode .teacher-exam-alerter.alert-danger button.close:hover {
	opacity: 1;
}

body.dark-mode #teacher-profile-modal .modal-content &gt; .modal-footer {
	padding: 15px 20px;
	display: none !important;
}

body.dark-mode #teacher-profile-modal .modal-content &gt; .modal-footer p {
	margin-bottom: 0px;
}

body.dark-mode button.btn.btn-gab-modal.btn-gab-disabled, body.dark-mode button.btn.btn-gab-modal.btn-gab-disabled:hover {
	background-color: #102841;
	border-color: #304254;
	color: #bfbfbf;
	cursor: default;
	box-shadow: none;
}

@media (max-width: 359px) {
	body.dark-mode .topic-box .box-footer .pull-left:not(.tags-line) {
		max-width: 115px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}

body.dark-mode #grammar-modal ol li {
	list-style-type: decimal;
}

@media (max-width: 599px) {
	body.dark-mode #grammar-modal .modal-body ul li {
		margin-left: 25px !important;
	}
}

body.dark-mode .aspectRatioForcer img {
	position: absolute;
	top: -9999px;
	bottom: -9999px;
	left: -9999px;
	right: -9999px;
	margin: auto;
	min-width: 100%;
	min-height: 100%;
	object-fit: cover;
}

body.dark-mode .nav-tabs li a h3 i {
	vertical-align: bottom;
}

body.dark-mode .register-now-header-alert {
	margin: 49px -200px 0px;
	padding: 15px 215px;
	left: 0px;
	right: 0px;
	border: 0px;
	font-weight: 600;
	font-size: 24px;
	border-radius: 0px;
	text-align: center;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px;
}

body.dark-mode .alert-success.register-now-header-alert {
	opacity: 0.96;
	display: block;
	text-decoration: none;
}

body.dark-mode .register-now-header-link {
	color: white;
	display: block;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 37px;
	text-decoration: underline !important;
}

body.dark-mode .register-now-header-link:hover, body.dark-mode .register-now-header-link:focus {
	color: white;
	text-decoration: underline !important;
}

@media (max-width: 1280px) and (min-width: 992px) {
	body.dark-mode .register-now-header-alert {
		font-size: 23px;
	}
}

@media (max-width: 991px) {
	body.dark-mode .register-now-header-alert {
		font-size: 20px;
	}

	body.dark-mode .register-now-header-link {
		font-size: 26px;
	}
}

@media (max-width: 459px) {
	body.dark-mode .register-now-header-link {
		font-size: 21px;
	}

	body.dark-mode .register-now-header-alert {
		font-size: 18px;
	}
}

body.dark-mode #questions .sticky-text {
	margin: 5px 2px 25px;
	font-size: 18px;
	line-height: 26px;
	padding-bottom: 20px;
	border-bottom: 1px solid #2b2b2b;
}

body.dark-mode #questions .sticky-text a:hover {
	cursor: pointer;
}

body.dark-mode #questions .sticky-text a:focus:hover {
	text-decoration: underline;
}

body.dark-mode #grammar-modal .modal-body table, body.dark-mode #grammar-content .grammar-detail-content table {
	border: 1px solid #292929;
	margin: 10px auto 30px;
	width: 97% !important;
}

body.dark-mode #grammar-modal .modal-body table thead th, body.dark-mode #grammar-content .grammar-detail-content table thead th {
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 14px;
	background: #102841;
}

body.dark-mode #grammar-modal .modal-body table tbody &gt; tr:nth-of-type(2n+1), body.dark-mode #grammar-content .grammar-detail-content table tbody &gt; tr:nth-of-type(2n+1) {
	background: #1c1c21;
}

body.dark-mode #grammar-modal .modal-body table tbody &gt; tr:nth-of-type(2n), body.dark-mode #grammar-content .grammar-detail-content table tbody &gt; tr:nth-of-type(2n) {
	background: #212121;
}

body.dark-mode #grammar-modal .modal-body table tbody &gt; tr &gt; td, body.dark-mode #grammar-content .grammar-detail-content table tbody &gt; tr &gt; td {
	font-size: 16px;
	padding: 4px 0px;
}

@media (max-width: 419px) {
	body.dark-mode #grammar-modal .modal-body table thead th, body.dark-mode #grammar-content .grammar-detail-content table thead th {
		padding: 5px 10px;
		font-size: 12px;
	}

	body.dark-mode #grammar-modal .modal-body table tbody &gt; tr &gt; td, body.dark-mode #grammar-content .grammar-detail-content table tbody &gt; tr &gt; td {
		font-size: 12px;
	}
}

body.dark-mode .gab-page #examForm hr.resultHR:last-of-type {
	border-color: #1c1c21;
}

body.dark-mode .tags-line.tags-widget.tags-vocabulary li {
	display: table;
}

body.dark-mode .tags-line.tags-widget.tags-vocabulary span {
	display: table-cell;
	vertical-align: top;
}

@media (max-width: 559px) {
	body.dark-mode .tags-line.tags-widget.tags-vocabulary span {
		display: block;
		margin-top: 5px;
		margin-left: 3px;
	}
}

body.dark-mode #article {
	padding: 0px 5px;
}

body.dark-mode #article .articletext hr {
	margin: 5px;
	border-color: transparent !important;
}

body.dark-mode .writingBox .panel {
	background-color: #212121;
}

body.dark-mode .writingBox .panel-body {
	padding: 5px 25px;
}

body.dark-mode .writingBox .label-default {
	font-weight: 600;
	font-size: 14px;
	background-color: #303030;
	margin: 0px 5px 5px 0px;
	border-radius: 20px;
}

body.dark-mode #start-gab-button, body.dark-mode #start-gab-button span, body.dark-mode #start-gab-button:focus, body.dark-mode #start-gab-button:focus span {
	background-color: #ef7d30;
	border-color: #ef7d30;
	color: white;
}

body.dark-mode #start-gab-button:hover {
	background-color: #f88c3c !important;
	border-color: #f88c3c !important;
}

@media (max-width: 991px) {
	body.dark-mode #start-gab-button:active {
		box-shadow: none;
	}
}

body.dark-mode #start-gab-button:hover i {
	color: white;
}

body.dark-mode .private-gab-link-button {
	text-align: center;
}

body.dark-mode .private-gab-link-button a {
	width: 140px;
}

@media (max-width: 991px) {
	body.dark-mode .private-gab-link-button {
		text-align: right;
	}
}

@media (max-width: 767px) {
	body.dark-mode .private-gab-link-button a {
		width: 100px;
	}
}

@media (max-width: 559px) {
	body.dark-mode #copyLink {
		display: block;
		margin: 10px 0px !important;
	}
}

body.dark-mode .writing-homework-explainer {
	text-align: left;
	margin-top: 10px;
	font-size: 14px;
	font-weight: 600;
	color: #bfbfbf;
	padding: 5px 10px;
	border-radius: 20px;
	display: inline-flex;
	align-items: flex-start;
	background: #102841 !important;
}

body.dark-mode .open &gt; .dropdown-toggle.btn-primary {
	box-shadow: none;
	background-color: #3f8ccf !important;
	border-color: #4791d1 !important;
}

body.dark-mode .nav &gt; li &gt; a:hover, body.dark-mode .nav &gt; li &gt; a:active, body.dark-mode .nav &gt; li &gt; a:focus {
	text-decoration: none;
}

@media (min-width: 992px) {
	body.dark-mode .no-padding-md {
		padding: 0px !important;
	}
}

body.dark-mode .my-quizzes-link {
	display: block;
	font-size: 11px;
	line-height: 13px;
	color: #b8c1c6;
	font-weight: 400;
}

body.dark-mode .quiz-table-wrapper {
	width: calc(100% + 20px);
	clear: both;
	padding: 10px 0px;
	margin: 0px -10px;
}

body.dark-mode .quiz-table {
	width: 100%;
}

body.dark-mode .quiz-table-wrapper th {
	width: 33%;
	color: #b6c0c8;
	font-size: 11px;
	text-align: center;
	letter-spacing: 0.02em;
	overflow: hidden;
	text-transform: uppercase;
}

body.dark-mode .quiz-table-wrapper td {
	color: #bfbfbf;
	text-align: center;
	font-size: 18px;
	padding-top: 3px;
}

body.dark-mode .quiz-box {
	padding: 5px 15px;
	margin-bottom: 15px;
}

body.dark-mode .quiz-box .img-circle {
	width: 50px;
	height: 50px;
}

@media (max-width: 459px) {
	body.dark-mode .quiz-box .img-circle {
		width: 32px;
		height: 32px;
	}
}

body.dark-mode .quiz-box img.img-responsive {
	border-radius: 4px;
	min-height: 100%;
}

body.dark-mode .quiz-box p {
	margin-top: 2px;
	font-size: 18px;
}

body.dark-mode .quiz-box .radio {
	margin-left: 10px;
	margin-bottom: 15px;
	font-size: 16px;
}

body.dark-mode .quiz-box .quiz-submit {
	margin: 0px 5px;
}

body.dark-mode .quiz-box .middle-dot {
	font-weight: 100;
	color: #bfbfbf;
	margin: 0px 2px;
}

body.dark-mode .quiz-box .quiz-submit-text {
	color: #b6c0c8;
	display: inline-block;
	height: 34px;
	vertical-align: middle;
	line-height: 34px;
}

body.dark-mode .quiz-box .quiz-bottom {
	margin: 20px 0px;
}

body.dark-mode .quiz-box .quiz-like-buttons {
	float: right;
	display: inline-block;
	color: #bfbfbf;
	font-size: 24px;
	vertical-align: middle;
	height: 34px;
	line-height: 34px;
}

body.dark-mode .quiz-box .quiz-like-buttons a {
	color: #bfbfbf;
	margin: 0px 5px;
}

body.dark-mode .quiz-box .quiz-like-buttons a:hover {
	color: #bfbfbf;
	cursor: pointer;
}

body.dark-mode a.quiz-dislike i {
	vertical-align: bottom;
}

body.dark-mode .quiz-box .quiz-percentage {
	width: 50px;
	color: #bfbfbf;
	font-weight: 600;
	display: inline-block;
	text-align: center;
}

body.dark-mode .quiz-box .quiz-answer-text {
	margin-right: 2px;
}

body.dark-mode .quiz-box .quiz-creator-info {
	width: calc(100% - 30px);
	overflow: hidden;
	display: inline-block;
}

body.dark-mode .quiz-box a.quiz-chevron {
	cursor: pointer;
	color: #bfbfbf;
	vertical-align: middle;
}

body.dark-mode .quiz-box ul.dropdown-menu li a {
	text-decoration: none !important;
}

body.dark-mode .quiz-box .btn-group.open a.dropdown-toggle.quiz-chevron {
	box-shadow: none;
}

body.dark-mode .quiz-box form {
	margin-top: 15px;
}

body.dark-mode .quiz-explainer {
	margin-top: 5px;
	margin-left: 10px;
	font-size: 16px;
}

body.dark-mode .quiz-select {
	height: 50px;
	font-size: 20px;
	color: #bfbfbf;
}

body.dark-mode hr.quizHR {
	margin: 10px 0px;
	border-color: transparent !important;
}

body.dark-mode .quiz-extra-choice {
	display: inline-block;
	margin-right: 5px;
}

body.dark-mode .quiz-extra-choice-remove {
	display: inline-block;
	height: 50px;
}

body.dark-mode #create-quiz-modal .gab-list-wrapper, body.dark-mode #create-question-modal .gab-list-wrapper, body.dark-mode #edit-question-modal .gab-list-wrapper {
	max-height: none;
}

body.dark-mode #create-quiz-modal .modal-body, body.dark-mode #create-question-modal .modal-body, body.dark-mode #edit-question-modal .modal-body {
	padding: 30px 30px 15px;
}

@media (max-width: 767px) {
	body.dark-mode .quiz-box .btn-group {
		width: auto;
	}
}

@media (max-width: 499px) {
	body.dark-mode #create-quiz-modal .modal-body, body.dark-mode #create-question-modal .modal-body, body.dark-mode #edit-question-modal .modal-body {
		padding: 30px 10px 15px;
	}
}

body.dark-mode.private-gab-page .input-error, body.dark-mode #entered-topic-video.input-error {
	background: none 0px 0px repeat scroll #411111 !important;
	border-color: #862323 !important;
	color: #e69999 !important;
	font-weight: 400 !important;
}

body.dark-mode.private-gab-page .tooltip.top &gt; .tooltip-inner {
	background-color: #9b2727;
	padding: 20px;
	font-size: 15px;
	font-weight: 500;
	box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 10px;
	max-width: 275px;
}

body.dark-mode.private-gab-page .tooltip.top &gt; .tooltip-arrow {
	border-top-color: #9b2727;
}

body.dark-mode.private-gab-page .tooltip.in {
	opacity: 0.95;
}

body.dark-mode #mobile-private-gab-button {
	position: fixed;
	cursor: pointer;
	bottom: 20px;
	right: 20px;
	height: 50px;
	width: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 24px;
	color: white;
	border-radius: 50%;
	background: #ef7d30;
	z-index: 3;
	box-shadow: rgba(101, 119, 134, 0.2) 0px 0px 15px, rgba(101, 119, 134, 0.15) 0px 0px 3px 1px;
}

@media (max-width: 1024px) {
	body.dark-mode #mobile-private-gab-button {
		bottom: 10px;
		right: 10px;
	}
}

body.dark-mode #chat-button {
	position: fixed;
	bottom: 25px;
	right: 0px;
	cursor: pointer;
	padding: 8px 4px;
	height: 70px;
	width: 45px;
	text-align: center;
	font-size: 22px;
	color: white;
	background: #ef7d30;
	z-index: 3;
	box-shadow: #666666 0px 0px 10px;
}

body.dark-mode #chat-button i {
	display: block;
}

body.dark-mode #chat-button .chat-msg {
	font-size: 15px;
	line-height: 15px;
	font-weight: 700;
}

body.dark-mode #chat-button {
	display: none !important;
}

body.dark-mode #mobile-private-gab-button.gab-scale {
	animation: 0.2s ease 0s 1 normal forwards running gab-scale;
}

body.dark-mode #mobile-private-gab-button.gab-scale-rev {
	animation: 0.2s ease 0s 1 normal forwards running gab-scale-rev;
}

@keyframes gab-scale {
	0% {
		transform: scale(1);
	}

	100% {
		transform: scale(0.001);
	}
}

@-webkit-keyframes gab-scale {
	0% {
		transform: scale(1);
	}

	100% {
		transform: scale(0.001);
	}
}

@keyframes gab-scale-rev {
	0% {
		transform: scale(0.001);
	}

	100% {
		transform: scale(1);
	}
}

@-webkit-keyframes gab-scale-rev {
	0% {
		transform: scale(0.001);
	}

	100% {
		transform: scale(1);
	}
}

body.dark-mode .youtube-container {
	display: block;
	margin: 10px auto;
	width: 100%;
	max-width: 100%;
}

body.dark-mode .youtube-player {
	display: block;
	width: 100%;
	padding-bottom: 56.25%;
	overflow: hidden;
	position: relative;
	height: 100%;
	cursor: pointer;
}

body.dark-mode img.youtube-thumb {
	bottom: 0px;
	display: block;
	left: 0px;
	margin: auto;
	max-width: 100%;
	width: 100%;
	position: absolute;
	right: 0px;
	top: 0px;
	height: auto;
}

body.dark-mode div.play-button {
	height: 72px;
	width: 72px;
	left: 50%;
	top: 50%;
	margin-left: -36px;
	margin-top: -36px;
	position: absolute;
	background: url("https://www.bitgab.com/assets-dashboard/img/video-overlay-icon-big.png") no-repeat;
}

body.dark-mode #youtube-iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}

body.dark-mode .aspectRatioForcer #playerWrap.quizPlayerWrap {
	position: absolute;
	top: 0px;
	height: 100%;
	width: 100%;
}

body.dark-mode #quizTimeline .empty-results {
	max-width: 400px;
	margin: 50px auto 25px;
	font-size: 30px;
}

body.dark-mode #create-quiz-modal #videowrapper {
	padding: 10px 0px;
}

body.dark-mode #create-quiz-modal #videowrapper button.close {
	line-height: 50px;
}

body.dark-mode #create-quiz-modal #photo-placeholder {
	margin: 20px;
}

body.dark-mode .quiz-box .media-body {
	overflow: visible;
}

body.dark-mode .carousel-inner .slidenumber {
	color: white;
	height: 30px;
	line-height: 30px;
	position: absolute;
	right: 15px;
	text-align: center;
	top: 15px;
	width: 30px;
	z-index: 2;
	font-size: 25px;
	font-weight: 600;
}

@media (max-width: 992px) {
	body.dark-mode .quiz-page #headerTitleWrapper {
		margin-bottom: 10px;
	}
}

body.dark-mode .quiz-page h1.page-title a {
	position: relative;
	display: inline-block;
	text-decoration: none;
}

@media (min-width: 992px) {
	body.dark-mode .quiz-page h1.page-title a:hover::after {
		content: "";
		position: absolute;
		left: 0px;
		bottom: 2px;
		right: 0px;
		margin: auto;
		background: #3c7ab4;
		height: 1px;
	}
}

body.dark-mode #bitgab-connect-tab {
	margin-bottom: 15px;
	background: #1c1c21;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px;
	border-radius: 20px;
	padding: 12.5px 7.5px;
}

body.dark-mode #bitgab-connect-tab hr {
	border-color: transparent !important;
}

body.dark-mode #bitgab-connect-tab .box-title {
	margin-bottom: -5px;
}

body.dark-mode .insert-char-menu {
	width: 300px;
	margin-left: -281px;
	margin-top: -2px;
	left: 50% !important;
}

body.dark-mode button.insert-char-button:hover, body.dark-mode a.insert-char-button:hover {
	background-color: transparent !important;
	color: inherit !important;
	border: 0px !important;
}

body.dark-mode .insert-char-menu.insert-char-inline {
	width: 200px;
	margin-left: -181px;
	margin-top: -3px;
	left: 50% !important;
}

body.dark-mode .insert-char-button i {
	margin-right: 3px;
}

body.dark-mode .insert-char-menu.insert-char-inline .li-block li {
	width: 27px;
	height: 36px;
	line-height: 18px;
}

body.dark-mode .insert-char-inline-button {
	border: 0px;
	padding: 5px;
	border-radius: 0px !important;
	background-color: transparent !important;
	box-shadow: none !important;
}

body.dark-mode button.insert-char-inline-button:focus, body.dark-mode button.insert-char-inline-button:active {
	background-color: transparent !important;
}

body.dark-mode .insert-char-inline-button i {
	font-size: 24px;
	line-height: 18px;
	color: #cccccc;
}

body.dark-mode .insert-char-inline-button:hover i {
	color: #bfbfbf;
}

body.dark-mode .li-block li {
	display: inline-block;
	padding: 10px;
	text-align: center;
	width: 37px;
	height: 40px;
	line-height: 20px;
}

body.dark-mode .li-block li a {
	color: #bfbfbf;
}

body.dark-mode .li-block li:hover {
	background-color: #3c7ab4;
}

body.dark-mode .li-block li:hover a {
	color: white;
	text-decoration: none;
}

@media (max-width: 459px) {
	body.dark-mode .insert-char-menu {
		left: 20px !important;
	}
}

@media (max-width: 419px) {
	body.dark-mode .insert-char-menu {
		left: 68px !important;
	}
}

@media (max-width: 359px) {
	body.dark-mode .insert-char-menu {
		width: 270px;
	}

	body.dark-mode .li-block li {
		width: 32px;
	}

	body.dark-mode .insert-char-menu {
		left: 100px !important;
	}
}

body.dark-mode #messageswrap li.msgitem {
	cursor: pointer;
	padding: 10px;
	background: #242424;
}

body.dark-mode #messageswrap li.msgitem.msgitem-read {
	background: #1c1c21;
}

body.dark-mode #messageswrap li.msgitem .product-info a {
	color: #bfbfbf;
}

body.dark-mode #messageswrap li.msgitem:not(.msgitem-read) .product-info a {
	color: #bfbfbf;
	font-weight: 600;
}

body.dark-mode #messageswrap li.msgitem:not(.msgitem-read) .product-info span {
	font-weight: 600;
	color: #bfbfbf !important;
}

body.dark-mode #messageswrap li.msgitem:hover, body.dark-mode #messageswrap li.msgitem.msgitem-read:hover {
	background: #212121;
	border-radius: 20px;
}

@media (max-width: 991px) {
	body.dark-mode #messageswrap li.msgitem:hover, body.dark-mode #messageswrap li.msgitem.msgitem-read:hover {
		background-color: transparent;
	}
}

body.dark-mode #message-modal #conversationBoxMessage {
	height: calc(100vh - 280px);
}

body.dark-mode #message-modalChat #conversationBoxMessageChat {
	height: inherit;
}

body.dark-mode #message-modalChat .modal-header {
	background: #1c1c21;
	display: flex;
    align-items: center;
    flex-direction: row-reverse;
}

body.dark-mode .direct-chat {
	overflow: hidden !important;
	height:inherit;
}

body.dark-mode #message-modal .modal-body {
	height: calc(100vh - 280px);
	background: #1f1f1f;
}

body.dark-mode #message-modalChat {
	position: fixed;
	bottom: 10px;
	right: 230px;
	z-index: 4;
}

body.dark-mode #message-modalChat .modal-dialog {
	margin: 0px;
	width: 275px;
}

body.dark-mode #message-modalChat .modal-body {
	height: 275px;
	background: #1f1f1f;
	font-size: 12px;
}

@media(max-width:1024px) {
	.resizechatwindow {
		display:none;
	}
	body.dark-mode #message-modalChat .modal-dialog {
		width:60vw;
	}
	body.dark-mode #message-modalChat .modal-body {
		height:60vh;
	}
}


body.dark-mode #message-modalChat #sendMessageAreaChat textarea {
	height:auto;
	padding: 4px 10px;
	border-radius: 4px;
	resize: none;
	font-size: 14px;
	line-height: 20px;
	max-height: 105.6px;
}

body.dark-mode #message-modalChat .direct-chat-text {
	margin: 0px 10% 0px 0px;
	font-weight: 600;
	font-size: 13px;
}

body.dark-mode #message-modalChat .right .direct-chat-text {
	margin-right: 0px;
	margin-left: 10%;
	word-break: break-word;
}

body.dark-mode #message-modal #chatnotice {
	display: none;
	background: transparent;
	padding: 0px;
	position: absolute;
	z-index: 1;
	width: 100%;
	line-height: calc(100vh - 280px);
	text-align: center;
}

body.dark-mode span.lastmsgdate {
	text-transform: uppercase;
	font-size: 12px;
	color: #b6c0c8;
	display: block;
	width: 100%;
}

body.dark-mode span.lastmsgdate.right {
	text-align: right;
}

body.dark-mode #message-modalChat .direct-chat-msg {
	overflow-wrap: break-word;
}

body.dark-mode .direct-chat-msg .direct-chat-text a {
	text-decoration: underline !important;
}

body.dark-mode .direct-chat-msg.right .direct-chat-text a {
	color: white;
}

body.dark-mode li.nofriendrequest a:hover {
	cursor: inherit !important;
	background: transparent !important;
}

@media (min-width: 992px) {
	body.dark-mode li.header-msgitem:hover {
		background-color: #242424;
		cursor: pointer;
	}
}

body.dark-mode .teacher-added-text .btn-link.msgitem {
	cursor: pointer;
	color: #9cc2e3 !important;
}

body.dark-mode #widget-box .profileWidgetImg {
	border-width: 3px;
}

@media (min-width: 992px) {
	body.dark-mode #widget-box {
		margin-bottom: 10px;
		overflow: hidden;
	}

	body.dark-mode #sign-up-box {
		margin-bottom: 10px;
	}
}

@media (max-width: 991px) {
	body.dark-mode #sign-up-box {
		margin: 10px 0px !important;
	}
}

body.dark-mode .body-container {
	min-height: 100%;
}

body.dark-mode .modal-backdrop {
	display: none;
}

body.dark-mode .modal {
	z-index: 3000;
}

body.dark-mode .md-overlay, body.dark-mode .md-chat-overlay {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 2000;
	visibility: hidden;
	opacity: 0;
	background: rgba(36, 36, 36, 0.9);
}

body.dark-mode .modal.in ~ .md-overlay {
	opacity: 1;
	visibility: visible;
}

@media (max-width: 991px) {
	body.dark-mode:not(.sidenav-open) .modal.in ~ .md-overlay {
		opacity: 1;
		visibility: visible;
	}
}

@media (max-width: 991px) {
	body.dark-mode .modal-content {
		box-shadow: rgba(101, 119, 134, 0.2) 0px 0px 15px, rgba(101, 119, 134, 0.15) 0px 0px 3px 1px;
	}
}

body.dark-mode #topicbox-exercise-result {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: -10px;
	margin-top: 10px;
}

body.dark-mode #topicbox-exercise-result, body.dark-mode #topicbox-exercise-result .box-footer {
	background: #1f1f1f;
}

body.dark-mode #topicbox-exercise-result {
	border-top: 1px solid #242424;
}

body.dark-mode #topicbox-exercise-result .box-footer span {
	color: #bfbfbf;
	font-weight: 500;
	font-variant: small-caps;
}

body.dark-mode br.long {
	content: "A" !important;
	display: block !important;
	margin-bottom: 1.2em !important;
}

body.dark-mode ul.tags-line.tags-widget:not(.tags-vocabulary) li {
	display: inline-block;
}

body.dark-mode .publicShareButton.disabled {
	opacity: 0.65;
	pointer-events: none;
	background-color: #242424 !important;
	color: #bfbfbf !important;
	font-weight: 400 !important;
	border-color: #3b3b3b !important;
}

body.dark-mode img.topicBoxImage {
	opacity: 0;
}

body.dark-mode .topic-box:not(.loaded) .m_highlight_header {
	padding-top: 56.25%;
	display: block;
	content: "";
}

body.dark-mode .topic-box:not(.loaded) img.topicBoxImage {
	height: 0px;
}

body.dark-mode a.box-topic-link .m_highlight_header, body.dark-mode .quiz-box .aspectRatioForcer, body.dark-mode .quiz-box .youtube-container {
	background: #292929;
}

body.dark-mode .quiz-box .aspectRatioForcer, body.dark-mode .quiz-box .youtube-container {
	border-radius: 20px;
	overflow: hidden;
}

body.dark-mode #quizzeswrap .topic-box .m_highlight_header.postImageWrapper, body.dark-mode #quizzeswrap .topic-box .m_highlight_header.postImageWrapper img {
	border-radius: 0px;
}

body.dark-mode #quizzeswrap .topic-box .m_highlight_header.postImageWrapper, body.dark-mode #quizzeswrap .quiz-box .postImageWrapper {
	background: #292929;
	padding-top: 56.25%;
}

body.dark-mode #quizzeswrap .topic-box .m_highlight_header.postImageWrapper img, body.dark-mode #quizzeswrap .quiz-box .postImageWrapper img {
	margin-top: -56.25%;
	opacity: 0;
}

body.dark-mode #quizzeswrap .topic-box.loaded .m_highlight_header.postImageWrapper, body.dark-mode #quizzeswrap .quiz-box.loaded .postImageWrapper {
	padding-top: 0px;
}

body.dark-mode #quizzeswrap .quiz-box.loaded .postImageWrapper {
	border-radius: 20px;
	overflow: hidden;
}

body.dark-mode #quizzeswrap .topic-box.loaded .m_highlight_header.postImageWrapper img, body.dark-mode #quizzeswrap .quiz-box.loaded .postImageWrapper img {
	margin-top: 0px;
}

body.dark-mode #quizzeswrap .topic-box {
	border-radius: 4px;
	overflow: hidden;
}

body.dark-mode .dataTables_empty {
	color: transparent;
}

body.dark-mode table#example1 {
	min-height: 300px;
}

body.dark-mode .bordered-box-no-shadow {
	box-shadow: none !important;
}

body.dark-mode .sidenav {
	height: 100%;
	width: 220px;
	position: fixed;
	top: 0px;
	right: 0px;
	background-color: #212121;
	overflow-x: hidden;
	padding-top: 50px;
	opacity: 0;
	border-left: 1px solid #223039 !important;
}

@media (min-width: 1025px) {
	body.dark-mode .sidenav {
		z-index: 1029 !important;
	}

	body.dark-mode.modal-open .sidenav {
		transition-duration: 0s;
		transition-timing-function: ease !important;
		transition-delay: 0s !important;
		transition-property: none !important;
	}

	body.dark-mode:not(.sidenav-noanimate) .sidenav {
		right: -220px;
	}

	body.dark-mode.sidenav-open .sidenav, body.dark-mode.sidenav-open-desktop .sidenav {
		right: 0px;
		opacity: 1;
	}

	body.dark-mode:not(.sidenav-noanimate) .sidenav {
		transition: opacity 400ms ease 0s, right 50ms ease 0s;
	}
}

@media (max-width: 1024px) {
	body.dark-mode .sidenav {
		z-index: 2001;
		transition: transform 50ms ease 0s;
		opacity: 1;
	}

	body.dark-mode .body-container {
		width: 100%;
	}
}

body.dark-mode .sidenav .closebtn {
	position: absolute;
	z-index: 99999999;
	bottom: 50px;
	right: 25px;
	font-size: 36px;
	margin-left: 50px;
}

body.dark-mode .sidenav ul {
	padding: 0px 0px 70px;
	margin-bottom: 0px;
	opacity:0;
}

@media (max-width: 1024px) {
	body.dark-mode .sidenav ul {
		padding: 0px;
	}
}

body.dark-mode .sidenav ul li:not(.cog-option) {
	display: flex;
	flex-direction: row;
	padding: 5px 10px;
	color: #bfbfbf;
	font-size: 12px;
}

body.dark-mode .sidenav ul li .product-img, body.dark-mode .sidenav ul li .product-info {
	display: flex;
	flex-direction: column;
}

body.dark-mode .sidenav ul li .chat-status {
	display: flex;
	flex-direction: row;
	margin: 6px 6px auto auto;
	text-align: right;
}

body.dark-mode .sidenav ul li .chat-status .teacher-label {
	font-weight: 400;
	color: #bfbfbf;
	font-variant: small-caps;
	font-size: 12px;
	line-height: 12px;
	margin-top: -4px;
	max-width: 40px;
}

body.dark-mode .sidenav ul.dropdown-menu li.cog-option:nth-child(2n+1) {
	background-color: transparent;
}

body.dark-mode .sidenav ul li.header {
	background-color: #0d1d35;
	font-weight: 600;
	cursor: pointer;
	height: 27px;
}

body.dark-mode .sidenav ul li.header:not(:first-child) {
	border-top: 2px solid #102341;
}

body.dark-mode .sidenav ul li.empty {
	color: #bfbfbf;
	font-weight: 600;
	font-size: 11px;
	padding: 5px 10px;
	background: transparent;
	min-height: 50px;
}

body.dark-mode .sidenav ul li.header .minimizer {
	display: flex;
	margin-left: auto;
	margin-right: 0.5px;
}

body.dark-mode .sidenav ul li.header .minimizer i {
	color: #bfbfbf;
}

body.dark-mode .sidenav ul li.chat-user.unread {
	background-color: #f0ad4e;
}

body.dark-mode .sidenav ul li.chat-user.unread:hover {
	background-color: #f0ad4e;
}

body.dark-mode .sidenav ul li.chat-user:hover {
	cursor: pointer;
}

@media (min-width: 992px) {
	body.dark-mode .sidenav ul li.chat-user:hover {
		background-color: #292929 !important;
	}
}

body.dark-mode .sidenav ul li.chat-user div.indicator, body.dark-mode .sidenav ul .chat-bottom-menu div.indicator {
	width: 6px;
	height: 6px;
	background: #248f24;
	border-radius: 50%;
	margin: 0px 0px 0px 6px;
}

body.dark-mode .sidenav ul .chat-bottom-menu div.indicator {
	margin: 0px 0px 0px 10px;
}

body.dark-mode .sidenav ul li.chat-user.offline div.indicator {
	background: transparent;
}

body.dark-mode .sidenav ul li.chat-user.offline:nth-of-type(n+7) {
	display: none;
}

body.dark-mode .sidenav ul .view-more li {
	align-items: center;
	justify-content: center;
	padding-bottom: 10px;
	font-size: 13px;
}

body.dark-mode .sidenav ul .chat-bottom-menu, body.dark-mode .sidenav ul .chat-bottom-search {
	position: fixed;
	width: 219px;
	bottom: 0px;
	right: -220px;
	background: #212121;
	border-top: 2px solid #292929;
	transition: all 50ms ease 0s;
}

body.dark-mode.sidenav-open .sidenav ul .chat-bottom-menu, body.dark-mode.sidenav-open-desktop .sidenav ul .chat-bottom-menu, body.dark-mode.sidenav-open .sidenav ul .chat-bottom-search, body.dark-mode.sidenav-open-desktop .sidenav ul .chat-bottom-search {
	right: 0px;
}

body.dark-mode .sidenav ul .chat-bottom-search {
	height: 43px;
	overflow: auto;
	background: #1c1c21;
	margin-bottom: 25px;
	display: none;
}

body.dark-mode .sidenav ul .chat-bottom-menu div:not(.indicator), body.dark-mode .sidenav ul .chat-bottom-menu div i {
	font-size: 12px;
	font-weight: 600;
	background: #212121 !important;
	color: #bfbfbf!important;
}

body.dark-mode .sidenav ul .chat-bottom-menu button.chat-cog, body.dark-mode .sidenav ul .chat-bottom-menu button.chat-cog:hover, body.dark-mode .sidenav ul .chat-bottom-menu button.chat-cog:focus, body.dark-mode .sidenav ul .chat-bottom-menu button.chat-cog:active {
	background-color: transparent !important;
	box-shadow: none !important;
}

body.dark-mode .sidenav ul .chat-bottom-menu a.chat-close-option.disabled {
	pointer-events: none;
	color: #bfbfbf;
}

body.dark-mode .sidenav ul .chat-bottom-menu li.cog-option {
	padding: 0px;
}

body.dark-mode .sidenav ul .chat-bottom-menu li.cog-option a {
	font-size: 13px;
	padding: 6px 10px;
	border-radius: 5px;
}

body.dark-mode .sidenav .sidebar-public-notifier {
	height: 100%;
}

body.dark-mode .sidenav .sidebar-public-notifier .sidebar-public-closer span:hover {
	cursor: pointer;
}

body.dark-mode .sidenav .sidebar-public-notifier .sidebar-public-closer span.disabled {
	display: none;
	pointer-events: none;
}

body.dark-mode .sidenav ul .chat-user-name-area {
	padding: 0px 0px 0px 10px;
}

body.dark-mode .sidenav ul li.chat-user[data-usertype="student"] .chat-user-name-area div.name-long {
	max-width: 145px;
}

body.dark-mode .sidenav ul .chat-user-name-area div.name-long:not(.country) {
	display: inline-block;
	vertical-align: bottom;
	font-size: 13px;
	font-weight: 600;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

body.dark-mode .sidenav ul .chat-user-name-area div.name-long {
	max-width: 100px;
}

body.dark-mode .sidenav ul .chat-user-name-area div.name-long span {
	color: #bfbfbf;
}

body.dark-mode .sidenav ul .chat-user-name-area div.name-long.country {
	display: block;
	color: #b8c1c6;
	font-size: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

body.dark-mode .sidenav.school-chat ul .chat-user-name-area {
	padding: 5px 0px 0px 10px;
}

body.dark-mode .sidenav.school-chat ul .chat-user-name-area div.name-long span {
	font-size: 14px;
}

body.dark-mode .sidenav.school-chat ul .chat-user-name-area div.name-long.country {
	display: none;
}

body.dark-mode #message-modalChat button.close.exit {
	margin-left: 0px;
}

@media (max-width: 1024px) {
	body.dark-mode #message-modalChat button.close.exit {
		margin-left: 5px;
	}
}

body.dark-mode #mySidenav li.chat-user {
	opacity: 0;
}

body.dark-mode #mySidenav li.chat-user.offline.loaded {
	opacity: 0.5;
}

body.dark-mode #mySidenav.loading li.chat-user.offline.loaded {
	transition: opacity 200ms ease 0s;
}

body.dark-mode #mySidenav li.chat-user.online.loaded {
	opacity: 1;
}

body.dark-mode #mySidenav.loading li.chat-user.online.loaded {
	transition: opacity 200ms ease 0s;
}

body.dark-mode.modal-open:not(.sidenav-open) #mySidenav {
	opacity: 0;
	visibility: hidden;
}

@media (min-width: 1025px) {
	body.dark-mode .body-container {
		margin-right: 0px;
	}

	body.dark-mode:not(.sidenav-noanimate) .body-container {
		transition: margin-right 50ms ease 0s;
	}

	body.dark-mode.sidenav-open .sidenav-open #mySidenav {
		right: -220px;
	}

	body.dark-mode.sidenav-open .body-container, body.dark-mode.sidenav-open-desktop .body-container {
		margin-right: 220px;
	}

	body.dark-mode.sidenav-open .sidenav-open #mySidenav.opened, body.dark-mode.sidenav-open .sidenav-open #mySidenav.opened-desktop {
		right: 0px;
	}

	body.dark-mode #message-modalChat .modal-content a i {
		margin: 1px 5px;
	}
}

@media (max-width: 1024px) {
	body.dark-mode #mySidenav {
		right: -275px;
	}

	body.dark-mode #mySidenav.opened {
		width: 275px;
		transform: translate3d(-275px, 0px, 0px);
	}

	body.dark-mode #chat-button {
		display: none;
	}

	body.dark-mode #mobile-private-gab-button {
		display: block !important;
	}

	body.dark-mode.sidenav-open:not(.modal-open) .md-chat-overlay {
		opacity: 1;
		visibility: visible;
	}

	body.dark-mode #mySidenav.sidenav ul .chat-bottom-search, body.dark-mode .sidebar-public-notifier {
		width: 275px;
	}

	body.dark-mode #mySidenav.sidenav ul .chat-bottom-search {
		top: 0px;
	}

	body.dark-mode .sidenav {
		padding-top: 0px;
	}

	body.dark-mode .sidenav ul li.chat-user[data-usertype="student"] .chat-user-name-area div.name-long {
		max-width: 200px;
	}

	body.dark-mode .sidenav ul .chat-user-name-area div.name-long {
		max-width: 155px;
	}

	body.dark-mode .sidenav ul .chat-bottom-menu, 
	body.dark-mode .sidenav ul .chat-bottom-search {
		width: 274px;
		right: -274px;
	}

	body.dark-mode .sidenav ul .chat-bottom-menu .chat-bottom-menu-invite-button {
		padding:10px !important;
	}

	body.dark-mode .sidenav ul .chat-bottom-menu .chat-bottom-menu-settings-menu {
		display:none !important;
	}

	body.dark-mode .sidenav ul .chat-bottom-search {
		margin-bottom: 0px;
	}

	body.dark-mode #message-modalChat {
		z-index: 2002;
		bottom: auto;
		right: 0px;
		left: 0px;
		width: 100%;
		top: 0px;
		margin: 0px auto;
	}

	body.dark-mode #message-modalChat .modal-dialog {
		font-size: 17px;
		margin: 30px auto;
		max-width: 700px;
		width: auto;
	}

	body.dark-mode #conversationBoxMessageChat {
		min-height: 0px;
	}

	body.dark-mode #message-modalChat .modal-content a i {
		margin: 3px 5px;
	}
}

@media (max-width: 720px) {
	body.dark-mode #message-modalChat .modal-dialog {
		margin: 10px;
	}
}

@media only screen and (max-width: 736px) and (orientation: portrait) {
	body.dark-mode #message-modal #receiveMessageAreaMessage, body.dark-mode #message-modalChat #receiveMessageAreaMessageChat {
		min-height: 100%;
	}

	body.dark-mode #message-modalChat .modal-body {
		height: calc(100vh - 280px);
	}

	body.dark-mode #message-modalChat #conversationBoxMessageChat {
		min-height: calc(100vh - 280px);
	}
}

@media only screen and (max-width: 736px) and (orientation: landscape) {
	body.dark-mode #message-modal .modal-body {
		height: 40vh;
		overflow: hidden;
	}

	body.dark-mode #message-modal #conversationBoxMessage {
		min-height: 40vh;
	}

	body.dark-mode #message-modal #conversationBoxMessage {
		min-height: 40vh;
	}
}

body.dark-mode a.topic-list-box:hover {
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 2px;
	opacity: 0.9 !important;
}

body.dark-mode .tooltip {
	opacity: 0.98;
	position: relative;
	display: inline-block;
}

body.dark-mode .tooltip.language-exchange {
	width: 20px;
	line-height: 17px;
	text-align: center;
	border-radius: 50%;
	font-weight: 500;
	color: #9fc0df;
	z-index: 0;
}

body.dark-mode .tooltip .tooltiptext {
	visibility: hidden;
	width: 120px;
	background-color: #1c5263;
	color: #f7f7f7;
	text-align: center;
	padding: 10px;
	border-radius: 10px;
	position: absolute;
	z-index: 1;
	font-size: 12px;
	line-height: 20px;
	font-weight: 500;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 50px;
}

body.dark-mode .tooltip:hover .tooltiptext {
	visibility: visible;
}

body.dark-mode .tooltip .tooltiptext {
	width: 180px;
	bottom: 27px;
	left: 50%;
	margin-left: -89.5px;
}

body.dark-mode .tooltip .tooltiptext.es {
	left: -27%;
}

body.dark-mode .tooltip .tooltiptext:hover {
	display: none;
}

body.dark-mode .tooltip .tooltiptext::after {
	content: " ";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #1c5263 transparent transparent;
}

body.dark-mode .tooltip .tooltiptext.es::after {
	left: 58.25%;
}

body.dark-mode li#user-account a.account-slug-link {
	text-decoration: inherit;
	padding-bottom: 0px !important;
	color: #9fc0df !important;
}

body.dark-mode #addcard-modal .modal-body .gab-list-wrapper {
	background: #212121;
	margin: 10px;
	border-radius: 20px;
}

body.dark-mode #addcard-modal .modal-body .menu-item-header {
	padding: 0px 10px;
}

@media (min-width: 992px) {
	body.dark-mode li#user-account a.account-slug-link:hover {
		text-decoration: underline !important;
	}
}

@media (max-width: 991px) {
	body.dark-mode li#user-account a.account-slug-link {
		background: transparent !important;
	}
}

@media (min-width: 768px) {
	body.dark-mode #addcard-modal .modal-body .gab-list-wrapper {
		min-height: 477px;
	}
}

@media (max-width: 767px) {
	body.dark-mode #addcard-modal .modal-body .gab-list-wrapper {
		min-height: 195px;
		padding: 0px !important;
	}
}

@media (max-width: 419px) {
	body.dark-mode #addcard-modal .modal-body .gab-list-wrapper {
		min-height: 250px;
		padding: 20px !important;
	}
}

body.dark-mode #topicbox-exercise-result span.topic-explainer, body.dark-mode #topicbox-exercise-result i {
	display: inline-block;
	font-size: 14px;
	color: #aad4aa;
	font-weight: 600;
	padding-right: 2px;
}

@media (max-width: 1199px) and (min-width: 1025px) {
	body.dark-mode #topicbox-exercise-result span.topic-explainer, body.dark-mode #topicbox-exercise-result i {
		font-size: 13px;
	}
}

body.dark-mode #chattopicswrap ol li.conversation-items {
	list-style: none;
	margin-bottom: 15px;
	font-size: 16px;
}

body.dark-mode #videos #sendMessageArea {
	border-top: 1px solid #24323d;
}

body.dark-mode #videos #receiveMessageArea {
	width: 100%;
	border-top: 1px solid #24323d;
}

body.dark-mode #mySidenav .chat-log-in-link {
	display: inline-block;
}

body.dark-mode #demoContainer #audioGabContainer {
	display: none;
	height: 100%;
	width: 100%;
	align-items: center;
	justify-content: center;
	background-color: #7897a1;
}

body.dark-mode #audioGabContainer img {
	border-radius: 50%;
	border: 5px solid #1c1c21;
	height: 128px;
	width: 128px;
}

body.dark-mode #demoContainer.audioGab #call-buttons-desktop {
	background: transparent;
}

body.dark-mode #demoContainer.audioGab #call-buttons-desktop .left {
	display: none;
}

body.dark-mode #demoContainer.audioGab #call-buttons-desktop .middle {
	opacity: 0;
}

body.dark-mode #demoContainer.audioGab #call-buttons-desktop .right {
	background: rgba(0, 0, 0, 0.4);
	border-radius: 4px;
}

body.dark-mode #demoContainer.audioGab #call-buttons-desktop .right:hover {
	background: black;
}

body.dark-mode #demoContainer.audioGab #call-buttons-desktop .right.selected {
	background: #c84332;
}

body.dark-mode #demoContainer.audioGab #call-buttons-mobile fullscreen, body.dark-mode #demoContainer.audioGab #call-buttons-mobile video {
	display: none;
}

body.dark-mode #demoContainer.audioGab .gabSelfVideoWrapper {
	display: none;
}

body.dark-mode #demoContainer.audioGab #audioGabContainer {
	display: flex;
}

@media (max-width: 1024px) {
	body.dark-mode #message-modalChat .modal-header .close {
		margin: 0px 0px 0px 7.5px;
	}

	body.dark-mode.sidenav-open #footer-mini-index {
		position: relative;
		z-index: -1;
	}
}

body.dark-mode #message-modal .direct-chat-msg {
	padding: 2px 0px;
}

body.dark-mode #message-modal .direct-chat-msg:last-of-type .direct-chat-text {
	margin-bottom: 0px;
}

body.dark-mode span.teacher-gab-explainer {
	font-size: 12px;
	margin-left: 5px;
	line-height: 17px;
	font-weight: 600;
}

@media (max-width: 992px) {
	body.dark-mode span.teacher-gab-explainer {
		margin-left: 10px;
	}
}

body.dark-mode #cards-tab div.empty-settings:not(.hidden) ~ #allcardlist {
	display: none;
}

body.dark-mode #addcard-modal #addcardbutton, body.dark-mode #addcard-modal #addcardbuttonchat {
	margin: 5px;
}

body.dark-mode #teacher-profile-modal .modal-content &gt; .modal-body {
	min-height: 224px;
}

body.dark-mode #grid-grammar .grammar-box-title {
	padding: 10px 15px 0px;
	font-size: 24px;
	line-height: 30px;
	color: #bfbfbf;
	font-weight: 600;
}

body.dark-mode #grid-grammar .grammar-box-content {
	padding: 10px 5px;
}

body.dark-mode #grid-grammar .grammar-box-content .grammar-box-row {
	padding: 5px 0px 10px 15px;
}

body.dark-mode #grid-grammar .grammar-box-content .tags-line a {
	margin: 0px;
	font-size: 14px;
}

body.dark-mode #grid-grammar .footer-mini {
	margin: -10px 10px;
	font-size: 13px;
}

@media screen and (max-width: 659px) {
	body.dark-mode #grid-grammar[data-columns]::before {
		content: "1 .column.size-1of1";
		color: transparent;
	}

	body.dark-mode .column {
		margin: 0px auto;
		float: none !important;
	}
}

@media screen and (max-width: 991px) and (min-width: 660px) {
	body.dark-mode #grid-grammar[data-columns]::before {
		content: "2 .column.size-1of2";
		color: transparent;
	}
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
	body.dark-mode #grid-grammar[data-columns]::before {
		content: "3 .column.size-1of3";
		color: transparent;
	}
}

@media screen and (min-width: 1200px) {
	body.dark-mode #grid-grammar[data-columns]::before {
		content: "4 .column.size-1of4";
		color: transparent;
	}
}

body.dark-mode #grid-grammar {
	font-size: x-small;
	overflow: auto;
	position: relative;
	z-index: 0;
	min-height: 300px;
}

body.dark-mode .column {
	float: left;
}

body.dark-mode .size-1of1 {
	width: 100%;
	max-width: 522px;
	padding: 10px;
}

body.dark-mode .size-1of2 {
	width: 50%;
	padding: 10px;
}

body.dark-mode .size-1of3 {
	width: 33.333%;
	padding: 10px;
}

body.dark-mode .size-1of4 {
	width: 25%;
	padding: 10px;
}

body.dark-mode #vocabulary-index .letter-links a {
	line-height: 40px;
	color: #bfbfbf;
	text-decoration: none;
	text-align: center;
	font-size: 18px;
}

body.dark-mode #vocabulary-index .letter-links.letter-links-en a {
	width: calc(3.7037%);
}

body.dark-mode #vocabulary-index .letter-links a:hover {
	background-color: #3c7ab4;
	color: white;
}

body.dark-mode #vocabulary-index .letter-links a:first-of-type:hover {
	border-radius: 3px 0px 0px 3px;
}

body.dark-mode #vocabulary-index .letter-links a:last-of-type:hover {
	border-radius: 0px 3px 3px 0px;
}

body.dark-mode #vocabulary-content .vocabulary-list:not(.grammar-list) {
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
}

@media (max-width: 991px) {
	body.dark-mode #vocabulary-content .vocabulary-list:not(.grammar-list) {
		padding: 0px;
		width: 100%;
	}

	body.dark-mode #vocabulary-content ul.tags-line {
		padding-left: 0px !important;
	}

	body.dark-mode #vocabulary-content ul.tags-line a.clear {
		padding: 0px;
	}

	body.dark-mode #vocabulary-content ul.tags-line a.vocabulary {
		display: inline-block !important;
	}

	body.dark-mode #vocabulary-index {
		padding-top: 15px;
	}
}

@media (max-width: 767px) {
	body.dark-mode #vocabulary-index .letter-links {
		padding: 10px;
	}

	body.dark-mode #vocabulary-index .letter-links.letter-links-en a {
		width: calc(6.66667%);
		font-weight: 600;
		opacity: 0.8;
	}

	body.dark-mode #vocabulary-index .letter-links a:hover {
		background-color: transparent;
		color: inherit;
	}
}

@media (max-width: 767px) {
	body.dark-mode #vocabulary-index .letter-links.letter-links-en a {
		width: calc(10%);
	}
}

body.dark-mode #vocabulary-content .vocabulary-list .vocabulary-list-title {
	color: #bfbfbf;
	font-size: 60px;
	font-weight: 600;
	margin-bottom: 10px;
}

body.dark-mode #vocabulary-content .vocabulary-list.grammar-list .vocabulary-list-title {
	font-size: 40px;
	padding: 15px 0px;
}

body.dark-mode .tags-line a.clear {
	background: none;
	border: none;
	text-transform: none;
	color: #9fc0df;
	font-weight: 400;
	font-variant: no-common-ligatures no-discretionary-ligatures no-historical-ligatures no-contextual;
	padding: 0px;
	margin-right: 0px;
	border-radius: 0px !important;
}

body.dark-mode .tags-line a.decorated.lowercase {
	text-transform: none !important;
}

@media (min-width: 992px) {
	body.dark-mode .tags-line a.decorated:hover {
		cursor: pointer;
		text-decoration: underline !important;
	}
}

body.dark-mode #grammar-content .vocabulary-example-link {
	display: block;
	padding: 5px 0px;
}

body.dark-mode #vocabulary-content .vocabulary-example-link, body.dark-mode #vocabulary-content .comma {
	display: inline-block;
}

@media (max-width: 991px) {
	body.dark-mode div.comma {
		display: none;
	}

	body.dark-mode #vocabulary-content .vocabulary-list, body.dark-mode #grammar-content .vocabulary-list {
		margin-top: 10px;
	}
}

body.dark-mode #vocabulary-content.vocabulary-content-detail .vocabulary-list {
	width: 100%;
}

body.dark-mode #vocabulary-content:not(.vocabulary-content-detail) .vocabulary-list-title {
	padding-left: 45px;
	padding-top: 15px;
	margin-bottom: 20px;
}

body.dark-mode #vocabulary-content:not(.vocabulary-content-detail) ul.tags-line {
	padding-left: 45px !important;
}

@media (max-width: 599px) {
	body.dark-mode #vocabulary-content:not(.vocabulary-content-detail) .vocabulary-list-title, body.dark-mode #vocabulary-content:not(.vocabulary-content-detail) ul.tags-line {
		padding-left: 30px !important;
	}

	body.dark-mode #vocabulary-content:not(.vocabulary-content-detail) .vocabulary-list ul ol {
		padding-left: 10px !important;
	}
}

body.dark-mode #grammar-content.grammar-content-detail li {
	list-style: inherit;
}

body.dark-mode #grammar-content.grammar-content-detail h1, body.dark-mode #vocabulary-content .vocabulary-list ul h1 {
	padding: 20px 0px;
	font-size: 34px;
	font-weight: 600;
}

body.dark-mode #grammar-content.grammar-content-detail h1 {
	margin: 20px -25px;
}

body.dark-mode #grammar-content.grammar-content-detail .grammar-detail-content {
	font-size: 18px;
	padding: 10px 75px 25px;
}

body.dark-mode #vocabulary-content .vocabulary-list ul {
	font-size: 18px;
	padding: 0px 60px 20px;
}

@media (max-width: 599px) {
	body.dark-mode #grammar-content.grammar-content-detail h1, body.dark-mode #vocabulary-content .vocabulary-list ul h1 {
		margin: 20px 10px;
	}

	body.dark-mode #grammar-content.grammar-content-detail .grammar-detail-content, body.dark-mode #vocabulary-content .vocabulary-list ul {
		padding: 0px 25px 20px;
	}

	body.dark-mode #grammar-content.grammar-content-detail .grammar-detail-content ol {
		padding-left: 10px;
	}

	body.dark-mode #grammar-content.grammar-content-detail li {
		margin-left: 20px !important;
	}

	body.dark-mode #grammar-content.grammar-content-detail .grammar-detail-content ul {
		padding-left: 30px;
	}

	body.dark-mode #grammar-content .grammar-detail-content &gt; p {
		margin-left: 30px !important;
	}
}

body.dark-mode #grammar-modal .modal-body p &gt; p + ol, body.dark-mode #grammar-content.grammar-content-detail .grammar-detail-content &gt; p + ol {
	margin-top: 20px;
}

body.dark-mode #grammar-modal .modal-body ol, body.dark-mode #grammar-content.grammar-content-detail .grammar-detail-content ol {
	margin-bottom: 15px;
	line-height: 1.75;
}

body.dark-mode #grammar-modal .modal-body ol + p, body.dark-mode #grammar-content.grammar-content-detail .grammar-detail-content ol + p {
	margin-top: 15px;
}

body.dark-mode #grammar-modal .modal-body ol + ul, body.dark-mode #grammar-content.grammar-content-detail .grammar-detail-content ol + ul {
	margin-top: -5px;
	margin-bottom: 20px;
}

body.dark-mode #grammar-modal .modal-body ul + ol, body.dark-mode #grammar-content.grammar-content-detail .grammar-detail-content ul + ol {
	margin-top: 30px;
}

body.dark-mode #grammar-modal .modal-body ol + p, body.dark-mode #grammar-content .grammar-detail-content ol + p {
	margin-top: 10px;
}

body.dark-mode #grammar-modal .modal-body ol ol li, body.dark-mode #grammar-content .grammar-detail-content ol ol li {
	list-style: disc;
}

body.dark-mode #grammar-modal .modal-body ol li + ol, body.dark-mode #grammar-content .grammar-detail-content ol li + ol {
	margin-bottom: 20px !important;
}

body.dark-mode #grammar-modal .modal-body &gt; p &gt; ol &gt; li + li, body.dark-mode #grammar-content .grammar-detail-content &gt; ol &gt; li + li {
	margin-top: 20px !important;
}

body.dark-mode #grammar-modal .modal-body ul, body.dark-mode #grammar-content.grammar-content-detail .grammar-detail-content ul {
	margin-bottom: 10px;
	line-height: 1.42857;
}

body.dark-mode #vocabulary-content:not(.vocabulary-content-detail) .vocabulary-list &gt; .box {
	min-height: calc(100vh - 200px);
}

body.dark-mode #grammar-modal .modal-header h4 &gt; .grammartitle {
	display: block;
}

body.dark-mode #payment-modal .school-info-wrapper {
	margin-bottom: 10px;
}

body.dark-mode #payment-modal .school-info-wrapper input {
	width: 100%;
	padding: 7.5px 15px;
	margin-bottom: 15px;
	border: 1px solid #4d4d4d;
}

body.dark-mode #payment-modal .school-info-wrapper input:last-of-type {
	margin-bottom: 5px;
}

body.dark-mode #payment-modal .school-info-wrapper .subscription-explainer {
	font-size: 14px;
	margin-left: 15px;
	font-weight: 400;
	opacity: 1;
}

body.dark-mode li.active.teacher-noaction-tab a {
	pointer-events: none;
	border-top-color: transparent !important;
}

body.dark-mode li.active.teacher-noaction-tab a h3 {
	color: #bfbfbf;
}

body.dark-mode #examTabs.teacherExamTabs #qawrap {
	min-height: 230px;
}

body.dark-mode #daily-limit-modal table td i, body.dark-mode #only-for-subscribers-modal table td i {
	color: #99e699;
	font-size: 30px;
}

body.dark-mode #daily-limit-modal .modal-body, body.dark-mode #daily-limit-modal .modal-body table td p, body.dark-mode #only-for-subscribers-modal .modal-body, body.dark-mode #only-for-subscribers-modal .modal-body table td p {
	font-size: 18px;
}

body.dark-mode .dl-only-subscribers-text p {
	font-size: 18px;
	margin-bottom: 10px;
}

body.dark-mode #daily-limit-modal .table &gt; tbody &gt; tr &gt; td, body.dark-mode #only-for-subscribers-modal .table &gt; tbody &gt; tr &gt; td {
	padding: 7px 5px !important;
	vertical-align: top !important;
}

body.dark-mode #payment-modal #allcardlistsubscription .spinner.grey, body.dark-mode #book-lesson-modal #allcardlistsubscription-book-lesson .spinner.grey {
	margin: 30px auto 15px;
}

body.dark-mode #payment-modal #placeorderbtn:disabled, body.dark-mode #book-lesson-modal #placeorderbtn-book-lesson:disabled {
	pointer-events: none;
}

body.dark-mode #user-profile-modal .friend-added-text {
	font-size: 18px;
	height: 42.4px;
	display: flex;
	align-items: center;
	justify-content: center;
}

body.dark-mode #user-profile-modal .friend-added-text div {
	display: inline-block;
	margin-right: 5px;
}

body.dark-mode #payment-modal #btnContinue:disabled, body.dark-mode #payment-modal #btnContinue:disabled {
	font-variant: small-caps;
	color: #bfbfbf !important;
}

body.dark-mode #payment-modal .paypalSpinner, body.dark-mode #book-lesson-modal .paypalSpinner {
	display: inline-block;
	height: 18px;
	width: 18px;
	border-width: 3px;
	vertical-align: sub;
	border-color: #999999 transparent #999999 #999999;
}

body.dark-mode #payment-modal .paypalSpinner.white, body.dark-mode #book-lesson-modal .paypalSpinner.white {
	border-color: #1c1c21 transparent #1c1c21 #1c1c21;
}

body.dark-mode #payment-modal .payment-modal-error-text, body.dark-mode #book-lesson-modal .payment-modal-error-text {
	text-align: center;
	font-size: 20px;
	font-weight: 500;
	color: #e69999;
	cursor: auto;
}

body.dark-mode #payment-modal input.input-error, body.dark-mode #book-lesson-modal input.input-error {
	border: 1px solid #c33232;
	background: #411111;
}

body.dark-mode #payment-modal input.input-error::-webkit-input-placeholder, body.dark-mode #book-lesson-modal input.input-error::-webkit-input-placeholder {
	color: #e69999;
	font-weight: 400;
}

body.dark-mode #gab-info #gab-button {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	padding: 6px 18px;
}

body.dark-mode #gab-info p#gab-text {
	font-size: 18px;
	margin: 3px 0px 3px 17px;
	line-height: 24px;
	color: #bfbfbf;
}

@media (max-width: 1199px) and (min-width: 992px) {
	body.dark-mode.sidenav-open #gab-info p#gab-text:not(.create-topic) {
		display: none;
	}
}

body.dark-mode #gab-info p#gab-text-title {
	margin: 0px 0px 0px 15px;
	line-height: 1.2;
}

@media (max-width: 767px) {
	body.dark-mode .navbar-nav &gt; .user-menu .user-image {
		margin-top: -5px !important;
	}
}

body.dark-mode li#friends a div i {
	width: 18.5px;
}

body.dark-mode #rating #hederScoreNumber {
	font-weight: 600;
	line-height: 22px;
}

@media (max-width: 1079px) and (min-width: 1025px) {
	body.dark-mode #bitgab-connect-tab div.pull-left img {
		margin: 4px 0px;
		height: 32px !important;
	}
}

@media (max-width: 1199px) and (min-width: 1025px) {
	body.dark-mode #bitgab-connect-tab div.pull-left span {
		display: none;
	}
}

body.dark-mode #getconnected div.pull-right a span.connect-short, body.dark-mode #bitgab-connect-tab div.pull-right a span.connect-short {
	display: none;
}

@media (max-width: 1439px) and (min-width: 1200px) {
	body.dark-mode #getconnected div.pull-right a span.connect-short, body.dark-mode #bitgab-connect-tab div.pull-right a span.connect-short {
		display: inline-block;
	}

	body.dark-mode #getconnected div.pull-right a span.connect-long, body.dark-mode #bitgab-connect-tab div.pull-right a span.connect-long {
		display: none;
	}
}

body.dark-mode #navbar-container .nav &gt; li#navbar-subscribe-button &gt; a:hover {
	padding-bottom: 6px !important;
}

body.dark-mode #navbar-container .nav &gt; li#navbar-subscribe-button &gt; a:active {
	background-color: #329a32 !important;
}

body.dark-mode #navbar-container .nav &gt; li#navbar-subscribe-button &gt; a:hover i, body.dark-mode #navbar-container .nav &gt; li#navbar-subscribe-button &gt; a:hover span {
	color: white;
}

body.dark-mode .box-solid-title {
	font-size: 26px;
	font-weight: 600;
	padding: 10px 20px;
	color: #bfbfbf;
}

body.dark-mode .box-solid-title .exam-title {
	margin: 0px 0px 5px 1.5px;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #bfbfbf;
}

body.dark-mode #nextExerciseButton, body.dark-mode #questionButtonSubscribed {
	margin: 0px 3px;
}

body.dark-mode #nextExerciseButton span.chevron::before {
	border-width: 0.15em 0.15em 0px 0px;
}

body.dark-mode #nextExerciseButton, body.dark-mode #showAnswersButton {
	margin: 0px 3px 10px;
	min-width: 163px;
}

body.dark-mode #questions.result #examForm .radio label {
	cursor: auto;
}

body.dark-mode #comment-box-topic-discussion-list {
	padding: 20px;
	margin-bottom: 0px;
	margin-left: 32px;
}

body.dark-mode #comment-box-topic-discussion-list .discussion-list-item {
	font-size: 16px;
	line-height: 30px;
}

body.dark-mode #examForm ol li:not(.special-char), body.dark-mode #fakeexamForm ol li:not(.special-char), body.dark-mode #comment-box-topic ol li:not(.special-char), body.dark-mode a.topic-list-box ol li:not(.special-char) {
	counter-increment: item 1;
	font-size: 18px;
	line-height: 26px;
}

body.dark-mode #tab_info ol li:not(.special-char) {
	counter-increment: item 1;
	font-size: 15px;
	line-height: 1.6;
}

body.dark-mode #comment-box-topic {
	color: #bfbfbf;
}

body.dark-mode #comment-box-topic ol li:not(:last-of-type) {
	margin-bottom: 20px;
}

body.dark-mode #comment-box-topic ol hr:last-of-type {
	display: none;
}

body.dark-mode #examForm ol li:not(.special-char)::before, body.dark-mode #fakeexamForm ol li:not(.special-char)::before, body.dark-mode #comment-box-topic ol li:not(.special-char)::before {
	margin-left: -34px;
	margin-right: 8px;
	display: inline-block;
	content: counter(item);
	font-size: 18px;
	background-color: #1f577a;
	color: white;
	font-weight: bold;
	height: 26px;
	width: 26px;
	line-height: 26px;
	text-align: center;
	border-radius: 50%;
}

body.dark-mode #tab_info ol li:not(.special-char)::before {
	margin-left: -32px;
	margin-right: 8px;
	display: inline-block;
	text-align: center;
	content: counter(item);
	font-size: 16px;
	background-color: #1f577a;
	color: white;
	font-weight: bold;
	line-height: 22px;
	height: 24px;
	width: 24px;
	border-radius: 50%;
}

body.dark-mode a.topic-list-box ol li::before {
	margin-left: -32px;
	margin-right: 8px;
	display: inline-block;
	content: counter(item);
	font-size: 16px;
	background-color: #1f577a;
	color: white;
	font-weight: bold;
	height: 24px;
	width: 24px;
	line-height: 24px;
	text-align: center;
	border-radius: 50%;
}

body.dark-mode #questions #examForm.resultForm .radio label {
	padding-left: 0px;
}

body.dark-mode #examForm ol hr, body.dark-mode #fakeexamForm ol hr, body.dark-mode #comment-box-topic-discussion-list hr {
	margin-left: -32px;
}

body.dark-mode #comment-box-topic-discussion-list-wrapper {
	background: #0d2835;
}

body.dark-mode #comment-box-topic-discussion-list hr {
	margin: 10px 0px;
	border-color: transparent !important;
}

body.dark-mode #reading-1-ol {
	margin-bottom: 0px;
}

body.dark-mode #tab_info #reading-1-ol {
	margin: 20px 15px;
	line-height: 15px;
}

body.dark-mode #reading-1-ol li:last-of-type {
	margin-bottom: 15px;
}

body.dark-mode #answerButton, body.dark-mode #questionButtonSubscribed, body.dark-mode #questionButtonUnsubscribed {
	font-size: 18px;
}

body.dark-mode .gabinfoexam .box-header {
	padding: 15px 20px;
}

body.dark-mode #boxCenter .tab-pane .settings-box-header .box-header div {
	font-size: 16px;
}

body.dark-mode #teacher-profile-modal .profileModalInfo li.bookedlessons {
	width: 100%;
}

body.dark-mode #teacher-profile-modal .profileModalInfo li.bookedlessons .data {
	margin-bottom: 3px;
}

body.dark-mode #boxCenter a.teacher-schedule {
	margin-left: 9px;
}

body.dark-mode .nav-tabs-custom#getconnected {
	border: 0px !important;
}

body.dark-mode #getconnected h3.box-title {
	line-height: 1.2;
}

body.dark-mode #bgteacher-bottom-buttons {
	display: flex;
	justify-content: center;
	align-items: center;
}

body.dark-mode #teacher-profile-modal #bgteacher-bottom-buttons .modal-footer {
	padding: 15px 5px;
}

body.dark-mode #teacher-profile-modal .modal-footer #gab-button-teacher-profile, body.dark-mode #teacher-profile-modal #bgteacher-bottom-buttons .modal-footer button {
	width: 163px;
}

body.dark-mode #teacher-profile-modal #bgteacher-bottom-buttons .modal-footer .teacher-added-text {
	display: none;
}

body.dark-mode .gab-button-wrapper .btn-group.nav-gab-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

body.dark-mode #gab-button, body.dark-mode #gab-button-book-lesson {
	font-size: 18px;
	margin: 4px;
}

body.dark-mode.sidenav-open #lesson-confirmation-message {
	display: none;
}

body.dark-mode #teacher-schedule-tab a.removedayitem {
	margin: 2px 0px;
	box-shadow: none;
}

body.dark-mode .book-lesson-text, body.dark-mode .open-chat-alert-message {
	text-align: center;
}

body.dark-mode .open-chat-alert-message {
	margin-top: 5px;
}

body.dark-mode .open-chat-alert-message a {
	margin: 10px 3px 0px;
	color: #bfbfbf;
	text-decoration: none;
}

body.dark-mode .open-chat-alert-message button {
	margin: 0px 2px;
}

body.dark-mode .cell-icon.book-lesson {
	width: 72px;
}

body.dark-mode .cell-icon.book-lesson img {
	width: 72px;
	height: 72px;
}

body.dark-mode p.cell-text.book-lesson {
	font-size: 18px;
	color: #bfbfbf;
	font-weight: 600;
}

body.dark-mode p.cell-subtext.book-lesson {
	font-size: 15px;
	color: #bfbfbf;
	margin-bottom: 2px;
}

body.dark-mode #loadmoremessagesspinner .spinner, body.dark-mode #loadmorefriendsspinner .spinner, body.dark-mode #loadmorefollowersspinner .spinner, body.dark-mode #loadmorerankingsspinner .spinner, body.dark-mode #loadmoreteachersspinner .spinner, body.dark-mode #loadmorefindfriendsspinner .spinner, body.dark-mode #loadmorefindteachersspinner .spinner, body.dark-mode #loadmorefindgroupsspinner .spinner {
	height: 34px;
	width: 34px;
	margin: 10px 0px;
}

body.dark-mode #messages-tab #loadmoremessagesspinner .spinner {
	margin: 16px 0px 14px;
}

body.dark-mode #book-lesson-modal .modal-body.step-1, body.dark-mode #book-lesson-modal .modal-footer {
	opacity: 0;
}

body.dark-mode #book-lesson-modal .modal-content {
	min-height: 363px;
}

body.dark-mode #book-lesson-modal .spinnerWrapper {
	position: absolute;
	width: 100%;
}

body.dark-mode #book-lesson-modal .spinnerWrapper .spinner {
	margin: 110px auto;
}

body.dark-mode.gab-page #left-column {
	padding-bottom: 0px;
}

body.dark-mode.gab-page #left-column .nav-tabs-wrapper .nav-tabs-custom + .box.box-solid {
	margin-top: 20px;
}

body.dark-mode #view-booked-lessons-modal .modal-body tbody tr:nth-child(n+2) {
	border-top: 1px solid #2b2b2b;
}

body.dark-mode #view-booked-lessons-modal .modal-body {
	padding: 10px 15px !important;
}

body.dark-mode #view-booked-lessons-modal .modal-footer {
	padding: 10px 0px 25px;
}

body.dark-mode #book-lesson-modal .modal-body.step-2 .alert.alert-info {
	margin-top: 10px;
}

body.dark-mode #payment-modal .modal-body.step-1 .subscription-feature-explainer.hidden + .modal-item {
	border-top: none;
}

body.dark-mode #profileSearchBox .settings-box-header .box-header h3.box-title {
	line-height: 1.15;
}

body.dark-mode #grammar-modal .modal-content .spinnerWrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 400px;
}

body.dark-mode span.song-question {
	line-height: 38px;
}

body.dark-mode form.listening2 .panel-body p + hr, body.dark-mode span.song-question hr {
	margin-top: 10px;
	margin-bottom: 10px;
	border-color: transparent !important;
}

body.dark-mode span.song-question hr + br {
	display: none;
}

body.dark-mode header nav div.navbar-custom-menu div a.btn {
	height: 34px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

body.dark-mode .navbar .nav &gt; li &gt; a:not(.active) .tooltip.nav-tooltip {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	opacity: 0;
	transition: opacity 0s ease 500ms;
}

body.dark-mode .navbar .nav &gt; li &gt; a:not(.active):hover span.tooltip, body.dark-mode .navbar .nav &gt; li &gt; a:not(.active):hover span.tooltiptext {
	color: white;
}

body.dark-mode .navbar .nav &gt; li &gt; a:not(.active):hover .tooltip.nav-tooltip {
	opacity: 1;
}

body.dark-mode .navbar .nav &gt; li &gt; a:not(.active) .tooltip.nav-tooltip .tooltiptext {
	bottom: -45px;
	font-size: 13px;
	height: 36px;
	padding: 8px 0px;
	width: 80px;
	margin-left: -40px;
}

body.dark-mode .navbar .nav &gt; li &gt; a.active .tooltip.nav-tooltip, body.dark-mode .navbar .nav &gt; li &gt; a.active .tooltip.nav-tooltip .tooltiptext::after {
	display: none;
}

body.dark-mode .navbar .nav &gt; li &gt; a:not(.active) .tooltip.nav-tooltip .tooltiptext::after {
	top: auto;
	bottom: 100%;
	border-color: transparent transparent #1c5263;
}

body.dark-mode #questions.grammar-2 .panel-body {
	line-height: 30px;
}

body.dark-mode #page-index .content-header .alert {
	font-size: 16px;
	margin: 27px 0px -2px;
}

body.dark-mode #subscribe-and-reserve-free-lessons, body.dark-mode .survey-hero {
	font-size: 18px;
	padding: 15px 20px;
}

body.dark-mode.timeline-page #subscribe-and-reserve-free-lessons, body.dark-mode.timeline-page .survey-hero {
	width: calc(100% - 30px);
	font-size: 17px;
	margin: 0px 15px 15px;
	padding: 15px;
	text-decoration: none;
	text-align: center;
}

body.dark-mode.timeline-page .survey-hero {
	display: flex;
	justify-content: center;
	align-items: center;
}

body.dark-mode.timeline-page .survey-hero div {
	margin-right: 10px;
}

body.dark-mode.timeline-page .survey-hero button {
	margin: 0px 4px;
}

body.dark-mode.timeline-page #subscribe-and-reserve-free-lessons, body.dark-mode #page-index #subscribe-and-reserve-free-lessons {
	display: block;
	cursor: pointer;
}

body.dark-mode #page-index #subscribe-and-reserve-free-lessons {
	width: 100%;
}

body.dark-mode.timeline-page #subscribe-and-reserve-free-lessons:hover span, body.dark-mode #page-index #subscribe-and-reserve-free-lessons:hover span {
	text-decoration: underline;
}

@media (max-width: 991px) {
	body.dark-mode.timeline-page #subscribe-and-reserve-free-lessons, body.dark-mode.timeline-page .survey-hero {
		margin: 10px 15px;
	}

	body.dark-mode.timeline-page .survey-hero {
		display: block;
	}

	body.dark-mode.timeline-page .survey-hero div {
		margin-right: 0px;
	}

	body.dark-mode.timeline-page .survey-hero button {
		margin: 8px 4px 0px;
	}
}

body.dark-mode span.exam-blank-underline {
	border-bottom: 1px solid #999999;
	padding-left: 100px;
	position: relative;
	top: -4px;
	margin: 0px 2px;
}

body.dark-mode #followTeachers.nav-tabs-custom {
	border: none !important;
}

body.dark-mode #headerTitleWrapper {
	display: flex;
	align-items: center;
}

body.dark-mode #profileScores {
	height: 165px;
}

/* @media (min-width: 992px) {
	body.dark-mode #examfinal .gabinfo.gabinfoexam, body.dark-mode #examfinal .gabinfo.gabinfoexam + hr {
		display: none;
	}
} */

body.dark-mode li.item .product-info span:first-of-type {
	line-height: 20px;
}

body.dark-mode #video-sticky-disabler {
	position: fixed;
	top: 0px;
	left: 426px;
	line-height: 24px;
	font-size: 24px;
	padding: 3px 8px;
	border: 0px;
	border-radius: 0px;
	background: black;
	font-weight: 600;
	color: white;
	z-index: 2;
	visibility: hidden;
	margin: 5px 10px;
}

body.dark-mode #video-sticky-disabler.visible {
	visibility: visible;
}

@media screen and (min-width: 1025px) {
	body.dark-mode #video-sticky-disabler.visible {
		top: 50px;
		width: 30px;
		height: 30px;
		left: 476px;
		transform: translateX(-50px);
		transition: transform 0.35s ease-in-out 0s, -webkit-transform 0.35s ease-in-out 0s;
	}
}

@media screen and (max-width: 479px) {
	body.dark-mode #video-sticky-disabler {
		left: 289px;
	}
}

body.dark-mode #payment-modal .modal-item #payment-modal-payment-item {
	margin-bottom: 10px;
}

body.dark-mode #payment-modal .modal-item .subscription-picker-wrap {
	display: flex;
	justify-content: center;
	margin-bottom: 0px;
}

body.dark-mode #payment-modal .modal-item .subscription-picker-wrap .picker-dropdown-wrap {
	width: 100%;
	padding-right: 20px;
}

body.dark-mode #payment-modal .modal-item .subscription-picker-wrap .subscription-picker-pricer {
	white-space: nowrap;
	margin-right: 15px;
}

body.dark-mode #payment-modal .modal-item .subscription-picker-wrap .subscription-picker-pricer #picker-subscription-price, body.dark-mode #payment-modal .modal-item .subscription-picker-wrap .subscription-picker-pricer #picker-credit-price {
	font-size: 22px;
	line-height: 40px;
}

body.dark-mode #payment-modal .modal-item .subscription-picker-wrap .picker-dropdown-wrap select.picker-dropdown {
	height: 40px;
	font-size: 15px;
	background-color: #212121;
}

body.dark-mode #payment-modal .modal-item .subscription-picker-wrap .picker-dropdown-wrap .subscription-explainer {
	font-size: 13px;
	line-height: 16px;
	margin: 5px 0px 0px 10px;
}

body.dark-mode #payment-modal .modal-item .subscription-picker-wrap.alert.alert-info #picker-time {
	font-size: 22px;
	line-height: 30px;
	font-weight: 600;
}

body.dark-mode #payment-modal .modal-item .subscription-picker-wrap.alert.alert-info #picker-final-price {
	font-size: 22px;
	line-height: 30px;
	font-weight: 600;
	color: #bfbfbf;
	margin-right: 0px;
	text-align: right;
	white-space: nowrap;
}

body.dark-mode #payment-modal .modal-item .subscription-picker-wrap.alert.alert-info .subscription-explainer {
	margin: 3px 0px 0px;
	font-weight: 600;
}

body.dark-mode #payment-modal .modal-item #school-subscription-explainer .subscription-explainer a {
	cursor: pointer;
}

body.dark-mode #payment-modal .modal-body.step-2 .alert.alert-info .subscription-selection {
	font-size: 18px;
}

@media (min-width: 600px) {
	body.dark-mode #payment-modal .modal-item .subscription-picker-wrap .subscription-picker-pricer {
		min-width: 77px;
		text-align: right;
	}
}

@media (max-width: 599px) and (min-width: 420px) {
	body.dark-mode #payment-modal .modal-item .subscription-picker-wrap .subscription-picker-pricer #picker-subscription-price, body.dark-mode #payment-modal .modal-item .subscription-picker-wrap .subscription-picker-pricer #picker-credit-price, body.dark-mode #payment-modal .modal-item .subscription-picker-wrap.alert.alert-info #picker-time, body.dark-mode #payment-modal .modal-item .subscription-picker-wrap.alert.alert-info #picker-final-price {
		font-size: 18px;
	}

	body.dark-mode #payment-modal .modal-item .subscription-picker-wrap.alert.alert-info #picker-time, body.dark-mode #payment-modal .modal-item .subscription-picker-wrap.alert.alert-info #picker-final-price {
		font-weight: 600;
	}

	body.dark-mode #payment-modal .modal-item .subscription-picker-wrap .subscription-picker-pricer {
		margin-right: 5px;
	}

	body.dark-mode #payment-modal .modal-item .subscription-picker-wrap.alert.alert-info {
		padding: 8px 12px;
	}

	body.dark-mode #payment-modal .modal-item .subscription-picker-wrap .picker-dropdown-wrap {
		padding-right: 15px;
	}

	body.dark-mode #payment-modal .modal-body.step-2 .alert.alert-info .subscription-selection span {
		display: block;
		float: none !important;
	}
}

@media (max-width: 419px) {
	body.dark-mode #payment-modal .modal-item .subscription-picker-wrap .subscription-picker-pricer #picker-subscription-price, body.dark-mode #payment-modal .modal-item .subscription-picker-wrap .subscription-picker-pricer #picker-credit-price, body.dark-mode #payment-modal .modal-item .subscription-picker-wrap.alert.alert-info #picker-time, body.dark-mode #payment-modal .modal-item .subscription-picker-wrap.alert.alert-info #picker-final-price {
		font-size: 14px;
	}

	body.dark-mode #payment-modal .modal-item .subscription-picker-wrap.alert.alert-info #picker-time, body.dark-mode #payment-modal .modal-item .subscription-picker-wrap.alert.alert-info #picker-final-price {
		line-height: 20px;
		font-weight: 600;
	}

	body.dark-mode #payment-modal .modal-item .subscription-picker-wrap .subscription-picker-pricer {
		margin-right: 0px;
	}

	body.dark-mode #payment-modal .modal-item .subscription-picker-wrap.alert.alert-info {
		padding: 6px 10px;
	}

	body.dark-mode #payment-modal .modal-item .subscription-picker-wrap .picker-dropdown-wrap {
		padding-right: 10px;
	}

	body.dark-mode #payment-modal .modal-body.step-2 .alert.alert-info .subscription-selection span {
		display: block;
		float: none !important;
	}
}

body.dark-mode #navbar-container .navbar-custom-menu #searchbox .sidebar-form {
	height: 33px;
}

body.dark-mode .create-topic-explainer .tooltip.delayed-tooltip .tooltiptext {
	opacity: 0;
	transition: opacity 0s ease 1000ms;
}

body.dark-mode .create-topic-explainer:hover .tooltip.delayed-tooltip .tooltiptext {
	opacity: 1;
}

body.dark-mode #examTabsContent a.edit-question-button, body.dark-mode #examTabsContent a.delete-question-button {
	cursor: pointer;
	display: inline-block;
	margin-top: 5px;
}

body.dark-mode #comment-box-topic a.delete-discussion-button {
	display: block;
	font-size: 14px;
	cursor: pointer;
}

body.dark-mode div.form-group .easy-autocomplete {
	width: 100% !important;
}

body.dark-mode #eac-container-searchval ul {
	border-top: 1px solid #4d4d4d;
}

body.dark-mode #eac-container-searchval ul li:not(.add-word) {
	border-bottom: 1px solid #2b2b2b;
	padding: 6px 12px;
}

body.dark-mode #eac-container-searchval ul li.add-word, body.dark-mode #eac-container-searchvalgrammar ul li.add-word {
	background-color: #0d2835;
	padding: 10px 12px;
}

body.dark-mode #eac-container-searchval ul li span.vocabulary-title {
	font-size: 16px;
}

body.dark-mode #eac-container-searchval ul li span.vocabulary-description {
	color: #bfbfbf;
}

body.dark-mode #eac-container-searchval ul li:hover span.vocabulary-description {
	color: white;
}

body.dark-mode .btn-success.disabled.focus, body.dark-mode .btn-success.disabled:focus, body.dark-mode .btn-success.disabled:hover, body.dark-mode .btn-success[disabled].focus, body.dark-mode .btn-success[disabled]:focus, body.dark-mode .btn-success[disabled]:hover, body.dark-mode fieldset[disabled] .btn-success.focus, body.dark-mode fieldset[disabled] .btn-success:focus, body.dark-mode fieldset[disabled] .btn-success:hover {
	background-color: #5cad5c !important;
	border-color: #5cad5c !important;
}

body.dark-mode #publish-confirmation-modal .publish-errors li {
	text-align: left;
	font-size: 17px;
}

body.dark-mode .btn-facebook {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: transparent;
	width: 200px;
	border: 2px solid #317fc4;
	padding: 6px 12px;
	border-radius: 4px;
}

body.dark-mode .btn-facebook:hover, body.dark-mode .btn-facebook:focus, body.dark-mode .btn-facebook:active {
	background-color: #4e68a2;
	border-color: #4e68a2;
}

body.dark-mode .btn-facebook span {
	color: #99c2e6;
}

body.dark-mode .btn-facebook:hover span, body.dark-mode .btn-facebook:focus span, body.dark-mode .btn-facebook:active span {
	color: white;
}

body.dark-mode .btn-twitter {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: transparent;
	width: 200px;
	border: 2px solid #2f96bc;
	padding: 6px 12px;
	border-radius: 4px;
}

body.dark-mode .btn-twitter:hover, body.dark-mode .btn-twitter:focus, body.dark-mode .btn-twitter:active {
	background-color: #3ba7ce;
	border-color: #3ba7ce;
}

body.dark-mode .btn-twitter span {
	color: #99c2e6;
}

body.dark-mode .btn-twitter:hover span, body.dark-mode .btn-twitter:focus span, body.dark-mode .btn-twitter:active span {
	color: white;
}

body.dark-mode #fakeexamForm .radio, body.dark-mode #examForm .radio {
	margin-top: 7.5px;
}

body.dark-mode ul.tags-vocabulary li.vocabulary-item a.play i.fa-volume-up {
	height: 16px;
	width: 16px;
}

body.dark-mode .note-editor.note-frame {
	border-color: #3b3b3b !important;
}

body.dark-mode .note-editor .note-editing-area {
	border-radius: 0px 0px 4px 4px;
}

body.dark-mode #add-grammar-form .dropdown-menu.note-check.dropdown-line-height li {
	list-style: none;
}

body.dark-mode .note-editing-area ol li {
	list-style: decimal;
}

body.dark-mode .note-editing-area ol ol li {
	list-style: disc;
}

body.dark-mode ul.tags-grammar.create-topic-grammar {
	min-height: 62px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

body.dark-mode ul.tags-grammar.create-topic-grammar li {
	display: flex !important;
}

body.dark-mode .panel-heading.note-toolbar .note-para .dropdown-menu &gt; div.note-align, body.dark-mode .note-para .note-btn-group:not(.note-list) {
	display: none;
}

body.dark-mode .panel-heading.note-toolbar .note-para .dropdown-menu {
	min-width: 78px !important;
}

body.dark-mode #viewotherstopic:hover {
	text-decoration: underline !important;
}

body.dark-mode div.input-group.form-group span {
	font-size: 24px;
	color: #bfbfbf;
}

body.dark-mode .note-statusbar {
	display: none;
}

body.dark-mode .note-toolbar-wrapper.panel-default {
	height: 42px !important;
}

@media (max-width: 368px) {
	body.dark-mode .note-toolbar-wrapper.panel-default {
		height: 78px !important;
	}
}

body.dark-mode #quiz-wrapper .input-group.form-group {
	width: 100%;
	display: flex;
	align-items: center;
}

body.dark-mode #quiz-wrapper .input-group.form-group span.input-group-addon {
	background: #1f1f1f;
	padding-left: 15px;
	border-width: 2px 0px 2px 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #24323d;
	border-bottom-color: #24323d;
	border-left-color: #24323d;
	border-image: initial;
	border-right-style: initial;
	border-right-color: initial;
	border-radius: 20px 0px 0px 20px;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	color: #bfbfbf !important;
}

body.dark-mode #quiz-wrapper .input-group.form-group input[type="text"] {
	border-radius: 0px 20px 20px 0px !important;
}

body.dark-mode span.multi-choice-alpha {
	color: #bfbfbf;
	font-weight: 600;
	width: 15px;
	display: inline-block;
}

body.dark-mode #userpage-starrating {
	text-align: center;
	vertical-align: top;
	display: inline-block;
	max-height: 40px;
}

body.dark-mode #userpage-starrating .star-rating {
	font-size: 20px;
	line-height: 40px;
	margin-left: 5px;
}

body.dark-mode #userpage-infobox {
	margin: 10px 15px;
}

body.dark-mode #userpage-infobox hr {
	border-top: 1px solid #3b3b3b !important;
}

body.dark-mode #userpage-infobox li {
	margin-bottom: 5px;
}

body.dark-mode.timeline-page #quizTimeline .tab-pane {
	padding: 5px 10px;
	background: #1c1c21;
	border-radius: 0px 0px 20px 20px;
}

body.dark-mode.timeline-page .box.box-solid .box-header {
	padding: 0px 5px;
	line-height: 1;
	border: none;
}

body.dark-mode.timeline-page #quizTimeline #quizzeswrap {
	padding: 0px 0px 5px;
	background: #1c1c21;
	border-radius: 0px 0px 20px 20px;
}

body.dark-mode.timeline-page #quizTimeline li.item button.btn.btn-sm {
	width: 71px;
	font-weight: 600;
}

body.dark-mode.timeline-page #quizTimeline li.item button.btn.btn-sm.btn-default {
	border: 1px solid #303030 !important;
}

body.dark-mode.timeline-page #userpage-header #action-buttons {
	display: flex;
	height: 75px;
	align-items: center;
	justify-content: center;
}

body.dark-mode.timeline-page #userpage-header #action-buttons .action-buttons-wrap {
	display: flex;
}

body.dark-mode.timeline-page #timeline-links {
	height: 50px;
	padding: 12px 8px;
	border-bottom: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	background: #1c1c21;
	border-radius: 20px 20px 0px 0px;
}

body.dark-mode.timeline-page #timeline-links a.active, body.dark-mode.timeline-page #timeline-links-scroller a.active {
	text-decoration: none;
	pointer-events: none;
	color: #ef7d30;
}

body.dark-mode.timeline-page #timeline-links-scroller a {
	display: inline-block;
}

body.dark-mode.timeline-page #quizTimeline .quiz-box {
	margin-bottom: 0px;
	border-top: none !important;
	border-right: none !important;
	border-left: none !important;
	border-image: initial !important;
	border-bottom: 1px solid #223039 !important;
	border-radius: 0px !important;
	overflow: visible !important;
}

body.dark-mode.timeline-page #quizTimeline .quiz-box:last-of-type {
	border-bottom: 0px !important;
}

body.dark-mode.timeline-page #quizTimeline .topic-box {
	margin-top: 10px;
}

body.dark-mode.timeline-page #quizTimeline .m_highlight_content {
	font-size: 0.8em;
}

body.dark-mode.timeline-page #quizTimeline .m_highlight_content p {
	font-size: 1.6em;
}

body.dark-mode.timeline-page #quizTimeline .quiz-box p {
	margin-bottom: 10px;
	margin-left: 0.5px;
}

body.dark-mode.timeline-page #quizTimeline a.box-topic-link:hover {
	text-decoration: none;
}

body.dark-mode.timeline-page #quizTimeline .m_highlight_content strong {
	margin-bottom: 0px;
	font-size: 1.9em;
}

body.dark-mode.timeline-page #quizTimeline .topic-box .m_highlight_content h1 {
	font-size: 1.35em;
	margin-bottom: 7px;
}

body.dark-mode.timeline-page #quizTimeline .topic-box .m_highlight_content h1 span {
	display: inline;
	vertical-align: middle;
	line-height: 18px;
}

body.dark-mode.timeline-page #quizTimeline .topic-box .m_highlight_content {
	padding: 0px 15px 5px;
}

body.dark-mode.timeline-page #quizTimeline .post-box .postImageWrapper {
	position: relative;
	margin: 10px 0px;
	border-radius: 4px;
	background: #292929;
	padding-top: 56.25%;
	overflow: hidden;
}

body.dark-mode.timeline-page #quizTimeline .post-box.loaded .postImageWrapper,
body.dark-mode #view-post-modal .modal-body .postImageWrapper {
	padding-top: 0px !important;
}

body.dark-mode.timeline-page #quizTimeline .post-box .postImageWrapper img {
	margin-top: -56.25%;
	opacity: 0;
}

body.dark-mode.timeline-page #quizTimeline .post-box.loaded .postImageWrapper img {
	margin-top: 0px;
}

body.dark-mode.timeline-page h3.box-title {
	font-size: 18px;
	font-weight: 600;
	color: #bfbfbf;
	white-space: nowrap;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}

body.dark-mode.timeline-page .settings-box-header {
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom: 0px;
}

body.dark-mode.timeline-page #quizTimeline .products-list .product-img img {
	width: 43px;
	height: 43px;
	position: absolute;
    border-radius: 19px!important;
}

body.dark-mode.timeline-page #searchFormProfile .form-control {
	font-size: 13px;
	padding: 6px 8px;
}

body.dark-mode.timeline-page #searchFormProfile .profile-item {
	margin: 10px;
}

body.dark-mode.timeline-page li.item .btn-primary {
	color: #99c2e6;
	background: #1c1c21;
	border: 1px solid #3f8ccf !important;
}

body.dark-mode.timeline-page li.item .btn-primary:hover {
	color: white;
}

body.dark-mode.timeline-page li.item .btn-default {
	background-color: #1c1c21;
}

body.dark-mode.timeline-page li.item .btn-default:hover {
	background-color: #303030;
}

body.dark-mode.timeline-page #action-buttons-scroll .action-buttons-wrap {
	display: flex;
	justify-content: center;
	margin: 5px;
}

body.dark-mode.timeline-page #action-buttons-scroll button, body.dark-mode.timeline-page #action-buttons-scroll a, body.dark-mode.timeline-page .homepage-action-buttons a, body.dark-mode.timeline-page .homepage-action-buttons button {
	width: 100%;
	font-size: 14px;
	padding: 8px;
	margin: 4px;
	overflow: hidden;
	text-overflow: ellipsis;
}

body.dark-mode.timeline-page .homepage-action-buttons {
	padding: 5px;
	display: flex;
}

body.dark-mode.timeline-page #userpage-scroller {
	position: fixed;
	opacity: 0;
}

body.dark-mode.timeline-page #userpage-scroller.visionable {
	opacity: 1;
	transition: transform 0.2s ease-in-out 0s;
}

@media (max-width: 1024px) {
	body.dark-mode .hidden-1024 {
		display: none !important;
	}
}

body.dark-mode.timeline-page .quiz-creator-info {
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
}

body.dark-mode.timeline-page .quiz-creator-info .middle-dot {
	margin: 0px 5px 0px 0px;
}

body.dark-mode.timeline-page #profileImgChanger {
	height: 200px;
	width: 200px;
}

body.dark-mode.timeline-page .wrapper.homepage-wrapper {
	margin-top: 50px;
}

body.dark-mode.timeline-page #widget-box .quiz-table-wrapper {
	display: flex;
	justify-content: space-around;
	background: #0d2835;
	width: 100%;
	margin: 50px 0 0;
	padding: 12px 3px;
}

body.dark-mode.timeline-page #widget-box .quiz-table-wrapper .table-info {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-decoration: none;
}

body.dark-mode.timeline-page #widget-box .quiz-table-wrapper .table-info span.title {
	color: #b8c1c6;
	font-size: 14px;
}

body.dark-mode.timeline-page #widget-box .quiz-table-wrapper .table-info span.result {
	color: #9fc0df;
	font-size: 22px;
	line-height: 26px;
	font-weight: 600;
}

body.dark-mode.timeline-page #widget-box .quiz-table-wrapper .table-info span.explainer {
	color: #b8c1c6;
	font-size: 10px;
	text-transform: uppercase;
}

body.dark-mode.timeline-page #widget-box .quiz-table-wrapper a.table-info:hover span {
	transition: color 0.15s ease-in-out 0s;
	color: #99cce6 !important;
}

body.dark-mode.timeline-page .timeline-alert {
	margin-bottom: 10px;
}

body.dark-mode.timeline-page .timeline-alert .box-header {
	font-size: 24px;
	color: #bfbfbf;
	font-weight: 600;
	padding: 10px 5px 10px 20px;
}

body.dark-mode.timeline-page .timeline-alert .box-body {
	font-size: 16px;
	padding-top: 0px;
	padding-bottom: 20px;
}

body.dark-mode.timeline-page .tab-pane.active ul.products-list li.item {
	border-bottom: 0px;
}

body.dark-mode.timeline-page #public-language-picker a.active {
	pointer-events: none;
	border-style: solid;
	opacity: 1;
	box-shadow: none;
	color: #ef7d30 !important;
	background: #1c1c21 !important;
	border-color: #ef7d30 !important;
}

body.dark-mode #public-language-picker ul.dropdown-menu li.disabled {
	pointer-events: none;
	cursor: default;
}

body.dark-mode .btn-primary.btn-light {
	background: #1c1c21;
	color: #9fc0df;
	border-width: 2px;
	text-decoration: none;
}

body.dark-mode .btn-primary.btn-light:hover, body.dark-mode .btn-primary.btn-light:active {
	color: white !important;
}

body.dark-mode #exchangeOnlineList li.chat-user.offline, body.dark-mode #othersOnlineList li.chat-user.offline {
	opacity: 0.5;
	pointer-events: none;
	user-select: none;
}

body.dark-mode #play-button-overlay {
	position: absolute;
	z-index: 1;
	top: 25px;
	left: 20px;
	border-radius: 50%;
	border: 5px solid #1c1c21;
	background: rgba(0, 0, 0, 0.4);
	width: 50px;
	height: 50px;
}

body.dark-mode #grid .topic-box-wrapper #play-button-overlay {
	top: 4%;
}

body.dark-mode #play-button-overlay span.play-button {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0px;
	right: 0px;
	border-radius: 50%;
}

body.dark-mode #play-button-overlay .play-button span {
	position: absolute;
	top: 7px;
	left: 22px;
	width: 0px;
	height: 0px;
	border-top: 13px solid transparent;
	border-bottom: 13px solid transparent;
	border-left: 20px solid #1c1c21;
}

body.dark-mode.timeline-page #quizTimeline .m_highlight_content.highlightedTitle strong {
	font-size: 2em;
}

body.dark-mode #grid .m_highlight_content.highlightedTitle strong {
	font-size: 2.3em;
	margin: 10px 0px !important;
}

body.dark-mode.timeline-page #quizTimeline #messages {
	background: transparent;
}

body.dark-mode.timeline-page #quizTimeline #ask-question-box {
	margin-top: 0px;
	padding: 20px 15px 0px;
	border: 0px;
	border-radius: 0px;
	background: #0d2835;
}

body.dark-mode.timeline-page .userpage-wrapper #quizTimeline #ask-question-box {
	margin-top: 0px;
	padding: 20px 15px;
	border-radius: 0px;
	background: #0d2835;
	border: 0px !important;
}

body.dark-mode.timeline-page #quizTimeline .post-box {
	padding-top: 5px;
}

body.dark-mode.timeline-page #quizTimeline .post-box:not(:last-of-type) {
	border-bottom: 1px solid #223039 !important;
}

body.dark-mode.timeline-page #quizTimeline .post-box .mar-btm, body.dark-mode #view-post-modal .post-box .mar-btm {
	padding: 0px 20px;
	background: transparent;
}

body.dark-mode.timeline-page #quizTimeline .post-box .view-post-link-wrapper {
	background: #242424;
	padding: 0px 20px 0px 30px;
	margin: 15px 0px;
	font-size: 13px;
}

body.dark-mode.timeline-page #quizTimeline .post-box .speech {
	margin-top: 0px;
	padding-top: 0px;
	background-color: transparent;
}

body.dark-mode.timeline-page #quizTimeline .post-box .post-replies {
	background: #242424;
	overflow: hidden;
}

body.dark-mode.timeline-page #quizTimeline .post-box .post-replies .quote-wrap {
	margin-top: -20px;
	padding-top: 20px;
	margin-left: 38px;
	border-left: 4px dotted #1e5476;
}

body.dark-mode.timeline-page #ask-question-box .img-circle, body.dark-mode.timeline-page #quizTimeline .post-box li.mar-btm:not(.replied) .img-circle {
	width: 40px;
	height: 40px;
}

body.dark-mode.timeline-page #quizTimeline .post-box li.mar-btm:not(.replied) .img-circle {
	margin-top: 0px;
}

body.dark-mode.timeline-page #quizTimeline .post-box li.mar-btm.replied .img-circle {
	width: 30px;
	height: 30px;
	margin-top: 3px;
}

body.dark-mode #ask-question-box textarea, body.dark-mode.timeline-page #quizTimeline .post-box .mar-btm textarea {
	height: 62px;
	min-height: 62px;
	max-height: 300px;
	padding: 6px 30px 6px 12px;
}

body.dark-mode #exercise-search-wrapper, body.dark-mode #quiz-search-wrapper {
	display: flex;
	position: relative;
	height: 40px;
	flex: 1 1 auto;
}

body.dark-mode #exercise-search-wrapper i, body.dark-mode #quiz-search-wrapper i {
	position: absolute;
	margin: 8px 16px;
	font-size: 24px;
}

body.dark-mode #exercise-search-wrapper .search-close, body.dark-mode #quiz-search-wrapper .search-close {
	position: absolute;
	right: 15px;
	font-size: 28px;
	cursor: pointer;
}

body.dark-mode #exercise-search-box, body.dark-mode #quiz-search-box {
	width: 100%;
	padding: 0px 35px 2px 40px;
	border-radius: 20px !important;
}

body.dark-mode #exercise-search-box:focus, body.dark-mode #quiz-search-box:focus {
	border-color: #317fc4 !important;
}

body.dark-mode #level-picker, body.dark-mode #level-picker-quiz {
	padding: 10px 0px;
	flex: 0 0 auto;
	margin-left: 10px !important;
}

body.dark-mode #level-picker a {
	color:#9fc0df!important;
}

body.dark-mode #exercise-search-box::-webkit-input-placeholder, body.dark-mode #quiz-search-box::-webkit-input-placeholder {
	font-size: 16px;
	line-height: 24px;
	font-weight: 400 !important;
}

body.dark-mode #exercise-search-box::placeholder, body.dark-mode #quiz-search-box::placeholder {
	font-size: 16px;
	line-height: 24px;
	font-weight: 400 !important;
	line-height: 35px;
}

body.dark-mode.timeline-page #quizTimeline .post-box .mar-btm.replied {
	padding: 0px 20px 0px 10px;
	margin: 15px 0px 15px 20px;
	background: #242424;
	border: none;
}

body.dark-mode.timeline-page #quizTimeline .post-box .mar-btm.replied + .mar-btm.replied:last-of-type {
	padding-top: 0px;
}

body.dark-mode.timeline-page #quizTimeline .post-box .mar-btm:not(.replied) + .mar-btm.replied, body.dark-mode.timeline-page #quizTimeline .post-box .mar-btm:not(.replied) + .view-post-link-wrapper {
	border-top: 1px solid #292929;
	margin-top: 10px;
}

body.dark-mode.timeline-page #quizTimeline .post-box .mar-btm.replied .speech a {
	font-size: 14px;
}

body.dark-mode.timeline-page #quizTimeline .post-box .mar-btm.replied .speech .replywrap a {
	font-size: 13px;
	margin-right: 7px;
}

body.dark-mode.timeline-page #quizTimeline .post-box .mar-btm:not(.replied) .speech .replywrap a {
	margin-right: 7px;
}

body.dark-mode.timeline-page #quizTimeline .post-box .mar-btm:not(.replied) .media-left {
	padding-right: 15px;
	display: block;
	position: absolute;
}

body.dark-mode.timeline-page #quizTimeline .post-box .mar-btm:not(.replied) .media-body {
	display: block;
	width: 100%;
	margin-left: 18px;
	padding-left: 30px;
	padding-bottom: 10px;
	padding-right: 20px;
	border-left: 4px solid transparent;
}

body.dark-mode.timeline-page #quizTimeline .post-box.has-replies .mar-btm:not(.replied) .media-body {
	border-left-color: #1e5476;
}

body.dark-mode.timeline-page #quizTimeline .post-box .mar-btm.replied .speech small {
	font-size: 13px;
}

body.dark-mode.timeline-page #quizTimeline .post-box .mar-btm.replied .speech p {
	margin: 4px 0px 2px;
}

body.dark-mode.timeline-page #quizTimeline .post-box .mar-btm:not(.replied) .speech p {
	font-size: 16px;
	margin-top: 5px;
	margin-bottom: 5px;
}

body.dark-mode.timeline-page #quizTimeline .post-box .speech p a {
	word-break: break-word;
}

body.dark-mode.timeline-page #quizTimeline .post-box .mar-btm:not(.replied) .speech a.media-heading {
	font-size: 16px;
}

body.dark-mode.timeline-page #quizTimeline #photo-placeholder-post {
	margin-left: 50px;
	background: #242424;
	padding: 3px;
	border-radius: 0px 0px 4px 4px;
	border-right: 1px solid #363d49;
	border-bottom: 1px solid #363d49;
	border-left: 1px solid #363d49;
	border-image: initial;
	border-top: none;
	min-height: 70px;
}

body.dark-mode.timeline-page #quizTimeline #photo-placeholder-post img {
	max-width: 160px;
	border-radius: 2px;
}

body.dark-mode #view-post-modal .modal-body {
	padding: 0px;
}

body.dark-mode #view-post-modal .modal-body .postImageWrapper {
	border-radius: 4px;
	background: #292929;
	margin: 10px 0px;
	position: relative;
	padding-top: 56.25%;
}

body.dark-mode #view-post-modal .modal-body .post-replies {
	background: #242424;
	border-radius: 0px 0px 3px 3px;
	overflow: hidden;
}

body.dark-mode #view-post-modal .modal-body .post-replies .quote-wrap {
	margin-top: -20px;
	margin-bottom: 15px;
	margin-left: 39px;
	border-left: 4px dotted #1e5476;
}

body.dark-mode #view-post-modal .modal-body .post-replies .quote-wrap li.replied:first-child {
	padding-top: 25px;
}

body.dark-mode #view-post-modal .mar-btm {
	border: none;
	list-style: none;
	margin-top: 0px;
}

body.dark-mode #view-post-modal li.mar-btm:not(.replied) .img-circle {
	width: 50px;
	height: 50px;
	margin-top: 0px;
}

body.dark-mode #view-post-modal .modal-body .mar-btm .speech {
	background: transparent;
	margin-top: -3px;
	padding-top: 0px;
}

body.dark-mode #view-post-modal .modal-body .mar-btm:not(.replied) {
	padding: 20px 15px 0px;
}

body.dark-mode #view-post-modal .modal-body .mar-btm:not(.replied) .media-left {
	display: inline-block;
}

body.dark-mode #view-post-modal .modal-body .mar-btm:not(.replied) .media-body {
	display: inline-block;
	margin-top: -50px;
	width: calc(100% - 24px);
	margin-left: 24px;
	padding-left: 30px;
	padding-bottom: 20px;
	padding-right: 10px;
	border-left: 4px solid transparent;
}

body.dark-mode #view-post-modal .modal-body .post-box.has-replies .mar-btm:not(.replied) .media-body {
	border-left-color: #1e5476;
}

body.dark-mode #view-post-modal .modal-body .post-replies .mar-btm {
	margin: 10px 20px 10px 28px;
}

body.dark-mode #view-post-modal .modal-body .mar-btm:not(.replied) .speech a {
	font-size: 18px;
}

body.dark-mode #view-post-modal .modal-body .mar-btm:not(.replied) .replywrap {
	line-height: 20px;
}

body.dark-mode #view-post-modal .modal-body .mar-btm:not(.replied) .replywrap a {
	font-size: 15px;
	margin-right: 7px;
	padding-top: 0px;
}

body.dark-mode #view-post-modal .modal-body .mar-btm:not(.replied) .speech small {
	font-size: 15px;
}

body.dark-mode #view-post-modal .modal-body .mar-btm:not(.replied) .speech p {
	font-size: 20px;
	line-height: 28px;
	margin: 5px 0px;
}

body.dark-mode #view-post-modal .modal-body .post-replies .mar-btm .speech &gt; a.media-heading, body.dark-mode #demo-chat-body .post-replies .mar-btm .speech &gt; a.media-heading {
	font-size: 14px;
}

body.dark-mode #view-post-modal .modal-body .post-replies .mar-btm .speech p &gt; a.media-heading, body.dark-mode #demo-chat-body .post-replies .mar-btm .speech p &gt; a.media-heading, body.dark-mode #demo-chat-body .post-box .mar-btm .post-group a {
	display: inline-block;
	vertical-align: middle;
	font-weight: 600;
	color: #bfbfbf;
	line-height: 20px;
	font-size: 13px !important;
}

body.dark-mode #view-post-modal .modal-body .post-replies .mar-btm .speech p &gt; a.media-heading, body.dark-mode #demo-chat-body .post-replies .mar-btm .speech p &gt; a.media-heading {
	margin: -5px 0px 5px;
}

body.dark-mode #view-post-modal .modal-body .post-replies .mar-btm .speech p &gt; .reply-clarifier, body.dark-mode #demo-chat-body .post-replies .mar-btm .speech p &gt; .reply-clarifier, body.dark-mode #demo-chat-body .post-box .mar-btm .post-group {
	vertical-align: middle;
	color: #bfbfbf;
	font-size: 13px;
}

body.dark-mode #view-post-modal .modal-body .post-replies .mar-btm .speech p &gt; .reply-clarifier, body.dark-mode #demo-chat-body .post-replies .mar-btm .speech p &gt; .reply-clarifier {
	display: inline-block;
	margin: -5px 2px 5px 0px;
}

body.dark-mode #demo-chat-body .post-box .mar-btm .post-group {
	margin-top: 3px;
}

body.dark-mode #view-post-modal .modal-body .post-replies .mar-btm .speech small {
	font-size: 13px;
}

body.dark-mode #view-post-modal .modal-body .post-replies .mar-btm .speech p {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 0px;
}

body.dark-mode #view-post-modal .modal-body .mar-btm.replied .speech .replywrap a {
	font-size: 13px;
	margin-right: 5px;
}

body.dark-mode #create-group-modal #group-title.input-error, body.dark-mode #edit-group-modal #edit-group-title.input-error {
	border-color: #862323 !important;
	background: #411111 !important;
	color: #e69999 !important;
}

body.dark-mode.timeline-page #friendswrap .groupUserType {
	font-size: 14px;
	color: #bfbfbf;
	font-weight: 700;
	text-transform: uppercase;
	display: inline-block;
	vertical-align: middle;
	line-height: 20px;
}

body.dark-mode.timeline-page #privateGroupBox {
	height: 300px;
	display: flex;
	align-items: center;
	justify-content: center;
}

body.dark-mode.timeline-page #demo-chat-body .replywrap .cta_joingroup {
	font-weight: 600;
	color: #b6c0c8;
}

body.dark-mode.timeline-page .quiz-creator-info .media-heading, body.dark-mode.timeline-page .quiz-creator-info .middle-dot, body.dark-mode.timeline-page .quiz-creator-info .speech-time, body.dark-mode.timeline-page .quiz-creator-info .btn-link, body.dark-mode.timeline-page .quiz-creator-info .topicstatslink {
	line-height: 21px;
}

body.dark-mode #shareongroups-modal #mygrouplist .checkbox, body.dark-mode #shareongroupsquiz-modal #mygrouplistquiz .checkbox {
	font-size: 16px;
	line-height: 21px;
	margin: 10px 0px;
}

body.dark-mode #shareongroups-modal #mygrouplist .checkbox label input[type="checkbox"], body.dark-mode #shareongroupsquiz-modal #mygrouplistquiz .checkbox label input[type="checkbox"] {
	margin-top: 3px;
}

body.dark-mode.timeline-page #public-language-picker #language-toggle {
	height: auto;
	width: auto;
	padding: 0px;
	box-shadow: none;
	opacity: 1;
	border: 0px;
	font-size: 22px;
	font-weight: 600;
	color: #bfbfbf;
	background: transparent !important;
}

body.dark-mode.timeline-page #public-language-picker .dropdown-menu {
	left: -5px;
	width: 235px;
	margin-top: 5px;
	text-align: center;
}

body.dark-mode.timeline-page #public-language-picker {
	display: flex;
	margin-bottom: 0px;
	background: #1c1c21;
	padding: 15px 15px 15px 20px;
	font-size: 22px;
	font-weight: 600;
	border-bottom: 0px !important;
}

@media (max-width: 991px) {
	body.dark-mode.timeline-page #public-language-picker {
		margin-bottom: 0px !important;
	}
}

body.dark-mode.timeline-page #public-language-picker .dropdown-menu li a {
	font-size: 18px;
}

body.dark-mode.timeline-page #public-language-picker .dropdown-menu li.disabled a {
	cursor: default;
	color: #cccccc;
}

body.dark-mode #shareongroups-modal #mygrouplist .group-list, body.dark-mode #shareongroupsquiz-modal #mygrouplistquiz .group-list {
	padding: 0px 15px;
}

body.dark-mode.timeline-page .groupImgPlaceholder {
	width: 100px;
	height: 43px;
	border-radius: 20px;
	background: #50a7d3;
	overflow: hidden;
}

body.dark-mode #message-modalChat .modal-header h4 {
	margin-left: 0;
    margin-right: auto;
    align-items: center;
    display: flex;
}

@media (min-width: 768px) {
	body.dark-mode #page-title-wrapper .page-title.teacher-title p {
		display: flex;
		align-items: center;
	}
}

body.dark-mode #page-title-wrapper .page-title a {
	display: inline-block;
}

body.dark-mode #shareongroups-modal .shared-topic-info {
	margin-bottom: 15px;
}

body.dark-mode #shareongroups-modal #mygrouplist, body.dark-mode #shareongroupsquiz-modal #mygrouplistquiz {
	margin: 0px 15px;
}

body.dark-mode #shareongroups-modal #mygrouplist .group-list.no-groups, body.dark-mode #shareongroupsquiz-modal #mygrouplistquiz .group-list.no-groups {
	border-left: 0px;
	height: 77px;
	padding: 15px 0px;
	margin: 0px;
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
	font-weight: 600;
	color: #bfbfbf;
	font-size: 20px;
}

@media (max-width: 991px) {
	body.dark-mode #bg-cover {
		height: 200px !important;
		margin: 0px !important;
	}

	body.dark-mode #bg-cover.widget-user-header.bg-profile {
		height: 100px !important;
	}

	body.dark-mode #bg-cover #changecover {
		opacity: 0;
	}

	body.dark-mode #userpage-imagewrapper {
		margin-left: 0px !important;
		height: 110px !important;
		width: 110px !important;
		margin-top: -55px !important;
	}

	body.dark-mode #userpage-imagewrapper img, body.dark-mode #userpage-imagewrapper #profileImgChanger {
		height: 100px !important;
		width: 100px !important;
	}

	body.dark-mode #userpage-imagewrapper #profileImgChanger {
		opacity: 0;
	}

	body.dark-mode #userpage-barwrapper {
		height: 50px !important;
	}

	body.dark-mode #userpage-titlewrapper {
		height: 50px !important;
		width: calc(100% - 113px) !important;
		padding: 6px !important;
	}

	body.dark-mode #userpage-usernamewrapper {
		line-height: 20px;
		font-weight: 600;
		font-size: 20px !important;
		max-width: calc(100% - 115px) !important;
	}

	body.dark-mode #userpage-scorewrapper {
		line-height: 20px;
		font-size: 18px !important;
	}

	body.dark-mode #userpage-nametitlewrapper {
		font-size: 14px !important;
		margin-left: 0px !important;
	}

	body.dark-mode .wrapper.userpage-wrapper section.content {
		padding-top: 10px;
	}

	body.dark-mode #user-page #timeline-links {
		height: auto;
		white-space: normal;
		padding: 6px 8px;
	}

	body.dark-mode #user-page #timeline-links a {
		white-space: nowrap;
		display: inline-block;
		font-size: 18px !important;
		padding: 4px 12px !important;
	}

	body.dark-mode #quizTimeline {
		margin-bottom: 10px;
	}

	body.dark-mode #userpage-starrating .star-rating {
		font-size: 14px;
		line-height: 20px;
		margin-left: 0px;
	}

	body.dark-mode #action-buttons-mobile {
		text-align: center;
	}

	body.dark-mode #action-buttons-mobile .action-buttons-wrap {
		display: flex;
		justify-content: center;
		margin: 15px 10px 5px;
	}

	body.dark-mode #action-buttons-mobile .action-buttons-wrap a, body.dark-mode #action-buttons-mobile .action-buttons-wrap button {
		margin: 0px 4px !important;
		width: 94% !important;
	}

	body.dark-mode #action-buttons-mobile .btn-group {
		padding: 15px 30px 5px;
		width: 100%;
	}

	body.dark-mode #action-buttons-mobile .btn-group .dropdown-menu {
		left: 30px;
		width: calc(100% - 60px);
	}
}

body.dark-mode #bookingNotification, body.dark-mode #bookingNotificationGroup {
	margin-bottom: 10px;
	padding: 10px 15px 15px;
}

body.dark-mode #bookingNotification .alert-grey, body.dark-mode #bookingNotificationGroup .alert-grey {
	background: #212121 !important;
}

body.dark-mode #bookingNotification a, body.dark-mode #bookingNotification .showOnlyAutoAdded .btn {
	text-decoration: none;
}

body.dark-mode #bookingNotification .showOnlyAutoAdded .btn {
	min-width: 140px;
	margin: 0px 4px;
}

body.dark-mode #bookingNotification .showOnlyAutoAdded .btn.btn-default {
	color: #bfbfbf;
}

body.dark-mode #bookingNotification a:not(.btn):hover {
	text-decoration: underline;
}

body.dark-mode #bookingNotificationGroup a {
	height: 60px;
	color: #9fc0df;
	text-decoration: none;
	word-break: break-word;
}

body.dark-mode #bookingNotificationGroup #groupclass-start-button, body.dark-mode #bookingNotificationGroup #groupclass-start-button-audio, body.dark-mode #bookingNotificationGroup #groupclass-start-button-teacher {
	height: 42px;
	color: white;
}

body.dark-mode #bookingNotificationGroup #groupclass-start-button span, body.dark-mode #bookingNotificationGroup #groupclass-start-button-audio span {
	display: inline-block;
	vertical-align: middle;
}

body.dark-mode #bookingNotificationGroup #groupclass-start-button .videoicon {
	background: url("../img/video-on.svg") center center no-repeat;
	height: 20px;
	width: 20px;
}

body.dark-mode #bookingNotificationGroup #groupclass-start-button-audio .videoiconoff {
	background: url("../img/video-off.svg") center center no-repeat;
	height: 20px;
	width: 20px;
}

body.dark-mode #bookingNotification a:hover, body.dark-mode #bookingNotificationGroup a:hover {
	text-decoration: underline;
}

body.dark-mode #groupClassJoinWrapper, body.dark-mode .showOnlyAutoAdded {
	height: 43px;
	padding: 15px 15px 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

body.dark-mode #bookingNotificationGroup #groupclass-start-button, body.dark-mode #bookingNotificationGroup #groupclass-start-button-audio, body.dark-mode #bookingNotificationGroup #groupclass-start-button-teacher {
	width: 167px;
	border: 0px;
	margin: 0px 4px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 700;
}

body.dark-mode #bookingNotificationGroup #groupclass-start-button-teacher {
	line-height: 23px;
	font-size: 16px;
}

body.dark-mode .hangout-explainer-button {
	margin-left: 4px;
	color: white;
	border: 1px solid #51a83e;
	background-color: #51a83e;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 16px;
	font-weight: 700;
	border-radius: 2px;
	padding: 1px 6px;
}

body.dark-mode nav.navbar #global-header-link, body.dark-mode nav.navbar #global-header-link-group-class {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 35px;
	margin: 0px;
	border: 0px;
	border-radius: 0px;
	font-size: 15px;
}

body.dark-mode header.global-link .navbar {
	height: 85px;
}

body.dark-mode header.global-link ~ .wrapper.homepage-wrapper, body.dark-mode header.global-link ~ .wrapper #userpage-scroller-trigger {
	margin-top: 85px !important;
}

@media (min-width: 1025px) {
	body.dark-mode header.global-link ~ .sidenav {
		margin-top: 35px !important;
		padding-bottom: 35px !important;
	}
}

body.dark-mode header.global-link ~ .wrapper .content-header {
	margin-top: 35px !important;
}

body.dark-mode.public-user #bookingNotificationGroup label.btn-success {
	max-width: 140px;
	width: 100% !important;
	margin: 0px !important;
}

body.dark-mode.public-user #bookingNotificationGroup label.btn-default {
	display: none;
}

body.dark-mode button.subscription-reasons {
	width: 100%;
	padding: 20px 15px;
	margin-bottom: 0px;
	font-size: 16px;
	border: 0px;
	border-radius: 0px !important;
}

body.dark-mode button.subscription-reasons:hover span, body.dark-mode #book-lesson-modal #subscribe-for-free-lessons-explainer:hover a {
	text-decoration: underline;
}

body.dark-mode #message-modal .exercise-question-message {
	margin-bottom: 4px;
	font-size: 14px;
}

body.dark-mode #message-modal .exercise-question-message .explainer {
	font-size: 14px;
	line-height: 16px;
	font-weight: 600;
	display: inline-block;
	vertical-align: middle;
}

body.dark-mode #message-modal .exercise-question-message a {
	font-size: 14px;
	line-height: 16px;
	vertical-align: middle;
	display: inline-block;
}

body.dark-mode #messageswrap .exercise-question-message a {
	text-decoration: none;
	color: #bfbfbf !important;
}

body.dark-mode #groupclass-video-wrapper {
	height: 277px;
	overflow: hidden;
}

body.dark-mode #groupclass-video-container {
	height: 100%;
	background: black;
	position: relative;
}

body.dark-mode #groupclass-video-wrapper .videobox {
	height: 100%;
	display: flex;
	justify-content: center;
	overflow: hidden;
	cursor: default;
}

body.dark-mode #groupclass-video-container .videobox .groupclass-username, body.dark-mode #groupclass-video-container .videobox .groupclass-photo {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	background: rgba(0, 0, 0, 0.75);
	font-size: 1.5vw;
	font-weight: 700;
	color: white;
	height: 100%;
	width: 100%;
	opacity: 0;
}

body.dark-mode #groupclass-video-container .videobox .groupclass-username {
	z-index: 3;
	transition: opacity 0.3s ease-in-out 0s;
}

body.dark-mode #groupclass-video-container .videobox .groupclass-photo {
	z-index: 2;
	background: black;
}

body.dark-mode #groupclass-video-container .videobox .groupclass-photo img {
	border-radius: 50%;
	height: 200px;
}

body.dark-mode #groupclass-video-container .videobox.videoOFF &gt; .groupclass-photo {
	opacity: 1;
}

body.dark-mode #groupclass-video-container .videobox:hover &gt; .groupclass-username {
	opacity: 1;
}

body.dark-mode .groupclass-message-name-title {
	text-transform: uppercase;
	color: #bfbfbf;
	font-weight: 700;
	font-size: 10px;
	position: absolute;
	margin-top: -21px;
	white-space: nowrap;
}

body.dark-mode#group-class-page .direct-chat-messages {
	padding: 0px 15px;
}

body.dark-mode#group-class-page .direct-chat-msg {
	margin-top: 20px;
	margin-bottom: 7.5px;
}

body.dark-mode#group-class-page .direct-chat-msg.right .groupclass-message-name-title {
	right: 10px;
}

body.dark-mode #sendMessageTextGab {
	width: 100%;
	height: 34px;
	padding: 6px 27px 6px 12px;
	z-index: 0;
}

body.dark-mode #sendMessageArea .btn[disabled] {
	opacity: 1;
}

body.dark-mode #quizTimeline .product-list-in-box .empty-settings {
	font-size: 20px;
	padding: 100px 50px;
}

body.dark-mode #create-topic-modal .gabinfogab a {
	color: #9fc0df;
	text-decoration: none;
}

body.dark-mode #create-topic-modal .gabinfogab a:hover {
	text-decoration: underline;
}

body.dark-mode #survey-modal-school .survey-explainer p {
	font-size: 16px;
}

body.dark-mode #survey-modal-school table td {
	padding: 4px !important;
}

body.dark-mode #survey-modal-school table .cell-icon {
	color: #99e699;
	font-size: 22px;
	vertical-align: top !important;
}

body.dark-mode #payment-modal #school-payment-alert {
	text-align: left;
	padding: 10px 20px;
	margin-bottom: 10px;
	background-color: #212121 !important;
}

body.dark-mode #payment-modal #school-payment-alert:hover .title {
	text-decoration: underline;
}

body.dark-mode #student-payment-alert span.chevron.right::before {
	height: 0.5em;
	width: 0.5em;
	margin-top: -2px;
	margin-left: -3px;
	border-color: #9fc0df;
}

@media (max-width: 1199px) and (min-width: 922px), (max-width: 767px) {
	body.dark-mode #completed-hider .margined {
		margin: 10px 0px;
	}

	body.dark-mode #level-check, body.dark-mode #favorite-check, body.dark-mode #completed-check {
		margin-left: auto;
		height: 20px;
		width: 40px;
	}

	body.dark-mode #completed-hider .chooser-1 {
		display: flex;
		align-items: center;
	}

	body.dark-mode #completed-hider .chooser-2 {
		display: flex;
		align-items: center;
	}

	body.dark-mode #completed-hider .chooser-3 {
		display: flex;
		align-items: center;
	}
}

@media (max-width: 991px) and (min-width: 768px), (min-width: 1200px) {
	body.dark-mode #level-check, body.dark-mode #favorite-check, body.dark-mode #completed-check {
		margin-left: 10px;
		height: 20px;
		width: 40px;
	}

	body.dark-mode #completed-hider .chooser-1 {
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}

	body.dark-mode #completed-hider .chooser-2 {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	body.dark-mode #completed-hider .chooser-3 {
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}
}

body.dark-mode #payment-modal a.paypal-unavaialable-link {
	display: inline-block;
	color: #9fc0df;
	text-decoration: none;
}

body.dark-mode #payment-modal a.paypal-unavaialable-link:hover {
	text-decoration: underline;
}

body.dark-mode table a.view-results-box {
	display: flex;
}

body.dark-mode table a.view-results-box .progress {
	width: 100%;
}

body.dark-mode table a.view-results-box .viewresult {
	margin-left: 8px;
	color: #bfbfbf;
}

body.dark-mode #statsTable tbody tr td .stats-exercise-title, body.dark-mode #statsTableUser tbody tr td .stats-exercise-title {
	max-width: 200px;
}

@media (max-width: 499px) {
	body.dark-mode #statsTable .hidden-499, body.dark-mode #statsTableUser .hidden-499, body.dark-mode #statsTableQuiz .hidden-499, body.dark-mode #statsTable tbody tr td:nth-child(3), body.dark-mode #statsTableUser tbody tr td:nth-child(4), body.dark-mode #statsTableQuiz tbody tr td:nth-child(3) {
		display: none !important;
	}
}

@media (max-width: 649px) {
	body.dark-mode #statsTable .hidden-649, body.dark-mode #statsTableUser .hidden-649, body.dark-mode #statsTableQuiz .hidden-649, body.dark-mode #statsTable tbody tr td:nth-child(2), body.dark-mode #statsTableUser tbody tr td:nth-child(2), body.dark-mode #statsTableQuiz tbody tr td:nth-child(2) {
		display: none !important;
	}
}

@media (max-width: 767px) {
	body.dark-mode #statsTable .hidden-767, body.dark-mode #statsTableUser .hidden-767, body.dark-mode #statsTableUser tbody tr td:nth-child(3), body.dark-mode #statsTable tbody tr td .product-img, body.dark-mode #statsTableUser tbody tr td .product-img, body.dark-mode #statsTable tbody tr td .group-member-score, body.dark-mode #statsTableUser tbody tr td .group-member-score {
		display: none !important;
	}

	body.dark-mode #statsTable tbody tr td .product-info, body.dark-mode #statsTableUser tbody tr td .stats-exercise-title {
		max-width: 130px !important;
	}

	body.dark-mode #statsTable tbody tr td div.progress-bar, body.dark-mode #statsTableUser tbody tr td div.progress-bar {
		min-width: 40% !important;
	}
}

@media (max-width: 991px) {
	body.dark-mode #statsTable tbody tr td .product-info, body.dark-mode #statsTableUser tbody tr td .stats-exercise-title {
		max-width: 174px;
	}
}

body.dark-mode .info-icon-info16 {
	width: 16px;
	height: 16px;
	margin-right: 6px;
	margin-top: 2px;
	flex: 0 0 auto;
	background-image: url("https://www.bitgab.com/assets-dashboard/img/info-16.svg");
}

body.dark-mode .writing-buttons {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 20px;
}

@media (max-width: 1119px) and (min-width: 1025px) {
	body.dark-mode.sidenav-open .writing-buttons.spanish {
		flex-direction: column;
	}
}

@media (max-width: 559px) {
	body.dark-mode .writing-buttons.spanish {
		flex-direction: column;
	}
}

@media (max-width: 414px) {
	body.dark-mode .writing-buttons {
		flex-direction: column;
	}
}

body.dark-mode .writing-buttons a {
	margin: 4px;
	font-size: 16px;
	padding: 8px 18px;
}

body.dark-mode .writing-buttons.spanish a {
	margin: 4px;
	width: 140px;
	font-size: 14px;
}

body.dark-mode #videos .chevron.right::before {
	height: 0.5em;
	width: 0.5em;
	margin-top: -2px;
	margin-left: -2px;
}

body.dark-mode ol.decimal li {
	list-style: decimal;
	margin-bottom: 15px;
}

body.dark-mode .translate .translateAudio {
	color: #dedede;
	font-size: 18px;
	text-decoration: none;
	pointer-events: none;
}

body.dark-mode .translate .translateAudio.playable {
	color: #bfbfbf;
	cursor: pointer;
	pointer-events: auto;
}

body.dark-mode #translateLanguageSelect {
	position: relative;
	z-index: 0;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 12px;
	color: #bfbfbf;
	-webkit-appearance: none;
	padding: 0px !important;
	border: none !important;
	background: transparent !important;
	transition-duration: 0s;
	transition-timing-function: ease !important;
	transition-delay: 0s !important;
	transition-property: none !important;
}

body.dark-mode #translateLanguageSelectedOptionWidth {
	visibility: hidden;
}

body.dark-mode #translateOptionChevron {
	z-index: -1;
	margin-left: -12px;
}

body.dark-mode .gab-button-wrapper button.btn-success .ion-chevron-down::before {
	font-weight: 700;
}

body.dark-mode #create-groupclass-modal .alert.alert-info {
	display: flex;
	align-items: flex-start;
	margin-top: 10px;
	margin-bottom: 0px;
	padding: 8px 15px 10px;
}

body.dark-mode #create-groupclass-modal .alert.alert-info .imgWrapper {
	padding: 5px 20px 0px 0px;
}

body.dark-mode #create-groupclass-modal .alert.alert-info .imgWrapper img {
	max-height: 110px;
}

body.dark-mode #create-groupclass-modal .alert.alert-info .textWrapper {
	padding-top: 7.5px;
}

body.dark-mode #create-groupclass-modal .alert.alert-info .textWrapper p {
	font-size: 15px;
	line-height: 20px;
	margin-bottom: 4px;
}

body.dark-mode #create-groupclass-modal .alert.alert-info .textWrapper div &gt; p {
	font-size: 20px;
	font-weight: 600;
	margin-top: 2px;
	margin-bottom: 12px;
}

@media screen and (max-width: 499px) {
	body.dark-mode #create-groupclass-modal .alert.alert-info {
		flex-direction: column;
	}

	body.dark-mode #create-groupclass-modal .alert.alert-info .imgWrapper {
		padding: 10px;
		margin: 0px auto;
	}

	body.dark-mode #create-groupclass-modal .alert.alert-info .textWrapper {
		padding-top: 10px;
	}

	body.dark-mode #create-groupclass-modal .time-selectors {
		flex-direction: column;
	}

	body.dark-mode #create-groupclass-modal .time-selectors input, body.dark-mode #create-groupclass-modal .time-selectors select {
		height: 44px;
		width: 100% !important;
		margin: 0px 0px 10px !important;
	}
}

body.dark-mode .group-waiting-box {
	max-width: 600px;
	padding: 35px 30px 20px;
	background: #1c1c21;
	border: 1px solid #1a455b;
	border-radius: 10px;
	margin-top: 10px;
}

body.dark-mode .group-waiting-box .textWrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 25px 0px 10px;
	padding: 20px;
	background: #212121;
	border: 1px solid #4d4d4d;
	border-radius: 10px;
}

body.dark-mode .group-waiting-box .teacher-login-explainer {
	margin-top: 5px;
	font-size: 14px;
	font-weight: 500;
	color: #b8c1c6;
}

body.dark-mode .group-waiting-box .start-text {
	font-size: 22px;
	font-weight: 700;
}

body.dark-mode .group-waiting-box .start-text-description {
	font-size: 16px;
	color: #b8c1c6;
}

body.dark-mode .group-waiting-box .login-explainer {
	margin-top: -5px;
	margin-left: 15px;
	font-size: 13px;
	font-weight: 600;
	color: #b8c1c6;
}

@media screen and (max-width: 599px) {
	body.dark-mode .group-waiting-box {
		max-width: 90%;
	}

	body.dark-mode .group-waiting-box .start-text {
		font-size: 19px;
	}

	body.dark-mode .group-waiting-box .start-text-description {
		font-size: 15px;
	}
}

@media screen and (max-width: 423px) {
	body.dark-mode .group-waiting-box .start-text {
		line-height: 24px;
		margin-bottom: 10px;
	}

	body.dark-mode .group-waiting-box .textWrapper {
		align-items: flex-start;
	}

	body.dark-mode .group-waiting-box .start-text-description {
		margin-right: -50px;
	}

	body.dark-mode .group-waiting-box .spinnerWrapper {
		margin-top: 10px;
	}
}

body.dark-mode .group-waiting-box #messages .alert.alert-danger {
	margin-top: 0px !important;
}

body.dark-mode .group-waiting-box #messages .alert.alert-danger .close {
	display: none;
}

body.dark-mode #findFriendsBox, body.dark-mode #findTeachersBox {
	margin-bottom: 10px;
}

body.dark-mode #cancelGroupClass, body.dark-mode #assignTeacherGroupClass {
	margin: 0px 4px;
}

body.dark-mode .direct-chat-text::after, body.dark-mode .direct-chat-text::before, body.dark-mode .right .direct-chat-text::after, body.dark-mode .right .direct-chat-text::before {
	display: none;
	top: 50%;
}

body.dark-mode #courseLevelChanger.opacity0 {
	pointer-events: none;
}

body.dark-mode #level-modal .payment-option-label .radio-button-cell input, body.dark-mode #change-course-modal .payment-option-label .radio-button-cell input {
	margin: 0px;
}

body.dark-mode #message-modalChat .user-offline-explainer {
	display: none;
	font-size: 12px;
	font-weight: 600;
	color: #bfbfbf;
	padding: 6px 12px;
	background: #2b2b2b;
	width: 100%;
}

body.dark-mode button, body.dark-mode #quizTimeline, body.dark-mode .box, body.dark-mode .nav-tabs-custom, body.dark-mode .btn, body.dark-mode .modal-content {
	border-radius: 20px !important;
	border: none !important;
}

body.dark-mode button, body.dark-mode #quizTimeline, body.dark-mode .box, body.dark-mode .nav-tabs-custom, body.dark-mode .btn, body.dark-mode .modal-content {
	overflow: hidden !important;
}

body.dark-mode button, body.dark-mode .btn {
	font-weight: 600;
}

body.dark-mode .modal-footer button, body.dark-mode .modal-footer .btn {
	min-width: 100px;
}

body.dark-mode .btn:active {
	box-shadow: none;
}

body.dark-mode .alert {
	border-radius: 20px;
	border: 0px !important;
}

body.dark-mode .dropdown-menu, body.dark-mode .dropdown-menu.focus-menu {
	border-radius: 10px !important;
	border: none !important;
	overflow: hidden !important;
	padding: 7px !important;
}

body.dark-mode #level-picker ul.dropdown-menu.focus-menu {
	padding: 0!important;
}

body.dark-mode .dropdown-menu form, body.dark-mode .dropdown-menu.focus-menu form {
	padding: 9px 0px !important;
}

body.dark-mode .btn-group .dropdown-menu li:not(.divider):hover a, body.dark-mode .btn-group .dropdown-menu.focus-menu li:not(.divider):hover a {
	background-color: #3c7ab4;
	color: white;
}

body.dark-mode .btn-group .dropdown-menu li a, body.dark-mode .btn-group .dropdown-menu.focus-menu li a {
	border-radius: 5px;
}

body.dark-mode .navbar-nav li ul * {
	border: 0px !important;
}

body.dark-mode #completed-hider, body.dark-mode #completed-hider-quizzes, body.dark-mode #posts-completed-hider {
	height: 60px;
	justify-content: center;
	border: none !important;
	background: #0d2835 !important;
	color: #bfbfbf !important;
}

body.dark-mode #posts-completed-hider {
	padding-top: 0px !important;
}

body.dark-mode #timeline-links-scroller {
	background: #0d2835;
}

body.dark-mode #userpage-scroller hr {
	display: none;
}

body.dark-mode .box.topic-box {
	border: 1px solid #374753 !important;
}

body.dark-mode hr {
	border-color: #223039 !important;
}

body.dark-mode .dropdown-menu .divider {
	background-color: transparent !important;
	margin: 7.5px 0px !important;
}

body.dark-mode ul.dropdown-menu.focus-menu label {
	display: flex;
}

body.dark-mode ul.dropdown-menu.focus-menu label input {
	margin-right: 4px;
}

body.dark-mode ul.dropdown-menu.focus-menu fieldset &gt; span {
	color: #b8c1c6 !important;
}

body.dark-mode .topic-box:hover {
	background: rgba(38, 38, 38, 0.6);
}

body.dark-mode .box-footer {
	background: transparent;
}

body.dark-mode #user-account ul li.user-body div {
	border-radius: 0px;
	background: #0d2835 !important;
	color: #bfbfbf;
}

body.dark-mode .modal-header {
	background: #212121;
	border: 0px;
}

body.dark-mode button.close, body.dark-mode a.close {
	font-weight: 400;
	text-shadow: none;
	text-align: center;
	width: 1em;
	height: 1em;
	border-radius: 20px;
}

body.dark-mode #message-modalChat button.close, body.dark-mode #message-modalChat a.close {
	width: 1.5em;
	height: 1.5em;
	max-width: 28px;
	max-height: 28px;
}

body.dark-mode #message-modalChat button.close.exit span {
	font-size: 24px;
    line-height: 20px;
}

body.dark-mode button.close:hover, body.dark-mode a.close:hover {
	background: #4d4d4d;
}

body.dark-mode .modal button.close, body.dark-mode .modal a.close {
	font-size: 34px;
	color: #fff;
}

body.dark-mode #quiz-wrapper .form-group.input-group button {
	font-size: 25px;
	width: 28px;
}

body.dark-mode #payment-modal .modal-header .pull-right {
	line-height: 30px;
	font-size: 16px !important;
}

body.dark-mode #payment-modal .modal-footer {
	display: flex;
	flex-direction: row-reverse;
}

body.dark-mode.sidenav-open #mobile-private-gab-button {
	display: none;
}

body.dark-mode .sidenav.connected {
	background-color: #212121;
}

body.dark-mode .sidenav.connected ul {
	opacity: 1;
}

body.dark-mode #message-modalChat .modal-header button {
	margin: 0px 0px 0px 4px;
}

body.dark-mode #message-modal .modal-header {
	background: #1c1c21;
}

body.dark-mode #message-modal #sendMessageText {
	min-height: 82px;
}

body.dark-mode #page-profile #boxCenter .box-header .box-title {
	font-size: 28px;
	font-weight: 600;
}

body.dark-mode #page-profile #boxCenter .settings-box-header {
	padding: 10px 0px;
}

@media (max-width: 767px) {
	body.dark-mode #page-profile #boxCenter .settings-box-header .box-header {
		padding: 0px 10px;
	}
}

body.dark-mode #messages-tab .product-list-in-box &gt; .item {
	border: 0px;
	margin: 0px 10px;
}

body.dark-mode .table-striped &gt; tbody &gt; tr:nth-of-type(2n+1) {
	background-color: #212121;
}

body.dark-mode #queryTranslation .translateBox {
	border: none !important;
	border-radius: 20px !important;
	background: #212121 !important;
	box-shadow: #212121 0px 0px 0px inset !important;
}

body.dark-mode #left-column .ytvideo-options-explainer {
	border-radius: 0px 0px 20px 20px;
	margin: -20px 0px 20px !important;
	background: #102841 !important;
	padding: 15px 20px !important;
}

body.dark-mode #video-reported {
	color: #b8c1c6;
}

body.dark-mode #book-lesson-modal .modal-title &gt; div {
	font-weight: 400;
}

body.dark-mode #action-buttons .dropdown-menu.focus-menu li a {
	border-radius: 5px;
}

body.dark-mode .product-list-in-box &gt; .item {
	border-bottom: 0px !important;
}

body.dark-mode .box-footer {
	border-top: 0px !important;
}

body.dark-mode #findFriendsBox .box-footer, body.dark-mode #findTeachersBox .box-footer {
	padding: 5px 15px 15px;
}

body.dark-mode #findFriendsSubmitButton, body.dark-mode #findTeachersSubmitButton {
	font-size: 18px;
}

body.dark-mode #userpage-imagewrapper {
	border: 10px solid #1c1c21 !important;
	height: 220px !important;
	width: 220px !important;
	margin-top: -135px !important;
}

@media (max-width: 991px) {
	body.dark-mode #userpage-imagewrapper {
		border: 5px solid #1c1c21 !important;
		margin-left: 0px !important;
		height: 110px !important;
		width: 110px !important;
		margin-top: -55px !important;
	}
}

body.dark-mode #search-results-hider a.close {
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px !important;
}

body.dark-mode #search-results-hider a.close:hover, body.dark-mode #search-results-hider a.close:focus {
	background: #4d4d4d;
	border-radius: 50%;
	text-shadow: none;
}

body.dark-mode table.table.table-bordered {
	border: 0px;
	border-radius: 20px;
	overflow: hidden;
}

body.dark-mode #findfriends-tab .box-header, body.dark-mode #findteachers-tab .box-header, body.dark-mode #findgroups-tab .box-header {
	padding: 0px 5px;
}

body.dark-mode #quiz-modal .box.quiz-box.mar-btm {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

body.dark-mode #sendMessageArea .input-group {
	width: 100%;
}

body.dark-mode #otherClientsChat {
	display: none;
}

body.dark-mode #message-modal #otherClientsChat {
	display: table-cell;
}

body.dark-mode #inviteButtons {
	padding: 10px 5px;
}

body.dark-mode #inviteButtons hr {
	margin: 15px 0px;
	border-color: transparent !important;
}

body.dark-mode #left-column a.topic-list-box {
	border: 0px !important;
	border-radius: 20px !important;
	background: #000 !important;
}

body.dark-mode #demo-chat-body {
	padding: 0px;
	background: #1c1c21;
	border-radius: 0px 0px 20px 20px;
	overflow: hidden;
}

body.dark-mode #questions.writingBox .panel-heading h3 {
	font-size: 18px !important;
	color: #bfbfbf !important;
	padding: 15px 10px 0px !important;
}

body.dark-mode #questions.writingBox .panel.question .panel-body .form-box {
	margin: 25px 0px 15px !important;
}

body.dark-mode #video-holder .aspectRatioForcer {
	border-radius: 20px;
}

body.dark-mode #tab_info .box.box-solid {
	border-radius: 0px !important;
}

body.dark-mode #qawrap li.mar-btm .panel-footer.replybox {
	margin: 10px 0px -5px !important;
}

@media (max-width: 559px) {
	body.dark-mode #shareongroups-modal .shared-topic-info .payment-modal-option {
		display: block;
		padding-bottom: 5px !important;
	}

	body.dark-mode #shareongroups-modal .shared-topic-info .payment-modal-option &gt; div {
		text-align: center;
		margin-top: 15px;
		display: block !important;
	}

	body.dark-mode #shareongroups-modal .shared-topic-info .payment-modal-option &gt; div &gt; div {
		margin-bottom: 10px;
		margin-right: 0px !important;
	}
}

@media (max-width: 419px) {
	body.dark-mode #left-column .ytvideo-options-explainer {
		text-align: center;
		padding: 10px 20px !important;
	}

	body.dark-mode #left-column .ytvideo-options-explainer span.separator {
		display: none;
	}

	body.dark-mode #left-column .ytvideo-options-explainer a.topic-video-link {
		margin-bottom: 5px;
	}
}

body.dark-mode #teacherScheduleForm hr {
	border-color: transparent !important;
}

body.dark-mode #entered-topic-video-explainer.subscription-explainer.quiz-explainer {
	margin-left: 22px;
}

body.dark-mode #vocab-search-input .subscription-explainer.quiz-explainer, body.dark-mode #grammar-search-input .subscription-explainer.quiz-explainer {
	margin-left: 14px;
}

body.dark-mode #entered-topic-video {
	font-weight: 600;
	padding: 20px;
	font-size: 20px !important;
}

body.dark-mode .easy-autocomplete-container ul {
	border: 0px;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: rgba(101, 119, 134, 0.2) 0px 0px 15px, rgba(101, 119, 134, 0.15) 0px 0px 3px 1px;
	top: 5px !important;
	padding: 5px !important;
}

body.dark-mode .easy-autocomplete-container ul li {
	border: 0px !important;
}

body.dark-mode #eac-container-searchvalgrammar.easy-autocomplete-container ul li {
	padding: 10px 12px !important;
}

body.dark-mode .easy-autocomplete-container ul li.selected {
	background: transparent !important;
}

body.dark-mode .easy-autocomplete-container ul li:hover {
	color: white;
	border-radius: 5px;
	cursor: pointer;
	background: none 0px 0px repeat scroll #3c7ab4 !important;
}

body.dark-mode .easy-autocomplete-container ul li:last-child {
	border-radius: 5px !important;
}

body.dark-mode .easy-autocomplete-container ul li &gt; a {
	color: #bfbfbf;
	font-weight: 600;
}

body.dark-mode .easy-autocomplete-container ul li:hover &gt; a {
	color: white;
	text-decoration: none !important;
}

body.dark-mode #topic-searchbox-box .box.box-solid {
	overflow: visible !important;
}

body.dark-mode .rating-fa, body.dark-mode .rating-fa .rating-stars::before {
	padding-left: 1px;
}

body.dark-mode .rating-container-rtl .rating-stars::before, body.dark-mode .rating-container-rtl::before, body.dark-mode .rating-container::before {
	content: attr(data-content);
}

body.dark-mode .rating-container, body.dark-mode .rating-container-rtl {
	display: inline-block;
	vertical-align: middle;
}

body.dark-mode .star-rating .clear-rating, body.dark-mode .star-rating-rtl .caption {
	padding-right: 5px;
}

body.dark-mode .rating-loading {
	width: 25px;
	height: 25px;
	font-size: 0px;
	color: white;
	background: url("../img/loading.gif") left top no-repeat;
	border: none;
}

body.dark-mode .rating-fa {
	font-family: FontAwesome;
}

body.dark-mode .rating-gly, body.dark-mode .rating-gly-star {
	font-family: "Glyphicons Halflings";
}

body.dark-mode .rating-gly-star, body.dark-mode .rating-gly-star .rating-stars::before {
	padding-left: 2px;
}

body.dark-mode .rating-lg .rating-gly-star, body.dark-mode .rating-lg .rating-gly-star .rating-stars::before {
	padding-left: 4px;
}

body.dark-mode .rating-xl .rating-gly-star, body.dark-mode .rating-xl .rating-gly-star .rating-stars::before {
	padding-left: 2px;
}

body.dark-mode .rating-active {
	cursor: default;
}

body.dark-mode .rating-disabled {
	cursor: not-allowed;
}

body.dark-mode .rating-uni {
	font-size: 1.2em;
	margin-top: -5px;
}

body.dark-mode .rating-container {
	position: relative;
	color: #e3e3e3;
	overflow: hidden;
}

body.dark-mode .rating-container .rating-stars {
	position: absolute;
	left: 0px;
	top: 0px;
	white-space: nowrap;
	overflow: hidden;
	color: #e6d699;
	transition: all 0.25s ease-out 0s;
}

body.dark-mode .rating-container .rating-stars::before {
	content: attr(data-content);
	text-shadow: rgba(0, 0, 0, 0.7) 0px 0px 1px;
}

body.dark-mode .rating-container-rtl {
	position: relative;
	overflow: hidden;
	color: #e6d699;
}

body.dark-mode .rating-container-rtl::before {
	text-shadow: rgba(0, 0, 0, 0.7) 0px 0px 1px;
}

body.dark-mode .rating-container-rtl .rating-stars {
	position: absolute;
	left: 0px;
	top: 0px;
	white-space: nowrap;
	overflow: hidden;
	color: #e3e3e3;
	transition: all 0.25s ease-out 0s;
}

body.dark-mode .rating-xl {
	font-size: 4.89em;
}

body.dark-mode .rating-lg {
	font-size: 3.91em;
}

body.dark-mode .rating-md {
	font-size: 3.13em;
}

body.dark-mode .rating-sm {
	font-size: 2.5em;
}

body.dark-mode .rating-xs {
	font-size: 2em;
}

body.dark-mode .star-rating .clear-rating, body.dark-mode .star-rating-rtl .clear-rating {
	color: #bfbfbf;
	cursor: not-allowed;
	display: inline-block;
	vertical-align: middle;
	font-size: 60%;
}

body.dark-mode .clear-rating-active {
	cursor: pointer !important;
}

body.dark-mode .clear-rating-active:hover {
	color: #dba5a4;
}

body.dark-mode .star-rating .caption, body.dark-mode .star-rating-rtl .caption {
	color: #bfbfbf;
	display: inline-block;
	vertical-align: middle;
	font-size: 55%;
}

body.dark-mode .star-rating .caption {
	padding-left: 5px;
}

@media print {
	body.dark-mode .rating-container, body.dark-mode .rating-container-rtl .rating-stars, body.dark-mode .rating-container-rtl .rating-stars::before, body.dark-mode .rating-container::before {
		color: #f3f3f3 !important;
	}

	body.dark-mode .star-rating .clear-rating, body.dark-mode .star-rating-rtl .clear-rating {
		display: none;
	}
}

body.dark-mode div.dataTables_length label {
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
}

body.dark-mode div.dataTables_length select {
	width: 75px;
	display: inline-block;
}

body.dark-mode div.dataTables_filter {
	text-align: right;
}

body.dark-mode div.dataTables_filter label {
	font-weight: normal;
	white-space: nowrap;
	text-align: left;
}

body.dark-mode div.dataTables_filter input {
	margin-left: 0.5em;
	display: inline-block;
	width: auto;
}

body.dark-mode div.dataTables_info {
	padding-top: 8px;
	white-space: nowrap;
}

body.dark-mode div.dataTables_paginate {
	margin: 0px;
	white-space: nowrap;
	text-align: right;
}

body.dark-mode div.dataTables_paginate ul.pagination {
	margin: 2px 0px;
	white-space: nowrap;
}

@media screen and (max-width: 767px) {
	body.dark-mode div.dataTables_wrapper &gt; div.row &gt; div, body.dark-mode div.dataTables_length, body.dark-mode div.dataTables_filter, body.dark-mode div.dataTables_info, body.dark-mode div.dataTables_paginate {
		text-align: center;
	}

	body.dark-mode div.DTTT {
		margin-bottom: 0.5em;
	}
}

body.dark-mode table.dataTable td, body.dark-mode table.dataTable th {
	box-sizing: content-box;
}

body.dark-mode table.dataTable {
	clear: both;
	margin-top: 6px !important;
	margin-bottom: 6px !important;
	max-width: none !important;
}

body.dark-mode table.dataTable thead .sorting, body.dark-mode table.dataTable thead .sorting_asc, body.dark-mode table.dataTable thead .sorting_desc, body.dark-mode table.dataTable thead .sorting_asc_disabled, body.dark-mode table.dataTable thead .sorting_desc_disabled {
	cursor: pointer;
	position: relative;
}

body.dark-mode table.dataTable thead .sorting::after, body.dark-mode table.dataTable thead .sorting_asc::after, body.dark-mode table.dataTable thead .sorting_desc::after {
	position: relative;
	top: 2px;
	left: 4px;
	font-size: 0.9em;
	display: inline-block;
	font-family: "Glyphicons Halflings";
	opacity: 0.5;
}

body.dark-mode table.dataTable thead .sorting::after {
	opacity: 0.2;
	content: "î…";
}

body.dark-mode table.dataTable thead .sorting_asc::after {
	content: "î…•";
}

body.dark-mode table.dataTable thead .sorting_desc::after {
	content: "î…–";
}

body.dark-mode div.dataTables_scrollBody table.dataTable thead .sorting::after, body.dark-mode div.dataTables_scrollBody table.dataTable thead .sorting_asc::after, body.dark-mode div.dataTables_scrollBody table.dataTable thead .sorting_desc::after {
	display: none;
}

body.dark-mode table.dataTable thead .sorting_asc_disabled::after, body.dark-mode table.dataTable thead .sorting_desc_disabled::after {
	color: #ededed;
}

body.dark-mode table.dataTable thead &gt; tr &gt; th {
	padding-left: 8px;
}

body.dark-mode table.dataTable th:active {
	outline: none;
}

body.dark-mode table.dataTable.table-condensed thead &gt; tr &gt; th {
	padding-left: 8px;
}

body.dark-mode table.dataTable.table-condensed thead .sorting::after, body.dark-mode table.dataTable.table-condensed thead .sorting_asc::after, body.dark-mode table.dataTable.table-condensed thead .sorting_desc::after {
	top: 6px;
	right: 6px;
}

body.dark-mode div.dataTables_scrollHead table {
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	margin-bottom: 0px !important;
}

body.dark-mode div.dataTables_scrollHead table thead tr:last-child th:first-child, body.dark-mode div.dataTables_scrollHead table thead tr:last-child td:first-child {
	border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}

body.dark-mode div.dataTables_scrollBody table {
	border-top: none;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

body.dark-mode div.dataTables_scrollBody tbody tr:first-child th, body.dark-mode div.dataTables_scrollBody tbody tr:first-child td {
	border-top: none;
}

body.dark-mode div.dataTables_scrollFoot table {
	border-top: none;
	margin-top: 0px !important;
}

body.dark-mode table.table-bordered.dataTable {
	border-collapse: separate !important;
}

body.dark-mode table.table-bordered thead th, body.dark-mode table.table-bordered thead td {
	border-left-width: 0px;
	border-top-width: 0px;
}

body.dark-mode table.table-bordered tbody th, body.dark-mode table.table-bordered tbody td {
	border-left-width: 0px;
	border-bottom-width: 0px;
}

body.dark-mode table.table-bordered tfoot th, body.dark-mode table.table-bordered tfoot td {
	border-left-width: 0px;
	border-bottom-width: 0px;
}

body.dark-mode table.table-bordered th:last-child, body.dark-mode table.table-bordered td:last-child {
	border-right-width: 0px;
}

body.dark-mode div.dataTables_scrollHead table.table-bordered {
	border-bottom-width: 0px;
}

body.dark-mode .table.dataTable tbody tr.active td, body.dark-mode .table.dataTable tbody tr.active th {
	background-color: #297aa3;
	color: white;
}

body.dark-mode .table.dataTable tbody tr.active:hover td, body.dark-mode .table.dataTable tbody tr.active:hover th {
	background-color: #246b8f !important;
}

body.dark-mode .table.dataTable tbody tr.active th &gt; a, body.dark-mode .table.dataTable tbody tr.active td &gt; a {
	color: white;
}

body.dark-mode .table-striped.dataTable tbody tr.active:nth-child(2n+1) td, body.dark-mode .table-striped.dataTable tbody tr.active:nth-child(2n+1) th {
	background-color: #267197;
}

body.dark-mode table.DTTT_selectable tbody tr {
	cursor: pointer;
}

body.dark-mode div.DTTT .btn:hover {
	text-decoration: none !important;
}

body.dark-mode ul.DTTT_dropdown.dropdown-menu {
	z-index: 2003;
}

body.dark-mode ul.DTTT_dropdown.dropdown-menu a {
	color: #bfbfbf !important;
}

body.dark-mode ul.DTTT_dropdown.dropdown-menu li {
	position: relative;
}

body.dark-mode ul.DTTT_dropdown.dropdown-menu li:hover a {
	background-color: #297aa3;
	color: white !important;
}

body.dark-mode div.DTTT_collection_background {
	z-index: 2002;
}

body.dark-mode div.DTTT_print_info {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 400px;
	height: 150px;
	margin-left: -200px;
	margin-top: -75px;
	text-align: center;
	color: #bfbfbf;
	padding: 10px 30px;
	opacity: 0.95;
	background-color: #1c1c21;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 6px;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 7px;
}

body.dark-mode div.DTTT_print_info h6 {
	font-weight: normal;
	font-size: 28px;
	line-height: 28px;
	margin: 1em;
}

body.dark-mode div.DTTT_print_info p {
	font-size: 14px;
	line-height: 20px;
}

body.dark-mode div.dataTables_processing {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 60px;
	margin-left: -50%;
	margin-top: -25px;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	font-size: 1.2em;
	background: linear-gradient(to right, rgba(28, 28, 33, 0) 0%, rgba(28, 28, 33, 0.9) 25%, rgba(28, 28, 33, 0.9) 75%, rgba(28, 28, 33, 0) 100%);
}

body.dark-mode div.DTFC_LeftHeadWrapper table, body.dark-mode div.DTFC_LeftFootWrapper table, body.dark-mode div.DTFC_RightHeadWrapper table, body.dark-mode div.DTFC_RightFootWrapper table, body.dark-mode table.DTFC_Cloned tr.even {
	background-color: #1c1c21;
	margin-bottom: 0px;
}

body.dark-mode div.DTFC_RightHeadWrapper table, body.dark-mode div.DTFC_LeftHeadWrapper table {
	border-bottom: none !important;
	margin-bottom: 0px !important;
	border-top-right-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}

body.dark-mode div.DTFC_RightHeadWrapper table thead tr:last-child th:first-child, body.dark-mode div.DTFC_RightHeadWrapper table thead tr:last-child td:first-child, body.dark-mode div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child, body.dark-mode div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child {
	border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}

body.dark-mode div.DTFC_RightBodyWrapper table, body.dark-mode div.DTFC_LeftBodyWrapper table {
	border-top: none;
	margin: 0px !important;
}

body.dark-mode div.DTFC_RightBodyWrapper tbody tr:first-child th, body.dark-mode div.DTFC_RightBodyWrapper tbody tr:first-child td, body.dark-mode div.DTFC_LeftBodyWrapper tbody tr:first-child th, body.dark-mode div.DTFC_LeftBodyWrapper tbody tr:first-child td {
	border-top: none;
}

body.dark-mode div.DTFC_RightFootWrapper table, body.dark-mode div.DTFC_LeftFootWrapper table {
	border-top: none;
	margin-top: 0px !important;
}

body.dark-mode div.DTFC_LeftBodyWrapper table.dataTable thead .sorting::after, body.dark-mode div.DTFC_LeftBodyWrapper table.dataTable thead .sorting_asc::after, body.dark-mode div.DTFC_LeftBodyWrapper table.dataTable thead .sorting_desc::after, body.dark-mode div.DTFC_RightBodyWrapper table.dataTable thead .sorting::after, body.dark-mode div.DTFC_RightBodyWrapper table.dataTable thead .sorting_asc::after, body.dark-mode div.DTFC_RightBodyWrapper table.dataTable thead .sorting_desc::after {
	display: none;
}

body.dark-mode div.FixedHeader_Cloned table {
	margin: 0px !important;
}

body.dark-mode div.dataTables_length label {
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
}

body.dark-mode div.dataTables_length select {
	width: 75px;
	display: inline-block;
}

body.dark-mode div.dataTables_filter {
	text-align: right;
}

body.dark-mode div.dataTables_filter label {
	font-weight: normal;
	white-space: nowrap;
	text-align: left;
}

body.dark-mode div.dataTables_filter input {
	margin-left: 0.5em;
	display: inline-block;
	width: auto;
}

body.dark-mode div.dataTables_info {
	padding-top: 8px;
	white-space: nowrap;
}

body.dark-mode div.dataTables_paginate {
	margin: 0px;
	white-space: nowrap;
	text-align: right;
}

body.dark-mode div.dataTables_paginate ul.pagination {
	margin: 2px 0px;
	white-space: nowrap;
}

@media screen and (max-width: 767px) {
	body.dark-mode div.dataTables_wrapper &gt; div.row &gt; div, body.dark-mode div.dataTables_length, body.dark-mode div.dataTables_filter, body.dark-mode div.dataTables_info, body.dark-mode div.dataTables_paginate {
		text-align: center;
	}

	body.dark-mode div.DTTT {
		margin-bottom: 0.5em;
	}
}

body.dark-mode table.dataTable td, body.dark-mode table.dataTable th {
	box-sizing: content-box;
}

body.dark-mode table.dataTable {
	clear: both;
	margin-top: 6px !important;
	margin-bottom: 6px !important;
	max-width: none !important;
}

body.dark-mode table.dataTable thead .sorting, body.dark-mode table.dataTable thead .sorting_asc, body.dark-mode table.dataTable thead .sorting_desc, body.dark-mode table.dataTable thead .sorting_asc_disabled, body.dark-mode table.dataTable thead .sorting_desc_disabled {
	cursor: pointer;
	position: relative;
}

body.dark-mode table.dataTable thead .sorting::after, body.dark-mode table.dataTable thead .sorting_asc::after, body.dark-mode table.dataTable thead .sorting_desc::after {
	position: relative;
	top: 2px;
	left: 4px;
	font-size: 0.9em;
	display: inline-block;
	font-family: "Glyphicons Halflings";
	opacity: 0.5;
}

body.dark-mode table.dataTable thead .sorting::after {
	opacity: 0.2;
	content: "î…";
}

body.dark-mode table.dataTable thead .sorting_asc::after {
	content: "î…•";
}

body.dark-mode table.dataTable thead .sorting_desc::after {
	content: "î…–";
}

body.dark-mode div.dataTables_scrollBody table.dataTable thead .sorting::after, body.dark-mode div.dataTables_scrollBody table.dataTable thead .sorting_asc::after, body.dark-mode div.dataTables_scrollBody table.dataTable thead .sorting_desc::after {
	display: none;
}

body.dark-mode table.dataTable thead .sorting_asc_disabled::after, body.dark-mode table.dataTable thead .sorting_desc_disabled::after {
	color: #ededed;
}

body.dark-mode table.dataTable thead &gt; tr &gt; th {
	padding-left: 8px;
}

body.dark-mode table.dataTable th:active {
	outline: none;
}

body.dark-mode table.dataTable.table-condensed thead &gt; tr &gt; th {
	padding-left: 8px;
}

body.dark-mode table.dataTable.table-condensed thead .sorting::after, body.dark-mode table.dataTable.table-condensed thead .sorting_asc::after, body.dark-mode table.dataTable.table-condensed thead .sorting_desc::after {
	top: 6px;
	right: 6px;
}

body.dark-mode div.dataTables_scrollHead table {
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	margin-bottom: 0px !important;
}

body.dark-mode div.dataTables_scrollHead table thead tr:last-child th:first-child, body.dark-mode div.dataTables_scrollHead table thead tr:last-child td:first-child {
	border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}

body.dark-mode div.dataTables_scrollBody table {
	border-top: none;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

body.dark-mode div.dataTables_scrollBody tbody tr:first-child th, body.dark-mode div.dataTables_scrollBody tbody tr:first-child td {
	border-top: none;
}

body.dark-mode div.dataTables_scrollFoot table {
	border-top: none;
	margin-top: 0px !important;
}

body.dark-mode table.table-bordered.dataTable {
	border-collapse: separate !important;
}

body.dark-mode table.table-bordered thead th, body.dark-mode table.table-bordered thead td {
	border-left-width: 0px;
	border-top-width: 0px;
}

body.dark-mode table.table-bordered tbody th, body.dark-mode table.table-bordered tbody td {
	border-left-width: 0px;
	border-bottom-width: 0px;
}

body.dark-mode table.table-bordered tfoot th, body.dark-mode table.table-bordered tfoot td {
	border-left-width: 0px;
	border-bottom-width: 0px;
}

body.dark-mode table.table-bordered th:last-child, body.dark-mode table.table-bordered td:last-child {
	border-right-width: 0px;
}

body.dark-mode div.dataTables_scrollHead table.table-bordered {
	border-bottom-width: 0px;
}

body.dark-mode .table.dataTable tbody tr.active td, body.dark-mode .table.dataTable tbody tr.active th {
	background-color: #297aa3;
	color: white;
}

body.dark-mode .table.dataTable tbody tr.active:hover td, body.dark-mode .table.dataTable tbody tr.active:hover th {
	background-color: #246b8f !important;
}

body.dark-mode .table.dataTable tbody tr.active th &gt; a, body.dark-mode .table.dataTable tbody tr.active td &gt; a {
	color: white;
}

body.dark-mode .table-striped.dataTable tbody tr.active:nth-child(2n+1) td, body.dark-mode .table-striped.dataTable tbody tr.active:nth-child(2n+1) th {
	background-color: #267197;
}

body.dark-mode table.DTTT_selectable tbody tr {
	cursor: pointer;
}

body.dark-mode div.DTTT .btn:hover {
	text-decoration: none !important;
}

body.dark-mode ul.DTTT_dropdown.dropdown-menu {
	z-index: 2003;
}

body.dark-mode ul.DTTT_dropdown.dropdown-menu a {
	color: #bfbfbf !important;
}

body.dark-mode ul.DTTT_dropdown.dropdown-menu li {
	position: relative;
}

body.dark-mode ul.DTTT_dropdown.dropdown-menu li:hover a {
	background-color: #297aa3;
	color: white !important;
}

body.dark-mode div.DTTT_collection_background {
	z-index: 2002;
}

body.dark-mode div.DTTT_print_info {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 400px;
	height: 150px;
	margin-left: -200px;
	margin-top: -75px;
	text-align: center;
	color: #bfbfbf;
	padding: 10px 30px;
	opacity: 0.95;
	background-color: #1c1c21;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 6px;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 7px;
}

body.dark-mode div.DTTT_print_info h6 {
	font-weight: normal;
	font-size: 28px;
	line-height: 28px;
	margin: 1em;
}

body.dark-mode div.DTTT_print_info p {
	font-size: 14px;
	line-height: 20px;
}

body.dark-mode div.dataTables_processing {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 60px;
	margin-left: -50%;
	margin-top: -25px;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	font-size: 1.2em;
	background: linear-gradient(to right, rgba(28, 28, 33, 0) 0%, rgba(28, 28, 33, 0.9) 25%, rgba(28, 28, 33, 0.9) 75%, rgba(28, 28, 33, 0) 100%);
}

body.dark-mode div.DTFC_LeftHeadWrapper table, body.dark-mode div.DTFC_LeftFootWrapper table, body.dark-mode div.DTFC_RightHeadWrapper table, body.dark-mode div.DTFC_RightFootWrapper table, body.dark-mode table.DTFC_Cloned tr.even {
	background-color: #1c1c21;
	margin-bottom: 0px;
}

body.dark-mode div.DTFC_RightHeadWrapper table, body.dark-mode div.DTFC_LeftHeadWrapper table {
	border-bottom: none !important;
	margin-bottom: 0px !important;
	border-top-right-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}

body.dark-mode div.DTFC_RightHeadWrapper table thead tr:last-child th:first-child, body.dark-mode div.DTFC_RightHeadWrapper table thead tr:last-child td:first-child, body.dark-mode div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child, body.dark-mode div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child {
	border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}

body.dark-mode div.DTFC_RightBodyWrapper table, body.dark-mode div.DTFC_LeftBodyWrapper table {
	border-top: none;
	margin: 0px !important;
}

body.dark-mode div.DTFC_RightBodyWrapper tbody tr:first-child th, body.dark-mode div.DTFC_RightBodyWrapper tbody tr:first-child td, body.dark-mode div.DTFC_LeftBodyWrapper tbody tr:first-child th, body.dark-mode div.DTFC_LeftBodyWrapper tbody tr:first-child td {
	border-top: none;
}

body.dark-mode div.DTFC_RightFootWrapper table, body.dark-mode div.DTFC_LeftFootWrapper table {
	border-top: none;
	margin-top: 0px !important;
}

body.dark-mode div.DTFC_LeftBodyWrapper table.dataTable thead .sorting::after, body.dark-mode div.DTFC_LeftBodyWrapper table.dataTable thead .sorting_asc::after, body.dark-mode div.DTFC_LeftBodyWrapper table.dataTable thead .sorting_desc::after, body.dark-mode div.DTFC_RightBodyWrapper table.dataTable thead .sorting::after, body.dark-mode div.DTFC_RightBodyWrapper table.dataTable thead .sorting_asc::after, body.dark-mode div.DTFC_RightBodyWrapper table.dataTable thead .sorting_desc::after {
	display: none;
}

body.dark-mode div.FixedHeader_Cloned table {
	margin: 0px !important;
}

body.dark-mode .fileinput-button {
	position: relative;
	overflow: hidden;
}

body.dark-mode .fileinput-button input {
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 0px;
	opacity: 0;
	transform: translate(-300px, 0px) scale(4);
	font-size: 23px;
	direction: ltr;
	cursor: pointer;
}

body.dark-mode .fileupload-buttonbar .btn, body.dark-mode .fileupload-buttonbar .toggle {
	margin-bottom: 5px;
}

body.dark-mode .progress-animated .bar {
	filter: none;
	background: url("../img/progressbar.gif") !important;
}

body.dark-mode .fileupload-loading {
	float: right;
	width: 32px;
	height: 32px;
	background: url("../img/loading.gif") center center/contain no-repeat;
	display: none;
}

body.dark-mode .fileupload-processing .fileupload-loading {
	display: block;
}

body.dark-mode .files audio, body.dark-mode .files video {
	max-width: 300px;
}

@media (max-width: 767px) {
	body.dark-mode .fileupload-buttonbar .toggle, body.dark-mode .files .toggle, body.dark-mode .files .btn span {
		display: none;
	}

	body.dark-mode .files .name {
		width: 80px;
		overflow-wrap: break-word;
	}

	body.dark-mode .files audio, body.dark-mode .files video {
		max-width: 80px;
	}
}

body.dark-mode [data-columns]::before {
	display: block;
	visibility: hidden;
	position: absolute;
	font-size: 1px;
}

body.dark-mode .teacher-exercises-created-wrap, body.dark-mode #vocab-search-input, body.dark-mode #grammar-search-input, body.dark-mode #comment-box-topic-discussion-list-input-wrapper, body.dark-mode #grammar-details-practice-wrapper, body.dark-mode #quiz-modal .quiz-box .modal-footer, body.dark-mode #tab_info .box.box-solid,
body.dark-mode .groupsettingswrap {
	background: #0d2835 !important;
}

body.dark-mode #left-column .topic-list-box ol, body.dark-mode .teacher-exercises-created-wrap &gt; div, body.dark-mode #header-dropdown-name, body.dark-mode #grammar-search-input, body.dark-mode #comment-box-topic-discussion-list-input-wrapper, body.dark-mode #share-this-link-wrapper, body.dark-mode p.private-gab-link-text {
	color: #bfbfbf !important;
}

body.dark-mode .footer-mini .company-name, body.dark-mode .footer-mini-links a, body.dark-mode .footer-mini-links a:focus {
	color: #8899a6 !important;
}

body.dark-mode #play-button-overlay .play-button span {
	border-left-color: #fbfbfb;
}

body.dark-mode #play-button-overlay {
	border-color: #fbfbfb;
}

body.dark-mode #quiz-wrapper .input-group.form-group span.input-group-addon {
	background: #363636 !important;
}

body.dark-mode #teacher-create-topic-tutorial-info {
	background: #212121 !important;
}

body.dark-mode #userpage-scroller-trigger img {
	border-color: #1c1c21 !important;
}

body.dark-mode table thead tr {
	background-color: #1c1c21 !important;
}

body.dark-mode #conversation, body.dark-mode #conversationGab, body.dark-mode #chatnotice, body.dark-mode #usermessageswrap, body.dark-mode .howToStartClass {
	background: #1f1f1f !important;
}

body.dark-mode #quiz-stats-completed-wrapper, body.dark-mode #user-stat-completed-wrapper {
	background: #292929 !important;
}

body.dark-mode ul.dropdown-menu.focus-menu label span {
	color: #ADADAD !important;
}

body.dark-mode #userpage-barwrapper {
	background: #1c1c21 !important;
}

body.dark-mode #vocab-search-input, body.dark-mode #grammar-search-input {
	border-radius: 0 0 20px 20px;
}

body.dark-mode #create-exercise-page-title, body.dark-mode #page-title-wrapper div.page-title div p span, body.dark-mode #grammar-modal .modal-body *, body.dark-mode .grammar-detail-content * {
	color: #bfbfbf !important;
}

body.dark-mode .note-editor.note-frame .note-editing-area .note-editable {
	color: #ccc !important;
	background-color: #1c1c21 !important;
}

body.dark-mode.gab-page #left-column .nav-tabs-custom ul.nav-tabs {
	background: #4F4F54 !important;
	border: 0;
}

body.dark-mode input[disabled]::placeholder, body.dark-mode textarea[disabled]::placeholder, body.dark-mode select[disabled]::placeholder {
	color: #525252 !important;
}



/*
GLOBAL
GLOBAL
GLOBAL
GLOBAL
GLOBAL
GLOBAL
GLOBAL
GLOBAL
GLOBAL
GLOBAL
GLOBAL
GLOBAL
GLOBAL
GLOBAL
GLOBAL
GLOBAL
GLOBAL
GLOBAL
GLOBAL
GLOBAL
GLOBAL
*/




.dot-flashing {
	position: relative;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	margin-left:20px;
	background-color: #9880ff;
	color: #9880ff;
	animation: dotFlashing 1s infinite linear alternate;
	animation-delay: .5s;
}

.dot-flashing::before, .dot-flashing::after {
	content: '';
	display: inline-block;
	position: absolute;
	top: 0;
}

.dot-flashing::before {
	left: -15px;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background-color: #9880ff;
	color: #9880ff;
	animation: dotFlashing 1s infinite alternate;
	animation-delay: 0s;
}

.dot-flashing::after {
	left: 15px;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background-color: #9880ff;
	color: #9880ff;
	animation: dotFlashing 1s infinite alternate;
	animation-delay: 1s;
}

@keyframes dotFlashing {
	0% {
		background-color: #9880ff;
	}
	50%,
	100% {
		background-color: #ebe6ff;
	}
}

#receiveMessageAreaMessageChat #conversation #dot-wrapper {
	display: flex;
    align-items: center;
    opacity: 0;
}

#receiveMessageAreaMessageChat.typing #conversation #dot-wrapper {
	opacity:1;
}

#receiveMessageAreaMessageChat #conversation #dot-wrapper .text {
	font-style: italic;
    opacity: 0.65;
    padding: 0 5px;
}

#message-modalChat .direct-chat-msg:last-of-type {
    margin-bottom: 0 !important;
}

body:not(.dark-mode) .btn-group-sm&gt;.btn, body:not(.dark-mode) .btn-sm, body.dark-mode .btn-group-sm&gt;.btn, body.dark-mode .btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}

body.transitioning input, body.transitioning select, body.transitioning textarea {
	transition: none !important;
}

body.dark-mode button.alert-info span, body.dark-mode button.alert-info b,
body.dark-mode a.alert-info span, body.dark-mode a.alert-info b {
    color: #9fc0df !important;
}

body.dark-mode #user-exercise-stats-modal .modal-body .col-sm-12 &gt; *, 
body.dark-mode #user-exercise-stats-modal .modal-body .col-sm-12 &gt; div *, 
body.dark-mode #statsTableUser thead tr,
body.dark-mode #statsTableUser thead tr th {
	background: #292929!important;
	color:#bfbfbf !important;
}

body.dark-mode #userpage-nametitlewrapper, 
body.dark-mode i.ion.ion-android-star + span,
body.dark-mode span.modaluserscore,
body.dark-mode li.item .product-info div,
body.dark-mode li.item .product-info span {
	color:#bfbfbf !important;
}

body.dark-mode #school-payment-alert .title {
	color:#9fc0df !important
}

body.dark-mode div.gabinfo.gabinfoexam .box-body {
	background: #102841!important;
    color: #bfbfbf!important;
}

body.dark-mode #examfinal.panel .gabinfo.gabinfoexam {
	background: #102841!important;
}

body.dark-mode #examfinal.panel .gabinfo.gabinfoexam .box-header,
body.dark-mode p.teachercreateexplainer {
	color: #bfbfbf!important;
}

body.dark-mode #search-results-hider {
	background:#0d2835 !important;
	color:#bfbfbf !important;
}

body.dark-mode .bgteacherinfolabel {
	color: #66b266!important;
}

#message-modalChat .modal-header .modal-title .product-img img {
	margin-right: 3px;
}

#friends-tab.group-page-members li .product-info {
	display: flex;
    margin-bottom: 5px;
}

body.dark-mode #widget-box .groupinfowidget div {
	color:#bfbfbf !important;
}

.staticcol {
	position: sticky;
}

.translateAudioWrapper {
	display: none;
}

@media (min-width:1025px) {
	.staticFlexer {
		display:flex;
	}
}

body.public-user #public-language-picker {
	border-radius: 20px 20px 0 0 !important;
}

body.public-user #timeline-links {
	border-radius: 0;
}

.box, 
.modal-content, 
.nav-tabs-custom {
	overflow:hidden;
}

#findTeachersBox .box-header.with-border,
#findFriendsBox .box-header.with-border {
	padding: 0 15px;
}

#boxCenter .box-header h3.box-title {
	font-weight: 600;
    font-size: 30px;
}

#boxCenter .box-header {
	padding: 5px 15px 15px;
}

#courseNotification {
	margin-bottom: 10px;
	padding: 10px 15px 15px;
}

body:not(.dark-mode) #courseNotification a:not(.btn-success) {
	color:#3c7ab5;
}

body:not(.dark-mode) #courseNotification .alert-grey {
	background: #f7f7f7 !important;
}

body:not(.dark-mode) #courseNotification a.btn-default {
	color:#333;
}

body.dark-mode #courseNotification a:not(.btn-success) {
	color:#9fc0df;
}

body.dark-mode #courseNotification a.btn-default {
	color: #bfbfbf;
}

body.dark-mode #courseNotification .alert-grey {
	background: #212121 !important;
}

#courseNotification a {
	text-decoration: none;
}

#courseNotification a:hover {
	text-decoration: underline;
}

#academy-course-modal .modal-body {
	font-size:18px;
	padding:15px 35px;
}

body a.delete-post-trigger.mainboard {
	background: transparent;
}

body button.btn-danger.delete-post-link.mainboard {
	background: #f76c51;
}

body button.btn-danger.delete-post-link.mainboard:hover {
	background-color: #c9302c;
}

#social-google-modal .modal-footer, #social-hotmail-modal .modal-footer, #social-yahoo-modal .modal-footer {
	padding: 30px 20px;
}

#closeWelcomeMessageButton {
	width: 28px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#userpage-starrating,
#findteacherswrap.school-search .star-rating {
	display: none!important;
}</pre></body></html>