/*** PANEL primary ***/
.panel.with-nav-tabs .panel-heading{padding: 8px 0px 0px 0px;}
.panel.with-nav-tabs .nav-tabs{border-bottom: none;}
/********************************************************************/
.with-nav-tabs.panel-primary .nav-tabs > li > a{color: #ffffff;height:30px}
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {color: #ffffff;height:30px} /* mouseout */

.with-nav-tabs.panel-primary .nav-tabs > .open > a,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {color: #00ffff;background-color: #3071a9;border-color: transparent;} /* mouseover */

.with-nav-tabs.panel-primary .nav-tabs > li.active > {display:block}
.with-nav-tabs.panel-primary .nav-tabs > li.active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus {color: #ff0000;background-color: #fff;border-color: #428bca;border-bottom-color: transparent;font-weight: bold} /* mouseclick */

.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu {background-color: #428bca;border-color: #3071a9;}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a {color: #fff;}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {background-color: #3071a9;}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {background-color: #4a9fe9;}

textarea{resize:vertical;height:45px;}
.label0{text-align:left;vertical-align:top;white-space:nowrap;color:#337ab7;padding:2px;}
.label1{text-align:right;vertical-align:top;white-space:nowrap;color:#337ab7;padding:2px;}
.label2{text-align:left;vertical-align:top;color:#000000;padding:2px;width:100%;border-bottom:solid 1px #cccccc}
.label3{text-align:left;vertical-align:top;color:#000000;padding:2px;width:100%}
.label-left{text-align:right;white-space:nowrap;color:#337ab7;}
.label-left1{text-align:right;vertical-align:top;color:#337ab7;}
.label-top{display:none;padding-top:8px;width:100%;color:#337ab7;}
.form{width:80%;margin:auto;}
.form-width{width:90%;margin:auto;}
.form-height{height:40px}

.modal-backdrop.in {
	filter: alpha(opacity=30);
	opacity:0.3;
}

.caption{padding:20px 0px 5px;text-align:left;vertical-align:top;white-space:nowrap;color:#337ab7;}
.informasi{padding:20px 0px 5px;text-align:left;vertical-align:top;color:#337ab7;}
.header{position:fixed;left:0px;top:0px;width:100%;height:40px;background-color:#337ab7;padding:10px;text-align:center;z-index:999999999;}
.footer{position:fixed;left:0px;bottom:0px;width:100%;height:40px;background-color:#337ab7;padding:10px;text-align:center;z-index:999999999;}
 
.label-box{
	width:100%;
	padding:0px;
	padding-left:4px;
	width:70px;
	color:#337ab7;
	background-color:#ffffff;
	border:1px solid #337ab7;
	border-radius:4px;
}

.input-box{
	width:100%;
	padding:1px 4px;
	min-height:25px;
	color:#000000;
	background-color:#ffffff;
	border:1px solid #337ab7;
	border-radius:4px;
}

.input-empty{
	width:100%;
	padding:2px 4px;
	min-height:30px;
	color:#000000;
	background-color:#ffffff;
	border:2px solid #ff0000;
	border-radius:4px;
}

@media screen and (max-width:1000px){
	.label-left{display:none;}
	.label-left1{display:none;}
	.label-top{display:block;}
	.caption{padding:20px 0px 0px;}
	.informasi{padding:20px 0px 0px;}
	.form{width:95%;margin:auto;}
	.form-width{width:99%;margin:auto;}
	.input-box{min-height:25px;}
}

.dropdown{
	position:relative;
	display:inline-block;
	width:100%;
}

.dropdown::before{
	position:absolute;
	content:" \25bd";
	padding:1px;
	border: 1px solid #aaaaaa;
	top:1px;
	right:1px;
	height:23px;
	width:16px;
	color:#555555;
	background-color:#dddddd;
}

*{box-sizing:border-box;}

/* Create four equal columns that floats next to each other */
.column{
	float:left;
	width:50%;
	padding:1px;}

/* Clear floats after the columns */
.row{width:100%;}
.row:after{
	content:"";
	display:table;
	clear:both;
}

@media screen and (max-width:1200px){
	.column{width:100%;}
}
body, html {
  height: 100%;
}
.bg {
  /* The image used */
  background-image: url("../required/gedung2.jpg");

  /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;