.warna_1{background-color:#f0ad4f; color:#ffffff;} 
        .warna_1:hover{background-color:#cc8623; color:#ffffff !important;} .warna_2{background-color:#f09520; color:#ffffff;} 
        .warna_2:hover{background-color:#c1a177; color:#ffffff !important;} .warna_3{background-color:#5bc0de; color:#ffffff;} 
        .warna_3:hover{background-color:#2a94b4; color:#ffffff !important;} .warna_4{background-color:#2e7aeb; color:#ffffff;} 
        .warna_4:hover{background-color:#548de2; color:#ffffff !important;} .warna_5{background-color:#ff0000; color:#ffffff;} 
        .warna_5:hover{background-color:#e87272; color:#ffffff !important;} .warna_6{background-color:#78081a; color:#ffffff;} 
        .warna_6:hover{background-color:#8e4b56; color:#ffffff !important;}