.boxhead{
    padding: 15px 30px 15px 15px;
    font-size:13px;
    background:#DAE9F2;
    /* border:2px solid #7096BA; */
    -webkit-border-radius: 20px;
    -moz-border-radius:20px;
    border-radius: 20px;
    margin-top:20px;
    margin-bottom:20px;
    -webkit-box-shadow: inset 10px 60px 0 0 rgb(0, 161, 219), 8px 100px 0px -30px rgba(39,255,133,0); 
    box-shadow: inset 10px 60px 0 0 rgb(0, 161, 219), 8px 29px 0px -30px rgba(39,255,133,0);    
}
.boxtitle{
    padding-left:20px;
    color:#F0F0F0;
    margin-bottom:40px;
    border-radius: 10px;
}
.boxsubtitle{
    padding-left:20px;
    color:#0F0F0F;
    background-color:#91D8F7;
    margin-bottom:40px;
    border-radius: 10px;
}
.boxkeg{
    padding-left:20px;
    color:#F0F0F0;
    background-color:#223F99;
    margin-bottom:40px;
}

.boxborder{
    padding-left:20px;
    padding-right:20px;
    border:2px solid #0F0F0F;
    border-radius: 10px;
    margin-bottom:40px;
}

.boxdis{
    padding: 5px 5px 5px 5px;
    font-size:13px;
    background:#FFDEA8;
    /* border:2px solid #7096BA; */
    -webkit-border-radius: 10px;
    -moz-border-radius:10px;
    border-radius: 10px;
    margin-top:20px;
    margin-right:1px;
    margin-bottom:20px;
}

.boxlist{
padding-left:20px;
}

.card{
    margin: 5px 10px 5px 10px;
border-radius: 15px 15px 15px 15px;
}


.card-header{
    padding: 5px 10px 5px 10px;
line-height: 1rem;    
}
.card-header p{
padding: 0;
margin: 0;
}

.card-header:first-child{
font-size: 0.8em;
background-color:#FDC889; 
border-radius: 15px 15px 0px 0px;
}

.card-body{
    padding: 5px 10px 5px 10px;
font-size: 0.7em;
background-color:#FFDEA8;
border-radius: 0 0 15px 15px;
}

.dapus{
padding-left: 42px !important;
text-indent: -42px !important;
margin-bottom: 0  !important;
}
.riwayat{
color:#00AEEF; 
font-weight: bold;    
}