.k1header {
	background-color: #413d5e ;
	padding: 15px;
	color: white;
	
}

p {
  	font-family: Tahoma;
	font-size: 13px;
	
}

ol {
  	margin-left: 15px;
	font-family: Tahoma;
	font-size: 13px;
}

.k3header {
	color: white;
	width: 660px;
	text-align: left;
	
}
.f1header {
	margin-top: 8px;
	margin-left: 190px;
	font-family: Arial;
	font-size: 24px;
	font-weight: bold;
}
.f2header {
	margin-left: 190px;
	font-family: Arial;
	font-size: 11px;
}
.logo {
	margin-top: -65px;
	margin-left: 18px;
	}

.k2header {
	margin-top: 0px;
    background-repeat: repeat;
	height: 4px;
	background-image:url(pic/line.png);
}

.kinfo {
	margin-top: 15px;
	margin-left: 20px;
	margin-right: 20px;
	background-color: #716d8d ;
	padding: 20px;
	font-family: Tahoma;
	font-size: 16px;
	color: #ffffff;
	text-align: center;

}
.kinfo2 {
	margin-top: 15px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
	background-color: #e6e6e7 ;
	padding: 20px;
	border: 1px solid;
	border-color: #cccfcd;
	width: 555px;
	text-align: left;
	border-left: 7px solid;
	border-left-color: #716d8d;
	color: #6b6a6c;
}

.finfo {
	margin-left: 0px;
	margin-bottom: 5px;
	font-family: Arial;
	font-size: 24px;
	font-weight: bold;
	color: #6b6a6c;
}
.kinfo3 {
	margin-top: 25px;
	background-color: #f6c4c4;
	padding: 10px;
	padding-left: 20px;
	font-family: Tahoma;
	font-size: 13px;
	width: 610px;
	text-align: left;
	color: #d44545;
	border : 1px solid;
	border-color: #e07c7c;
}
.klogin {
	margin-top: -325px;
	background-color: #cecccc;
	width: 500px;
}
.khasil {
	margin-top: -450px;
	background-color: #cecccc;
	width: 80%;
}
.k2login {
	padding-left: 40px;
	padding-top: 20px;
	text-align: left;
	font-family: Tahoma;
	font-size: 14px;
	margin-top: 50px;
	background-color: #ffffff ;
	width: 410px;
	height: 170px;
	box-shadow: 0px 0px 15px #696c6d;
}
.k2hasil {
	margin-top: 50px;
	background-color: #ffffff ;
	width: 80%;
	height: 450px;
	box-shadow: 0px 0px 15px #696c6d;
}

.ktabel {
	padding-top: 10px;
	padding-bottom: 15px;
	font-family: Arial;
	font-size: 13px;
	width: 600px;
	text-align: left;
	color: #393939;
	border: 1px solid #cbc6c6;
	padding-right: 20px;
	padding-left: 50px;
}

.ktabelDinyatakan {
	padding-top: 10px;
	padding-bottom: 15px;
	font-family: Arial;
	font-size: 14px;
	width: 600px;
	text-align: left;
	color: #393939;
	border: 1px solid #cbc6c6;
	padding-right: 20px;
	padding-left: 50px;
	font-weight: bold;
}
	
.ktabel2 {
	padding-top: 10px;
	padding-bottom: 15px;
	font-family: Arial;
	font-size: 14px;
	width: 600px;
	text-align: left;
	border : 1px solid;
	border-color: #cbc6c6;
	color: #393939;
	background-color: #e7e4e4;
	padding-right: 20px;
	padding-left: 50px;
}
.f2 {
	font-family: Arial;
	font-size: 13px;	
	text-align: left;
	color: #6b6a6c;
}
.f3 {
	padding: 0px;
	margin-left: 0px;
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;	
	text-align: left;
	color: #6b6a6c;
}

.f4 {
	font-family: Tahoma;
	font-size: 13px;
	color: #6b6a6c;
	text-align: left;

}

*{
    padding: 0; margin: 0;
}
h2{
	color:#50626C;
	text-align: center;
	font-family: arial;

	border: 3px solid #f1f1f1;
	padding: 5px;
	width: 490px;
	margin: auto;
	margin-bottom: 10px;
    margin-top: 20px;
}
form {
    border: none;
    font-family: arial;
    width: 660px;
    margin: auto;
}
input[type=text], input[type=date] {
    width: 30%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
	margin-right: 10px;
	font-family: arial;
	color:#666;
}
label{
	color:#50626C;
}
button {
    background-color: #716d8d;
    color: white;
    padding: 15px;
    margin: 8px;
    width: 120px;
	font-size: 14px;
	text-align: center;
	border-style:solid;
	border-color:#FFF;
	
}

button:hover {
    opacity: 0.7;
}

.cancelbtn {
    width: auto;
    padding: 10px 18px;
    background-color: #f03434;
}

.imgcontainer {
    text-align: center;
    padding-top: 30px;
	background-color: #cecccc;
}

.container {
	margin-top: -10px;
	padding-top: 30px;
    padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 20px;
}

span.psw {
    float: right;
    padding-top: 16px;
}
span{
	color:#50626C;
}
/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 300px) {
    span.psw {
       display: block;
       float: none;
    }
    .cancelbtn {
       width: 100%;
    }
}
.judulResult {
	font-family: Arial;
	font-size: 18px;
	padding-top: 0px;
	padding-left: 0px;
	color: #393939;
}
.fhasil {
	font-family: Tahoma;
	font-size: 14px;
	color: #6b6a6c;
}