.button-dokumen
{
    background-color:#06337B;
    color:#FFF;
}

.button-dokumen:hover
{
    color:#06337B;
    background-color:#F7D217;
}   

.warna-link-dokumen
{
    color:#06337B;
}

a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus{
	color:#06337B;
    background-color:#F7D217;
    border:0px;
}

.dokumen-hp
{
    display: none;
}

@media (max-width: 576px) 
{ 
    .dokumen-hp
    {
        display: block; 
        width: 100%;
        margin: auto;
    }

    .dokumen-non-hp
    {
        display: none;
    }

    .dokumen-card-header-hp
    {
        padding: 0px;
    }

    .dokumen-card-header-hp button
    {
        font-size: 16px;
        width: 100%;
        height: 100%;
        text-align: left;
        padding:10px;
        padding-left:20px;
    }
}