.picture-container {
    position: relative;
    cursor: pointer;
    text-align: center;
}
.picture {
    background-color: #999;
    border: 1px solid #CCC;
    color: #FFF;
    border-radius: 50%;
    margin: 5px auto;
    overflow: hidden;
    transition: all .2s;
    -webkit-transition: all .2s;
}
.picture input[type=file] {
    cursor: pointer;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0!important;
    position: absolute;
    top: 0;
    width: 100%;
}
.layout-sidebar-large .sidebar-left.open
{
	background-color: #e2e2e2;
}
.card
{
/*	background-color: #EEEEEE; */
}
.button {
  display: inline-block;
  border-radius: 4px;
  background-color: #639;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 28px;
  padding: 20px;
  width: 200px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 15px;
}
.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}
.button span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}
.button:hover span {
  padding-right: 25px;
}
.button:hover {
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}
.button:hover span:after {
  opacity: 1;
  right: 0;
}

.sticky {
  position: sticky;
  top: 82px;
  z-index:80;
}

.sticky2 {
  position: sticky;
  top: 160px;
  z-index:80;
}

  .scroll{
	  width: 100%;
	  padding: 10px;
	  overflow: scroll;
	  height: 300px;
	  
	  /*script tambahan khusus untuk IE */
	  scrollbar-face-color: #CE7E00; 
	  scrollbar-shadow-color: #FFFFFF; 
	  scrollbar-highlight-color: #6F4709; 
	  scrollbar-3dlight-color: #11111; 
	  scrollbar-darkshadow-color: #6F4709; 
	  scrollbar-track-color: #FFE8C1; 
	  scrollbar-arrow-color: #6F4709;
  }

.buttonsdh {
  display: inline-block;
  border-radius: 4px;
  background-color: #3C3;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 28px;
  padding: 20px;
  width: 200px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 15px;
}
.buttonsdh span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}
.buttonsdh span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}
.buttonsdh:hover span {
  padding-right: 25px;
}
.buttonsdh:hover {
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}
.buttonsdh:hover span:after {
  opacity: 1;
  right: 0;
}


.buttonlang {
  display: inline-block;
  border-radius: 4px;
  background-color: #3C3;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 28px;
  padding: 20px;
  width: 200px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 15px;
}
.buttonlang span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}
.buttonlang span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}
.buttonlang:hover span {
  padding-right: 25px;
}
.buttonlang:hover {
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}
.buttonlang:hover span:after {
  opacity: 1;
  right: 0;
}

.buttonjgn {
  display: inline-block;
  border-radius: 4px;
  background-color: #e2e2e2;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 28px;
  padding: 20px;
  width: 200px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 15px;
}
.buttonjgn span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}
.buttonjgn span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}
.buttonjgn:hover span {
  padding-right: 25px;
}
.buttonjgn:hover {
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}
.buttonjgn:hover span:after {
  opacity: 1;
  right: 0;
}