.btn-group>.btn {
    /* border-style: solid !important; */
    /* border-color: lightgray !important; */
}

div.dt-buttons {
    float: left;
    margin-bottom:3px !important;
    margin-top:3px !important;
}

.alert-danger ul {
    margin-bottom: 0px !important;
}


[data-input-payment] {
    position: relative
}

[data-input-payment] .dropdown-menu .dropdown-menu-list {
    max-height: 158px;
    overflow-y: auto
}

[data-input-payment] .dropdown-menu .dropdown-menu-list::-webkit-scrollbar {
    -webkit-appearance: none
}

[data-input-payment] .dropdown-menu .dropdown-menu-list::-webkit-scrollbar:vertical {
    width: 8px
}

[data-input-payment] .dropdown-menu .dropdown-menu-list::-webkit-scrollbar:horizontal {
    height: 10px
}

[data-input-payment] .dropdown-menu .dropdown-menu-list::-webkit-scrollbar-thumb {
    background-color: rgba(var(--vz-dark-rgb),.075);
    border-radius: 8px
}

[data-input-payment] .dropdown-menu .dropdown-menu-list::-webkit-scrollbar-track {
    border-radius: 8px
}

[data-option-payment-img-name] .payment-input {
    padding-left: 75px;
    background-image: url('../../img/payment/logo_cash.png');
    background-repeat: no-repeat;
    background-position: 10px 0px;
    background-size: 50px;
}

[data-option-payment-img-name]::before,[data-option-payment-name]::before {
    content: "\f0140";
    font-family: "Material Design Icons";
    position: absolute;
    right: .9rem;
    top: .5rem;
    font-size: 16px
}

[data-search-input=false] .searchlist-input {
    display: none
}


.dt-down-arrow {
    display: none !important;
}

.buttons-columnVisibility {
    background: #f3f6f9 !important;
    box-shadow: none !important;
    color:darkgrey !important;
}


.buttons-columnVisibility:hover{
    background: linear-gradient(to bottom, rgba(153, 153, 153, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
}

.modal-content {
    border: 0px !important;
}

.table .form-check .form-check-input{
    margin-right: 10px;
}

.box-active-plan{
    background: #5d6a9a;
    border-radius: 5px;
    padding: 10px;
    height: 100px;
    color: #f3f6f9;
    margin:0px 20px;
}

.ubah-paket {
    margin: 12px 20px !important;
}

.invalid-feedback-custom {
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #f06548;
}

.read-only {
    background-color: #eff2f7 !important;
}



@media screen and (max-width: 767px) {
    div.dt-buttons {
        float:none;
        text-align: center;
        margin-bottom: 0.5em;
        flex-wrap:nowrap !important;
    }

    #paket-aktif {
        display: none;
    }
    

    div.dt-buttons button.btn {
        float: none;
        font-size: 10px;
        padding: .5rem 4px !important;
        font-size: 12px !important;
        line-height: 1.5 !important;
    }

    div.dt-buttons a.btn {
        float: none;
        font-size: 10px;
    }



    .btn-soft-secondary {
        margin-right: 0 !important;
    }

    .dropdown-toggle:after {
        display: none !important;
    }

}