body {
  min-height: 2000px;
  padding-top: 100px;
}

p{
	margin-bottom: 20px;
}
.row {
  margin-top: 30px;
}
 .margin10{margin-bottom:10px; margin-right:10px;}
footer {
    
}

.navbar-unla {
  background-color: #fff;
  border-color: #d7d7d7; /*#2980b9;*/
  min-height: 80px;
   box-shadow: 0 0 3px grey;
}

.navbar-unla .navbar-brand {
  padding-top: 12px;
}

.navbar-unla .navbar-brand:hover,
.navbar-unla .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
  
}
.navbar-unla .navbar-text {
  color: #fff;
}
.navbar-unla .navbar-nav > li > a {
  color: #9d9d9d; /* warna tulisan pada menu di web dan mobile */
}
.navbar-unla .navbar-nav > li > a:hover,
.navbar-unla .navbar-nav > li > a:focus {
  color: #d7d7d7; /* warna tulisan pada menu ketika kursor di atasnya di web dan mobile */
  background-color: #9d9d9d; /* warna background tulisan pada menu ketika kursor di atasnya di web dan mobile */
}
.navbar-unla .navbar-nav > .active > a,
.navbar-unla .navbar-nav > .active > a:hover,
.navbar-unla .navbar-nav > .active > a:focus {
  color: #9d9d9d; /* warna tulisan pada menu ketika sedang aktif */
  background-color: transparent;
}
.navbar-unla .navbar-nav > .disabled > a,
.navbar-unla .navbar-nav > .disabled > a:hover,
.navbar-unla .navbar-nav > .disabled > a:focus {
  color: #9d9d9d;
  background-color: transparent;
}
.navbar-unla .navbar-toggle {
  margin-top : 20px;
  border-color: #d7d7d7; /* warna garis tombol toogle mobile */
}
.navbar-unla .navbar-toggle:hover,
.navbar-unla .navbar-toggle:focus {
  background-color: #d7d7d7; /* warna background tombol toogle mobile ketika kursor di atasnya*/
}
.navbar-unla .navbar-toggle .icon-bar {
  background-color: #505050; /* warna bar tombol toogle mobile */
}
.navbar-unla .navbar-collapse,
.navbar-unla .navbar-form {
  margin-top: 12px;
  border-color: #d7d7d7;
}
.navbar-unla .navbar-nav > .open > a,
.navbar-unla .navbar-nav > .open > a:hover,
.navbar-unla .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #d7d7d7;
}
@media (max-width: 767px) {
  .navbar-unla .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-unla .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-unla .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .navbar-unla .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-unla .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #000;
    background-color: transparent;
  }
  .navbar-unla .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-unla .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-unla .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
  .navbar-unla .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-unla .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-unla .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-unla .navbar-link {
  color: #9d9d9d;
}
.navbar-unla .navbar-link:hover {
  color: #fff;
}
.navbar-unla .btn-link {
  color: #9d9d9d;
}
.navbar-unla .btn-link:hover,
.navbar-unla .btn-link:focus {
  color: #fff;
}
.navbar-unla .btn-link[disabled]:hover,
fieldset[disabled] .navbar-unla .btn-link:hover,
.navbar-unla .btn-link[disabled]:focus,
fieldset[disabled] .navbar-unla .btn-link:focus {
  color: #444;
}

#myCarousel .carousel-caption {
    left:0;
	right:0;
	bottom:0;
	text-align:left;
	padding:10px;
	background:rgba(0,0,0,0.6);
	text-shadow:none;
}

#myCarousel .list-group {
	position:absolute;
	top:0;
	right:0;
}
#myCarousel .list-group-item {
	border-radius:0px;
	cursor:pointer;
}
#myCarousel .list-group .active {
	background-color:#034f84;	
}

@media (min-width: 992px) { 
	#myCarousel {padding-right:33.3333%;}
	#myCarousel .carousel-controls {display:none;} 	
}
@media (max-width: 991px) { 
	.carousel-caption p,
	#myCarousel .list-group {display:none;} 
}

.agenda {  }

/* Dates */
.agenda .agenda-date {}
.agenda .agenda-date .dayofmonth {
  margin-top: 10px;
  width: 70px;
  font-size: 36px;
  line-height: 36px;
  float: left;
  text-align: right;
  margin-right: 10px;
}
.agenda .agenda-date .shortdate {
  margin-top: 10px;
  font-size: 0.90em;
}
.agenda .agenda-date .time {
  font-size: 0.90em;
}
.agenda .agenda-date .event {
  margin-top: 5px;
  margin-left: 80px;
  margin-bottom: 10px;
  font-size: 14px;
}

/* Times */
.agenda .agenda-time { width: 140px; } 


/* Events */
.agenda .agenda-events {  } 
.agenda .agenda-events .agenda-event {  } 

@media (max-width: 767px) {
    
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: 0px;
    margin-left: 0px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.dropdown-submenu>.dropdown-menu{
	top: 0;
	left: 100%;
	right: auto;
	margin-top: -6px;
	margin-left: 0px;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px;
	border-radius: 0 6px 6px 6px;
}

.table-borderless tbody tr td,
.table-borderless tbody tr th,
.table-borderless thead tr th,
.table-borderless thead tr td,
.table-borderless tfoot tr th,
.table-borderless tfoot tr td {
    border: none;
}

/* Jurnal */
.hide-bullets {
    list-style:none;
    margin-left: -40px;
    margin-top:20px;
}

.thumbnail {
    padding: 0;
}

.jcarousel-inner>.item>img, .jcarousel-inner>.item>a>img {
    width: 100%;
}