.padding-container-40
{
    padding:40px;
}

.style-title-informasi
{
    width:100%;
    font-family: 'Open Sans';
    margin-bottom: 25px;
}

.min-height-155
{
    min-height:155px;
}

.padding-0
{
    padding:0px;
}

.button-informasi
{
    width:100%;
    background-color:#06337B;
    color:#F7D217;
    border:0px;
}

.button-informasi:hover
{
    width:100%;
    color:#06337B;
    background-color:#F7D217;
    border:0px;
}

.flash-session-hp
{
    display: none;
}

.reminder-bayar
{
    margin: auto;
    margin-top:40px;
}

.style_card_periode
{
    background-color:#06337B;
    color:#F7D217;
}

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

.style_card_periode_root
{
    border-radius: 40px;
}


@media (max-width: 576px) 
{ 
    .style-title-informasi
    {
        color: #06337B;;
        font-family: "Open Sans";
        font-weight: bold;
        font-size: 30px;
    }
        
    .padding-container-40
    {
        padding: 20px;
    }

    .font-card
    {
        font-size: 16px;
    }

    .button-informasi
    {
        font-size: 14px;
        font-weight: bold;
    }

    .jarak-card-bottom
    {
        margin-bottom: 20px;
    }

    .flash-session
    {
        display: none;
    }

    .flash-session-hp
    {
        display: block;
        padding: 15px;
    }

    .alert-session-hp
    {
        display: block;
        padding: 5px;
    }

    .garis
    {
        margin-bottom:10px;
        margin-top:10px;
    }

    .reminder-bayar
    {
        margin-top:20px;
    }

    .div_masa_daftar
    {
        margin-bottom: 15px;
    }

    .title_masa_daftar
    {
        font-size: 20px;
    }

    .style_card_periode_footer
    {
        font-size: 16px;
    }

    .body_tanggal
    {
        font-size: 16px;
    }
}