.c-BD0000 {
    color: #BD0000;
}

.c-00965A {
    color: #00965A;
}

.cc-b2b-svg-icon {
    display: inline-block;
    vertical-align: text-bottom;
    height: 16px;
    width: 16px;
    line-height: 16px;
}

.cc-b2b-svg-icon-18{
    height: 18px;
    width: 18px;
    line-height: 18px;
}

.cc-b2b-svg-icon-20{
    height: 20px;
    width: 20px;
    line-height: 20px;
}

.cc-b2b-svg-icon-22{
    height: 22px;
    width: 22px;
    line-height: 22px;
}

.cc-b2b-svg-icon-24{
    height: 24px;
    width: 24px;
    line-height: 24px;
}

.cc-b2b-svg-icon-26{
    height: 26px;
    width: 26px;
    line-height: 26px;
}

.svg-view {
    background: url('../image/view.svg') no-repeat center center;
    background-size: contain;
}

.svg-share {
    background: url('../image/share.svg') no-repeat center center;
    background-size: contain;
}

.svg-share2 {
    background: url('../image/share2.svg') no-repeat center center;
    background-size: contain;
}

.svg-right {
    background: url('../image/right.svg') no-repeat center center;
    background-size: contain;
}

.svg-error {
    background: url('../image/error.svg') no-repeat center center;
    background-size: contain;
}

.svg-question-circle {
    background: url('../image/question_circle.svg') no-repeat center center;
    background-size: contain;
}

.member-menu ul li.active .svg-question-circle, .member-menu ul li:hover .svg-question-circle {
    background: url('../image/question_circle_white.svg') no-repeat center center;
}

.svg-question-circle-blue {
    background: url('../image/question_circle_blue.svg') no-repeat center center;
    background-size: contain;
}

.svg-trash {
    background: url('../image/trash.svg') no-repeat center center;
    background-size: contain;
}
.svg-edit-blue {
    background: url('../image/edit_blue.svg') no-repeat center center;
    background-size: contain;
}

.svg-phone {
    background: url('../image/phone.svg') no-repeat center center;
    background-size: contain;
}

.svg-password {
    background: url('../image/password.svg') no-repeat center center;
    background-size: contain;
}

.svg-list-view {
    background: url('../image/list_view.svg') no-repeat center center;
    background-size: contain;
}

.svg-grid-view {
    background: url('../image/grid_view.svg') no-repeat center center;
    background-size: contain;
}

.svg-mail {
    background: url('../image/mail.svg') no-repeat center center;
    background-size: contain;
}

.svg-work {
    background: url('../image/work.svg') no-repeat center center;
    background-size: contain;
}


.svg-clock {
    background: url('../image/clock.svg') no-repeat center center;
    background-size: contain;
}

.svg-dashboard {
    background: url('../image/dashboard.svg') no-repeat center center;
    background-size: contain;
}

.svg-warning {
    background: url('../image/warning.svg') no-repeat center center;
    background-size: contain;
}

.member-menu ul li.active .svg-dashboard, .member-menu ul li:hover .svg-dashboard {
    background: url('../image/dashboard_white.svg') no-repeat center center;
}

.svg-order-history {
    background: url('../image/order_history.svg') no-repeat center center;
    background-size: contain;
}

.member-menu ul li.active .svg-order-history, .member-menu ul li:hover .svg-order-history {
    background: url('../image/order_history_white.svg') no-repeat center center;
}

.svg-invoices {
    background: url('../image/invoices.svg') no-repeat center center;
    background-size: contain;
}

.member-menu ul li.active .svg-invoices, .member-menu ul li:hover .svg-invoices {
    background: url('../image/invoices_white.svg') no-repeat center center;
}

.svg-account-info {
    background: url('../image/account_info.svg') no-repeat center center;
    background-size: contain;
}

.member-menu ul li.active .svg-account-info, .member-menu ul li:hover .svg-account-info {
    background: url('../image/account_info_white.svg') no-repeat center center;
}

.svg-profile {
    background: url('../image/profile.svg') no-repeat center center;
    background-size: contain;
}

.member-menu ul li.active .svg-profile, .member-menu ul li:hover .svg-profile {
    background: url('../image/profile_white.svg') no-repeat center center;
}

.svg-address-book {
    background: url('../image/address_book.svg') no-repeat center center;
    background-size: contain;
}

.member-menu ul li.active .svg-address-book, .member-menu ul li:hover .svg-address-book {
    background: url('../image/address_book_white.svg') no-repeat center center;
}

