body{
background-color:#E9EAED;
}
.content{
background-color:#fff;
padding:10px;
}
.bg-white{
background-color:#fff;	
}
.menu-kiri > ul{
padding:0;
margin:0;
list-style:none;
}
.menu-kiri > ul > li > a{
display:block;
padding:8px 20px;
}
.menu-kiri > ul > li > a.active,.menu-kiri > ul > li > a.active:hover{
background-color:#337AB7;
text-decoration:none;
color:#fff;
}
.menu-kiri > ul > li > a:hover{
background-color:#428BCA;
text-decoration:none;
color:#fff;
}
label.jawaban,label.normal{
font-weight:normal;
cursor:pointer;
}
.img-responsive{
width:100%;
}
.che{
margin-right:2%;
}
.detail{
margin:0;
padding:0;
}
.detail>li{
list-style:none;
margin-bottom:5px;
}
.detail > li > label{
font-weight:normal;
display:block;
font-size:13px;
margin:0;
margin-left: -10px;
margin-bottom: 5px;
background: #e9eaed;
padding: 5px;
}
.detail > li{
padding-left: 10px;
}
.box-kiri{
margin-top: 5px;
padding:10px;
}

/* new */
.quick-menu{
list-style: none;
margin: 0;
padding: 0;
text-align: center;
}
.quick-menu > li{
display: inline-block;
margin:0px 10px;
}

@media screen and (min-width: 480px){
.quick-menu > li{
margin:0px 10px;
}
}
@media screen and (max-width: 480px){
.quick-menu > li{
margin-left:0%;
margin-right:0%;
}
.quick-menu > li > a{
	font-size:9px;
}
}
.quick-menu > li div.icon{
font-size: 35px !important;
border-radius: 5px;
border: 1px solid #BFBFBF;
width:54px;
background: transparent linear-gradient(#FEFEFE, #DADADA) repeat scroll 0% 0%;
}
.quick-menu > li div.icon i{
color:#666;
}
.quick-menu > li:hover div.icon,.quick-menu > li.active div.icon{
background: transparent linear-gradient(#528BCA, #428BCA) repeat scroll 0% 0%;	
}
.quick-menu > li > a:hover{
text-decoration: none;
cursor: pointer;
}
.quick-menu > li:hover div.icon i,.quick-menu > li.active div.icon i{
color:#fff;
}
.h-top{
border-bottom: 1px solid #e9eaed;
}
.h-bottom{
padding-top: 10px;
padding-bottom: 10px;
}
.garis{
background: #E9EAED;
height:2px;
width: 100%;
margin:5px 0;
}
.wi100{
width: 100%;
margin-bottom: 5px;
padding:3px 5px;
}
.tasuruak{
display: none;
}
.btn-ubah-formulir,.btn-tambah-akademik,.btn-tambah-nakademik,.btn-ganti-foto{
cursor: pointer;
}
.btn-ubah-formulir:hover,.btn-tambah-akademik:hover,.btn-tambah-nakademik:hover,.btn-ganti-foto:hover{
text-decoration: none;
}

#foto{
display: none;
}
@media screen and (max-width: 480px) {
	.quick-menu > li div.icon{
		font-size: 20px !important;
		border-radius: 5px;
		border: 1px solid #BFBFBF;
		width:36px;
		background: transparent linear-gradient(#FEFEFE, #DADADA) repeat scroll 0% 0%;
	}
	.quick-menu{
		font-size: 12px;
	}   
}

.p0{
padding: 0px;
}
body.print {
  background: rgb(204,204,204); 
}
body.print table,body.print table tr,body.print table td,body.print table th{
	border-color:#000;
}
page {
  background: white;
  width: 21.59cm;
  height: 29.50cm;
  display: block;
  margin: 0 auto;
  margin-top: 0.5cm;
  margin-bottom: 0.5cm;
  box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
}
@media print {
  body, page[size="A4"] {
    margin: 0;
    box-shadow: 0;
  }
  body.print table,body.print table tr,body.print table td,body.print table th{
		border-color:#000;
	}
  .col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666666666666%;
  }
  .col-md-10 {
    width: 83.33333333333334%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666666666666%;
  }
  .col-md-7 {
    width: 58.333333333333336%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666666666667%;
  }
  .col-md-4 {
    width: 33.33333333333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.666666666666664%;
  }
  .col-md-1 {
    width: 8.333333333333332%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666666666666%;
  }
  .col-md-pull-10 {
    right: 83.33333333333334%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666666666666%;
  }
  .col-md-pull-7 {
    right: 58.333333333333336%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666666666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.666666666666664%;
  }
  .col-md-pull-1 {
    right: 8.333333333333332%;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666666666666%;
  }
  .col-md-push-10 {
    left: 83.33333333333334%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666666666666%;
  }
  .col-md-push-7 {
    left: 58.333333333333336%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666666666667%;
  }
  .col-md-push-4 {
    left: 33.33333333333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.666666666666664%;
  }
  .col-md-push-1 {
    left: 8.333333333333332%;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666666666666%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333333334%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666666666666%;
  }
  .col-md-offset-7 {
    margin-left: 58.333333333333336%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666666666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.666666666666664%;
  }
  .col-md-offset-1 {
    margin-left: 8.333333333333332%;
  }
}

.huruf-kecil{
text-transform: lowercase;
}