.GenericButton {
	box-shadow: 2px 2px 3px -1px #555555;
	background: linear-gradient(to bottom, #d28f3e 5%, #d28f3e 100%);
	background-color: #000000;
	border-radius: 14px;
	border: 1px solid #636363;
	display: inline-block;
	cursor: pointer;
	color: #efefef;
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	padding: 2px 2px;
	text-decoration: none;
	text-shadow: 1px 1px 1px #000000;
}

.GenericButton:hover {
	background: linear-gradient(to bottom, #ccc2a6 5%, #cfbe8c 100%);
	background-color: #ccc2a6;
}

.GenericButton:active {
	position: relative;
	top: 1px;
}

.GenericButton:disabled {
	opacity: 0.3;
	color: #cccccc;
	&:hover
	{
		background: linear-gradient(to bottom, #d28f3e 5%, #d28f3e 100%);
		opacity: 0.3;
	}

}

.SmallButton {
	box-shadow: 1px 1px 2px -1px #555555;
	background: linear-gradient(to bottom, #d28f3e 5%, #d28f3e 100%);
	background-color: #000000;
	border-radius: 12px;
	border: 1px solid #636363;
	display: inline-block;
	cursor: pointer;
	color: #efefef;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	padding: 1px 1px;
	text-decoration: none;
	text-shadow: 1px 1px 1px #000000;
}

.SmallButton:hover {
	background: linear-gradient(to bottom, #ccc2a6 5%, #cfbe8c 100%);
	background-color: #ccc2a6;
}

.SmallButton:active {
	position: relative;
	top: 1px;
}

.SmallButton:disabled {
	opacity: 0.3;
	color: #cccccc;
	&:hover

	{
		background: linear-gradient(to bottom, #d28f3e 5%, #d28f3e 100%);
		opacity: 0.3;
	}

}


.TinyButton {
	background: linear-gradient(to bottom, #d28f3e 5%, #d28f3e 100%);
	background-color: #000000;
	border-radius: 8px;
	border: 1px solid #636363;
	display: inline-block;
	cursor: pointer;
	color: #efefef;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.TinyButton:hover {
	background: linear-gradient(to bottom, #ccc2a6 5%, #cfbe8c 100%);
	background-color: #ccc2a6;
}

.TinyButton:active {
	position: relative;
	top: 1px;
}

.TinyButton:disabled {
	opacity: 0.3;
	color: #cccccc;
	&:hover

	{
		background: linear-gradient(to bottom, #d28f3e 5%, #d28f3e 100%);
		opacity: 0.3;
	}

}

.InfoButton {
	box-shadow: 1px 1px 2px -1px #555555;
	background: linear-gradient(to bottom, #d28f3e 5%, #d28f3e 100%);
	background-color: #000000;
	border-radius: 12px;
	border: 1px solid #636363;
	display: inline-block;
	cursor: pointer;
	color: #efefef;
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	padding: 1px 1px;
	text-decoration: none;
	text-shadow: 1px 1px 1px #000000;
}

.InfoButton:hover {
	background: linear-gradient(to bottom, #ccc2a6 5%, #cfbe8c 100%);
	background-color: #ccc2a6;
}

.InfoButton:active {
	position: relative;
	top: 1px;
}

.InfoButton:disabled {
	color: red;


}

input[type="checkbox"] {
	/* Add if not using autoprefixer */
	-webkit-appearance: none;
	/* Remove most all native input styles */
	appearance: none;
	/* For iOS < 15 */
	background-color: var(--form-background);
	/* Not removed via appearance */
	margin: 0;
	font: inherit;
	color: currentColor;
	width: 1.15em;
	height: 1.15em;
	border: 0.25em solid currentColor;
	border-radius: 0.25em;
	transform: translateY(-0.075em);
	display: grid;
	place-content: center;
}

	input[type="checkbox"]::before {
		content: "";
		width: 0.65em;
		height: 0.65em;
		transform: scale(0);
		transform-origin: bottom left;
		transition: 120ms transform ease-in-out;
		box-shadow: inset 1em 1em var(--form-control-color);
		/* Windows High Contrast Mode */
		background-color: CanvasText;
	}

	input[type="checkbox"]:checked::before {
		transform: scale(1);
	}

	input[type="checkbox"]:focus {
		outline: max(2px, 0.15em) solid currentColor;
		outline-offset: max(2px, 0.15em);
	}

	input[type="checkbox"]:disabled {
		--form-control-color: var(--form-control-disabled);
		color: var(--form-control-disabled);
		cursor: not-allowed;
	}

.ChatButton {
	background: linear-gradient(to bottom, #d28f3e 5%, #d28f3e 100%);
	background-color: #000000;
	border-radius: 8px;
	border: 1px solid #636363;
	display: inline-block;
	cursor: pointer;
	color: #efefef;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

	.ChatButton:hover {
		background: linear-gradient(to bottom, #ccc2a6 5%, #cfbe8c 100%);
		background-color: #ccc2a6;
	}

	.ChatButton:active {
		position: relative;
		top: 1px;
	}

	.ChatButton:disabled {
		opacity: 0.3;
		color: #cccccc;
		&:hover

{
	background: linear-gradient(to bottom, #d28f3e 5%, #d28f3e 100%);
	opacity: 0.3;
}

}


.TextInput {
	font-family: Khmer, Arial, Verdana;
	text-align: left;
	border: 1px solid #E9967A;
	border-radius: 5px;
	padding: 3px 5px;
	font-size: 18px;
	color: #000000;
	background-color: #fff8dc;
}

.InputAdmin {
	font-family: verdana;
	text-align: left;
	border: 1px solid #E9967A;
	border-radius: 5px;
	padding: 3px 5px;
	font-size: 14px;
	color: #000000;
	background-color: #fff8dc;
}

.TextLog {
	font-family: verdana;
	text-align: left;
	border: 1px solid #E9967A;
	border-radius: 2px;
	padding: 1px 2px;
	font-size: 10px;
	color: #000000;
	background-color: #fff8dc;
}

.MailEdit {
	font-family: Khmer, Arial, Verdana;
	text-align: left;
	border: 1px solid #E9967A;
	border-radius: 5px;
	padding: 3px 5px;
	font-size: 18px;
	color: #000000;
	background-color: #fff8dc;
}

.MailContent {
	font-family: Khmer, Arial, Verdana;
	text-align: left;
	border: 1px solid #E9967A;
	border-radius: 5px;
	padding: 3px 5px;
	font-size: 18px;
	color: #000000;
	background-color: #fff8dc;
	text-shadow: 2px 2px 2px #cccccc;
}

.chatlink {
	color: #fdea98;
	text-decoration: underline;
	cursor: pointer;
}

	.chatlink:hover {
		color: #fdea98;
	}

	.chatlink:active {
		color: #fdea98;
	}

.chattextwrap {
	overflow-y: scroll;
	font-family: Khmer, Arial, Verdana;
	font-weight: normal;
}

.movelink {
	color: #eeeeee;
	cursor: pointer;
}

	.movelink:hover {
		color: #fdea98;
	}

	.movelink:active {
		color: #fdea98;
	}

.adcontainer {
	height: 100%;
	width: 100%;
}

.adcontainer_img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
#video-container {
  display: flex;
  flex-direction: row;
}