.outer {
    width: 92px;
    height: 160px; 
    background-color: #25b2aa;
    text-align: center;
    padding: 0px;
    color: #FFF;
    border-radius: 3px;
    border-left: 1px solid #25b2aa;
    border-right: 1px solid #25b2aa;
    animation-name: animate-positive;
}
.inner {
    width: auto;
    height: 90px;    
    padding: 4px;
    background-color: #7ececb;
    text-align: center;
    border-radius: 0px;
    font-weight: bold;	
    animation-name: animate-positive;
}

.outer_1 {
    width: 92px;
    height: 140px; 
    background-color: #25b2aa;
    text-align: center;
    padding: 0px;
    color: #FFF;
    border-radius: 3px;
    border-left: 1px solid #25b2aa;
    border-right: 1px solid #25b2aa;
    animation-name: animate-positive;
}

.inner_1 {
    width: auto;
    height: 90px;    
    padding: 4px;
    background-color: #7ececb;
    text-align: center;
    border-radius: 0px;
    font-weight: bold;	
    animation-name: animate-positive;
}

.top_inner_1{
    width: auto;
    height: 10px;    
    padding: 4px;
    border-radius: 3px 3px 0px 0px;
    background-color: #25b2aa;
    border-top: 3px solid #25b2aa;
    font-weight: bold;	
    animation-name: animate-positive;
}

.outer_m {
    width: 92px;
    height: 160px; 
    background-color: #ff7777;
    text-align: center;
    padding: 0px;
    color: #FFF;
    border-radius: 3px;
    border-left: 1px solid #ff7777;
    border-right: 1px solid #ff7777;
    animation-name: animate-positive;
}
.inner_m {
    width: auto;
    height: 90px;    
    padding: 4px;
    background-color: #efc8c8;
    text-align: center;
    border-radius: 0px;
    animation-name: animate-positive;
    font-weight: bold;
}
.top_inner_m{
    width: auto;
    height: 29px;    
    padding: 4px;
    border-radius: 3px 3px 0px 0px;
    background-color: #ff7777;
    border-top: 3px solid #ff7777;
    font-weight: bold;
    animation-name: animate-positive;
}

.outer_s {
    width: 92px;
    height: 160px; 
    background-color: #44cf32;
    text-align: center;
    padding: 0px;
    color: #FFF;
    border-radius: 3px;
    border-left: 1px solid #44cf32;
    border-right: 1px solid #44cf32;
    animation-name: animate-positive;
}
.inner_s {
    width: auto;
    height: 90px;    
    padding: 4px;
    background-color: #a5f09b;
    text-align: center;
    border-radius: 0px;
    font-weight: bold;
    animation-name: animate-positive;
}
.top_inner_s{
    width: auto;
    height: 29px;    
    padding: 4px;
    border-radius: 3px 3px 0px 0px;
    background-color: #44cf32;
    border-top: 3px solid #44cf32;
    font-weight: bold;
    animation-name: animate-positive;
}

.outer_g {
    width: 92px;
    height: 160px; 
    background-color: #d51313;
    text-align: center;
    padding: 0px;
    color: #FFF;
    border-radius: 3px;
    border-left: 1px solid #d51313;
    border-right: 1px solid #d51313;
    animation-name: animate-positive;
}
.inner_g {
    width: auto;
    height: 90px;    
    padding: 4px;
    background-color: #ff9494;
    text-align: center;
    border-radius: 0px;
    font-weight: bold;
    animation-name: animate-positive;
}
.top_inner_g{
    width: auto;
    height: 29px;    
    padding: 4px;
    border-radius: 3px 3px 0px 0px;
    background-color: #d51313;
    border-top: 3px solid #d51313;
    font-weight: bold;
    animation-name: animate-positive;
}

.outer_p {
    width: 92px;
    height: 160px; 
    background-color: #e07007;
    text-align: center;
    padding: 0px;
    color: #FFF;
    border-radius: 3px;
    border-left: 1px solid #e07007;
    border-right: 1px solid #e07007;
    animation-name: animate-positive;
}

.outer_p1 {
    width: 92px;
    height: 140px; 
    background-color: #e07007;
    text-align: center;
    padding: 0px;
    color: #FFF;
    border-radius: 3px;
    border-left: 1px solid #e07007;
    border-right: 1px solid #e07007;
    animation-name: animate-positive;
}

.inner_p {
    width: auto;
    height: 90px;    
    padding: 4px;
    background-color: #f0b176;
    text-align: center;
    border-radius: 0px;
    font-weight: bold;
    animation-name: animate-positive;
}
.top_inner_p{
    width: auto;
    height: 29px;    
    padding: 4px;
    border-radius: 3px 3px 0px 0px;
    background-color: #e07007;
    border-top: 3px solid #e07007;
    font-weight: bold;
    animation-name: animate-positive;
}

.top_inner_p1{
    width: auto;
    height: 10px;    
    padding: 4px;
    border-radius: 3px 3px 0px 0px;
    background-color: #e07007;
    border-top: 3px solid #e07007;
    font-weight: bold;
    animation-name: animate-positive;
}

.top_inner{
    width: auto;
    height: 29px;    
    padding: 4px;
    border-radius: 3px 3px 0px 0px;
    background-color: #25b2aa;
    border-top: 3px solid #25b2aa;
    font-weight: bold;	
    animation-name: animate-positive;
}
.inner_value{
    margin-top: -5px; 
    font-weight: bold;        
}
.gambar{
	width: 52px;
	height: 74px;
}
.gambar1{
	margin-top: 8px;
	width: 65px;
	height: 65px;
}
.tebal{
	font-size: 11px;
}
@-webkit-keyframes animate-positive{
    0% { width: 0; }
}

@keyframes animate-positive{
    0% { width: 0; }
}