@font-face 
{
    font-family: LLumar;
    src: url('LLumarFaktPro-Light.otf');
}

html, body {
	background-color: #FFFFFF;
	margin:0;
	font-family: Calibri, Arial;
	font-size: 0.9vw;
	color:#333333;
}

.boxutama {
	width: 100vw;
	height:100vh;
	margin: 0;
	border: 0;
	padding: 0;
	color: #000000;
	overflow:hidden;
}
.content_fix {
	width: 100%;
	padding-top:2vmax;
	padding-bottom: 2vmax;
	text-align: center;
}
.kiri {
	width: 18vw;
	float:left;
	height:100vh;
	background: linear-gradient(to right, #d6d6c2, #f5f5f0);
	overflow:hidden;
}
.kanan {
	width: 82vw;
	height:100vh;
	float:right;
	overflow:hidden;
	background: linear-gradient(to right, #87cefa, #dcdcdc);
}
.dalamkanan{
	width:80vw;
	background-color:rgba(255,255,255,0.8);
	margin-left:1vw;
	margin-right:1vw;
	margin-top:0;
	height:87vh;
	overflow-y:auto;
	overflow-x:hidden;
}
.innerkanan{
	width:80vw;
}
.contentkanan{
	width:77vw;
	margin-top:1vh;
	margin-left:1vw;
	margin-right:2vw;
}

.footer {
	width: 100%;
	height: 2vmax;
	background-color: #808080;
	background: linear-gradient(to bottom, rgba(128,128,128,1), rgba(0,0,0,1));
	position:fixed;
	left:0;
    bottom:0px;
	font-family:llumar;
	font-size:1.1vmax;
	color:#FFFFFF;
}
.footerleft {
	float:left;
	line-height:2vmax;
	margin-left:1vw;
	padding-top:0.1vmax;
}
.footerright {
	float:right;
	line-height:2vmax;
	margin-right:1vw;
	padding-top:0.1vmax;
}
.tanggal {
	float:left;
}
.jam {
	float:left;
	padding-left:1vw;
}

a.link1:link, a.link1:visited{
	color: #a9a9a9;
	text-decoration: none;
}
a.link1:hover, a.link1:active{
	color: #2f4f4f;
	text-decoration: none;
}

.clear{ clear:both; }

.polos{
	border:0px;
}
.table3
{
	vertical-align:middle;
	font-weight: lighter;
	border-collapse:collapse;
}
.table3 tr:nth-child(even) {background-color: rgba(255, 235, 205, 1);}
.table3 tr:nth-child(odd) {background-color: rgba(245, 245, 220, 1);}
.table3 tr:hover {background-color: rgba(175, 238, 238, 0.7);}
.table3 td
{
	height:calc(12px + 1vh);
	font-size:0.9vw;
	color:#000000;	
	border-top:1px #f5f5f5 solid;
	border-right:1px #f5f5f5 solid;
}
.table3 tr
{
}
.table3 th{
	border-top-left-radius: 0.5vw;
	border-top-right-radius: 0.5vw;
    background: #5f9ea0;
    color: #fff;
	height:calc(12px + 3vh);
	font-size:1vw; 
	text-align:left;
	font-weight:normal;
}

input[type=submit]
{
	border-radius:6px;
	/*background: linear-gradient(to bottom, #008080, #2f4f4f);*/
	background:#5f9ea0;
    border: 0px solid #0088CC;
    color: #FFF;
    padding: 5px;
	padding-top:7px;
    width: 90px;
	font-family:llumar;
	font-size:1.2vw;
}
input[type=reset]
{
	border-radius:6px;
	background: linear-gradient(to bottom, #a9a9a9, #333333);
    border: 0px solid #0088CC;
    color: #FFF;
	padding: 5px;
    padding-top:7px;
    width: 90px;
	font-family:llumar;
	font-size:1.2vw;
}
input[type=submit]:hover {
    cursor: pointer;
	background:linear-gradient(#0044CC, #0088CC);
}
input[type=submit]:disabled {
	cursor: default;
	background:#c0c0c0;
}
input[type=submit]:active {
    /*background:linear-gradient(#DCDCDC, #A9A9A9);*/
	/*background:linear-gradient(#0088CC, #0044CC);*/
	background-color:#5f9ea0;
}
input[type=reset]:hover {
    cursor: pointer;
	background:linear-gradient(#333333, #a9a9a9);
}
input[type=reset]:active {
    /*background:linear-gradient(#DCDCDC, #A9A9A9);*/
	background:linear-gradient(#a9a9a9, #333333);
}
input[type=text]
{
	padding:3px;
	border-radius:5px;
	border:1px solid;
	border-color:#dcdcdc;
	color:#333333;
	font-size:0.9vw;
	background:linear-gradient(#f5f5f5, #f0fff0);
}
input[type="text"]:disabled {
    background:linear-gradient(#f5f5f5, #f0fff0);
	color:#333333;
}
input[type=email]
{
	padding:3px;
	border-radius:5px;
	border:1px solid;
	border-color:#dcdcdc;
	color:#333333;
	font-size:0.9vw;
	background:linear-gradient(#f5f5f5, #f0fff0);
}
textarea
{
	padding:3px;
	border-radius:5px;
	border:1px solid;
	border-color:#dcdcdc;
	color:#333333;
	font-size:0.9vw;
	font-family: Calibri, Arial;
	background:linear-gradient(#f5f5f5, #f0fff0);
}
input[type=password]
{
	padding:3px;
	border-radius:5px;
	border:1px solid;
	border-color:#dcdcdc;
	color:#333333;
	font-size:0.9vw;
	background:linear-gradient(#f5f5f5, #f0fff0);
}
select
{
	padding:3px;
	border-radius:5px;
	border:1px solid;
	border-color:#dcdcdc;
	color:#333333;
	font-size:0.9vw;
	background:linear-gradient(#f5f5f5, #f0fff0);
}
select:disabled
{
	color:#c0c0c0;
}
.buttoncancel
{
	border-radius:6px;
	background: linear-gradient(to bottom, #a9a9a9, #333333);
    border: 0px solid #0088CC;
    color: #FFF;
	padding: 5px;
    padding-top:7px;
    width: 90px;
	font-family:llumar;
	font-size:1.2vw;
}
.buttoncancel:hover {
    cursor: pointer;
	background:linear-gradient(#333333, #a9a9a9);
}
.buttoncancel:active {
    /*background:linear-gradient(#DCDCDC, #A9A9A9);*/
	background:linear-gradient(#a9a9a9, #333333);
}
.image-upload > input
{
	display:none;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #d3d3d3;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #d3d3d3;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #d3d3d3;
}