body {
	overflow-x: hidden;
}



.menu {
	cursor: pointer;
	overflow-y: scroll;
	
}

.flex {
	display: flex;
}

.h3-content {
	width: 75%;
	margin: 0 auto;
	text-align: center;
}

.margin-row {
	margin-top: 50px;
}

.next {
	float: right;
}
.content {
	display: none;
	overflow-y: scroll;
	padding-right: 20px;
	padding-left: 30px;
}

.content::-webkit-scrollbar {
  width: 3px;
}

.content::-webkit-scrollbar-thumb {
  background: #64957B; 
}

.menu::-webkit-scrollbar {
  width: 3px;
}

.menu::-webkit-scrollbar-thumb {
  background: #64957B; 
}



.content > p {
	margin-bottom: 20px;
	font-size: 17px;
	line-height: 1.6;
}

li {
	font-size: 17px;
	line-height: 1.6;
}

.li-margin-bott {
	margin-bottom: 30px;
}

table {
	text-align: center;
}

th {
	text-align: center;
	font-size: 17px;
}

td {
	font-size: 17px;
}


.flex > p {
	font-size: 17px;
	line-height: 1.6;
}

.h-content {
	text-align: center;
	color: #64957B;
	margin-bottom: 40px;
	margin-top: 0px;
}

.h-subtitle {
	color: #64957B;
	margin-bottom: 20px;
	font-style: italic;
}


.highlight {
    background-color: #fff34d;
    color: red;
    -moz-border-radius: 5px; /* FF1+ */
    -webkit-border-radius: 5px; /* Saf3-4 */
    border-radius: 5px; /* Opera 10.5, IE 9, Saf5, Chrome */
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* FF3.5+ */
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* Saf3.0+, Chrome */
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* Opera 10.5+, IE 9.0 */
}

.highlight-title {
	font-weight: bold;
	color: #A0A0A0;
	text-decoration: underline;
}

.highlight {
    padding:1px 4px;
    margin:0 -4px;
}
.submenu-1 {
	display: none;
	margin-left: 40px;
}

.submenu-2 {
	display: none;
	margin-left: 40px;
}

.submenu-5 {
	display: none;
	margin-left: 40px;
}

.p-div {
	max-height: 500px;
}

.submenu-3 {
	display: none;
	margin-left: 40px;
}

.submenu-4 {
	display: none;
	margin-left: 40px;
}

.scroll {
	overflow-y: scroll;
}

.title {
	display: flex;
	margin-bottom: 10px;
}

.icon {
	margin-top: 5px;
	margin-right: 20px;
	font-size: 30px;
}

h5 {
	font-size: 16px;
}

li > i {
	font-size: 25px;
	margin-right: 10px;
}

b {
	margin-right: 10px;
}

.icon-globe {
	color: #3787A8;
}

.icon-location {
	color: #64957B;
}

.alert {
	display: none;
}

.alert-close {
	float: right;
	color: black;
	font-size: 18px;
    text-decoration: none !important;;
}

.alert-close:hover {
	color: red;
}

.color-blue {
	color: #64957b;
	font-weight: bold;
}

.icon-quiz {
	color: #7D98A1;
	margin-right: 25px;
	margin-left: 5px;
}

.none-bullets {
	list-style-type: none;
}

.icon-email {
	color: #EFC417;
}

.arrow-icon {
	font-size: 25px;
	margin-right: 10px;
}


.img-content {
	margin-top: 20px;
	margin-bottom: 30px;
	border-radius: 5px;
}

.red {
	color: red;
}

.logo-sim {
	float: right;
	width: 30px;
	height: 30px;
}

.logo-sim-inst {
	width: 30px;
	height: 30px;
	margin-top: 5px;
	margin-right: 15px;
}

.setup {
	font-size: 33px;
	margin-top: 5px;
	margin-right: 15px;
	color: #2E382E;
}

.game {
	font-size: 33px;
	margin-top: 5px;
	margin-right: 15px;
	color: #003B36;
}

.results {
	font-size: 30px;
	margin-top: 5px;
	margin-right: 15px;
	color: #561F37;
}

.builder {
	font-size: 30px;
	margin-top: 5px;
	margin-right: 15px;
	color: #4281A4;
}

.search-btn {
	margin-top: 10px;
}
.italic {
	font-style: italic;
	margin-top: 0px !important;
}

.border-right {
	border-right: 1px solid #C0C0C0;
	padding-right: 30px;
}

.note {
	background-color: #64957B;
    background-image: linear-gradient(to bottom, #94BFBE, 50%, #64957B);
	padding: 20px;
	border-radius: 10px;
	color: white;
	font-style: italic;
}

.cap-title {
	background-color: #64957B;
    background-image: linear-gradient(to bottom, #94BFBE, 50%, #64957B);
	padding: 10px;
	border-radius: 10px;
	color: white;
	font-style: italic;
}

.search-icon {
	float: right;
	font-size: 30px;
}

.menu-icon {
	font-size: 30px;
}

.icons {
	display: none;
	margin-bottom: 30px;
}

.search-div {
	position: relative;
}

.delete {
	position: absolute;
	right: 8px;
	top: 7px;
	cursor: pointer;
	display: none;
}

.next-back {
	display: none;
	margin-top: 10px;
}

.answer {
	display: flex;
}

.question-title {
	display: flex;
}

.wrong-div {
	display: none;
}

.correct-div {
	display: none;
}

.wrong {
	color: red;
	margin-left: 10px;
	font-size: 20px;
}

.correct {
	color: green;
	font-size: 20px;
	margin-left: 10px;
}

.correct-answer {
	font-weight: bold;
}

.green {
	color: green;
}

.question {
	font-size: 18px;
}


@media screen and (max-width: 900px) {
	.img-content {
		margin: 0 auto;
	}
	
	.menu {
		display: none;
		border-bottom: 1px solid #606060;
		max-width: 100%;
		z-index: 1;
		position: absolute;
		background-color: white;
	}

	.icons {
		display: block;
	}

	.search-div {
		display: none;
	}

	.border-right {
		border: none;
		padding-right: 10px;
	}

	.margin-row {
		margin-top: 20px;
	}

	.content {
		padding-left: 10px;
		padding-right: 10px;
	}

	h5 {
		font-size: inherit;
	}
}