body{
    height: 100%;
    margin: 0;
}

.btn.bb-primary{
    border-radius: 2rem;
    background: #00C84C;
    color: rgba(255,255,255,1);
}

.btn.bb-primary-outline{
    border-radius: 2rem;
    color: #00C84C;
    background: #fff;
    border: 1px solid #00C84C;
}

.bb-primary-outline:active{
    background: #efefef;
}

.bb-c-primary{
    color: #4CB71A !important;
}

.bb-primary:active{
    background: #00AF44;
}

.bb-c-primary{
    color: #4CB71A !important;
}

.bb-dark .navbar-text, .bb-dark .navbar-text > a i{
    color: rgba(255,255,255,0.9) !important;
}

.bb-navbar-solid .navbar-text, .bb-navbar-solid .navbar-text a i{
    color: rgba(0,0,0,0.9) !important;
}

.bb-navbar-solid{
    background: rgb(255,255,255);
    box-shadow: 0 5px 5px -2px rgba(0,0,0,.2);
}

.info-zakat{
    font-size: 0.8em;
    border-radius: 0px;
    margin-top: 16px;
}

.form-revolution input.form-control{
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #ced4da;
}

.bb-invasion-zakat span.input-group-text{
    width: 42px;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #ced4da;
}

.form-revolution .form-input-invalid span.input-group-text{
    border-bottom: 1px solid #dc3545;
}

.form-revolution .form-input-invalid input.form-control{
    border-bottom: 1px solid #dc3545;
}

.form-revolution .form-input-invalid .invalid-feedback{
    display: inline-block;
}

.wrap-tab-bb{
    border-bottom: 1px solid #ced4da;
}

.wrap-tab-bb .nav-tabs {
    border: 0;
}

.wrap-tab-bb .nav-tabs .nav-link.active{
    border: 0;
    border-bottom: 2px solid #4CB71A;
    color: #4CB71A;
}

main.container{
    position: relative;
    width: 100%;
    background-color: #F5F5F5;
    box-sizing: border-box;
    min-height: calc(0px + 100vh);
}

.full-screen {
    position: fixed;
    display: none;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3000;
    overflow: auto;
    box-sizing: border-box;
}

.dialog-list{
    background-color: #F5F5F5;
}

.no-underline{
    text-decoration: none !important;
}

.nav-light-bb{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    box-shadow: 0 6px 6px -4px rgba(0,0,0,.2);
    z-index: 3000;
}

.wc-nav-bb{
    margin: 0 auto;
    min-width: 480px;
}

.nav-btn-bb{
    background: transparent;
    padding: 10px 12px;
    border: 0;
    cursor: pointer;
    border-radius: 25px;
    margin-right: 10px;
}

.content-full{
    margin: 0 auto;
    max-width: 480px;
    position: relative;
    top: 60px;
    min-height: calc(-50px + 100vh);
}

.nav-btn-bb:not(:active){
    transition: all 0.5s;
}

.nav-btn-bb:active{
    background: rgba(199, 199, 199, 0.3);
    border-radius: 25px;
}

.bb-partner-card.card-columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

.select-dialog-data .text h4{
    font-size: 17px;
    margin-bottom: 4px !important;
    color: #555;
}
.select-dialog-data .text small{
    color: #aaa;
    font-size: 0.75em;
}

#wrap-partner-select{
    display: none;
}

#wrap-payment-select{
    display: none;
}

.bb-header-list-pay{
    background: #e7e7e7;
}