/* Font */
body{font-family:'Open Sans', sans-serif;}
h1{text-indent: -99999px;margin: 0;padding: 0;height: 0;overflow: hidden;}
a:focus,a:active{outline:none;}
input{font-family:'Open Sans', sans-serif;}
strong{font-size:1.2em;}


.navbar-top-languange{background:#69aa35;border-bottom:0px solid rgba(255,255,255,.2);color:#fff;padding:5px 0px 0px 0px;}
.navbar-inverse .navbar-inner{background:#69aa35;border-bottom:0px solid #6BB130;padding:15px 0px;}
.navbar-inverse .nav>li>a{color:#fff;text-shadow:none;border-right:1px solid #7eb74d;padding:5px 15px;}
.nonborderright{border-right:0px;}
.navbar-inverse .nav .active>a, .navbar-inverse .nav .active>a:hover, .navbar-inverse .nav .active>a:focus{color:#fff;background:none;text-shadow:none;}
.navbar-inverse .nav li.dropdown.open>.dropdown-toggle, .navbar-inverse .nav li.dropdown.active>.dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle{color:#fff;background:none;}
.navbar-inverse .nav li.dropdown>.dropdown-toggle .caret{border-top-color:#fff;border-bottom-color:#fff;}
.navbar-inverse .brand{color:#fff;}
.main-banner{background:#69aa35;padding:20px 0px;height:400px;}
.navbar .nav.pull-right{margin-top:5px;}
.dropdown-menu>li>a{color:#999;border-bottom:1px solid #eee;padding:6px 10px;}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-submenu:hover>a, .dropdown-submenu:focus>a{background:#95c96a;border-bottom:1px solid #8cbf5f;}
.dropdown-menu>li:last-child>a{border-bottom: none;}
.liwithoutborder{border-bottom:0px;}

.text-muted {color: #999}
h4 em {font-size: 11px;font-weight: normal;}
label em {font-size: 11px}
.menu-container:after {
  content: "";
  width: 50%;
  height: 35px;
  background: #69AA35;
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
}
.hide {
  display: none;
}

/**/

/* Padding */
.paddingleftright20{padding:0px 20px;}
.paddingbottom10{padding-bottom:10px;}
.paddingbottom5{padding-bottom:5px;}
.padding10{padding:10px;}
.padding15{padding:15px;}
.paddingtop13{padding-top:13px;}
.padding10-20{padding:10px 13px;}
.padding5-25{padding:5px 25px;}

/* Margin */
.margintopbottom10{
	margin-top:20px;
	margin-bottom:20px;
}
.margintop10px{margin-top:10px;}
.marginbottom0{margin-bottom:0;}
.marginbottom10px{margin-bottom:10px;}

.marginbottom25{margin-bottom:35px;}
.marginbottom30{margin-bottom:30px;}
.marginbottom20{margin-bottom:20px;}

/* Line Height */
.lineheight18{line-height: 17px;}

/* Font Size */
.font16{font-size:16px;}
.font15{font-size:15px;}
.font14{font-size:14px;}
.font13{font-size:13px;}
.font12{font-size:12px;}

/*alignment*/
.textleft{text-align:left;}
.textcenter{text-align:center;}
.textright{text-align:right;}

/* Link Colour */
.greytoblack{color:#555555;}
.greytoblack:hover{color:#000000;}

/*flash message*/
.flash-message{
  width:270px;
  position: absolute;
  top:70px;
  left: 50%;
  margin: 0 0 0 -160px;
  z-index: 999999;
}

/* Carousel base class */
.carousel {
  margin-bottom: 0px;
}



.carousel-control {
  background-color: transparent;
  border: 0;
  font-size: 120px;
  margin-top: 0;
  text-shadow: 0 1px 1px rgba(0,0,0,.4);
}

.carousel .item {

}
.carousel img {
  min-width: 100%;
}

.carousel-caption {
  background-color: transparent;
  position: static;
  max-width: 550px;
  padding: 0 20px;
  margin-bottom: 100px;
}
.carousel-caption h2,
.carousel-caption .lead {
  margin: 0;
  line-height: 1.25;
  color: #fff;
  text-shadow: 0 1px 1px rgba(0,0,0,.4);
}
.carousel-caption .btn {
  margin-top: 10px;
}

.carousel-caption{background: rgba(0,0,0,.8);padding:20px;max-width:100%;}
.carousel-caption h2{font-size:18px;padding-bottom:5px;font-weight:normal;text-shadow:1px 1px #000;}
.carousel-caption .lead{font-size:14px;line-height:22px;padding-bottom:5px;text-shadow:1px 1px #000;}

.btn-primary{transition:background-color 150ms ease-in;background:#e8b502;color:#000;text-shadow:1px 1px #fce08d;}
.btn-primary:hover{background:#ffda6d;color:#000;text-shadow:1px 1px #fce08d;}
.btn-primary:active{background:#e8b502;color:#000;text-shadow:1px 1px #fce08d;}

.size16px{font-size: .8em;position:relative;top: -1px;}

.blockgrey{background:#f5f5f5;padding:20px 0;margin-bottom:0px;border-bottom: 1px solid #eee;}
.navbar-fixed-top{position:relative;}

.blockcircle{color:#fff;height:100%;width:100%;border:1px solid #eee;overflow:hidden;background:#fff;overflow:hidden;}
.nomargin{margin-right:0px;}

.padding20{padding:30px 0px 100px;}
.div10px{padding-right:20px;}
.imagethumb{border-bottom:4px solid #69AA35;}
.imagethumb2{height:60px;background:#eee;}
.imagethumb2 img{width:100%;}

.bigimagethumb{border-bottom:5px solid #69AA35;}
.bigarticletitle{font-size:23px;padding-top:0px;padding-bottom:8px;color:#000;line-height:28px;color: #000000;}
.bigarticletitle:hover{color: #69AA35;text-decoration: underline;}
.bigarticledesc{font-size:14px;line-height:23px;color: #000000;}

.articletitle{font-size:18px;padding-top:0px;padding-bottom:8px;color:#000;line-height:23px;}
.articletitle:hover{color: #69AA35;text-decoration: underline;}
.articledesc{font-size:14px;color: #000000;text-decoration:none;line-height:23px;}
.articledesc:hover{font-size:14px;text-decoration:none;}
.articledate{font-style:italic;}
.paddingbottom20{padding-bottom:30px;}

.articletitledetail{font-size:31px;padding:15px 0px;padding-bottom:8px;color:#000;line-height:38px;}
.articledetail{font-size:14px;color: #000000;text-decoration:none;line-height:25px;padding-top:15px;}
.articledetail h3{font-weight:;font-size:18px;padding:0px 0px;margin:15px 0px 0px 0px;}
.articledetail blockquote{color:#555;background:#f5f5f5;padding:10px 20px;font-style:italic;border-color:#cccccc;}
.articledetail strong{font-size:15px;color:#555;}
.articledetail table{width:100%;}
.articledetail table tr td{padding:5px 15px;}

.boxreadmore{padding:5px 0 0 0;margin:13px 0 0 0;}
.readmore{font-size:15px;background:#69AA35;color:#fff;padding:10px;transition:background-color 150ms ease-in;}
.readmore:hover{text-decoration:underline;color:#fff;background:#458015;}

.borderbottom1pxgrey{border-bottom:1px solid #69AA35;}
.labelgreen{padding:10px;background:#69AA35;color:#fff;}

.borderbottom1pxblue{border-bottom:1px solid #3399FF;}
.labelblue{padding:10px;background:#3399FF;color:#fff;}

.paddingtop10{padding:10px 0px 10px;border-bottom:1px solid #eee;}
.articlesidetitle{font-size:14px;color:#000;}
.articlesidetitle:hover{text-decoration: underline;color:#69AA35;}


.blueflag{background:#059FDA;color:#fff;text-align:center;margin-top:100px;font-size:15px;padding:7px 8px;}
.circleabsolute{position:absolute;margin:-74px 0px 0px 7px;}

.mockupnoborder{border-right:0px !important;}

/* Tab */
.boxprestasisiswa{border:1px solid #ddd;border-top:0px;background:#f5f5f5;}
.nav{margin-bottom:0px;}
.nav-tabs>.active>a, .nav-tabs>.active>a:hover, .nav-tabs>.active>a:focus{border-top:3px solid #69AA35;background:#f5f5f5;}
.nav-tabs>li>a{color:#777;}
.nav-tabs>li>a:hover{background:none;text-decoration:underline;border:1px solid transparent;}
.boxlistprestasidate{font-size:12px;color:#777;}
.boxlistprestasi{padding:5px 0px;border-bottom:1px solid #ddd;}

.footer{background:#1F1F1F;color:#fff;padding:35px 0 0;}
#gmap {
  height: 260px;
  display:block;
}

.logoabsolute{position:absolute;margin:-57px 0px 0px -370px;z-index:9999;}

.boxphoto{width:100%;margin-bottom:10px;}
.boxphoto img{width:100%;}
.textabsolute {
  position: absolute;
  margin:-200px 0px 0px 0px;
}
.textabsolutecaption{
  background: rgba(42,149,217,.8);
  position: static;
  max-width: 750px;
  padding: 20px 20px 20px 90px;
}
.titleimagepage{color:#fff;font-size:30px;font-weight:;line-height:35px;}
.descimagepage{color:#fff;font-size:18px;line-height:25px;padding-top:10px;}

.titleprestasi{font-size:25px;line-height:30px;padding-bottom:5px;}
.descprestasinamasiswa{padding:3px 0px;font-size:22px;padding-bottom:10px;color:#3991C4;}
.descprestasi{padding:3px 0px;font-size:16px;color:#555;}
.boxprestasi{padding:0px 0px 12px 0px;border-bottom:1px solid #e5e5e5;margin-bottom:12px;}
.boxprestasisiswa .boxlistprestasi:last-child {
  border: none;
}

@media (max-width:767px){
.carousel{display:none;}
.navbar{margin-bottom:0px;}
.footer{margin:0 -20px;padding:35px 20px 0;}
}

@media (max-width:979px){
.blockgrey{margin:0 -20px;}

.navbar{margin-bottom:0px;}
.navbar-inverse .nav-collapse .nav > li > a:hover,
	.navbar-inverse .nav-collapse .nav > li > a:focus,
	.navbar-inverse .nav-collapse .dropdown-menu a:hover,
	.navbar-inverse .nav-collapse .dropdown-menu a:focus {
	 background-color: rgba(0,0,0,.2);
	}
	.nav-collapse .nav > li > a,
	.nav-collapse .dropdown-menu a {
	  font-weight: normal;
	  color: #ffffff;
	}
	.navbar .btn-navbar{margin-left:20px;float:left;background:rgba(255,255,255,.1);}
	.navbar .btn-navbar:hover{background:rgba(255,255,255,.2);}
	.navbar-inverse .brand{margin-left:10px;float:left;}
	.navbar-inverse .nav-collapse .nav>li>a, .navbar-inverse .nav-collapse .dropdown-menu a{padding:15px 20px;font-size:1.3em;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;margin-bottom:0px;color:#fff;border-bottom:1px solid rgba(255,255,255,.2);}
}

/* Collapse */
.accordion-toggle, .accordion-toggle:hover, .accordion-toggle:focus, .accordion-toggle:active {
  color: #333333;
  text-decoration: none;
  border-bottom: 2px solid #69AA35;
}
.accordion-toggle:hover {
  color: #69AA35;
}
.accordion-toggle .icon-book {
  margin-right: 10px;
}
.accordion-group {
  margin-bottom: 20px;
  border: none;
}
.accordion-inner {
  padding: 0;
}

/* elearning */
.elearning-class {
  font-size: 23px;
}
.elearning-list {
  display: block;
  margin-bottom: 10px;
  padding: 10px 0;
  border-bottom: 1px dashed #dddddd;
}
.elearning-download {
  display: block;
  height: 30px;
  text-align: right;
}
.elearning-item {
  display: block;
  position: relative;
  top: -30px;
  margin-right: 50px;
  margin-bottom: -30px;
}
.elearning-item a {
  color: #444444;
  display: inline-block;
  font-size: 18px;
}
.elearning-item a:hover {
  color: #69AA35;
}
.elearning-item .label {
  padding: 3px 8px;
  font-weight: 300;
  text-transform: uppercase;
  border-radius: 8px;
  font-size: 10px;
  letter-spacing: 1px;
}

/* alumni */
.alumni-container {
  min-height: 500px;
}
.alumni-filter select {
  width: 100px;
}
a.alumni-item {
  text-decoration: none;
  color: #444444;
  display: block;
}
a.alumni-item:hover {
  box-shadow: 0 8px #69AA35;
}
a.alumni-item:hover h3 {
  color: #69AA35;
}
a.alumni-item:hover .avatar-image {
  box-shadow: 0 0 0 5px #f5f5f5;
}
.alumni-wrapper {
  padding: 15px;
  border: 1px solid #dddddd;
  margin-bottom: 20px;
}
.avatar-image {
  float: left;
  width: 75px;
  height: 75px;
  border-radius: 50%;
  margin-right: 15px;
  display: inline-block;
}
.alumni-info {
  box-sizing: border-box;
  float:left;
  display: inline-block;
  display: block;
  width: 100%;
  position: relative;
  top: -75px;
  padding-left: 95px;
  margin-bottom: -75px;
}
.alumni-info h3 {
  margin: 5px 0 3px;
  font-size: 1.4em;
  line-height: 1.2em;
  font-weight: 400;
}
.alumni-info em {
  color: #888888;
}
.graduation-year {
  padding: 4px 10px;
  font-weight: 300;
  border-radius: 12px;
  letter-spacing: .1em;
  margin-bottom: 2px;
  background: #f5f5f5;
  text-shadow: none;
  color: #888888;
}
.alumni-wrapper hr {
  margin: 10px 0;
}
.alumni-detail {
  font-size: 1em;
  height: auto;
  display: block;
}
.alumni-detail li {
  display: block;
  margin-bottom: 3px;
}
.detail-icon {
  width: 25px;
}
.detail-info {
  position: relative;
  top: -20px;
  padding-left: 25px;
  margin-bottom: -20px;
}

/* alumni form */
.alumni-form .control-group {
  margin-bottom: 0;
}
span.help-inline {
  margin: -10px 0 10px;
  padding: 6px 10px;
  font-size: .9em;
  display: block;
  line-height: 1em;
  background: #F2DEDE;
  color: #953b39 !important;
  border: 1px solid #eed3d7;
  border-top: none;
}
span.help-inline strong {
  font-size: 1em;
}

/* modal alumni */
#alumniModal .modal-header {
  padding: 0;
}
#alumniModal .modal-header .padding15 {
  padding: 15px 15px 0;
}
#alumniModal .modal-header .close {
  right: 15px;
  margin-top: -5px;
  top: 15px;
  position: absolute;
}
#alumniModal .modal-header h3 {
  font-size: 1.5em;
  font-weight: normal;
}
#alumniModal .modal-header hr {
  margin: 10px 0;
}
#alumniModal .alumni-detail {
  padding: 0 15px 15px;
  max-height: 400px;
  overflow: auto;
}
#alumniModal .modal-body {
  max-height: 640px;
}

.Collage{

        /*This is where you set the padding you want between the images*/
        padding:0px;

        }
    .Collage img{
        margin:0;
        padding:0;
        display:inline-block;
        vertical-align:bottom;
        opacity:1;

        /*This is where you set the border you want for the image*/
        border:6px solid #FFF;
        }


    /* In this example, this is the main item being resized */
    .Image_Wrapper{
        /* to get the fade in effect, set opacity to 0 on the first element within the gallery area */
        opacity:0;
        }

    .Caption{
        font-size:14px;
        font-weight:normal;
        font-family:arial;
        }
        .Caption_Content{
            /* padding:10px; */
            color:#FFF;
            padding:10px;
            }

.readberita img {border-bottom:4px solid #69AA35;}
.sidebarphoto{margin:0px 0px 4px 0px;width:32%;}
.boxgallery{background:#f5f5f5;border:1px solid #dddddd;padding:15px;}
.buttonlinkgallery{margin-top:11px;}
.boxdatearticle{padding-top:8px;color:#777777;font-size:13px;}

@media(max-width:1024px){
	.logoabsolute{margin:-57px 0px 0px -320px;}
}

@media(max-width:1100px){
	.logoabsolute{margin:-57px 0px 0px -320px;}
}
@media(max-width:567px) {
  .alumni-wrapper {
    margin-bottom: 10px;
    padding-bottom: 10px;
    overflow: hidden;
  }
  .avatar-image {
    width: 50px;
    height: 50px;
  }
  .alumni-info {
    display: block;
    width: 100%;
    position: relative;
    padding-left: 60px;
    top: -50px;
    margin-bottom: -50px;
  }
  .alumni-info h3 {
    font-size: 1.1em;
  }
  .alumni-info em {
    font-size: .9em;
  }
  #alumniModal .alumni-detail {
    max-height: 330px;
  }
  #alumniModal img {
    width: 75px;
    height: 75px;
    margin: 0 auto;
    text-align: center;
    display: block;
    float: none;
    left: 10px;
    position: relative;
  }
  #alumniModal .alumni-info {
    display: block;
    margin-top: 10px;
    width: 100%;
    top: 0;
    padding-left: 0;
    margin-bottom: 0;
    text-align: center;
  }
  #alumniModal .alumni-info h3 {
    font-size: 1.3em;
  }
  .alumni-filter {
    margin: 0 auto 15px;
    text-align: center;
    float: left;
    display: block;
    width: 100%;
  }
  .alumni-register {
    width: 100%;
    display: block;
    text-align: center;
  }
  .alumni-register .pull-right {
    float: none;
  }
}
@media(min-width:568px) and (max-width:1024px){
  .alumni-wrapper {
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
  .avatar-image {
    width: 50px;
    height: 50px;
  }
  .alumni-info {
    position: relative;
    padding-left: 60px;
    top: -50px;
    margin-bottom: -50px;
  }
  .alumni-info h3 {
    font-size: 1.1em;
  }
  .alumni-info em {
    font-size: .9em;
  }
}
@media(max-height: 320px) {
  #alumniModal .alumni-detail {
    max-height: 140px;
  }
}
@media(min-height: 321px) and (max-height: 568px) {
  #alumniModal .alumni-detail {
    max-height: 200px;
  }
}
@media(min-height: 569px) and (max-height: 640px) {
  #alumniModal .alumni-detail {
    max-height: 400px;
  }
}
@media(min-height: 641px) {
  #alumniModal .alumni-detail {
    max-height: 600px;
  }
}
.verticalmiddle{vertical-align:baseline;}
.radiobox{padding:3px 0px 0px 0px;}
.labelradio{cursor:pointer;}
.tabpolling{background:#f5f5f5;border:1px solid #ddd;border-top:3px solid #69AA35;border-bottom-color:transparent;font-size:16px;}