.fakeimg {
	height: 200px;
	background: #aaa;
}
body {
	color: #454848;
	background-color: #f9fffc;/*#f0ffff8c;*/
	font-display: swap;
}
footer {
	color:#fff;
	background-image: linear-gradient(-140deg, #6abac2 15%, #7cccc5 70%);
	text-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}
.topmargin {
	height: 52px;
	display: block;
}
a {
	color: #009688;
}
a:hover {
	color: #00897b;/*#53e872;#afdab9;*/
}
/*h1, h2, h3, h4, h5, h6 {
	line-height: 1.5;
}*/
nav {
	text-shadow: 0px 2px 2px rgba(0,0,0,0.2);
	/*padding: 0px!important;*/
	/*font-size: 14px;
	line-height: 38px;
	margin-top: 16px;*/
}
nav:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: top;
	transform-origin: top;
	-webkit-transition: all 1s cubic-bezier(0.4, 0.25, 0, 1);
	transition: all 1s cubic-bezier(0.4, 0.25, 0, 1);
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
	-webkit-box-shadow: 0 0 50px 1px rgba(0,0,0,0.05);
	box-shadow: 0 0 50px 1px rgba(0,0,0,0.05);
	background-color: #ffffff;
}
nav a {
	color: #ffffff;
	font-size: .9rem;
	text-transform: uppercase;
	/*margin-right: 1rem;*/
}
nav a sup {
	text-transform: none;
}
nav .logo {
	max-height: 40px;
	margin: -8px;
	display: block;
}
/*.nav-item.dropdown.show > ul > li a {
	text-transform: none;
}*/
.nav-item {
	margin-left: 1.5rem;
}
.nav-item:nth-child(1) {
	margin-left: unset;
}
.navbar-dark .navbar-nav .nav-link {
	color: #fff;
}
.navbar-dark .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar-dark .navbar-toggler {
	border-color: rgb(255,255,255, 0.5);
}
.navbar-toggler:focus {
	outline: 5px auto white;
}
.activate-menu {
	background-color: #7cccc5;
	/*background-image: linear-gradient(-140deg, #2c7dbc 15%, #7cccc5 70%);*/
	background-image: linear-gradient(-140deg, #6abac2 15%, #7cccc5 70%);
	/*background-image: linear-gradient(-140deg, #03DAC6 15%, #018786 70%);*/
	-webkit-box-shadow: -3px 13px 24px -1px rgba(0,0,0,0.3);
	box-shadow: -3px 13px 24px -1px rgba(0,0,0,0.3);
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	color: #fff;
	background-color: #7cccc5;
	background-image: linear-gradient(-140deg, #7cccc5 15%, #6abac2 70%);
}
.nav-pills .nav-link {
	border-radius: unset;
}
.dropdown-menu {
	background-color: #7ec1c8;
	color: white;
	/*background-image: radial-gradient(#feffc7 1%, #90ccb3, #42c5ba);*/
	background-image: linear-gradient(to right, #42c5ba, #90ccb3);
	background-size: 400%;
}
.dropdown-item {
	padding: unset;
}

.dropdown-item a {
	display: block;
	width: 100%;
	padding: .25rem 1.5rem;
}
.dropdown-item a:hover {
	background-color: #7cccc5;
	background-image: linear-gradient(-140deg, #7cccc5 15%, #6abac2 70%);
	text-decoration: none;
	color: #fff;
}
.greybg {
	background-color:#e9ecef;
}
.breadcrumb-container {
	position: absolute;
	top: 90px;
	left: 0px;
	right: 0px;
	padding: unset;
	z-index: 1;
	width: 95%;
	font-size: 11px;
	text-transform: uppercase;
}
.bt-breadcrumb {
	padding: unset;
	list-style: none;
	overflow: auto;
	display: block;
}
.bt-breadcrumb li {
	float: left;
	display: block;
	background-image: linear-gradient(-140deg, #6abac2 15%, #7cccc5 70%);
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	padding: 8px;
	padding-right: 18px;
	padding-left: 35px;
	margin-left: -20px;
	position: relative;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
	max-width: 30%;
	text-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}
.bt-breadcrumb li:nth-last-child(1) {
	background-image: linear-gradient(-140deg, #8dffbb 15%, #99ffd5 70%);
	box-shadow: unset;
	text-shadow: unset;
	color: #454848;
}
.bt-breadcrumb li a {
	color: white;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
}
.bt-breadcrumb li:nth-last-child(1) span {
	color: #454848;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
}
.bt-breadcrumb li:nth-child(1) span {
	display: none;
}
.jumbotron {
	border-radius: unset;
}
.box {
	display: block;
	background-color: rgba(255, 255, 255, 0.8);
	font-size: 1rem;
	padding: 2.5rem;
	text-align: center;
	border-radius: 3px;
	box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.15);
	transition: transform .3s;
	color: #454848;
}
.box:hover {
	text-decoration: none;
	color: #454848;
}
.box h3 {
	white-space: nowrap;
	margin-top: .5rem;
}
.box .image {
	height: 80px;
}
.box .text {
	margin-top: 0;
	margin-bottom: 1rem;
	display: block;
}
.box .read-more {
	margin-top: 1rem;
	margin-bottom: 1rem;
	display: block;
	color: #009688;
}
.box .read-more:hover {
	color: #00897b;
}
.box-icon {
	font-size: 6rem;
	margin-bottom: .5rem;
	display: inline-block;
	background-image: linear-gradient(to right, #7ed56f, #28b485);
	-webkit-background-clip: text;
	color: transparent;
}
.box:hover {
	transform: translateY(-1.5rem) scale(1.03);
}
.over-box-card {
	margin-bottom: 30px;
}
.box-card {
	/*border-color: #6abac2;*/
	border: unset;
	box-shadow: inset 0 -3em 3em rgba(0,0,0,0.1),
			 0 0 0 2px rgb(255,255,255),
			 0.3em 0.3em 1em rgba(0,0,0,0.3);
}
.box-card:hover {
	text-decoration: none;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	transition-duration: 0.4s;
	transition-property: transform;
}
.bottom-space {
	margin-bottom: 30px;
}
.top-space {
	margin-top: 30px;
}
.page-heading {
	font-size: 2em;
}
.page-subheading {
	margin-bottom: 25px;
}
.bottom-space {
	margin-bottom: 2rem;
}
.testimonials-item {
	padding: 7% 15%;
	margin-top: 20px;
}
.testimonials-inner {
	background-color: white;
	border-radius: 5px;
	padding: 30px 10%;
}
.testimonials-inner .content {
	margin-top: 20px;
	margin-bottom: 20px;
	font-style: italic;
}

.testimonials-inner .content:before {
	font-family: 'Font Awesome 5 Free';/*'FontAwesome';  */
	font-weight: 900;
	content: "\f10d";
	position: relative;
	top: -10px;
	font-display: swap;
}

.testimonials-inner .img-box {
	display: inline-block;
	padding: 5px;
	border: 1px solid #ddd;
	border-radius: 50%;
	width: 102px;
	box-shadow: inset 0 -3em 3em rgba(0,0,0,0.1), 0 0 0 2px rgb(255,255,255), 0.3em 0.3em 1em rgba(0,0,0,0.3);
}
.testimonials-inner .img {
	border-radius: 50%;
	height: 90px;
	width: 90px;
	display: inline-block;
	border-style: solid;
	border-color: #64beb5;
	border-width: 1px;
}
.testimonials-inner .about .name {
	font-weight: bold;
}
.testimonials-inner .about .standard {
}
.over-container {
	padding-top: 40px;
	padding-bottom: 40px;
}
.reverse-mobile {
	display: flex;
	flex-direction: column;
}
.more {
	display: inline;
}
.index {
	margin-top: 20px;
}
#dots {
	display: none;
}
#read {
	display: none;
}
.paper {
	background-color: white;
	box-shadow: 0 -3em 3em rgba(0,0,0,0.1), 0 0 0 2px rgb(255,255,255), 0.3em 0.3em 1em rgba(0,0,0,0.3);
	padding-top: 80px;
	padding-bottom: 60px;
	padding-left: 7%;
	padding-right: 7%;
	/*width: 95%;*/
}
.exam-paper-container {
	overflow-y: hidden;
	overflow-x: auto;
	white-space: unset;
	text-align: center;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 20px;
	padding-right: 20px;
	box-shadow: inset 0 -3em 3em rgba(0,0,0,0.1), inset 0 0 0 2px rgb(255,255,255), inset 0.3em 0.3em 1em rgba(0,0,0,0.3);
	border-radius: 15px;
}
.exam-paper-card {
	width: 9rem;
	display: inline-block;
	border: unset;
	box-shadow: inset 0 -3em 3em rgba(0,0,0,0.1), 0 0 0 2px rgb(248, 254, 251), 0.3em 0.3em 1em rgba(0,0,0,0.3);
	text-align: center;
	color: #f8fefb;
	height: 12rem;
	position: relative;
	white-space: normal;
	margin: 7px;
}
.exam-paper-card:hover {
	text-decoration: none;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	transition-duration: 0.4s;
	transition-property: transform;
	color: #fff;
	box-shadow: inset 0 -3em 3em rgba(0,0,0,0.1), 0 0 0 2px rgb(255,255,255), 0.3em 0.3em 1em rgba(0,0,0,0.3);
}
.exam-paper-card .icon {
	width: 100%;
	display: block;
	margin: 0;
	position: absolute;
	top: 5%;
	left: 50%;
	text-shadow: 0px 2px 2px rgba(0,0,0,0.2);
	transform: translate(-50%, 0%);
	font-size: 4rem;
}
.exam-paper-card .text {
	width: 100%;
	display: block;
	margin: 0;
	position: absolute;
	bottom: 0%;
	left: 50%;
	text-shadow: 0px 2px 2px rgba(0,0,0,0.2);
	transform: translate(-50%, -10%);
}
.topic-block {
	border-top-style: solid;
	border-top-color: #d8d8d8;
	border-top-width: 1px;
}
.border-alternate {
	border-style: solid;
	border-width: 1px;
	border-color: #ebebeb;
	border-top: none;
}
.alternate-color:nth-child(odd) {
	background-color: #f2f2f2;
}
.topic-head-anchor {
	color: #454848;
	display: block;
	line-height: 50px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-right: 34px;
	padding-left: 17px;
}
.topic-head-anchor:hover {
	text-decoration: none;
}
.topic-head-anchor:after {
	font-family: 'Font Awesome 5 Free';/*'FontAwesome';  */
	font-weight: 900;
	content: "\f077";/*"\f068";*/
	float: right; 
	color: #9a9a9a;
	position: absolute;
	right: 34px;
}
.topic-head-anchor.collapsed:after {
	font-family: 'Font Awesome 5 Free';/*'FontAwesome';  */
	font-weight: 900;
	content: "\f078";/*"\f067";*/
	float: right; 
	color: #9a9a9a;
	position: absolute;
	right: 34px;
}

.topicgrp {
	overflow-y: hidden;
	/*white-space: nowrap;*/
	text-align: center;
	padding-left: 15px;
	padding-right: 15px;
}
.topic-card {
	width: 13rem;
	height: 198px;
	display: inline-block;
	white-space: normal;
	margin-left: 7px;
	margin-right: 7px;
	border-radius: unset;
	box-shadow: inset 0 -3em 3em rgba(0,0,0,0.1), inset 0 0 0 2px rgb(255,255,255), 0.3em 0.3em 1em rgba(0,0,0,0.3);
	margin-top: 10px;
	margin-bottom: 15px;
}
.topic-card:hover {
	text-decoration: none;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	transition-duration: 0.4s;
	transition-property: transform;
}
.topic-card .icon {
	width: 100%;
	display: block;
	margin: 0;
	position: absolute;
	top: 5%;
	left: 50%;
	text-shadow: 0px 2px 2px rgba(0,0,0,0.2);
	transform: translate(-50%, 36%);
}
.topic-card .card-text {
	width: 100%;
	display: block;
	margin: 0;
	position: absolute;
	bottom: 0%;
	left: 50%;
	transform: translate(-50%, 0%);
}
.refbook-card {
	text-shadow: 0px 2px 2px rgba(0,0,0,0.2);
	color: #f8fefb;
	background-color: #7ad2ce;
	box-shadow: inset 0 -3em 3em rgba(0,0,0,0.1), inset 0 0 0 1px rgb(248, 254, 251), 0.3em 0.3em 1em rgba(0,0,0,0.3);
	border: solid;
	border-width: 1px;
	border-color: rgba(248, 254, 251, 1);
}
.refbook-card:hover {
	color:#fff;
}
.refbook-card .icon {
	transform: translate(-50%, 13%);
	font-size: 70px;
}
.refbook-card .card-text .card-title {
	margin-bottom: 0px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}
/*.topicgrp > .topic-card:nth-child(1) {
	margin-left: 25px;
}
.topicgrp > .topic-card:nth-last-child(1) {
	margin-right: 25px;
}*/
.ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.disp-block {
	display: block;
	overflow: auto;
}

.table-responsive td, .table-responsive th {
	border: 1px solid #dee2e6;
}
.solution-index {}
.solution-data {
	overflow-wrap: break-word;
}
.solution-data .exercise-name {
	font-size: 1rem;
	font-size: 1.125rem;
	text-decoration: underline;
	margin-top: 30px;
	margin-bottom: 40px;
}
.question {}
.answer {}
.footer-links {
	list-style: none;
	padding: unset;
	overflow: auto;
	display: block;
	margin: unset;
}
.footer-links li {
	float:left;
}
.footer-links li::after {
	content: "|";
	padding-right: 8px;
	padding-left: 8px;
}
.footer-links li:nth-last-child(1)::after {
	content: unset;
	padding-right: unset;
	padding-left: unset;
}
.footer-links a {
	color: #fff;
}
#___gcse_0 {
	width:100%;
}
.gsc-adBlock {
	display:none!important;
}
.cse .gsc-search-button-v2, .gsc-search-button-v2 {
	border-color: #6abac2!important;
	background-color: #6abac2!important;
}
.gcsc-more-maybe-branding-root {
	display:none!important;
}
.gsc-input {
	text-indent:0px!important;
	background:unset!important;
}
.gsc-above-wrapper-area {
	display: none!important;
}
.gs-result .gs-title, .gs-result .gs-title * {
	color: #009688!important;
	font-weight: bold!important;
}
.gcsc-find-more-on-google-root, .gcsc-more-maybe-branding-box, .gcsc-branding, .gsc-url-top {
	display: none!important;
}
.gsc-webResult .gsc-result {
	padding: 10px 0 10px 0!important;
}
.gsc-webResult .gsc-result:nth-child(even) {
	background-color: #f9fffc!important;
}
.gsc-webResult .gsc-result:nth-child(odd) {
	background-color: #f0f6f3!important;
}
.gsc-expansionArea {
	border-style: solid!important;
	border-width: 1px!important;
	border-color: #dfe1e5!important;
}
.gsc-results {
	padding-bottom: 0px!important;
	width: 100%!important;
}
.gsc-results .gsc-cursor-box {
	padding: 10px!important;
	margin: unset!important;
	background-image: linear-gradient(-140deg, #6abac2 15%, #7cccc5 70%)!important;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page {
	color: #fff!important;
	text-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}
.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
	color: #000!important;
	text-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}
.gsst_a .gscb_a {
	color: #6abac2!important;
}
.gsc-cursor-box.gs-bidi-start-align {
	text-align: center!important;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page {
	border-color: unset!important;
	background-color: unset!important;
}
.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
	border-color: unset!important;
	background-color: unset!important;
}
.no-copy {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

#scroll {
	position: fixed;
	right: 2.5%;
	bottom: 4%;
	cursor: pointer;
	width: 50px;
	height: 50px;
	text-indent: -9999px;
	display: none;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 60px;
	background-image: linear-gradient(-140deg, #8dffbb 15%, #99ffd5 70%);
	box-shadow: 0 -3em 3em rgba(0,0,0,0.1), 0 0 0 2px rgb(255,255,255), 0.3em 0.3em 1em rgba(0,0,0,0.3);
	z-index: 2;
}
#scroll span {
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-8px;
	margin-top:-12px;
	height:0;
	width:0;
	border:8px solid transparent;
	border-bottom-color:#009866;
}
#scroll:hover {
	background-color:#e74c3c;
	opacity:1;filter:"alpha(opacity=100)";
	-ms-filter:"alpha(opacity=100)";
}

@media (max-width: 576px) {
	.more {
		display: none;
	}
	#dots {
		display: inline;
	}
	#read {
		display: inline;
	}
	.page-heading {	
		margin-bottom: 30px;
	}
	.over-box-card {
		margin-bottom: 15px;
	}
	.over-box-card:nth-child(even) {
		padding-left: 7px;
	}
	.over-box-card:nth-child(odd) {
		padding-right: 7px;
	}
	.reverse-mobile {
		flex-direction: column-reverse;
	}
	.index {
		margin-top: unset;
	}
	.exam-paper-container {
		white-space: nowrap;
	}
	.topicgrp {
		white-space: nowrap;
	}
	.paper {
		max-width:95%;
	}
}
@media (max-width: 992px) {
	nav ul li a {
		text-align: center;
	}
	.nav-item {
		margin-left: unset;
	}
}

