@font-face { font-family: rblack; src: url('../fonts/Roboto-Black.ttf'); } 
@font-face { font-family: rbold; src: url('../fonts/Roboto-Bold.ttf'); } 
@font-face { font-family: rlight; src: url('../fonts/Roboto-Light.ttf'); } 
@font-face { font-family: rmed; src: url('../fonts/Roboto-Medium.ttf'); } 
@font-face { font-family: rreg; src: url('../fonts/Roboto-Regular.ttf'); } 
@font-face { font-family: rthin; src: url('../fonts/Roboto-Thin.ttf'); } 

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: none;
  box-shadow: inset 0 0 0 0 #54b3d6;
	padding: 0 .25rem;
	margin: 0 -.25rem;
  transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
}
a:hover {
  color: #fff;
  box-shadow: inset 200px 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;
}