table tr.new {
    background: orange!important;
}
.notif-box{
    display: none;
    max-height: 150px;
    border: solid 2px orange;
    color:#777;
    padding: 10px;
    border-radius: 3px;
    overflow: auto;
    margin-bottom: 10px;
    background: #fafafa;
}
.notif-box .message {
    font-weight: bold;
    text-align: center;
    font-size: 1.7rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.notif-box a,
.notif-box a:active,
.notif-box a:visited {
    color: dodgerblue;
}
.notif-box a:hover {
    color: #212121;
    text-decoration: underline;
}
.tombol-menu{
    height: 150px;
    border: solid 1px rgba(237, 252, 255, 0.79) !important;
    background: #fefefe !important;
    color: #1976D2 !important;
    font-size: 50px;
    font-weight: 1.6dp;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px;
}

.tombol-menu:hover{
    background: #f5f5f5 !important;
}

.tombol-text{
    font-size: 18px !important;
}
.blog-judul{
    line-height: 18px;
    font-size: 16px;
    padding-top: 0px;
    margin-top: 0px;
    font-weight: normal;
    font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
    color: #575757;
    
}

.blog-judul:hover{
    background: #fff !important;
    color: #00b9d1 !important;
}
.blog{
    font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
    height: 420px !important;
}

.gambar-blog img{
    width: 100%;
    min-height: 150px !important;
    height: 200px !important;
    margin-bottom: 10px;
}
/*info windows*/
.map-popup-container{
    width: 300px !important;
    padding: 10px;
    font-family: sans-serif;
    font-size: 12px;
    line-height: 15px;
    border-radius: 10px;
}
.box-header h2{
    font-size: 16px;
    font-style: bold;
}
.map-popup-container{
    margin-top: none;
    margin-left: none;
    padding-right: none;
    max-width: 300px;
}
.map-popup-container h4{
    margin-bottom: 20px;
}
.map-popup-judul{
    color: #5695cc;
}
.box-mix{
    margin: 0 auto;
    width: 80%;
}
.map-popup-gambar{

}
.map-popup-kategori{
    
}

.map-popup-konten{
    
}

.text-middle{
    padding-top: 5% !important;
    vertical-align: middle;
    color: #484848;
    font-size: 14px;
}

@media only screen and (max-width: 500px) {
    .tombol-text{
        font-size: 14px !important;
    }
}


.panel-body {
    padding: 0 15px 0px 15px;
}
.checkbox, .radio {
    position: relative;
    display: block;
    margin-top: 5px;
    margin-bottom: -5px;
}