.svg-accounts-payable {
    background: url('../image/accounts_payable.svg') no-repeat center center;
    background-size: contain;
}

.member-menu ul li.active .svg-accounts-payable, .member-menu ul li:hover .svg-accounts-payable {
    background: url('../image/accounts_payable_white.svg') no-repeat center center;
}

.svg-authorized-pickup {
    background: url('../image/authorized_pickup.svg') no-repeat center center;
    background-size: contain;
}

.member-menu ul li.active .svg-authorized-pickup, .member-menu ul li:hover .svg-authorized-pickup {
    background: url('../image/authorized_pickup_white.svg') no-repeat center center;
}


.svg-team-members {
    background: url('../image/team_members.svg') no-repeat center center;
    background-size: contain;
}

.member-menu ul li.active .svg-team-members, .member-menu ul li:hover .svg-team-members {
    background: url('../image/team_members_white.svg') no-repeat center center;
}

.svg-permissions {
    background: url('../image/permissions.svg') no-repeat center center;
    background-size: contain;
}

.member-menu ul li.active .svg-permissions,.member-menu ul li:hover .svg-permissions {
    background: url('../image/permissions_white.svg') no-repeat center center;
}

.svg-inquiries {
    background: url('../image/inquiries.svg') no-repeat center center;
    background-size: contain;
}

.member-menu ul li.active .svg-inquiries,.member-menu ul li:hover .svg-inquiries {
    background: url('../image/inquiries_white.svg') no-repeat center center;
}

.svg-faqs {
    background: url('../image/faqs.svg') no-repeat center center;
    background-size: contain;
}

.member-menu ul li.active .svg-faqs,.member-menu ul li:hover .svg-faqs {
    background: url('../image/faqs_white.svg') no-repeat center center;
}

.svg-wishlist {
    background: url('../image/wishlist.svg') no-repeat center center;
    background-size: contain;
}

.member-menu ul li.active .svg-wishlist, .member-menu ul li:hover .svg-wishlist {
    background: url('../image/wishlist_white.svg') no-repeat center center;
}

.cc-b2b-need-support {
    margin-top: 30px;
    border: 2px solid #1B4AC5;
    border-radius: 4px;
    padding: 20px 40px;
    position: relative;
    margin-bottom: 50px;
}

.cc-b2b-need-support h3 i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    margin-right: 10px;
}

.cc-b2b-need-support h3 span {
    font-size: 20px;
    line-height: 30px;
}

.cc-b2b-need-support p {
    padding-left: 40px;
    font-size: 14px;
}

.cc-b2b-need-support-mobile {
    display: block;
    width: 100%;
    margin-top: 50px;
    border: 2px solid #1B4AC5;
    border-radius: 4px;
    padding: 5px;
    position: relative;
    margin-bottom: 80px;
    line-height: 44px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
}

.cc-b2b-need-support-mobile i.cc-b2b-svg-icon {
    width: 20px;
    height: 20px;
    line-height: 20px;
}

.cc-b2b-need-support-mobile i {
    margin: 0 10px;
    font-size: 20px;
    color: #1B4AC5;
    line-height: 44px;
}

.cc-b2b-need-support-mobile i.fa-angle-right {
    float: right;
}

.cc-b2b-need-support .cc-b2b-link-button {
    position: absolute;
    right: 30px;
    top: 50px;
}

.cc-b2b-link-button {
    background: #FFFFFF;
    font-weight: 600;
    font-size: 16px;
    color: #01155A;
    padding: 10px 20px;
    margin: 0;
    border: 1px solid #01155A;
    display: inline-block;
    line-height: 20px;
    vertical-align: middle;
    cursor: pointer;
}

.cc-b2b-link-button-primary {
    border-color: #1B4AC5;
    background: #1B4AC5;
    color: #fff;
}

.cc-b2b-btn {
    text-transform: none;
    height: 44px;
    line-height: 44px;
    background: #FFFFFF;
    font-weight: 600;
    font-size: 18px;
    color: #1B4AC5;
    border: 1px solid #1B4AC5;
    padding: 0 60px;
    display: inline-block;
}

.cc-b2b-btn-primary {
    background: #1B4AC5;
    color: #fff;
    border: 1px solid #fff;
}

.member-menu {
    background: #F2F8FD;
    border-right: 1px solid #C6CBCE;
    padding: 0;
}

.member-menu-hide{
    display: none;
}

.member-menu .member-menu-title {
    font-weight: 600;
    font-size: 20px;
    padding: 20px 30px;
    border-bottom: 1px solid #C6CBCE;
}

