@media only screen and (max-width:767px){.appbar-page-title h3{font-size:14px}}@media only screen and (max-width:575px){.option-card p{font-size:3vw}.feature-card-details p{font-size:3vw}.feature-card-details h3{font-size:4vw}.monthly-bill-price{font-size:3vw}.user-card{padding:10px 5px}.user-card h3{font-size:3vw}}@media only screen and (min-width:481px) and (max-width:1024px) and (orientation:landscape){.add-card{padding:30px}.monthly-bill-card{padding:15px}.user-card{padding:20px}.navbar-content-item a{font-size:13px}.navbar-content-item a i{font-size:18px}}

.badge-success, .preview-list .preview-item .preview-thumbnail .badge.badge-online {
    color: #fff;
    background-color: #57B657;
}
.badge-danger {
    color: #fff;
    background-color: #FF4747;
}
.badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}