.button-ijo,
        .button-merah,
        .button-orange,
        .button-biru {
            color: white;
            border-radius: 4px;
            text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
        }

        .button-ijo {
            background: rgb(28, 184, 65); /* this is a green */
        }

        .button-merah {
            background: rgb(202, 60, 60); /* this is a maroon */
        }

        .button-kuning {
            background: rgb(255, 196, 26); /* this is an orange */
        }

        .button-biru {
            background: rgb(66, 184, 221); /* this is a light blue */
        }

.textcenter{
text-align:center;
}

.kiri{
text-align:left;
}
.kanan{
text-align:right;
}
.kecil{
text-transform:lowercase;
}

.besar{
text-transform:uppercase;
}

.opsi{
-webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */
    filter: none;
}

.opsi:hover{
-webkit-filter: grayscale(100%);
 filter: grayscale(100);
}

.loading {
	   position: fixed;
	   left: 0px;
	   top: 0px;
	   width: 100%;
	   height: 100%;
	   z-index: 9999;
	   background: url(../img/load.gif) center no-repeat #ffd740;
	  }
	  
.hover:hover
{
    background-color: #ffecc4;
	 color:#000;
	font-weight:bold;
}

.active
{
  background-color: #ffecc4;
  color:#000;
  font-weight:bold;
}

#running{
background:#000;
height:35px;
}

#running-text{
background:#000;
color:#fff;
padding:10px;
font-weight:bold;
font-size:15px;
}

.tab_judul{
background:#fdce40;
color:#000;
font-weight:bold;
}

.scroll{
 overflow: auto;
}

.kot a{
text-decoration:none;
}
.kot{
border-radius: 10px;
width:90px;
height:60px;
padding-top:20px;
margin:5px;
text-align:center;
background:#ffdb6f;
float:left;
color:#000;
}
.kot:hover{
background:#fed24c;
}