.border-0
{
    border: 0px;
}

.warna-title-login
{
    color:#F7D217;
}

.style-modal-login-header
{
    background-color:#06337B;
    border:0px;
}

.warna-modal-title
{
    color:#F7D217;
}

.warna-icon-close-modal-login
{
    color: #FFF;
}

.style-alert-info-modal-login
{
    font-size:14px;
    border:0px;
    margin-left:10px;
    margin-right:10px;
    margin-top:10px;
    margin-bottom:10px;
}

.style-modal-body-login
{
    padding:20px;
    padding-left:40px;
    padding-right:40px;
    padding-bottom:0px;
    padding-top:0px;
}

.warna-footer-modal-login
{
    background-color:#06337B;
}

.style-fg-modal-login
{
    width:100%;
    margin-bottom:0px;
    padding-left:20px;
    padding-right:20px;
}

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

@media (max-width: 576px) 
{ 
    .style-alert-info-modal-login
    {
        font-size:13px;
        border:0px;
        margin-left:10px;
        margin-right:10px;
        margin-top:10px;
        margin-bottom:10px;
    }

    .warna-title-login
    {
        font-size: 18px;
    }
    
    .style-modal-login-header
    {
        background-color:#06337B;
        border:0px;
        padding:15px;
    }

    .button-margin-login
    {
        margin-bottom: 15px;
    }

    
    .style-button-modal-login
    {
        font-size: 14px;
        font-weight: bold;        
    }
}