/* 
*********************************************
*****************Tab Header *****************
*********************************************
*/
/* not activate background color*/
.nav-billpreference.nav.nav-tabs .nav-item .nav-link {
    background-color: #f6f7f7 !important;
    margin-right: 3.6px;

}

.nav-billpreference.nav {
    padding: 0.5rem 0.5rem 0rem 0.5rem !important;
    background-color: #ebebeb !important;
    border-radius: 9px 9px 0rem 0rem !important;
}



.nav-billpreference.nav-tabs {
    /*border-bottom: 0.1rem solid #ebebeb !important;*/
    border-bottom: unset;
}


@media (max-width: 767px) {
    /* CSS that should be displayed if width is equal to or less than 768px goes here */
    .nav-billpreference.nav {
        padding: 0px !important;
    }

    .nav-billpreference.nav-tabs {
        /*border-bottom: 0.1rem solid #ebebeb !important;*/
        margin-left: 0rem !important;
        border-bottom: unset;
    }

}

@media (min-width: 1001px) {
    /* CSS that should be displayed if width is equal to or less than 1001px goes here */
    .nav-billpreference.nav {
        /*padding: 0.5rem 0.5rem 0rem 0.5rem !important;*/
        border-bottom: unset;
        background-color: #ebebeb !important;
    }

    .nav-billpreference.nav-tabs {
        /*border-bottom: 0.2rem solid #ebebeb !important;*/
        border-bottom: unset;
    }
}


    /* active tab border */
.nav-billpreference.nav.nav-tabs .nav-item .nav-link.active {
    background-color: #ffffff !important; /* white background */
}

/* Remove border from active tab */
.nav-billpreference.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border: 1px solid unset !important;
    border-color: transparent !important;
    border-radius: 9px 9px 0px 0px !important;
}

/* Border Color Black and radius*/
.nav-billpreference.nav-tabs .nav-link {
    border: 1px solid unset !important;
    border-radius: 9px 9px 0px 0px !important;
}

.notification-tab-text {
    font-size: 13px !important;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #707070 !important;
}

.manage-notifications .nav-billpreference.a,.manage-notifications a:hover,.manage-notifications .noHover {
    background-image: none !important;
    background-size: 0 !important;
}

/* 
*********************************************
***************** Tab Body *****************
*********************************************
*/

.body-billperefence {
    padding-right: 13px;
    padding-left: 14px;
    padding-top:15.1px;
    padding-bottom: 12.9px;
    border: solid 2px #ebebeb;
    border-top:0px;
    border-radius: 0px 0px 9px 9px;
}

.sc-label {
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #202945;
    margin-top:6px;
    margin-bottom:9px;
    margin-left:17px;
}

input .shortcode-form.form-control {
    height: 35px !important;
    background: #eee;
    border: 0px !important;
}

form .shortcode-form.form-control {
    border-radius: 8px !important;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #202945 !important;
}

.shortcode-form.form-control {
    background-color: #eee;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #202945 !important;
}

.shortcode-form.form-control:focus {
    background-color: #eee;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #202945 !important;
}


.billpereferencetext {
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #202945;
}


.btn-bill {
    background-color: transparent;
    border: solid 1px #D50037;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #D50037;
    cursor: default;
}

.btn-inactive-bill, .btn-bill {
    border: solid 1px #D50037;
    color: #D50037;
    width: 102px !important;
    height: 32px !important;
    cursor: default !important;
    text-align: center !important;
    padding: .5rem 1rem !important;
    font-size: 13px !important;
    font-weight: normal;
}
.btn-active-bill, .btn-bill {
    border: solid 1px #52ae93;
    color: #52ae93;
    width: 102px !important;
    height: 32px !important;
    cursor: default !important;
    text-align: center !important;
    padding: .5rem 1rem !important;
    font-size: 13px !important;
    font-weight: normal;
}

.hr-bill {
    margin-top: 0px !important;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid #dedede !important;
    margin-left: 5px;
    margin-right: 5px;
}


input .ebillemail.form-control {
    height: 35px !important;
    background: #eee;
    border: 0px !important;
    width: 350.9px !important;
}

form .ebillemail-form.form-control {
    border-radius: 8px !important;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #202945 !important;
    width: 100% !important;
}

.ebillemail-form.form-control {
    background-color: transparent;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #202945 !important;
    width: 100% !important;
    border:1px solid #202945;
}

.ebillemail-form.form-control:focus {
    background-color: white;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #202945 !important;
    width: 100% !important;
    border:1px solid #4f55eb;

}
input::-webkit-input-placeholder {
    color: #8E8E8E !important;
    font-weight: 300;
}
input::-moz-placeholder {
    color: #8E8E8E !important;
    font-weight: 300;
}
input:-moz-placeholder {
    color: #8E8E8E !important;
    font-weight: 300;
}
input:-ms-input-placeholder {
    color: #8E8E8E !important;
    font-weight: 300;
}
input::placeholder {
    color: #8E8E8E !important;
    font-weight: 300;
}

.btn-editeBilleEmail.btn.btn-default {
    background-color: transparent;
    border: 0px;
}

.pendinge-eBill-Email {
    margin-top: 1rem;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #FF4F41;
}