@font-face {
  font-family: 'Signika';
  font-style: normal;
  font-weight: 400;
  src: local('Signika'), local('Signika-Regular'), url(https://fonts.gstatic.com/s/signika/v6/AF4iYPZnDjGMiNsxxSXYQfY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Signika';
  font-style: normal;
  font-weight: 400;
  src: local('Signika'), local('Signika-Regular'), url(https://fonts.gstatic.com/s/signika/v6/q41y_9MUP_N8ipOH4ORRvw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

body {
	font-family:'Signika',Tahoma,sans-serif;
	background: url("../images/more-leaves.png"); 
}

input {
	font-family:'Signika',Tahoma,sans-serif;
}

.form-signin {
	max-width: 410px;
	margin: 60px auto 30px;
    padding: 15px;
    position: relative;
	background: #fff;
    box-shadow:
        0 2px 2px rgba(0,0,0,0.2),        
        0 1px 5px rgba(0,0,0,0.2),        
        0 0 0 2px #5bb75b; 
}

.form-signin-heading {
	font-size: 25px;
    font-weight: bold;
    color: #8f8;
    padding-bottom: 4px;
    text-shadow: 1px 1px 1px #000;
}

.main {
	background:#fff;
	border:2px solid #5bb75b;
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.header {
	font-size: 30px;
    font-weight: 300;
    line-height: 1;
    letter-spacing: -1px;
	padding-bottom:8px;
	border-bottom:2px solid #333;
}

.lead{
	font-size:15px;
}

.content {
	padding:10px;
}

.visimisi{
	margin-top:20px;
}

.visimisi p{
	font-size:15px;
}

.canvas-home{
	margin-left:-30px;
}

.footer {
	margin-top:10px;
	color:#000;
	text-shadow:1px 1px 1px #fff;
}

.footer-link {
	color:#000;
}

.footer-link:hover {
	color:#000;
}

hr {
	border:1px solid #999;
}

.input-medium {
	width:120px;
}

.sex{width:120px;}
#tgl {width:60px;}
#Month{width:110px;}
#Year {width:80px;}
#warganegara{width:80px;}
#agama{width:120px;}
#status{width:150px;}
#ijazah{width:100px;}
#paket{width:350px;}

#example {
	width:98.5%;
}