@media (min-width: 992px) {
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: unset;
		padding-left: unset;
	}
}
/*
.navbar-nav {
	background-image: linear-gradient(to right, #7ad2ce, #94d27a);
	background-size: 100%;
}
.dropdown-menu {
	background-image: unset;
	background-size: unset;
	background-color: unset;
}#75c5c4, #6abac2
*/
.card-image-container {
	display:block;
	width:100%;
	padding-top:66.66%;
	position:relative;
}
.card-image-container img {
	position: absolute;
	max-width: 100%;
	max-height: 100%;
	top: 50%;
	left: 50%;
	width: unset;
	transform: translate(-50%, -50%);
}
.dropdown-menu {
	background-image: linear-gradient(to right, #70c0c3, #6abac2);
	background-size: 100%;
}
.dropdown-menu > li > .dropdown-menu {
	background-image: linear-gradient(to right, #7acac4, #70c0c3);
	background-size: 100%;
}
.dropdown-menu > li > .dropdown-menu > li > .dropdown-menu {
	background-image: linear-gradient(to right, #75c5c4, #7acac4);
	background-size: 100%;
}
.two-col-ul {
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
	width: 200%!important;
	left: -200%!important;
	column-gap: 0px;
}
.dropdown-item.active, .dropdown-item:active {
	background-color: #7cccc5;
	background-image: linear-gradient(-140deg, #7cccc5 15%, #6abac2 70%);
	text-decoration: none;
	color: #fff;
}
.dropdown-item:focus, .dropdown-item:hover {
	background-color: #7cccc5;
	background-image: linear-gradient(-140deg, #7cccc5 15%, #6abac2 70%);
	text-decoration: none;
	color: #fff;
}
.dropdown-toggle::after {
	float: right;
	margin: 9px;
}
.dropdown-submenu .dropdown-toggle::after {
	position: absolute;
	right: 10px;
	top: 9px;
}
.dropdown-item a {
	display: block;
	width: 100%;
	padding: .5rem 1.5rem;
}
.dropdown-submenu:hover > ul.dropdown-menu {
	display: block;
}
.dropdown-submenu {
	position:relative;
	padding-right: 10px;
	margin-right: -10px;
}

.nav-item .item-text {
	max-width: 100%;
	display: inline-block;
	/* white-space: nowrap; */
	overflow: hidden;
	text-overflow: ellipsis;
}
.dropdown-menu {
	padding: 0px;
	margin: 0px;
}
.dropdown-submenu > .dropdown-menu {
	top: 0;
	left: -100%;
	/*margin-top: -6px;*/
	width: 100%;
}
/* rotate caret on hover 
.dropdown-menu > li > a:hover::after {
	transform: rotate(-90deg);
}*/
.dropdown-item:focus > a:after, .dropdown-item:hover > a:after {
	transform: rotate(-90deg);
}
@media (max-width: 992px) {
	.navbar-nav li:hover > ul.dropdown-menu {
		display: block;
	}
	.navbar-collapse {
		overflow: auto;
		max-height:400px;
	}
	.dropdown-toggle:after {
		float: unset;
		margin: 0px;
		margin-left: 10px;
	}
	.dropdown-menu .dropdown-toggle:after {
		float: unset;
		margin: 4px;
		margin-left: 10px;
		position: unset;
	}
	.dropdown-submenu {
		padding-right: unset;
		margin-right: unset;
	}
	.two-col-ul {
		columns: 2;
		-webkit-columns: 2;
		-moz-columns: 2;
		width: unset!important;
		left: unset!important;
	}
	.two-col-ul .dropdown-item a {
		padding: .5rem 0.75rem;
	}
}

.menu-container {
	background-image: linear-gradient(-140deg, #6abac2 15%, #7cccc5 70%);
	box-shadow: -3px 13px 24px -1px rgba(0,0,0,0.3);
	position: fixed;
    top: 0;
    right: 0;
    left: 0;
	display: block;
	height: 52px;
	z-index: 2;
}
.menu-bar {
	height: 52px;
	display: table;
    table-layout: fixed;
}

.hvmid {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.menu-bar .left {
	width: 31px;
}

.menu-bar .left .button {
    height: 52px;
    border: none;
    background-color: transparent;
    font-size: 21px;
    color: #f5fbf8;
    /* padding: unset; */
	text-shadow: 0px 2px 2px rgba(0,0,0,0.2);
	/*text-shadow: 1px 1px 1px #000000;*/
}
.menu-bar .left .button svg {
	width: 20px;
	height: 100%;
}
.menu-bar .left .button:focus {
	outline:0;
}

.menu-bar .logo {
	padding-top: 1px;
	width: 158px;
}
.menu-bar .logo img {
	width: 149px;
}
.menu-bar .blankspace {
	width: 100%;
}
.menu-bar .search {
	width: 40px;
	color: #f5fbf8;
	/*text-shadow: 1px 1px 1px #000000;*/
	text-shadow: 0px 2px 2px rgba(0,0,0,0.2);
	/*padding-top: 2px;*/
    font-size: 20px;
}
.menu-bar .login {
	width:45px;
	color: #f5fbf8;
	font-size: 15px;
	text-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}

.menu-arrow:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f0d7";
    float: left;
    color: #ffffff;
    position: absolute;
    left: 0px;
}
.menu-arrow.collapsed:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f0da";
    float: left;
    color: #ffffff;
    position: absolute;
    left: 0px;
}
.animate-burger {
    animation-name: rotate-burger;
    animation-duration: 0.3s;
    animation-fill-mode: forwards;
    -o-animation-name: rotate-burger;
    -o-animation-duration: 0.3s;
    -o-animation-fill-mode: forwards;
    /*text-shadow: -1px -1px 1px #000000;*/
	text-shadow: 0px -2px 2px rgba(0,0,0,0.2);
}
.animate-arrow {
    animation-name: rotate-arrow;
    animation-duration: 0.3s;
    animation-fill-mode: forwards;
    -o-animation-name: rotate-arrow;
    -o-animation-duration: 0.3s;
    -o-animation-fill-mode: forwards;
    /*text-shadow: 1px 1px 1px #000000;*/
	text-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}
.animate-slidedown-topbar {
    top: 0px;
    animation-name: slidedown;
    animation-duration: 0.3s;
    animation-fill-mode: forwards;
    -o-animation-name: slidedown;
    -o-animation-duration: 0.3s;
    -o-animation-fill-mode: forwards;
}
.animate-slideup-topbar {
    top: -60px;
    animation-name: slideup;
    animation-duration: 0.3s;
    animation-fill-mode: forwards;
    -o-animation-name: slideup;
    -o-animation-duration: 0.3s;
    -o-animation-fill-mode: forwards;
}
@keyframes rotate-arrow {
	from {transform: rotate(180deg);}
	to {transform: rotate(360deg);}
}
@keyframes rotate-burger {
	from {transform: rotate(360deg);}
	to {transform: rotate(180deg);}
}
@-o-keyframes rotate-arrow {
	from {transform: rotate(180deg);}
	to {transform: rotate(360deg);}
}
@-o-keyframes rotate-burger {
	from {transform: rotate(360deg);}
	to {transform: rotate(180deg);}
}
@keyframes menu-slide-left {
	from {left: 0px;}
	to {left: -276px;}
}
@keyframes menu-slide-right {
	from {left: -276px;}
	to {left: 0px;}
}
@-o-keyframes menu-slide-left {
	from {left: 0px;}
	to {left: -276px;}
}
@-o-keyframes menu-slide-right {
	from {left: -276px;}
	to {left: 0px;}
}
@keyframes slidedown {
	from {top: -60px;}
	to {top: 0px;}
}
@keyframes slideup {
	from {top: 0px;}
	to {top: -60px;}
}
@-o-keyframes slidedown {
	from {top: -60px;}
	to {top: 0px;}
}
@-o-keyframes slideup {
	from {top: 0px;}
	to {top: -60px;}
}


.menu {
	position: fixed;
	display: none;
	z-index: 2;
	top: 52px;
	box-sizing: border-box;
	left: -276px;
	bottom: 0px;
	max-width: 268px;
	width: 268px;
	box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.25);
	overflow: auto;
	/*background-image: linear-gradient(-140deg, #6abac2 15%, #7cccc5 70%);*/
	background-image: linear-gradient(-140deg, #7cccc5 15%, #6abac2 70%);
	border-top-color: #9fd9d4;
    border-top-style: solid;
    border-top-width: 1px;
}
/*.menu ul:nth-child(1) {
    border-top-color: #9fd9d4;
    border-top-style: solid;
    border-top-width: 1px;
}*/
/*.menu .nav-item {
	background-color: #0096883b;
}*/
.menu .nav-link {
	line-height: 25px;
	vertical-align: middle;
	text-align: left;
	text-transform: uppercase;
	color: #FFF;
	font-size: 13px;
	/*text-shadow: 1px 1px 1px #000000;*/
	text-shadow: 0px 2px 2px rgba(0,0,0,0.2);
	position: relative;
	 /*
	max-width: 100%;
   display: inline-block;
     white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;*/
}
.menu .nav-item ul {
	padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.menu ul {
	margin-left: 16px!important;
	/*border-left-style: solid;
    border-left-color: #8dffbb;
    border-left-width: 1px;*/
}
.menu .nav-item ol {
	padding-left: 14px;
    color: white;
    font-size: 11px;
}

.menu .nav-item ol a {
	padding-left: 6px;
	line-height: unset;
	min-height: 41px;
}
.menu-hide {
	display: block;
	left: -276px;
	animation-name: menu-slide-left;
	animation-duration: 0.3s;
	animation-fill-mode: forwards;
	-o-animation-name: menu-slide-left;
	-o-animation-duration: 0.3s;
	-o-animation-fill-mode: forwards;
}
.menu-show {
	display: block;
	left: 0px;
	animation-name: menu-slide-right;
	animation-duration: 0.3s;
	animation-fill-mode: forwards;
	-o-animation-name: menu-slide-right;
	-o-animation-duration: 0.3s;
	-o-animation-fill-mode: forwards;
}
.menuright {
	position: fixed;
	top: 52px;
	left: 268px;
	width: 100%;
	height: 100%;
	background-color: transparent;
	/*background-color: #0000006b;*/
	display: none;
}

.logoutmenu a {
	color: #f5fbf8;
	text-decoration: none;
}
.logoutmenu-position {
	top: 13px!important;
}
.login-modal-footer {
	padding-top: 0px;
	padding-right: 0px;
	border-top: unset;
}
.top-round-corners {
	border-radius: 10px 10px 0px 0px!important;
}
.remove-bottomm-padding {
	padding-bottom: unset;
}
.btn-primary {
	background-color: #7cccc5;
	background-image: linear-gradient(-140deg, #7cccc5 15%, #6abac2 70%);
	border-color: #7cccc5;
}
.errorBox {
	text-align: center;
	color: #dc3545;
	font-weight: bold;
	border-style: solid;
	border-radius: 5px;
	border-width: thin;
	font-size: 18px;
	padding: 10px;
	margin-top: 6px;
	margin-bottom: 15px;
}
.loadingBox {
	text-align: center;
	background-image: url(../../images/fluid-loading.gif);
	background-position: center;
	background-repeat: no-repeat;
	height: 50px;
	padding: 10px;
	margin-top: 6px;
	margin-bottom: 15px;
}
.messageBox {
	text-align: center;
	color: #009688;
	font-weight: bold;
	border-style: solid;
	border-radius: 5px;
	border-width: thin;
	font-size: 18px;
	padding: 10px;
	margin-top: 6px;
	margin-bottom: 15px;
}
.display-hidden {
	display: none;
}
.display-active {
	display: block;
}
.user-icon-size {
	font-size: 20px;
	padding-top: 2px;
}
.user-icon-size:after {
	margin-left: unset;
	margin-top: 13px;
}
/*
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid green;
  -webkit-text-fill-color: green;
  -webkit-box-shadow: 0 0 0px 1000px #000 inset;
  transition: background-color 5000s ease-in-out 0s;
}*/