body{
			background: #fff;		
		}
		#nav *{
			height: 80px;
			background: #1e7ec2;
		}
		.navbar-default{
			background: #1e7ec2;
			margin-bottom: 0;
			border: 0px solid;
		}
		h1{
			color: #1e7ec2;
			font-family: sans-serif;
			font-size: 28px;
			text-align: center;
			font-weight: bold;
		}
		#h2{
			color: #1e7ec2;
			font-family: sans-serif;
			font-size: 22px;
			text-align: center;
			font-weight: bold;
			margin-top: 15px;
			margin-bottom: 20px;
		}
		#default{
			width: 350px;
			background: #1e7ec2;
			border: none;
		}
		.panel-default label{
			font-size: 16px;
			color:white;
		}
		#primary{
			border: none;
			height: 50px;
			width: 100%;

			margin-top: 5px;

			background: #fff;

			color: #1e7ec2;
			font-size: 18px;
			font-weight: bold;
		}
		#kpo{
			margin-top: 50px;
		}
		#cara{
			margin-top: 120px;
			color: #1e7ec2;
			font-size: 15px;
		}
		#row{
			margin-bottom: 100px;
		}
		#foot{
			background: #1264d6;
			border: none;
		}
		.navbar-default .navbar-text {
		    color: white;
		}
		.navbar-default #alamat {
		    color: white;
		    font-weight: bold;
		}
		#txt{
			font-size: 18px;
		}
		.kpoipm {
			display: block;
		}
		.imguser {
			display: block;
		}
		@media screen and (max-width: 768px) {
			.kpoipm {
			display: none;
			}
			.imguser {
			display: none;
			}
			#foot {
				display:none;
			}
			#navrightt {
				display:none;
			}
		}
	
	.pilih {
		width: 60px;
		height:60px;
	}