.member-menu ul li {
    width: 100%;
    padding: 0 30px;
    margin: 20px 0;
}

.member-menu ul li a {
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 16px;
    border-radius: 4px;
    line-height: 24px;
    padding: 10px;
}

.member-menu ul li a i {
    width: 24px;
    height: 24px;
    line-height: 24px;
    vertical-align: top;
    margin-right: 10px;
    flex: none;
}

.member-menu ul li.line-bottom {
    position: relative;
}

.member-menu ul li.line-bottom:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 100%;
    height: 1px;
    background: #C6CBCE;
}

.member-menu ul li.active a, .member-menu ul li:hover a {
    background: #01155A;
    color: #fff;
}

.account-manager {
    margin: 20px;
    border: 1px solid #A7B4D3;
    border-radius: 4px;
    background: #fff;
}

.account-manager .title {
    border-bottom: 1px solid #A7B4D3;
    font-weight: 600;
    font-size: 16px;
    line-height: 50px;
    height: 50px;
    text-align: center;
}

.account-manager .picture {
    display: inline-block;
    margin: 20px;
    width: 50px;
    height: 50px;
    border: 1px solid #D1D9EA66;
    border-radius: 50%;
    position: relative;
    vertical-align: middle;
}

.account-manager .picture span {
    display: block;
    position: absolute;
    top: 3px;
    left: 3px;
    text-align: center;
    width: 42px;
    height: 42px;
    line-height: 42px;
    font-size: 26px;
    border-radius: 50%;
    background: #F16836;
    color: #fff;
}

.account-manager .name {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    font-weight: 600;
    font-size: 16px;
    word-break: break-all;
}

.account-manager p {
    padding: 5px 20px;
    font-size: 14px;
}

.account-manager p span {
    padding: 0 5px;
    word-break: break-all;
}

.member-menu-mobile {
    display: none;
    width: 100%;
    padding: 10px 10px;
    background: #EDF1F7;
    font-size: 16px;
    line-height: 20px;
    cursor: pointer;
    margin: 0 15px;
}

.member-menu-mobile .fa-bars{
    font-size: 20px;
    margin-right: 10px;
    vertical-align: bottom;
}

.member-menu-mobile .fa-close{
    display: none;
}
@media (min-width: 992px){
    .member-menu{
        width: calc(25% - 20px);
        margin-right: 20px;
    }
}

@media (max-width: 991px) {
    .member-menu-mobile {
        display: block;
        margin-bottom: 20px;
    }
    .member-menu{
        display: none;
    }
    .member-menu-mobile-active{
        position: relative;
    }
    .member-menu-mobile-active .member-menu-mobile-warp{
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.3);
        transition: left 0.3s ease-in-out;
        z-index: 990;
    }
    .member-menu-mobile-active .member-menu-mobile{
        position: absolute;
        top: -50px;
        left: 0;
        height: 40px;
        background: #fff;
        width: 60%;
        min-width: 200px;
        z-index: 998;
        margin: 0;
        padding: 15px 20px;
    }
    .member-menu-mobile-active .member-menu{
        position: absolute;
        top: -10px;
        left: 0;
        width: 60%;
        min-width: 200px;
        display: block;
        background: #fff;
        z-index: 998;
        border: none;
    }
    .member-menu ul li{
        padding: 0 10px;
    }
    .member-menu-mobile-active .member-menu .member-menu-title{
        display: none;
    }
    .member-menu-mobile-active .member-menu .account-manager{
        display: none;
    }
    .member-menu-mobile-active .member-menu-mobile .fa-close{
        display: block;
        float: right;
    }
}

.cc-popup-container.modal .modal-content{
    border-radius: 8px;
    min-width: 300px;
}

.cc-popup-container.modal .modal-header{
    padding: 0;
    background: #F0F2F1;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.cc-popup-container.modal .modal-title{
    font-size: 1.125rem!important;
    line-height: 1.125rem!important;
    color: #000;
    font-weight: 700!important;
    padding: 10px 15px!important;
}

.cc-popup-container.modal .modal-header .close{
    margin-right: 10px;
}

.cc-popup-container.modal .modal-body{
    min-height: 40px;
    margin: 20px 0px;
}
.cc-popup-container.modal .modal-body p{
    font-size: 1.125rem!important;
    color: #000;
    font-weight: bold!important;
}

.cc-popup-container.modal .modal-footer .btn{
    padding: 5px 10px;
    font-size: 1rem!important;
    font-weight: 700!important;
}

.cc-popup-container.modal .modal-footer .btn.btn-primary{
    background: #01155A;
}