.kotak-popup
{
    display: none;
    position: fixed;
    bottom: 0px;
    right: 220px;
    height: 285px;
    /*background-color: rgb(237, 239, 244);*/
    background-color: #FFFFFF;
    width: 300px;
    /*border: 1px solid rgba(29, 49, 91, .3);*/
    border: 1px solid #FFFFFF;
}

.kotak-popup .header-kotak-popup
{
    /*background-color: #6d84b4;*/
    background-color: #2a4978;
    padding: 5px;
    color: white;
    font-weight: bold;
    font-size: 14px;
    clear: both;
}

.kotak-popup .header-kotak-popup .header-kotak-popup-kiri
{
    float: left;
}

.kotak-popup .header-kotak-popup .header-kotak-popup-kanan
{
    float: right;
    opacity: 0.5;
}

.kotak-popup .header-kotak-popup .header-kotak-popup-kanan a
{
    text-decoration: none;
    color: inherit;
}

.kotak-popup .pesan-popup
{
    height: 100%;
    /*overflow-y: auto;*/
}