.blink { animation: blinker 1.5s linear infinite;} @keyframes blinker { 50% { opacity: 0; } }
.getar:hover {
    animation: shake 0.5s;
    animation-iteration-count: infinite;
}
@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}
@media only screen and (min-width:769px){
    table { display: table; width: 100%; }
    #grid { display: grid; grid-template-columns: 6% 94%; }
    .pc {display:block;}
    .hp {display:none;}
    .top { margin-top:75px;}
    .font-flexy {font-family: Tahoma, "Trebuchet MS", sans-serif; font-size:14px;}
    .warna-latar {background-color: white;}
    .warna-body {background-color:#FFFFFF;}
    .h-normal { margin-top: 0px; }
}
@media only screen and (max-width:768px){
    table { display: block; overflow-x: auto;  overflow-y: hidden; width: 100%; white-space: nowrap; }
    tbody tfoot { display: table; width: auto; } */
    #grid { display: grid; grid-template-columns: 15% 85%; }
    .pc {display:none;}
    .hp {display:block;}
    .top { margin-top:20px;}
    .warna-latar {background-color:#6495ED; padding:10px; height:340px;}
    .warna-body {background-color:#EEEEEE;}
    .font-flexy {font-family: Tahoma, "Trebuchet MS", sans-serif; font-size:10px;}
    .width-flexy {width:50%;}
    .h-normal { margin-top: -90px; }
    .h-normal2 { margin-top: -250px; }
}
@media print {
    .print-object, .no-print {display: none;}
    table { display: table; width: 100%; margin:auto !important; }
    #grid { display: grid;  grid-template-columns: 50px 600px; margin-top:0px; }
}
.text-primary {
    color:orange;
    font-weight: 900;
}
h1 {
    color:black;
    font-weight: 900;
    margin:0;
}
label {
    font-size:12px;
    color:#579BDD;
    margin:0;
    font-weight: 900;
}
.footer {
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    height: 60px;
    background-color: #6495ED;
}
th {text-transform: uppercase; background:#b3cccc; padding:10px;text-align:center;}
td {text-align:right; padding-right:7px;}
td,th,li {font-family: Tahoma, "Trebuchet MS", sans-serif; font-size:10px;}
ol,li {text-align:left;}