body,
html {
	height: 100%;
	font-family: rreg;
	color: #333333;
}

.button {
	border: 1px #1D3461 solid;
	background: #1D3461;
	color: #ffffff;
	cursor: hand;
	padding: 0.5em;
	border-radius: 5px;
	box-shadow: rgba(185, 127, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

.button:hover {
	border: 1px #1D3461 solid;
	background: #ffffff;
	color: #1D3461;
	cursor: pointer;
}

.button2 {
	border: 1px #D64550 solid;
	background: #D64550;
	color: #ffffff;
	cursor: hand;
	padding: 0.5em;
	border-radius: 5px;
	box-shadow: rgba(185, 127, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

.button2:hover {
	border: 1px #D64550 solid;
	background: #ffffff;
	color: #D64550;
	cursor: pointer;
}

.button3 {
	border: 1px #3ea8e5 solid;
	background: #3ea8e5;
	color: #1D3461;
	cursor: hand;
	padding: 0.5em;
	border-radius: 5px;
	box-shadow: rgba(185, 127, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

.button3:hover {
	border: 1px #3ea8e5 solid;
	background: #ffffff;
	cursor: pointer;
}

a {
	color: #3ea8e5;
	line-height: 1.5;
	text-decoration: underline;
	box-shadow: inset 0 0 0 0 #54b3d6;
}

a:hover {
	color: #fff;
	box-shadow: inset 500px 0 0 0 #54b3d6;
}

.bgbiru {
	background: #3ea8e5;
}

.fontbiru {
	color: #3ea8e5;
}

.bgabu {
	background: #b1bec7;
}

.fontabu {
	color: #b1bec7;
}

.bghitam {
	background: #333333;
}

.fonthitam {
	color: #333333;
}

.bgputih {
	background: #ffffff;
}

.fontputih {
	color: #ffffff;
}

.bgmerah {
	background: #D64550;
}

.fontmerah {
	color: #D64550;
}

.bgblue {
	background: #1D3461;
}

.fontblue {
	color: #1D3461;
}

.select {
	background: #ffff00;
	cursor: pointer;
}

.unselect {
	background: #ffffff;
	cursor: pointer;
}

select {
	background-color: #1F99CD;
	background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20448%22%20enable-background%3D%22new%200%200%20256%20448%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.arrow%7Bfill%3A@{arrow}%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22arrow%22%20d%3D%22M255.9%20168c0-4.2-1.6-7.9-4.8-11.2-3.2-3.2-6.9-4.8-11.2-4.8H16c-4.2%200-7.9%201.6-11.2%204.8S0%20163.8%200%20168c0%204.4%201.6%208.2%204.8%2011.4l112%20112c3.1%203.1%206.8%204.6%2011.2%204.6%204.4%200%208.2-1.5%2011.4-4.6l112-112c3-3.2%204.5-7%204.5-11.4z%22%2F%3E%3C%2Fsvg%3E%0A");
	background-position: right 5px center;
	background-repeat: no-repeat;
	background-size: auto 50%;
	border-radius: 5px;
	border: none;
	color: #ffffff;
	padding: 5px 25px 5px 5px;

	outline: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;

	&::-ms-expand {
		display: none
	}

	;
}