@charset "UTF-8";
/* CSS Document */
@font-face {
    font-family: "LineAwesome";
    src: url('/content/fonts/line-awesome/line-awesome.woff') format('woff');
}

@font-face {
    font-family: 'Flaticon';
    src: url('/content/fonts/flaticon/Flaticon.woff') format('woff');
}

@font-face {
    font-family: 'Proxima Nova Rg';
    src: url('/content/fonts/ProximaNova-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova Lt';
    src: url('/content/fonts/ProximaNova-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/content/fonts/OpenSans-SemiboldItalic.woff2') format('woff2'), url('/content/fonts/OpenSans-SemiboldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/content/fonts/OpenSans.woff2') format('woff2'), url('/content/fonts/OpenSans.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FuturaPT-Book';
    src: url("/content/fonts/FuturaPT-Book.woff") format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat-Bold';
    src: url("/content/fonts/Montserrat-Bold.woff") format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-Regular';
    src: url("/content/fonts/Montserrat-Regular.ttf") format('TrueType');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-Light';
    src: url("/content/fonts/Montserrat-Light.ttf") format('TrueType');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-medium';
    src: url("/content/fonts/Montserrat-Medium.ttf") format('TrueType');
    font-weight: normal;
    font-style: normal;
}
.m-page--wide .m-header, .m-page--fluid .m-header-new {
    background: #2b2e3e;
}

body {
    /*font-family: 'Open Sans';*/
    font-family: 'Montserrat-light';
    margin: 0;
    border: 0;
    padding: 0;
    color: #000;
    font-size: 14px;
    line-height: 19px;
}
/*============= PURCHASING GRID ==========*/
.product_grid_div {
    width: 100%;
    float: left;
    display: table;
}

.product_box {
    background: #fff;
    border: 1px solid #ebedf2;
    margin: 0 15px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    width: 22%;
    margin-bottom: 20px;
    display: inline-table;
}

.product__img {
    text-align: center;
    margin-bottom: 20px;
    width: 100%;
    float: left;
}

.activationCase {
    margin-bottom: 20px;
    padding: 10px 0;
    border: 1px solid #ebedf2;
    border-top: 0;
    border-right: 0;
    float: right;
}

.product__img img {
    height: 120px;
}

.product__details {
    border-top: 1px solid #ebedf2;
    padding: 10px;
    width: 100%;
    float: left;
}

    .product__details p {
        margin-bottom: 5px;
    }

        .product__details p:last-child {
            margin-bottom: 0;
        }

    .product__details .product__prop {
        font-family: 'Open Sans';
        color: #000000;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: 600;
    }

    .product__details .product__propName {
        font-family: 'Open Sans';
        color: #000000;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: 400;
    }

    .product__details .product__propPrice {
        font-family: 'Open Sans';
        color: #eb1510;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: 400;
    }

.m-grid__item .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover {
    border-left: 1px solid #ffffff;
    background-color: #232432;
}

.prod_quantity .hei_box {
    height: 26px;
}

.prod_quantity {
    width: 100%;
    float: left;
}

.m-grid__item .prod_quantity .number_pic {
    width: 55%;
    float: right;
}
/*============= END PURCHASING GRID ==========*/
.search_box {
    width: 100%;
    position: relative;
    margin-bottom: 30px;
    z-index: 9;
    padding-left: 20px;
}

    .search_box .input-group input {
        background: #2a2e3e;
        border: 1px solid #2a2e3e;
        margin-left: 10px;
        margin-right: 10px;
        padding: 15px;
        font-size: 13px;
        border-radius: 0;
    }

        .search_box .input-group input:focus {
            border: 1px solid #ddd;
            background: transparent;
            color: #fff;
        }

.icon_search {
    color: #9599a2;
    position: absolute;
    top: 10px;
    right: 22px;
    cursor: pointer;
}

.m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__link {
    padding: 20px 30px;
    border-bottom: 1px solid #22232f;
}

.hide-text {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.input-block-level {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.btn-file {
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    font-family: 'Open Sans';
}

    .btn-file > input {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        transform: translate(-300px, 0) scale(4);
        font-size: 23px;
        direction: ltr;
        cursor: pointer;
    }

.fileupload .uneditable-input {
    display: inline-block;
    margin-bottom: 0px;
    vertical-align: middle;
    cursor: text;
}

.fileupload .thumbnail {
    overflow: hidden;
    display: inline-block;
    margin-bottom: 5px;
    vertical-align: middle;
    text-align: center;
}

    .fileupload .thumbnail > img {
        display: inline-block;
        vertical-align: middle;
        max-height: 100%;
    }

.fileupload .btn {
    vertical-align: middle;
}

.fileupload-exists .fileupload-new, .fileupload-new .fileupload-exists {
    display: none;
}

.fileupload-inline .fileupload-controls {
    display: inline;
}

.fileupload-new .input-append .btn-file {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

.thumbnail-borderless .thumbnail {
    border: none;
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.fileupload-new.thumbnail-borderless .thumbnail {
    border: 1px solid #ddd;
}

.control-group.warning .fileupload .uneditable-input {
    color: #a47e3c;
    border-color: #a47e3c;
}

.control-group.warning .fileupload .fileupload-preview {
    color: #a47e3c;
}

.control-group.warning .fileupload .thumbnail {
    border-color: #a47e3c;
}

.control-group.error .fileupload .uneditable-input {
    color: #b94a48;
    border-color: #b94a48;
}

.control-group.error .fileupload .fileupload-preview {
    color: #b94a48;
}

.control-group.error .fileupload .thumbnail {
    border-color: #b94a48;
}

.control-group.success .fileupload .uneditable-input {
    color: #468847;
    border-color: #468847;
}

.control-group.success .fileupload .fileupload-preview {
    color: #468847;
}

.control-group.success .fileupload .thumbnail {
    border-color: #468847;
}

.btn_purchasing {
    background-color: #eb1510;
    color: #fff;
    border-radius: 2px;
    margin-left: 4px;
    font-family: 'Open Sans' !important;
}

.btn-secondary {
    font-family: 'Open Sans';
}

.a_hover:hover {
    color: #fff;
}

.m-checkbox > span {
    border: 1px solid #bdc3d4;
    position: absolute;
    top: 0;
}

.product_top {
    display: flex;
    float: right;
}

.select_product select, .select_product select option {
    background: #22232f !important;
    border: 1px solid #282a3c;
    margin: 0 auto;
    float: none;
    width: 92%;
    color: #9397a0;
}

.select_product .form-control.focus, .select_product .form-control:focus {
    border-color: #282a3c;
    color: #9397a0;
}

.product_image img {
    width: 15%;
    margin: 0 auto 19px;
    float: none;
    display: table;
}

.filter_box {
    display: flex;
    margin: 10px;
    float: right;
    margin-right: 10px;
}

.purchasing_sidebar ul {
    list-style: none;
    color: #ffffff;
    padding: 30px;
}

    .purchasing_sidebar ul li {
        padding: 13px 0;
        border-bottom: 1px solid #232533;
    }

        .purchasing_sidebar ul li a {
            font-size: 15px;
            color: #868aa8;
        }

            .purchasing_sidebar ul li a:hover, .purchasing_sidebar ul li a:focus {
                text-decoration: none;
            }
/*========== SUB CATEGORY COUNT PAGE ======*/
.storeSubCat-footer a {
    width: 100%;
}

    .storeSubCat-footer a:hover, .storeSubCat-footer a:focus {
        text-decoration: none;
        color: #000000;
    }

.storeSubCat-footer span span {
    margin-left: 5px;
}

.storeSubCat-footer a span i {
    vertical-align: top;
}

.CategorySub-box {
    padding: 15px;
}

    .CategorySub-box p {
        font-size: 15px;
        font-family: 'Proxima Nova Lt';
        color: #000000;
        line-height: 20px;
        overflow-y: auto;
        overflow-x: hidden;
        height: 78px;
        margin-bottom: 0;
    }

    .CategorySub-box .empty_boxText {
        font-size: 15px;
        font-family: 'Proxima Nova Lt';
        color: #b2b2b2;
        line-height: 20px;
        font-weight: 600;
        text-align: center;
        padding-top: 28px;
        overflow-y: auto;
        overflow-x: hidden;
        height: 78px;
    }
/*========== SUB CATEGORY COUNT PAGE ======*/
.btn_sidebar {
    padding: 8px 10px;
    font-size: 14px;
    line-height: 20px;
    font-family: 'Open Sans';
}

    .btn_sidebar span i {
        font-size: 14px;
        font-family: 'Open Sans';
    }

.filter_sidebar h3 {
    color: #fff;
    font-size: 16px;
    margin: 20px
}

.m-login.m-login--1 .m-login__wrapper .m-login__logo {
    text-align: center;
    margin: 0 auto 3rem auto;
}

.login_icon img {
    width: 160px;
    margin-bottom: 30px;
}

body .form_box .form-control:not([size]):not([multiple]) {
    height: 50px;
    font-family: 'Proxima Nova Rg';
    color: #000;
    padding: 0 10px;
    line-height: 50px;
    padding-left: 0;
}

.m-input-line {
    border: 0;
    border-bottom: 1px solid #000;
    border-radius: 0;
    margin: 10px 0;
    font-family: 'Open Sans';
    padding-left: 0;
    font-size: 14px;
}

    .m-input-line::placeholder {
        color: #000;
    }

.for_password a {
    font-weight: 500;
    text-decoration: underline;
    color: #eb1510;
    float: right;
    font-size: 14px;
}

.login_purchasing {
    width: 30%;
    padding: 0 70px;
}

.help_content {
    width: 100%;
    margin-bottom: 20px;
}

    .help_content a {
        font-weight: 500;
        text-decoration: underline;
        color: #eb1510;
        float: right;
    }

body .login-right, .m-login.m-login--1 .m-login__content {
    background: url(https://purchasingaidiag.blob.core.windows.net/purchasing/images/purchasing_signup.jpg) no-repeat center center #f2f3f8;
    background-size: cover;
    float: right;
    padding: 0;
}

.m-grid__item .btn-full {
    width: 70%;
    padding: 13px;
    font-weight: 600;
    letter-spacing: 0.4px;
    margin-top: 30px;
    margin: 0 auto;
    font-size: 15px;
    font-family: 'Open Sans';
}

.m-input-line:last-child {
    margin-bottom: 10px;
}

.form-control.focus, .form-control:focus {
    border-color: #000000;
    border-bottom: 1px solid #000;
}

.create_order h3 {
    color: #fff;
    font-size: 16px;
    margin: 0;
}

.m-portlet__body a:hover {
    text-decoration: none;
}

.add_icon {
    font-size: 30px;
    margin-bottom: 10px;
    font-weight: 600;
    display: inline-block;
}

a:hover {
    text-decoration: none;
}

.create_order {
    background: #eb1510;
    color: #fff;
    padding: 66px 20px;
    text-align: center;
    margin-right: 5px;
    border: 1px solid #d2100b;
}

.alert-text {
    overflow-y: auto;
    overflow-x: hidden;
}

.middle_box {
    display: table-cell;
    vertical-align: middle;
    height: 100vh;
}

.password_sec i {
    position: absolute;
    bottom: 10px;
    right: 0;
    color: #000;
}

.login_icon select, .login_icon .m-checkbox {
    color: #000;
    font-family: 'Open Sans';
    font-weight: normal;
    font-size: 14px;
    margin-top: 0;
}

.login_icon .password_note p {
    font-size: 13px;
    border: 1px solid #e8e9ec;
    padding: 2px 5px;
    border-radius: 2px;
    background: #f2f3f8;
}

.password_sec {
    position: relative;
}

.form_text {
    text-align: center;
    margin-top: 20px;
    color: #000;
    font-weight: normal;
    margin-bottom: 0;
}

    .form_text a {
        margin-bottom: 0;
        color: #5867dd;
        font-weight: 600;
        font-size: 13px;
    }

.checkbox_perchasing {
    position: relative;
    top: -7px;
}

.center {
    width: 150px;
    margin: 40px auto;
}

.m-grid__item .number_pic {
    width: 75%;
    margin-left: 5px;
    float: left;
}

.m-grid__item .btn_Minus, .m-grid__item .btn_Plus, .number_pic .btn_Minus, .number_pic .btn_Plus {
    background: #2c2e3e;
    opacity: 1;
    color: #fff;
    font-weight: bold;
    border-radius: 0;
    padding: 2px 2px;
}

.input-number_pur {
    height: 31px;
    text-align: center;
    padding: 4px;
}

.profile_visit {
    width: 100%;
    float: right;
    line-height: 44px;
    font-family: 'Proxima Nova Lt';
    color: #ffffff;
}

    .profile_visit a span {
        color: #fff;
        width: 117px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        height: 30px;
        overflow: hidden;
        -webkit-line-clamp: 1;
        float: left;
        word-break: break-all;
        font-family: 'Proxima Nova Lt';
        font-weight: 600;
    }

.header_icons {
    display: flex;
}

.m-grid__item .btn_Plus, .number_pic .btn_Plus {
    background: #eb1510;
    color: #fff;
}

.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell > span {
    display: table-cell;
}

.header_icons_set span {
    vertical-align: middle;
}

.header_icons_set {
    margin-right: 50px;
}

.checkbox label {
    font-size: 16px;
    margin-bottom: 0;
}

.m-brand__logo-wrapper img {
    width: 38px;
    float: left;
}

.header_icons {
    display: flex;
}

    .header_icons span i {
        color: #ffffff;
        font-size: 25px;
        margin-right: 4px;
    }

.inventory_section {
    width: 100%;
    display: flex;
    margin-bottom: 20px;
}

.inventory_box {
    border: 1px solid #eceaea;
    padding: 20px 10px;
    margin: 0 5px;
    width: 20%;
    background: #f2f3f8;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.0392156862745098);
    display: table;
}

.inventory_icons {
    float: left;
    font-size: 25px;
    background: #ffffff;
    color: #eb1510;
    padding: 10px;
    margin-right: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    border: 1px solid #eceaea;
    border-radius: 40px;
}

.inventory_box h3 {
    font-size: 18px;
    color: #000;
}

.inventory_box h1 {
    font-size: 30px;
    color: #000;
    margin-bottom: 0;
    margin-top: 8px;
    font-family: 'Proxima Nova Lt';
    font-weight: 600;
}

.manage_btn {
    float: right;
    width: 100%;
    margin: 0 10px;
}

.add_order {
    width: 40%;
}

.inventory_box span {
    color: #000;
    font-weight: 400;
}

.inventory_section .inventory_box img {
    width: 25%;
    margin-bottom: 10px;
    margin-right: 15px;
}

.caption_subtext {
    width: 100%;
    float: left;
}

.import-blue-box, .input_brand {
    margin-bottom: 25px;
}

.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .pie_text {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Proxima Nova Rg';
}

.caption_subtext p {
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 6px;
    float: left;
    marg0n-top: 10px;
}

body .caption_text .caption_subtext {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Proxima Nova Rg';
}

.caption_text p {
    margin-bottom: 0;
    float: left;
    margin-top: 5px;
    font-size: 14px;
}

.text_red {
    color: #eb1510;
}

.purchase_btn {
    display: flex;
    width: 100%;
    float: left;
    margin-top: 20px;
    font-family: 'Open Sans';
}

    .purchase_btn .trial_btn:hover {
        color: #eb1510;
    }

.trial_btn, .premium_btn, .org_btn {
    border: 2px solid #eb1510;
    background: #ffffff;
    padding: 10px 19px;
    font-size: 13px;
    color: #eb1510;
    line-height: 27px;
    margin-right: 5px;
    font-weight: 600;
    font-family: 'Open Sans';
    width: 33.333%;
}

.org_btn {
    margin-right: 0;
}

.premium_btn, .org_btn {
    background-color: #eb1510;
    color: #ffffff;
    font-family: 'Open Sans';
}

.pricing {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    margin: 0;
    padding: 60px 0;
}

.pricing-item {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: stretch;
    align-items: stretch;
    text-align: center;
    -webkit-flex: 0 1 280px;
    flex: 0 1 280px;
}

.pricing-action {
    color: inherit;
    border: none;
    background: none;
}

    .pricing-action:focus {
        outline: none;
    }

.pricing-feature-list {
    text-align: left;
}

.pricing-palden .pricing-item {
    font-family: 'Open Sans', sans-serif;
    cursor: default;
    color: #84697c;
    background: #fff;
    box-shadow: 0 0 10px rgba(46, 59, 125, 0.23);
    border-radius: 4px 4px 0 0;
    margin: 1em;
    position: relative;
}

.pricing-palden .pricing-deco {
    border-radius: 4px 4px 0 0;
    background: #f2f3f8;
    padding: 2em 0;
    position: relative;
}

.pricing-palden .pricing-deco-img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 160px;
}

.pricing-palden .pricing-title {
    font-size: 0.85em;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #000;
}

.pricing-signin {
    float: right;
    font-size: 14px;
    border: 1px solid #eb1510;
    background: #fff;
    padding: 6px 16px;
    border-radius: 3px;
    color: #000000;
    line-height: 22px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.23921568627450981);
}

.pricing-palden .deco-layer {
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
}

.pricing-palden .pricing-item:hover .deco-layer--1 {
    -webkit-transform: translate3d(15px, 0, 0);
    transform: translate3d(15px, 0, 0);
}

.pricing-palden .pricing-item:hover .deco-layer--2 {
    -webkit-transform: translate3d(-15px, 0, 0);
    transform: translate3d(-15px, 0, 0);
}

.pricing-palden .icon {
    font-size: 2.5em;
}

.pricing-palden .pricing-price {
    font-size: 2.9em;
    font-weight: bold;
    padding: 0;
    color: #000;
    margin: 0 0 0.25em 0;
    line-height: 0.75;
    font-family: 'Proxima Nova Rg';
}

.pricing-palden .pricing-currency {
    font-size: 14px;
    vertical-align: top;
}

.pricing-palden .pricing-period {
    font-size: 0.15em;
    padding: 0 0 0 0.5em;
    font-style: italic;
}

.pricing-palden .pricing__sentence {
    font-weight: bold;
    margin: 0 0 1em 0;
    padding: 0 0 0.5em;
}

.pricing-palden .pricing-feature-list {
    margin: 0;
    padding: 0rem 0 3rem;
    list-style: none;
    text-align: center;
    float: left;
    width: 100%;
}

.pricing-palden .pricing-feature {
    padding: 1em;
    line-height: 23px;
    border-bottom: 1px solid #f2f3f8;
    color: #000;
}

.pricing-palden .pricing-action {
    font-weight: bold;
    margin: auto 3em 2em 3em;
    padding: 1em 2em;
    color: #fff;
    border-radius: 30px;
    background: #eb1510;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

    .pricing-palden .pricing-action:hover, .pricing-palden .pricing-action:focus {
        background-color: #100A13;
    }

.pricing-palden .pricing-item--featured .pricing-deco {
    padding: 5em 0 8.885em 0;
}

.forgot_pwd {
    margin: 60px auto;
    width: 24%;
}

.middle_block {
    box-shadow: 2px 2px 6px 0 rgba(41, 70, 97, .1);
    padding: 100px 80px;
    background: #fff;
}

.navbar-brand {
    color: #fff;
    font-size: 26px;
    font-weight: 800;
    padding: 0;
}

.Purchasing-header .logo img {
    width: 55px;
    max-width: 100%;
    margin-right: 5px;
    vertical-align: text-top;
}

.pur-logoText {
    font-family: 'FuturaPT-Book';
    color: #fc1e48;
    font-weight: normal;
    font-size: 21px;
}

.m-login__head h3 {
    font-size: 22px;
    color: #000;
    margin-bottom: 10px;
    font-family: 'Proxima Nova Rg';
    margin-top: 0;
    line-height: 30px
}

.m-login__signin p {
    font-family: 'Open Sans';
    font-size: 14px;
}

.pur-blackText {
    font-family: 'FuturaPT-Book';
    color: #000000;
    font-weight: normal;
    font-size: 17px;
    border-left: 1px solid #000;
    padding-left: 7px;
    letter-spacing: 0.4px;
}

.body_bg {
    background-color: #f2f3f8;
}

.pricing-header {
    background: #fff;
    padding: 10px 40px;
    box-shadow: 0 4px 10px #00000014;
    float: left;
    width: 100%;
    position: relative;
}

.purchasing_button {
    margin-top: 20px;
}

.slider-child {
    position: absolute;
    top: 22%;
    width: 24%;
    left: 8%;
    background-color: #ffffff;
    padding: 25px;
    border-radius: 2px;
}

:focus {
    outline: -webkit-focus-ring-color auto 0;
}

.slider-child .green-box {
    background-color: #e8f5e9;
    height: 90px;
    width: 80px;
}

.slider-child .headings {
    margin-top: -80px;
    margin-left: 20px;
}

.form-control {
    font-size: 14px !important;
    font-family: 'Open Sans';
}

.slider-child .text-features h3 {
    font-family: 'Proxima Nova Lt';
    margin-top: 0;
    font-size: 30px;
    line-height: 30px;
    color: #000000;
    margin-bottom: 10px;
}

.slider-child .text-features h2 {
    font-family: 'Proxima Nova Rg';
    margin-top: 0;
    font-size: 30px;
    line-height: 30px;
    color: #000000;
}

.slider-child .content {
    margin-left: 40px;
    margin-bottom: 0;
    margin-top: 20px;
}

.slider-child .text-features p {
    font-size: 15px;
    line-height: 30px;
    font-family: 'Open Sans';
    margin-bottom: 0;
    color: #000000;
}

.pricing .pricing_btn {
    position: absolute;
    bottom: 0;
    width: 100%;
    border-radius: 0;
}

.head_container {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.16862745098039217);
    position: relative;
    background: #fff;
    z-index: 9;
}

.purchasing_header {
    padding: 12px 0px;
    width: 100%;
    float: left;
    display: flex;
}

.navbar-brand {
    color: #fff;
    font-size: 26px;
    line-height: 30px;
    font-weight: 800;
    padding: 0;
    height: 40px;
}

.logo_pur img {
    float: left;
    width: 50px;
    max-width: 100%;
    margin-right: 10px;
    vertical-align: text-top;
    margin-top: -3px;
}

.pur-logoText {
    font-family: 'FuturaPT-Book';
    color: #000000;
    font-weight: normal;
    font-size: 21px;
}

.menu_list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.head_container .headerButton-padding {
    padding-right: 0;
    padding-left: 10px;
}

.purchasing_header .btn_login, .btn_login {
    border: 1px solid #eb1510;
    background: #fff;
    color: #000000;
    padding: 8px 20px;
    border-radius: 2px;
    font-family: 'Open Sans';
}

.head_container .headerButton-padding {
    padding-right: 0;
    padding-left: 10px;
}

.purchasing_header .btn_signup, .btn_signup {
    background: #eb1510;
    border: 1px solid #eb1510;
    color: #fff;
    padding: 8px 20px;
    border-radius: 2px;
    font-family: 'Open Sans';
}

.head_container .head_container .float-right {
    float: right;
}

.menu_list li {
    padding: 10px 20px;
}

    .menu_list li a {
        color: #000;
    }

.logo_pur {
    float: left;
}

.confirmation_box h1 {
    font-size: 24px;
    color: #000;
    margin-top: 0;
    margin-bottom: 30px;
    font-weight: 600;
    font-family: 'Proxima Nova Rg';
}

.confirmation_box {
    padding: 60px 0;
    text-align: center;
    background: #fff;
    margin-top: 60px;
    box-shadow: 0 18px 20px rgba(0, 0, 0, 0.050980392156862744);
}

.confirmEmail svg {
    width: 90px;
    display: block;
    margin: 40px auto;
    -webkit-filter: drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.39));
    filter: drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.39));
}

.circle {
    -webkit-animation: dash .9s ease-in-out;
    animation: dash .9s ease-in-out;
}

.circle {
    border-radius: 50%;
}

.check {
    stroke-dashoffset: -100;
    -webkit-animation: dash-check .9s .35s ease-in-out forwards;
    animation: dash-check .9s .35s ease-in-out forwards;
}

.store-footer .btnEditBrand:hover {
    text-decoration: none;
    color: #000000;
}

.page-link:focus {
    box-shadow: none;
}

.path {
    stroke-dasharray: 1000;
    stroke-dashoffset: 0;
}

.emailResend:hover {
    color: #ffffff;
}

.emailResend {
    background: #eb1510;
    color: #fff;
    display: inline-table;
    width: 16%;
    padding: 13px;
    font-weight: 600;
    letter-spacing: 0.4px;
    margin: 0 auto;
    margin-top: 20px;
    font-size: 15px;
    font-family: 'Proxima Nova Rg';
    border-radius: 2px;
}

.confirmation_box h2 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    margin: 30px 0 10px;
}

.opt_verify input {
    padding: 10px;
    margin-top: 10px;
    width: 30%;
    margin-bottom: 20px;
}

.opt_verify .resend_link {
    color: #eb1510;
}

.error-msg-common {
    display: block;
    font-size: 13px;
    font-family: 'Open Sans';
    line-height: 0;
    font-weight: normal;
    margin-top: 10px;
}

input:-internal-autofill-selected {
    background-color: transparent !important;
    background-image: none !important;
    color: -internal-light-dark-color(black, white) !important;
}

.add_manager_error {
    margin-bottom: 4px;
}

.error-message-common {
    background-color: #fbe1e3;
    border-color: #fbe1e3;
    color: #e73d4a;
    font-size: 15px;
    font-family: 'Open Sans';
    line-height: 25px;
}

.success-msg-common {
    background-color: #abe7ed;
    border-color: #abe7ed;
    color: #27a4b0;
    font-size: 15px;
    font-family: 'Open Sans';
    line-height: 25px;
}

.warning-msg-common {
    background-color: #fbe1e3;
    border-color: #fbe1e3;
    color: #e73d4a;
    font-size: 15px;
    font-family: 'Open Sans';
    line-height: 25px;
}

.thumbnail_pro .pro_image {
    width: 30%;
}
/*=========== Loader =========*/
#btn--yp {
    box-sizing: content-box;
    position: fixed;
    z-index: 9;
    bottom: 1em;
    right: 1em;
    border: solid 1em transparent;
    width: 4.625em;
    height: 3.25em;
    font: 16px/ 1.25 trebuchet ms, sans-serif;
    text-indent: 200vw;
    text-shadow: none;
    filter: grayscale(1) drop-shadow(0 0 1px #e8e0e0);
    transition: .5s;
    white-space: nowrap;
}

    #btn--yp:before {
        box-sizing: inherit;
        position: absolute;
        left: 0;
        bottom: 100%;
        margin: 1em -.5em;
        padding: .5em;
        width: 100%;
        border-radius: 5px;
        background: #e8e0e0;
        color: #000;
        text-align: center;
        text-decoration: none;
        text-indent: 0vw;
        white-space: normal;
        animation: float 1s ease-in-out infinite alternate;
        content: attr(data-txt);
    }

    #btn--yp:hover, #btn--yp:focus {
        outline: none;
        filter: grayscale(0) drop-shadow(0 0 1px crimson);
    }

.otp_msg {
    background: #f2f3f8;
    padding: 10px;
    border: 1px solid #edeff5;
    width: 65%;
    margin: 0 auto;
    margin-bottom: 30px;
    text-align: left;
}

@keyframes float {
    to {
        transform: translateY(0.75em);
    }
}

.loader_pur {
    position: fixed;
    color: #fff;
    text-align: center;
    background: rgba(0, 0, 0, 0.14901960784313725);
    height: 100vh;
    width: 100%;
    z-index: 9999;
    padding-top: 20%;
}

.badge_count {
    font-size: 10px;
    font-weight: 600;
    text-align: center;
    line-height: 20px;
    font-family: 'Proxima Nova Rg';
    padding-right: 0px;
}

.dot {
    background: #ea392c;
}

    .dot, .dot:after {
        display: inline-block;
        width: 2em;
        height: 2em;
        border-radius: 50%;
        animation: a 1.5s calc(((var(--i) + var(--o, 0))/var(--n) - 1)*1.5s) infinite;
    }

        .dot:after {
            --o: 1;
            background: currentcolor;
            content: "";
        }

.trial_block {
    width: 100%;
    float: left;
    background-color: #f2f3f8;
    display: flex;
}

.trial_box {
    background-color: #eb1510;
    color: #fff;
    padding: 70px 20px;
    width: 35%;
    text-align: center;
    border-radius: 2px;
}

    .trial_box h3 {
        font-size: 18px;
        padding-bottom: 0;
        font-weight: 600;
        text-align: center;
        margin-bottom: 0;
    }

    .trial_box h1 {
        font-size: 60px;
        font-weight: 600;
    }

    .trial_box h4 {
        font-size: 16px;
        margin-bottom: 0;
    }

.trial_content ul li {
    line-height: 28px;
    font-size: 14px;
}

.left_days {
    width: 100%;
    margin: 30px 0 0;
    border-bottom: 1px solid #de120d;
    padding-bottom: 30px;
}

.trial_content ul {
    margin-bottom: 0;
    list-style: none;
}

    .trial_content ul li {
        line-height: 35px;
    }

.trial_days {
    width: 100%;
}

.subscription-box {
    display: table;
    float: none;
    margin: 0 auto;
    width: 80%;
}

.trial_days p {
    margin-bottom: 0;
    border-bottom: 1px solid #de120d;
    padding: 10px 0
}

.trial_content {
    padding: 40px 0;
}

.trial_days p:last-child {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0;
}

.numeric {
    padding: 10px;
    text-align: left;
    vertical-align: top;
    color: #000;
    white-space: pre;
}

.plan_head {
    text-align: center;
    width: 100%;
    margin: 20px 0 0;
    color: #000;
    font-size: 26px;
    font-weight: 600;
    font-family: 'Proxima Nova Rg';
}

.pricing-palden .price_mar {
    margin: 1rem !important;
}

.m-input-border {
    border: 1px solid #a4a6ae;
    padding: 10px;
    border-radius: 2px;
    height: 45px;
}

.cf {
    background: #f4f5f8;
    width: 100%;
}

.numeric {
    padding: 10px;
    text-align: left;
    vertical-align: top;
    color: #000;
}

.free_block {
    background: #f2f3f7;
    margin: 0 15px;
    padding-bottom: 30px;
    width: 100%;
    float: left;
}

.trial_box h3 {
    font-size: 24px;
    padding-bottom: 0;
    font-weight: 600;
    text-align: center;
    margin-bottom: 20px;
    font-family: 'Proxima Nova Rg';
}

.trial_box h1 {
    font-size: 60px;
    font-weight: 600;
}

.trial_box h4 {
    font-size: 16px;
    margin-bottom: 0;
}

.trial_content ul li {
    line-height: 35px;
    font-size: 14px;
    color: #000;
    font-weight: 500;
}

.left_days {
    width: 100%;
    margin: 30px 0 0;
    border-bottom: 1px solid #de120d;
    padding-bottom: 30px;
}

.trial_content ul {
    margin-bottom: 0;
    list-style: none;
}

.trial_days {
    width: 100%;
}

.subscription-box {
    display: table;
    float: none;
    margin: 0 auto;
    width: 80%;
}

.trial_days p {
    margin-bottom: 0;
    border-bottom: 1px solid #de120d;
    padding: 8px 0;
    font-weight: normal;
}

.trial_content {
    padding-top: 40px;
}

.trial_days p:last-child {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0;
}

.trial_block {
    width: 100%;
    float: left;
    background-color: #ffffff;
    display: flex;
    border: 1px solid #eaebec;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.0392156862745098);
}

.show {
    display: block;
}

.hide {
    display: none !important;
}

.pricing-palden {
    padding-top: 10px;
}

@keyframes a {
    0%, 50% {
        transform: scale(0);
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dashoffset: 1000;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes dash {
    0% {
        stroke-dashoffset: 1000;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

@-webkit-keyframes dash-check {
    0% {
        stroke-dashoffset: -100;
    }

    100% {
        stroke-dashoffset: 900;
    }
}

@keyframes dash-check {
    0% {
        stroke-dashoffset: -100;
    }

    100% {
        stroke-dashoffset: 900;
    }
}

.invoice_box {
    width: 50%;
    margin: 0 auto 30px;
    padding: 30px 0;
    border: 6px solid #2b2e3e17;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.250980392156);
}

.invoice_head {
    font-size: 25px;
    font-weight: 600;
    font-family: 'Open Sans';
}

.invoice_sub {
    font-size: 16px;
    font-weight: 600;
}

.invoice_text {
    font-size: 14px;
    line-height: 26px;
}

.bell_notification {
    display: table;
    list-style: none;
    margin: 0 auto;
    float: none;
    padding: 0;
    z-index: 99;
    margin-top: -5px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.21176470588235294);
}

    .bell_notification li {
        background: #fff;
        width: 270px;
        font-family: 'Open Sans';
        font-weight: 500;
        color: #000;
        font-size: 14px;
        line-height: 18px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 1rem 0.7rem;
        border-bottom: 1px solid #eaeaea;
        -webkit-transition: background-color .3s ease;
        transition: background-color .3s ease;
        cursor: pointer;
    }

        .bell_notification li img {
            margin-right: 10px;
            width: 30px;
            height: 30px;
            float: left;
        }

.bell_iconBox {
    position: relative
}

.header_icons_set .m-badge.m-badge--danger {
    background-color: #eb1510;
    color: #ffffff;
    position: absolute;
    top: 0;
    left: 10px;
    width: 20px;
    height: 20px;
    z-index: 9;
}

.bell_notification .bell_not {
    padding: 5px;
    font-size: 20px;
    color: #eb1510;
}

.bell_notification li:hover {
    background-color: #f4f3f8;
}

.product_filterBox {
    width: 100%;
}

.product_filter {
    display: flex;
}

    .product_filter h4 {
        width: 25%;
    }

.custom-select_pur.form-control.focus, .custom-select_pur .form-control:focus {
    border-color: #ebedf2;
    border-bottom: 1px solid #ebedf2;
}

.custom-select_pur {
    width: 100%;
    margin: 0 5px;
}

    .custom-select_pur select {
        height: 42px !important;
    }

.float_box .float_content {
    position: fixed;
    bottom: 0;
    left: 40%;
    background: #2b2d3e;
    color: #fff;
    font-size: 14px;
    padding: 15px 20px;
    border-radius: 60px;
    margin-bottom: 5px;
    font-family: 'Open Sans';
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.47058823529411764);
}

.item_count {
    text-align: center;
    background: #eb130e;
    font-size: 14px;
    padding: 2px 9px;
    border-radius: 2px;
    margin-right: 10px;
    font-weight: 600;
}

.icon_close {
    margin-right: 20px;
    cursor: pointer;
    vertical-align: middle;
}

.cart_btn {
    margin-left: 150px;
    border-radius: 30px;
    font-family: 'Open Sans';
    vertical-align: baseline;
}

.head_modal {
    width: 100%;
    float: left;
}

.m-nav-grid > .m-nav-grid__row > .product_con_modal {
    padding: 1rem;
}

.modal_desc {
    margin-bottom: 10px;
    background: #fff;
    padding: 10px;
}

.product_modal .m-nav-grid .m-nav-grid__row .m-nav-grid__item .m-nav-grid__text {
    color: #333;
    font-size: 12px;
}

.product_modal .m-nav-grid .m-nav-grid__row .m-nav-grid__item h3 {
    line-height: 30px;
    font-size: 15px;
    color: #000;
    font-weight: 600;
}

.product_modal .modal-body h3 {
    font-size: 16px;
    font-weight: 600;
    font-family: 'Open Sans';
}

.btn_edit {
    float: right;
    padding: 4px 15px;
    border-radius: 0;
    font-family: 'Open Sans';
}

.head_modal h5 {
    text-align: left;
    font-weight: 600;
    margin-bottom: 20px;
    font-family: 'Proxima Nova Rg';
    font-size: 18px;
    color: #000;
}

.product_modal .nav-grid_box {
    background: #ffffff;
    border: 1px solid #f3f5f8;
}

.m-nav-grid .m-nav-grid__row .m-nav-grid__item:hover {
    background: transparent;
}

.product_modal .modal .modal-content .modal-header, .import_modal .modal-header {
    padding: 25px 25px 10px;
    border-bottom: 0;
}

.filter_box i {
    background: #eb1510;
    color: #fff;
    line-height: 26px;
    height: 42px;
    padding: 10px;
    border-radius: 2px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.21176470588235294);
    margin-top: 6px;
}

.product_filter h4 {
    line-height: 64px;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Proxima Nova Rg';
    color: #000;
    margin-bottom: 0;
    text-align: right;
}

#import-file-text-field {
    width: 100%;
    line-height: 20px;
    padding: 10px;
}

.create_option {
    background: #eb1510;
}

.m-grid__item .create_option:hover {
    background: #eb1510 !important;
    color: #ffffff;
}

.create_addIcon {
    color: #ffffff !important;
}

.import_modal .upload_text {
    margin-bottom: 10px;
    color: #000;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Proxima Nova Rg';
}

#bite-32 .error-content {
    padding: 0;
    background-color: #7eae3e;
    width: 20%;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.25882352941176473);
}

#bite-32 .error-header .close {
    top: 1px;
    right: 2px;
}

#bite-32 .popup-title {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -0.1px;
    padding-left: 30px;
}

#bite-32 .popup-text {
    font-size: 14px;
    line-height: 1.86;
    letter-spacing: 0.1px;
    padding-left: 30px;
}

.big-title {
    font-size: 50px;
    color: #000;
    font-weight: 600;
    font-family: 'Proxima Nova Rg';
}

.graphic img {
    width: 60%;
    margin-top: 30px;
}

.coming_body {
    height: 100vh;
}

.label-text {
    font-size: 18px;
    color: #000;
    font-family: 'Proxima Nova Lt';
    margin-top: 40px;
}

.welcome_head {
    font-size: 30px;
    color: #000;
    font-weight: 600;
    font-family: 'Proxima Nova Rg';
    margin-bottom: 20px;
    text-align: center;
}

.welcome_box .welcome_sub {
    font-family: 'Open Sans';
    line-height: 20px;
    font-size: 15px;
    padding: 0 20%;
    text-align: center;
}

.welcome_block {
    width: 100%;
    float: left;
    margin-top: 60px;
}

    .welcome_block h4 {
        margin-bottom: 20px;
        font-weight: 600;
        font-size: 20px;
        color: #000;
        font-family: 'Proxima Nova Rg';
    }

.talk_content {
    background: #f2f3f8;
    padding: 20px;
    margin-top: 60px;
}

    .talk_content h4 {
        margin-bottom: 8px;
    }

    .talk_content p:last-child {
        margin-bottom: 0;
    }

.welcome_text h5 {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    font-family: 'Proxima Nova Rg';
}

.para_text {
    width: 100%;
    float: left;
}

    .para_text p {
        margin-top: 20px;
    }

.welcome_illu {
    text-align: center;
    width: 100%;
    float: left;
    margin: 20px 0;
}

    .welcome_illu img {
        width: 20%;
    }

.welcome_text {
    float: left;
    margin-bottom: 0;
    width: 100%;
    margin: 0 10px;
    background: #fff;
    padding: 15px;
    border-radius: 4px;
    border: 1px solid #e4e7ec;
}

    .welcome_text:last-child {
        margin-right: 0;
    }

    .welcome_text p {
        margin-bottom: 0;
    }

.welcome_block strong {
    color: #000;
}

.welcome_box p {
    color: #000000;
}

.welcome_text i {
    font-size: 2.5rem;
    margin-bottom: 10px;
}

.main_box {
    display: flex;
    margin: 0 10px;
    text-align: left;
    padding: 0;
}

.welcome_contact {
    display: flex;
    text-align: left;
    padding: 0;
}

    .welcome_contact p {
        background: #eb1510;
        color: #fff;
        padding: 15px;
        width: 100%;
        margin: 0 10px;
        border-radius: 4px;
        box-shadow: 0 7px 10px rgba(0, 0, 0, 0.2);
        font-weight: 600;
        font-size: 14px;
        line-height: 19px;
    }

        .welcome_contact p a {
            color: #ffe100;
        }

.text_area textarea {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #000;
    margin-top: 20px;
}

    .text_area textarea::placeholder {
        color: #000;
    }

.count_product .count_product_heading {
    font-size: 14px;
    color: #000;
    font-weight: 400;
    vertical-align: middle;
}

.count_product .m-datatable__cell {
    width: 25%;
    float: right;
}

.addProduct_head {
    width: 53%;
    padding: 20px;
    border: 1px solid #ececec;
    float: right;
}

    .addProduct_head h3 {
        font-size: 22px;
        color: #000;
        margin-bottom: 10px;
        font-family: 'Proxima Nova Rg';
        line-height: 30px;
        margin-top: 10px;
    }

.add_productHead {
    font-size: 22px;
    color: #000;
    margin-bottom: 10px;
    font-family: 'Proxima Nova Rg';
    line-height: 30px;
    margin-top: 10px;
    float: left;
}

.add_product_img {
    background: #fefefd;
    float: left;
    width: 45%;
}

    .add_product_img img {
        width: 100%;
        float: left;
        margin-top: -3px;
        opacity: 0.6;
    }

.btn_cancel, purchasing_button .btn_cancel {
    background: #f1f3f8;
    color: #000;
    border: 1px solid #e9ebef;
    border-radius: 2px;
    line-height: 18px;
    font-family: 'Proxima Nova Lt' !important;
}

.btn_manager {
    position: absolute;
    bottom: 9px;
}

.btn_cancel:hover {
    color: #000;
}

.invoice_box img {
    width: 100%;
    margin-top: 20px;
}

.name_filter h4 {
    line-height: 30px;
}

.name_filter .custom-select_pur {
    padding: 0;
}

.name_filter .filter_box {
    margin: 0 10px;
}

    .name_filter .filter_box a i {
        margin-top: 0;
        margin-right: 20px;
    }

.activate_btn, .deactivate_btn {
    background-color: #eb1510;
    color: #fff;
    border-radius: 2px;
    margin-left: 4px;
    font-family: 'Open Sans';
    width: auto;
    padding: 7px 10px;
    font-size: 13px;
}

.auto {
    width: auto;
    padding: 5px 15px;
}

.m-section .activate_btn {
    color: #ffffff;
}

.activate_btn:hover, .deactivate_btn:hover {
    color: #fff
}

.m-section .deactivate_btn {
    background-color: #2b2d3e;
    color: #ffffff;
}

.search-form .input-group input {
    width: 450px;
    height: 41px;
}

.search-form .input-group-btn a {
    position: absolute;
    right: 0;
    background: #eb1510;
    color: #fff;
    height: 41px;
    border-radius: 2px;
    z-index: 9;
    line-height: 21px;
}

.example .btn-toggle, .approve_dis .btn-toggle {
    top: 50%;
    transform: translateY(-50%);
}

.btn-toggle {
    margin: 0 3rem;
    padding: 0;
    position: relative;
    border: none;
    height: 1.5rem;
    width: 3rem;
    border-radius: 1.5rem;
    color: #6b7381;
    background: #bdc1c8;
}

    .btn-toggle:focus, .btn-toggle.focus, .btn-toggle:focus.active, .btn-toggle.focus.active {
        outline: none;
    }

    .btn-toggle:before, .btn-toggle:after {
        line-height: 1.5rem;
        width: 6rem;
        text-align: center;
        font-weight: 600;
        font-size: 0.75rem;
        letter-spacing: 0;
        position: absolute;
        bottom: 0;
        transition: opacity 0.25s;
        font-family: 'Proxima Nova lt';
    }

    .btn-toggle:before {
        content: 'Unit';
        left: -4rem;
    }

.approve_dis .btn-toggle:before {
    content: 'No';
    left: -4rem;
}

.btn-toggle:after {
    content: 'Case';
    right: -4rem;
    opacity: 0.5;
}

.approve_dis .btn-toggle:after {
    content: 'Yes';
    right: -4rem;
    opacity: 0.5;
}

.btn-toggle > .handle {
    position: absolute;
    top: 0.1875rem;
    left: 0.1875rem;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 1.125rem;
    background: #fff;
    transition: left 0.25s;
}

.btn-toggle.active {
    transition: background-color 0.25s;
}

    .btn-toggle.active > .handle {
        left: 1.6875rem;
        transition: left 0.25s;
    }

    .btn-toggle.active:before {
        opacity: 0.5;
    }

    .btn-toggle.active:after {
        opacity: 1;
    }

.btn-toggle.btn-sm:before, .btn-toggle.btn-sm:after {
    line-height: -0.5rem;
    color: #fff;
    letter-spacing: 0.75px;
    left: 0.4125rem;
    width: 2.325rem;
}

.btn-toggle.btn-sm:before {
    text-align: right;
}

.btn-toggle.btn-sm:after {
    text-align: left;
    opacity: 0;
}

.btn-toggle.btn-sm.active:before {
    opacity: 0;
}

.btn-toggle.btn-sm.active:after {
    opacity: 1;
}

.btn-toggle.btn-xs:before, .btn-toggle.btn-xs:after {
    display: none;
}

.btn-toggle:before, .btn-toggle:after {
    color: #000;
}

.btn-toggle.active {
    background-color: #eb1510;
    font-family: 'Proxima Nova Lt';
}

.btn-toggle.btn-lg {
    margin: 0 5rem;
    padding: 0;
    position: relative;
    border: none;
    height: 2.5rem;
    width: 5rem;
    border-radius: 2.5rem;
}

    .btn-toggle.btn-lg:focus, .btn-toggle.btn-lg.focus, .btn-toggle.btn-lg:focus.active, .btn-toggle.btn-lg.focus.active {
        outline: none;
    }

    .btn-toggle.btn-lg:before, .btn-toggle.btn-lg:after {
        line-height: 2.5rem;
        width: 5rem;
        text-align: center;
        font-weight: 600;
        letter-spacing: 2px;
        position: absolute;
        bottom: 0;
        font-size: 14px;
        transition: opacity 0.25s;
    }

    .btn-toggle.btn-lg:before {
        content: 'Off';
        left: -5rem;
    }

    .btn-toggle.btn-lg:after {
        content: 'On';
        right: -5rem;
        opacity: 0.5;
    }

    .btn-toggle.btn-lg > .handle {
        position: absolute;
        top: 0.3125rem;
        left: 0.3125rem;
        width: 1.875rem;
        height: 1.875rem;
        border-radius: 1.875rem;
        background: #fff;
        transition: left 0.25s;
    }

    .btn-toggle.btn-lg.active {
        transition: background-color 0.25s;
    }

        .btn-toggle.btn-lg.active > .handle {
            left: 2.8125rem;
            transition: left 0.25s;
        }

        .btn-toggle.btn-lg.active:before {
            opacity: 0.5;
        }

        .btn-toggle.btn-lg.active:after {
            opacity: 1;
        }

    .btn-toggle.btn-lg.btn-sm:before, .btn-toggle.btn-lg.btn-sm:after {
        line-height: 0.5rem;
        color: #fff;
        letter-spacing: 0.75px;
        left: 0.6875rem;
        width: 3.875rem;
    }

    .btn-toggle.btn-lg.btn-sm:before {
        text-align: right;
    }

    .btn-toggle.btn-lg.btn-sm:after {
        text-align: left;
        opacity: 0;
    }

    .btn-toggle.btn-lg.btn-sm.active:before {
        opacity: 0;
    }

    .btn-toggle.btn-lg.btn-sm.active:after {
        opacity: 1;
    }

    .btn-toggle.btn-lg.btn-xs:before, .btn-toggle.btn-lg.btn-xs:after {
        display: none;
    }

.btn-toggle.btn-sm {
    margin: 0 0.5rem;
    padding: 0;
    position: relative;
    border: none;
    height: 1.5rem;
    width: 3rem;
    border-radius: 1.5rem;
}

    .btn-toggle.btn-sm:focus, .btn-toggle.btn-sm.focus, .btn-toggle.btn-sm:focus.active, .btn-toggle.btn-sm.focus.active {
        outline: none;
    }

    .btn-toggle.btn-sm:before, .btn-toggle.btn-sm:after {
        line-height: 1.5rem;
        width: 0.5rem;
        text-align: center;
        font-weight: 600;
        font-size: 0.55rem;
        letter-spacing: 2px;
        position: absolute;
        bottom: 0;
        transition: opacity 0.25s;
    }

    .btn-toggle.btn-sm:before {
        content: 'Off';
        left: -0.5rem;
    }

    .btn-toggle.btn-sm:after {
        content: 'On';
        right: -0.5rem;
        opacity: 0.5;
    }

    .btn-toggle.btn-sm > .handle {
        position: absolute;
        top: 0.1875rem;
        left: 0.1875rem;
        width: 1.125rem;
        height: 1.125rem;
        border-radius: 1.125rem;
        background: #fff;
        transition: left 0.25s;
    }

    .btn-toggle.btn-sm.active {
        transition: background-color 0.25s;
    }

        .btn-toggle.btn-sm.active > .handle {
            left: 1.6875rem;
            transition: left 0.25s;
        }

        .btn-toggle.btn-sm.active:before {
            opacity: 0.5;
        }

        .btn-toggle.btn-sm.active:after {
            opacity: 1;
        }

    .btn-toggle.btn-sm.btn-sm:before, .btn-toggle.btn-sm.btn-sm:after {
        line-height: -0.5rem;
        color: #fff;
        letter-spacing: 0.75px;
        left: 0.4125rem;
        width: 2.325rem;
    }

    .btn-toggle.btn-sm.btn-sm:before {
        text-align: right;
    }

    .btn-toggle.btn-sm.btn-sm:after {
        text-align: left;
        opacity: 0;
    }

    .btn-toggle.btn-sm.btn-sm.active:before {
        opacity: 0;
    }

    .btn-toggle.btn-sm.btn-sm.active:after {
        opacity: 1;
    }

    .btn-toggle.btn-sm.btn-xs:before, .btn-toggle.btn-sm.btn-xs:after {
        display: none;
    }

.btn-toggle.btn-xs {
    margin: 0 0;
    padding: 0;
    position: relative;
    border: none;
    height: 1rem;
    width: 2rem;
    border-radius: 1rem;
}

    .btn-toggle.btn-xs:focus, .btn-toggle.btn-xs.focus, .btn-toggle.btn-xs:focus.active, .btn-toggle.btn-xs.focus.active {
        outline: none;
    }

    .btn-toggle.btn-xs:before, .btn-toggle.btn-xs:after {
        line-height: 1rem;
        width: 0;
        text-align: center;
        font-weight: 600;
        font-size: 0.75rem;
        text-transform: uppercase;
        letter-spacing: 2px;
        position: absolute;
        bottom: 0;
        transition: opacity 0.25s;
    }

    .btn-toggle.btn-xs:before {
        content: 'Off';
        left: 0;
    }

    .btn-toggle.btn-xs:after {
        content: 'On';
        right: 0;
        opacity: 0.5;
    }

    .btn-toggle.btn-xs > .handle {
        position: absolute;
        top: 0.125rem;
        left: 0.125rem;
        width: 0.75rem;
        height: 0.75rem;
        border-radius: 0.75rem;
        background: #fff;
        transition: left 0.25s;
    }

    .btn-toggle.btn-xs.active {
        transition: background-color 0.25s;
    }

        .btn-toggle.btn-xs.active > .handle {
            left: 1.125rem;
            transition: left 0.25s;
        }

        .btn-toggle.btn-xs.active:before {
            opacity: 0.5;
        }

        .btn-toggle.btn-xs.active:after {
            opacity: 1;
        }

    .btn-toggle.btn-xs.btn-sm:before, .btn-toggle.btn-xs.btn-sm:after {
        line-height: -1rem;
        color: #fff;
        letter-spacing: 0.75px;
        left: 0.275rem;
        width: 1.55rem;
    }

    .btn-toggle.btn-xs.btn-sm:before {
        text-align: right;
    }

    .btn-toggle.btn-xs.btn-sm:after {
        text-align: left;
        opacity: 0;
    }

    .btn-toggle.btn-xs.btn-sm.active:before {
        opacity: 0;
    }

    .btn-toggle.btn-xs.btn-sm.active:after {
        opacity: 1;
    }

    .btn-toggle.btn-xs.btn-xs:before, .btn-toggle.btn-xs.btn-xs:after {
        display: none;
    }

.btn-toggle.btn-secondary {
    color: #6b7381;
    background: #bdc1c8;
}

    .btn-toggle.btn-secondary:before, .btn-toggle.btn-secondary:after {
        color: #6b7381;
    }

    .btn-toggle.btn-secondary.active {
        background-color: #ff8300;
    }

.modal_upload {
    padding: 20px;
    width: 100%;
    background: #f2f3f8;
    margin-top: 20px;
}

.order-list {
    width: 100%;
    float: left;
    background: #fff;
    padding: 10px;
    position: relative;
    border: 1px solid #ebedf2;
    margin-bottom: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.050980392156862744);
    height: 108px;
}

.m-portlet {
    width: 100%;
    float: left;
}

.order-list h3, .order-list h4 {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    width: 93%;
    font-family: 'Proxima Nova Rg';
}

.order-list h4 {
    font-size: 14px;
    font-family: 'Proxima Nova Lt';
    font-weight: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    width: 57%;
    overflow: hidden;
}

    .order-list h4:last-child {
        margin-bottom: 0;
    }

.m-portlet .m-portlet__body {
    width: 100%;
    float: left;
}

.m-portlet__body .purchasing-head {
    padding: 0;
    height: 40px;
}

.product-cases {
    font-weight: normal;
    font-family: 'Proxima Nova Lt';
    color: #000;
    font-size: 14px;
    display: flex;
    background: #f2f3f8;
    padding: 5px;
    width: 89%;
    border: 1px solid #ebedf2;
}

.size_unit {
    margin-left: 5px;
}

.delete_order {
    position: absolute;
    right: 0;
    background: #2b2d3e;
    top: -1px;
    color: #fff;
    padding: 5px 10px;
    border-top-left-radius: 2px;
    line-height: 99px;
    border-bottom-left-radius: 2px;
    cursor: pointer;
}

.product-cases .number_pic .btn-number, .product-cases .number_pic .btn-number {
    padding: 2px 3px;
}

.product-cases .number_pic input {
    height: 26px;
}

.vendor_order {
    right: 50px;
    width: 35%;
    display: flex;
    position: absolute;
    top: 59px;
}

.product-cases .btn-toggle {
    margin: 4px 4rem 0 4rem;
}

.switch_cases {
    border: 1px solid #ebedf2;
    margin-left: 6px;
}

.product-cases .btn-toggle:before, .product-cases .btn-toggle:after {
    color: #000;
    font-size: 12px;
}

.custom-order_pur {
    width: 100%;
}

.vendor_order h6 {
    margin-top: 10px;
    margin-right: 10px;
    font-family: 'Proxima Nova Rg';
    color: #000;
    font-weight: 600;
}

.custom-order_pur .form-control.focus, .custom-order_pur .form-control:focus {
    border-color: #ebedf2;
    color: #575962;
}

.custom-order_pur h6 {
    margin-top: 10px;
    margin-right: 10px;
}

.no_vendor {
    float: right;
}

.product-confirm {
    position: absolute;
    right: 10px;
    top: 12px;
}

.send_order {
    height: auto;
}

.retailer_address p {
    margin-bottom: 10px;
    font-size: 14px;
    color: #000000;
    font-weight: 400;
    line-height: 20px;
}

    .retailer_address p:last-child {
        margin-bottom: 0;
    }

.retailer_address h3 {
    font-size: 16px;
    font-family: 'Proxima Nova Rg';
    color: #000;
    margin-top: 30px;
}

.summary_text {
    font-family: 'Proxima Nova Rg';
    font-size: 15px;
    color: #000;
    width: 84%;
    float: left;
    line-height: 15px;
}

.cases {
    color: #000;
    font-size: 14px;
    font-family: 'Proxima Nova Rg';
    margin-top: 10px;
    float: left;
}

.address_order {
    width: 42%;
    margin-left: 14px;
}

.address_orderflex {
    width: 100%;
    margin-bottom: 20px;
}

.order-detail {
    text-align: right;
    float: right;
    width: 54%;
}

.address_orderflex:last-child {
    margin-right: 0;
}

.m-datatable table thead th span {
    color: #000 !important;
    font-family: 'Proxima Nova Rg';
    font-size: 15px;
}

.m-datatable table tbody tr td span {
    color: #000 !important;
    font-weight: 400;
}

.number_pic .input-group .input-group-btn span {
    color: #fff !important;
}

.autocomplete-items {
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    top: 100%;
    left: 0;
    right: 0;
}

    .autocomplete-items div {
        padding: 10px;
        cursor: pointer;
        background-color: #fff;
        border-bottom: 1px solid #d4d4d4;
    }
        /*when hovering an item:*/
        .autocomplete-items div:hover {
            background-color: #e9e9e9;
        }
/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
    background-color: DodgerBlue !important;
    color: #ffffff;
}

.ret_tags {
    padding: 0;
    border-radius: 2px;
    font-size: 13px;
    text-transform: capitalize;
    margin-bottom: 0;
}

    .ret_tags li {
        margin: 3px 3px 8px;
        background: #ffffff;
        padding: 3px 8px;
        box-shadow: 7px 2px 5px rgba(0, 0, 0, 0.09019607843137255);
        border-radius: 4px;
        list-style: none;
        display: inline-table;
        width: 31%;
        position: relative;
    }

    .ret_tags .icon_tag {
        font-size: 12px;
        margin-left: 5px;
        font-weight: 600;
        right: 5px;
        cursor: pointer;
        position: absolute;
        top: 5px;
    }

    .ret_tags li input {
        margin-right: 3px;
        float: left;
    }

    .ret_tags .default_text {
        font-size: 12px;
    }

    .ret_tags li p {
        -webkit-box-orient: vertical;
        display: -webkit-box;
        height: 18px;
        overflow: hidden;
        -webkit-line-clamp: 1;
        font-weight: 600;
        font-size: 13px;
        margin-top: 5px;
        margin-bottom: 3px;
    }
/*-- Pagination --*/
.pagination_purchasing ul {
    display: flex;
    list-style: none;
}

.pag_list {
    border: 1px solid #f1f3f8;
    height: 46px;
    width: 40px;
    text-align: center;
    line-height: 45px;
    border-right: 0;
    border-radius: 5px;
}

    .pag_list:last-child {
        border-right: 1px solid #f1f3f8;
    }

.active {
    /*background: #eb1510;*/
    color: #fff;
    border: 0;
}

.order-detail h4 {
    font-size: 14px;
    color: #000;
    font-weight: 400;
    font-family: 'Open Sans';
}

.address_body {
    padding: 20px;
}

.first_text {
    width: 20%;
    float: left;
}

.button_order {
    vertical-align: inherit;
}

.other_email input {
    padding: 10px;
    width: 100%;
    height: 40px;
    margin-bottom: 20px;
}

.m-portlet__body .purchasing-head_1 {
    padding: 0;
}

.import_modal .importmodal-body {
    padding: 0 15px 15px;
}

.disable_case, .switch_case2 .disable_case {
    background-color: #bdc1c8;
    opacity: 0.65;
}

.address_default h3 {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Proxima Nova Rg';
}
/*=========== DOCUMENT CSS =========== */
.magnific-img {
    display: inline-block;
    width: auto;
    margin: 0 5px 10px;
    position: relative;
    border: 1px solid #cecece;
    border-radius: 3px;
    padding: 15px 40px 15px 10px;
}

    .magnific-img .delete_icon {
        position: absolute;
        bottom: 0;
        right: 0;
        font-size: 18px;
        color: #565656;
        background: #e8e8e8;
        padding: 5px 10px;
        cursor: pointer;
    }

    .magnific-img .download_icon {
        position: absolute;
        bottom: 0;
        right: 42px;
        font-size: 18px;
        color: #565656;
        background: #e8e8e8;
        padding: 5px 10px;
        cursor: pointer;
    }

    .magnific-img i span {
        font-family: 'Open Sans';
        font-size: 13px;
        margin-left: 5px;
    }

.store_margin {
    margin-bottom: 1px;
}

.doc_detail p {
    font-family: 'Open Sans';
    color: #000000;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 10px;
}

.Doc_Icon {
    display: flex;
    float: left;
    margin-right: 15px;
}

    .Doc_Icon .cssIcon_img {
        width: 40px;
        height: 100%;
    }

.doc_detail .doc_date {
    margin-bottom: 7px;
}

.doc_detail {
    float: right;
}

.add_product_form {
    width: 100%;
    float: left;
}

#organizationRootContainer {
    display: block;
    width: 100%;
    float: left;
    margin: 0;
}

.doc_detail h6 {
    font-family: 'Open Sans';
    color: #000000;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 7px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-width: 150px;
    min-width: 150px;
    overflow: hidden;
}

.doc_detail p {
    font-family: 'Open Sans';
    color: #797979;
    font-size: 13px;
    line-height: 12px;
    margin-bottom: 0;
}

.magnific-img:hover {
    background-color: #f7f7f7;
    cursor: pointer;
}
/*=========== END DOCUMENT CSS =========== */
.address_default {
    width: 100%;
    float: left;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

    .address_default:last-child {
        border-bottom: 0;
        padding-bottom: 0;
        margin-bottom: 0;
    }

.address-overflow {
    height: 400px;
    width: 100%;
    float: left;
    overflow-x: scroll;
}

.footer_address {
    background: #f2f3f8;
}

.pagination_box .page-item.active .page-link_box {
    background-color: #eb1510;
    border-color: #d20f0a;
}

.sub-box, .store_box_new .sub-box {
    padding: 15px;
}

    .sub-box .sub-catCount a {
        color: #000;
        font-family: 'Proxima Nova Rg';
        font-size: 20px;
    }

.sub-catCount {
    margin-bottom: 0;
    line-height: 15px;
}

.sub-box p {
    margin-top: 15px;
    font-size: 15px;
    font-family: 'Proxima Nova Lt';
    color: #000000;
    line-height: 20px;
    overflow-y: auto;
    overflow-x: hidden;
    height: 78px;
}

.sub-box .sub-catCount small {
    font-size: 11px;
    background: #f2f3f8;
    padding: 2px 5px;
    color: #000;
    margin-left: 8px;
    border: 1px solid #ddd;
    vertical-align: top;
}

.pagination_box .page-link {
    color: #000;
}

.pagination_box {
    font-family: 'Proxima Nova Rg';
    width: 100%;
    float: left;
}

    .pagination_box .page-item.active .page-link, .pagination_box .page-item .page-link {
        padding: 8px 14px;
        font-size: 17px;
    }

.table-box {
    width: 100%;
    float: left;
}

.m-table_nlp tr {
    margin-bottom: 5px;
}

.m-table_nlp .alt_rows, .m-table_original {
    margin-bottom: 8px;
    margin-top: -5px;
    background: #ffffff;
}

.demo-class {
    box-shadow: 0 8px 4px -7px rgba(0, 0, 0, 0.31);
    margin-top: 10px;
    background: #f2f3f8;
}

.nlp_table .active {
    border-bottom: 0;
    border-left: 1px solid #4c59b8;
    border-right: 1px solid #4c59b8;
    border-top: 1px solid #4c59b8;
}

.nlp_table .alt_active {
    border-top: 0;
    border-left: 1px solid #4c59b8;
    border-right: 1px solid #4c59b8;
    border-bottom: 1px solid #4c59b8;
}

.orignal-box, .convert-box {
    width: 30px;
    height: 16px;
    background: #f4f3f8;
    display: inline-table;
    border: 1px solid #ebedf2;
    margin-right: 10px;
    vertical-align: middle;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6392156862);
}

.convert-box {
    background: #ffffff;
}

.legend_box {
    color: #000;
    font-family: 'Proxima Nova Lt';
    font-size: 15px;
    background: #fff;
    display: inline-flex;
    margin-right: 10px;
    padding: 0px;
    padding-right: 8px;
    box-shadow: 1px 2px 3px 0px #0000001c;
}

.m-datatable__body tr {
    cursor: pointer;
}

.nlp_table .m-datatable > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell, .nlp_table .m-datatable > .m-datatable__table > .m-datatable__foot .m-datatable__row > .m-datatable__cell {
    background: #e4e1ec;
}

body .caption_text .caption_subtext {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Proxima Nova Rg';
}

.order_list-tab {
    font-family: "Proxima Nova Rg";
    background: rgb(242, 243, 248);
}

.nav_order {
    background: rgb(255, 255, 255);
}

.order_list-tab .nav-item .active {
    color: rgb(255, 255, 255);
}

.order_list-tab .nav-item a {
    color: rgb(0, 0, 0);
    line-height: 30px;
}

.order_list-tab .nav-link {
    display: grid;
}

.order_list-tab .active {
    color: rgb(255, 255, 255);
    font-family: "Proxima Nova Rg";
    line-height: 30px;
    background: rgb(43, 46, 62);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(34, 35, 47);
    border-image: initial;
}

.order-list-tab p {
    position: absolute;
    top: 0px;
    right: 0px;
    color: rgb(0, 0, 0);
    font-size: 11px;
    font-family: "Proxima Nova Rg";
    background: rgb(242, 243, 248);
    padding: 1px 4px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(234, 236, 241);
    border-image: initial;
}

.request_btn {
    position: absolute;
    right: 10px;
    top: 43px;
}

.approve_btn {
    color: rgb(255, 255, 255);
    font-family: "Open Sans";
    background: rgb(43, 46, 62);
    border-radius: 2px;
}

.order_list-tab {
    font-family: "Proxima Nova Rg";
    background: rgb(242, 243, 248);
}

.decline_btn {
    font-family: "Open Sans";
    color: rgb(255, 255, 255);
    border-radius: 2px;
    background: rgb(235, 21, 16);
}

.retailer_address h3 {
    font-size: 16px;
    font-family: "Proxima Nova Rg";
    color: rgb(0, 0, 0);
    margin-top: 30px;
}

.marginT5 {
    margin-top: -5px;
}

.order_list-pannel {
    color: rgb(0, 0, 0);
    font-weight: 400;
    padding: 20px;
}

.tab-content {
    width: 100%;
    float: left;
}

.message_box:not(.m-alert--outline) {
    color: white;
    background-color: #eb1510;
    border-color: #d80e0a;
    width: 25%;
    position: absolute;
    bottom: 0;
}

.message_box, .success_box {
    font-family: 'Proxima Nova Rg';
}

    .message_box i, .success_box i {
        float: left;
        margin-right: 10px;
    }

.message_box {
    -webkit-animation-name: message-alert; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
    animation: message-alert 1.5s;
}

.store_box {
    width: 100%;
    float: left;
    margin-top: 0;
    margin-bottom: 20px;
    display: flex;
}

.store_content {
    background: #fff;
    padding: 0;
    border: 1px solid #ebedf2;
    margin: 0 10px;
    width: 33.33%;
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.050980392156862744);
}

.store_box h3 {
    color: #000;
    font-size: 16px;
    font-family: 'Proxima Nova Rg';
    margin-bottom: 0;
    padding: 14px;
    border-bottom: 1px solid #ddd;
}

.content-box {
    padding: 15px;
}

.store_Subcontent h5 {
    font-size: 15px;
    color: #000;
    font-family: 'Proxima Nova Rg';
}

.store_Subcontent p {
    color: #000;
    margin-bottom: 7px;
}

.store-footer {
    display: flex;
}

    .store-footer a {
        width: 50%;
    }

.store_edit_btn {
    background: #ffffff;
    color: #000;
    border: 1px solid #ebedf2;
    margin: 0;
    border-radius: 0;
    border-bottom: 0;
    border-left: 0;
    font-family: 'Proxima Nova Lt';
}

.padding0 {
    padding: 0 !important;
}

.view_store_btn {
    margin: 0;
    border-radius: 0;
    background: #eb1510;
    color: #fff;
    font-family: 'Proxima Nova Lt';
}

.store-footer a {
    width: 50%;
}

.store-footer i {
    margin-right: 5px;
    vertical-align: top;
}

.assign_manager_0 {
    min-height: 125px;
    position: relative;
}

@keyframes message-alert {
    0% {
        bottom: -15%;
        background: #eb1510;
    }

    50% {
        bottom: 5%;
        background: #eb1510;
    }
}

@-webkit-keyframes message-alert {
    0% {
        bottom: -15%;
        background: #eb1510;
    }

    50% {
        bottom: 5%;
        background: #eb1510;
    }
}

.message_box:not(.m-alert--outline) {
    color: white;
    background-color: #eb1510;
    border-color: #d80e0a;
    width: 25%;
    position: fixed;
    bottom: 0;
    overflow: hidden;
}

.success_box:not(.m-alert--outline) {
    color: white;
    background-color: #038a03;
    border-color: #0c730c;
    width: 25%;
    position: fixed;
    bottom: 0;
    overflow: hidden;
}

.success_box {
    -webkit-animation-name: success-alert; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
    animation: success-alert 1.5s;
}

.logs_box {
    position: fixed;
    z-index: 9999;
    width: 30%;
    background: #ffd1d1;
    right: 0;
    -webkit-animation-name: logs;
    -webkit-animation-duration: 1s;
    animation: logs 1.5s;
    bottom: 0;
    height: auto;
    border: 1px solid #d87774;
}

.scroll {
    width: 100%;
    height: 140px;
    overflow: auto;
    float: left;
    margin: 0 10px;
}

.scroll1::-webkit-scrollbar {
    width: 5px;
}

.scroll1::-webkit-scrollbar-track {
    background: #ffd1d1;
}

.scroll1::-webkit-scrollbar-thumb {
    background: #666;
}

@keyframes logs {
    0% {
        right: -15%;
        background: #ffd1d1;
    }

    50% {
        right: 5%;
        background: #ffd1d1;
    }
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes logs {
    0% {
        bottom: -15%;
        background: #eb1510;
    }

    50% {
        bottom: 5%;
        background: #eb1510;
    }
}

.logs_box ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.logs_box .alert-close .close {
    color: #2a2c3e;
}

.log-ul li:first-child {
    font-family: 'Proxima Nova Rg';
    font-size: 15px;
}

.log-ul li {
    margin-bottom: 10px;
    font-size: 13px;
}

.logs_box .alert-close button {
    padding: 0;
}

.log-ul li span {
    border: 1px solid #d4d629;
    background: #feffad;
    padding: 1px 5px;
    margin-right: 5px;
}

.logs_alert h3 {
    font-size: 18px;
    font-family: 'Proxima Nova Rg';
}

.alert-text h3 {
    font-family: 'Proxima Nova Rg';
    font-size: 18px;
}

.alert-text ul li {
    font-family: 'Open Sans';
    font-size: 14px;
    margin-top: 3px;
}
/* New CSS*/
.create_option .m-menu__link-text, .create_option .flaticon-cart {
    color: #ffffff !important;
}

.store_box_new .store_content .store_h3 {
    height: auto;
}

.inventory_box_new {
    display: inline-table;
    width: 31%;
    text-align: center;
}
/*.inventory_section_new {
    display: block;
    margin: 0 auto;
    width: 100%;
}*/
.inventory_section_new .inventory_box_new img {
    text-align: center;
    width: 17%;
    margin-bottom: 10px;
}

.inventory_box_new span {
    width: 100%;
    float: left;
    font-size: 16px;
    color: #000;
    margin-top: 10px;
}

.store_box_new {
    display: table;
}

.heading_h3 {
    margin-top: 20px;
    font-size: 16px;
    margin-bottom: 0;
    font-family: 'Proxima Nova Rg';
    color: #000;
}

.address_order .head-box-order {
    height: 4rem;
    padding: 0 20px;
}

.m-portlet__head-title .cat_name {
    margin-bottom: 20px;
    font-size: 14px;
    font-family: 'Proxima Nova Lt';
}

.store_box_new .store_content {
    display: inline-table;
    width: 31.33%;
    margin-bottom: 20px;
}

    .store_box_new .store_content h3 {
        height: auto;
    }
/* new Faq */
.faq_tabs {
    width: 100%;
    float: left;
}

    .faq_tabs .m-portlet__head-title h3, .m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-text {
        font-family: 'Proxima Nova Rg';
        line-height: 16px;
        vertical-align: top;
        font-size: 18px;
        color: #000;
    }

    .faq_tabs .m-accordion__item-title {
        font-family: 'Proxima Nova Lt';
        font-size: 16px;
    }

    .faq_tabs p span {
        font-family: 'Proxima Nova Lt';
        font-size: 15px;
    }

    .faq_tabs .m-accordion .m-accordion__item .m-accordion__item-head {
        padding: 1rem;
    }

    .faq_tabs .faq_head {
        padding: 0;
        line-height: 20px;
        font-size: 16px;
        font-family: 'Proxima Nova Rg';
        border-bottom: 1px solid #f1f3f6;
        padding-bottom: 10px;
    }

.managed_Cbox {
    padding: 15px;
    width: 32.3%;
    background: rgba(235, 21, 16, 0.058823529411764705);
    margin-right: 10px;
    border: 1px solid #f9d7d5;
    float: left;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
}

.back_home a {
    color: #000;
    font-size: 15px;
    border: 2px solid #000;
    padding: 5px 10px;
}

.org_store a {
    margin-top: 10px;
    background: #fff;
    line-height: 24px;
}

.manager_modal .add_manager input {
    height: 40px;
    width: 100%;
    float: left;
    margin-bottom: 10px;
    padding: 10px;
    font-size: 14px;
    font-family: 'Proxima Nova Lt';
    border: 1px solid #ebedf2;
}

    .manager_modal .add_manager input::placeholder {
        font-size: 14px;
        font-family: 'Proxima Nova Lt';
    }

.add_manager {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Proxima Nova Rg';
    margin-bottom: 0;
}

.inventory_section_new .create_orderBox {
    width: 90%;
    text-align: center;
}

.create_orderBox p {
    margin-bottom: 0;
    color: #000;
    font-family: 'Proxima Nova Rg';
    font-size: 16px;
}
/*=========== START ACCOUNT SETTINGS PAGE =========*/
.account_Settings_box {
    width: 100%;
}

.main--topDiv {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

    .main--topDiv h1 {
        font-family: 'Proxima Nova Rg';
        line-height: 16px;
        font-size: 18px;
        color: #000;
        font-weight: 600;
        float: left;
        margin-top: 0;
        margin-bottom: 0;
    }

.body--Div {
    float: left;
    padding-bottom: 30px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.058823529411764705);
    width: 45%;
    padding: 20px;
}

    .body--Div p {
        margin-bottom: 15px;
        font-size: 14px;
        color: #000000;
        font-weight: 400;
        line-height: 20px;
        margin-top: 0;
        border-bottom: 1px solid #f1f3f8;
        padding-bottom: 10px;
    }

.Accbody--Div {
    margin-bottom: 30px;
    width: 100%;
    float: left;
    display: flex;
    margin-top: 10px;
}

    .Accbody--Div p {
        margin-bottom: 0;
        font-size: 14px;
        color: #000000;
        font-weight: 400;
        line-height: 22px;
        margin-top: 0;
        font-family: 'Proxima Nova Rg';
    }

    .body--Div .text--features, .Accbody--Div .text--features {
        margin-bottom: 10px;
        font-size: 14px;
        color: #000000;
        font-weight: 400;
        font-family: 'Proxima Nova Rg';
        line-height: 20px;
    }

.body--Div p:last-child {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0;
}

.address__div {
    width: 100%;
    float: left;
    display: flex;
}

.Address__box {
    margin: 5px;
    width: 33.33%;
    float: left;
    background-color: #f2f3f880;
    padding: 12px;
}

    .Address__box p {
        margin-bottom: 10px;
        font-size: 14px;
        color: #000000;
        font-weight: 400;
        line-height: 20px;
    }

        .Address__box p:last-child {
            margin-bottom: 0;
        }

.btn__edit {
    background-color: #eb1510;
    color: #fff !important;
    border-radius: 2px;
    margin-left: 4px;
    font-family: 'Open Sans' !important;
}

.Accbody--Div .auto_approve {
    float: right;
}

.Accbody--Div .btn-toggle:before {
    content: 'off';
    left: -4.3rem;
    font-size: 14px;
    color: #000000;
    font-weight: 400;
    line-height: 20px;
    font-family: 'Open Sans';
}

.Accbody--Div .btn-toggle:after {
    content: 'on';
    right: -4.3rem;
    font-size: 14px;
    color: #000000;
    font-weight: 400;
    line-height: 20px;
    font-family: 'Open Sans';
}

.date_format {
    margin-left: 15px;
    font-family: 'Proxima Nova Lt';
}

.date_edit_icon {
    position: absolute;
    right: 0;
    top: 0;
    background: #ffffff;
    padding: 7px 7px;
    border-top: 0;
    border-right: 0;
    border-left: 1px solid #dddddd;
}

.brand_mainBox {
    width: 100%;
    float: left;
    margin-top: 20px;
    display: block;
    margin-left: 0;
    margin-right: 0;
}

.date_edit_icon i {
    font-size: 22px;
    color: #000000;
    margin-left: 0;
    line-height: 25px;
    cursor: pointer;
}

.Address_head {
    padding-bottom: 8px;
    margin-bottom: 10px;
    width: 100%;
    float: left;
    border-bottom: 1px solid #dddee1;
}

    .Address_head h1 {
        font-family: 'Proxima Nova Rg';
        line-height: 16px;
        font-size: 15px;
        color: #000;
        font-weight: 600;
        margin-bottom: 0;
        float: left;
    }

.default_icon {
    float: right;
    display: flex;
}

    .default_icon i {
        margin-left: 5px;
    }

.information__boxes, .address_box__boxes {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 30px;
    width: 100%;
    margin-top: 30px;
    float: left;
}

.Address__box .m-dropdown .m-dropdown__wrapper {
    width: 125px;
}

.inner_box {
    width: 100%;
    float: left;
    padding: 10px;
}

.account_infoBox {
    padding: 10px;
    border: 1px solid #ddd;
    width: 33.33%;
    position: relative;
    display: inline-block;
    margin-right: 20px;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.10980392156862745);
}

    .account_infoBox:last-child {
        margin-right: 0;
    }

.address_box__boxes .Address__box .m-dropdown__body {
    padding: 0;
}

.Address__box .m-nav .m-nav__item > .m-nav__link .m-nav__link-text, .Address__box .m-nav .m-nav__item > .m-nav__link .m-nav__link-text:hover {
    color: #000000;
}

.password_modal .modal_heading, .format_modal .modal_heading {
    font-family: 'Proxima Nova Rg';
    line-height: 16px;
    font-size: 18px;
    color: #000;
    font-weight: 600;
    float: left;
    margin-top: 0;
    margin-bottom: 0;
}

.modal_heading {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Proxima Nova Rg';
    margin-bottom: 0;
}

.import-blue-box .m-input-line {
    height: 40px;
    width: 100%;
    float: left;
    margin-top: 0;
    margin-bottom: 10px;
    padding: 10px;
    font-size: 14px;
    font-family: 'Proxima Nova Lt';
    border: 1px solid #ebedf2;
}

.import-blue-box .text_area textarea {
    height: 100px;
    width: 100%;
    float: left;
    margin-top: 4px;
    margin-bottom: 25px;
    padding: 10px;
    font-size: 14px;
    font-family: 'Proxima Nova Lt';
    border: 1px solid #ebedf2;
}

.password_modal .modal-header {
    border-bottom: 0;
}

.modal_bodyData .text-center div {
    border-top: 1px solid #e9ecef;
    padding-top: 25px;
}

    .modal_bodyData .text-center div #import_cancel_button, .modal_bodyData .text-center div #btnSaveCategory {
        float: right;
    }

.margin0 {
    margin: 0 !important;
}

.input-height {
    height: 42px;
}

.required_field {
    color: red;
    visibility: visible;
    font-size: 13px;
    margin-top: 3px;
    float: left;
    width: 100%;
    font-family: 'Proxima Nova Lt';
}

.password_modal .form-control.focus, .form-control:focus {
    border-color: #000000;
    border-bottom: 1px solid #000000;
    color: #000000;
}

.body--Div p i {
    margin-right: 10px;
    vertical-align: text-bottom;
}

.setting_address {
    display: flex;
}

.date_format-popup {
    font-family: 'Proxima Nova Lt';
    font-size: 15px;
    margin-bottom: 10px;
    border: 1px solid #f2f3f8;
    padding: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.0784313725490196);
}

    .date_format-popup:first-child {
        margin-left: 0;
    }

    .date_format-popup input {
        margin-right: 10px;
    }

.defaulticon {
    color: #ed1510;
}

.paddingLeft_0 {
    padding-left: 0;
    float: left;
}

.paddingRight_0 {
    padding-right: 0;
    float: right;
}

.table thead th {
    background: #f4f3f8;
    vertical-align: inherit;
    color: #000;
    font-family: 'Proxima Nova Rg';
}

.retailer_productT {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03137254901);
}

    .retailer_productT a {
        color: #000000;
    }

.default_btn a {
    background: #ffffff;
    width: auto;
    display: table;
}

.default_box {
    padding: 0;
    width: 32.3%;
    background: rgba(235, 21, 16, 0.058823529411764705);
    margin-right: 10px;
    border: 1px solid #f9d7d5;
    float: left;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
    position: relative;
}

.S_default {
    position: absolute;
    right: 0;
    top: -13px;
    background: #fff;
    font-size: 11px;
    font-family: 'Proxima Nova Rg';
    color: #000;
    font-weight: 600;
    padding: 1px 5px;
    border: 1px solid #f7d7d5;
    border-top: 0;
    border-right: 0;
    box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1607843137254902);
}

.address_order .head-boxNew {
    height: 3.2rem;
    padding: 0 20px;
    border: 1px solid #ebedf2;
    background: #f1f2f7;
}

.head-boxNew .heading_h3 {
    margin-top: 13px;
}

.not_found {
    text-align: center;
}

    .not_found img {
        width: 50%;
        cursor: default;
    }

    .not_found h4 {
        color: #000000;
        font-family: 'Proxima Nova Lt';
        font-size: 17px;
        font-weight: 600;
        margin: 0;
    }

.add_manager_error {
    float: left;
    width: 100%;
    display: inline-table;
}

.img__box {
    width: 40%;
    margin: 0 auto;
    text-align: center;
    padding: 4% 0;
}

.image__box img {
    width: 100%;
    margin-bottom: 40px;
}

.country_fld {
    width: 48%;
    float: left;
    margin-bottom: 10px;
    padding: 10px;
    font-size: 14px;
    font-family: 'Proxima Nova Lt';
    border: 1px solid #ebedf2;
    height: 40px;
}

.phone_fld {
    width: 50%;
    float: right;
}

.image__box p {
    color: #000000;
    margin-bottom: 0;
    font-family: 'Proxima Nova Rg';
    line-height: 24px;
    vertical-align: top;
    font-size: 18px;
    font-weight: 600;
}

.purchasing-disable {
    background: #cac8c8 !important;
    position: relative;
    cursor: no-drop !important;
    transition: 1s ease;
}

    .purchasing-disable button {
        cursor: no-drop !important;
    }

.inventory_box_new {
    display: block;
    width: 31%;
    text-align: center;
}
/*=========== END ACCOUNT SETTINGS PAGE =========*/
.add_manager .m-checkbox-inline {
    width: 100%;
    float: left;
}

.Category_box {
    width: 100%;
    float: left;
    display: table;
}

.category_divs {
    background: #fff;
    padding: 0;
    border: 1px solid #ebedf2;
    margin: 0 10px;
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.050980392156862744);
    width: 32.4%;
    margin-bottom: 20px;
    display: inline-table;
}

    .category_divs h3 {
        color: #000;
        font-size: 16px;
        font-family: 'Proxima Nova Rg';
        margin-bottom: 0;
        padding: 14px;
        font-weight: 600;
        border-bottom: 1px solid #ddd;
    }

.category-box {
    padding: 15px;
}

    .category-box p {
        font-size: 15px;
        font-family: 'Proxima Nova Lt';
        color: #000000;
        line-height: 20px;
        overflow-y: auto;
        overflow-x: hidden;
        height: 78px;
        margin-bottom: 0;
        margin-top: 12px;
    }

.Sub-CatCount {
    color: #000;
    font-size: 22px;
    font-family: 'Proxima Nova Rg';
    font-weight: 600;
    margin-bottom: 0;
}

.category-footer {
    display: flex;
}

.category_edit_btn {
    background: #ffffff;
    color: #000;
    border: 1px solid #ebedf2;
    margin: 0;
    border-radius: 0;
    border-bottom: 0;
    border-left: 0;
    font-family: 'Proxima Nova Lt';
    width: 50%;
}

.view_cate_btn {
    border-radius: 0;
    background: #eb1510;
    color: #fff;
    font-family: 'Proxima Nova Lt';
    width: 50%;
}

.category_edit_btn span span {
    vertical-align: top;
}

.category_edit_btn:hover, .category_edit_btn:focus {
    text-decoration: none;
    color: #000000;
}

.view_cate_btn span span {
    vertical-align: top;
}

.view_cate_btn:hover, .view_cate_btn:focus {
    text-decoration: none;
    color: #ffffff;
}

.category_content .activation_case {
    float: right;
}

    .category_content .activation_case button {
        margin: 0;
    }

.activation_case button:before {
    display: none;
}

.activation_case button:after {
    display: none;
}

.Sub-CatCount small {
    font-family: 'Open Sans';
    color: #eb1510;
    margin-bottom: 0;
    font-size: 13px;
    margin-left: 5px;
    text-decoration: underline;
    vertical-align: middle;
}
/*========== START PRODUCT IMAGE UPLOADER CSS =========*/
.avatar-upload {
    width: 100%;
    float: left;
    position: relative;
}

    .avatar-upload .avatar-edit {
        position: absolute;
        right: 2px;
        z-index: 1;
        border-radius: 100%;
        top: 1px;
        text-align: center;
    }

        .avatar-upload .avatar-edit input {
            display: none;
        }

            .avatar-upload .avatar-edit input + label {
                display: inline-block;
                width: 30px;
                height: 30px;
                margin-bottom: 0;
                border-radius: 100%;
                background: #dddddd;
                border: 1px solid transparent;
                box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
                cursor: pointer;
                font-weight: normal;
                transition: all 0.2s ease-in-out;
            }

        .avatar-upload .avatar-edit i {
            color: #000000;
            position: absolute;
            top: 6px;
            left: 0;
            right: -2px;
            text-align: center;
            margin: auto;
        }

    .avatar-upload .avatar-preview {
        width: 100px;
        height: 100px;
        float: right;
        position: relative;
        border: 7px solid #ffffff;
        box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.27);
    }

        .avatar-upload .avatar-preview > div {
            width: 100%;
            height: 100%;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }

.view_SubCate_btn {
    border-radius: 0;
    background: #2b2e3e;
    color: #fff;
    font-family: 'Proxima Nova Lt';
    width: 50%;
    text-decoration: none;
}

    .view_SubCate_btn:hover, .view_SubCate_btn:focus {
        text-decoration: none;
        color: #ffffff;
    }

.add-icon {
    margin-left: 5px;
}

.view_SubCate_btn span span {
    vertical-align: top;
}

.head_containerNew {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.16862745098039217);
    position: relative;
    background: #fff;
    z-index: 9;
    width: 100%;
    display: inline-block;
}

.Purchasing-header .m-loginSub__title {
    text-align: center;
    font-size: 16px;
    font-family: 'Proxima Nova Lt';
}

.Purchasing-header .form-group {
    margin-bottom: 2rem;
}

.form_text a {
    margin-bottom: 0;
    color: #025398;
    font-weight: 600;
    font-size: 13px;
    margin: 0 2px;
}

.login_icon .talk_tous {
    margin-top: 10px;
}

select {
    -webkit-appearance: none;
}

select {
    display: block;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: url(/PurchasingManager/images/arrow.png) #ffffff;
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
}
body .m-checkbox-inline .login-right_V2 {
    width: auto;
    float: right;
    padding: 10px 25px;
}
/* Header Login/Signup */

.head_containerNew {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.16862745098039217);
    background: #fff;
}

.purchasing_headerNew {
    padding: 12px 0px;
    width: 100%;
    float: left;
}

.navbar-brandNew {
    color: #fff;
    font-size: 26px;
    line-height: 30px;
    font-weight: 800;
    padding: 0;
    height: 40px;
}

.purchasing_headerNew .logo img {
    float: left;
    width: 43px;
    max-width: 100%;
    margin-right: 7px;
    vertical-align: text-top;
    margin-top: -1px;
}

.pur-logoTextNew {
    font-family: 'FuturaPT-Book';
    color: #000000;
    font-weight: normal;
    font-size: 21px;
}

.menu_listNew {
    list-style: none;
    display: flex;
    padding: 0;
    margin: 0;
}

    .menu_listNew li {
        padding: 10px 20px;
    }

        .menu_listNew li a {
            color: #000;
            font-size: 14px;
            font-family: 'Open Sans';
        }

.head_containerNew .headerButton-padding {
    padding-right: 0;
    padding-left: 20px;
}

.purchasing_headerNew .btn_login, .btn_login {
    border: 1px solid #eb1510;
    background: #fff;
    color: #000000;
    padding: 8px 20px;
    border-radius: 2px;
}

.visibility-off .burger-menu {
    display: none;
}

.footer-edge {
    padding: 0;
}

.Footer-background {
    /*background: url(https://purchasingaidiag.blob.core.windows.net/purchasing/images/footer-background.png) no-repeat center;*/
    /*background: #131313 url("https://purchasingaidiag.blob.core.windows.net/purchasing/images/footer-background.png") no-repeat center;
    background-size: cover;
    width: 100%;
    margin: auto;
    display: table;
    padding: 40px 0;
    top: 0;*/
    background: #131313 url(http://localhost:4200/assets/css/../images/footerbg.png) no-repeat center;
    width: 100%;
    margin: auto;
    display: table;
    padding: 40px 0;
    top: 0;
}

.footer-header h4 {
    margin-top: 0;
    margin-bottom: 10px;
    color: #fff;
    font-size: 20px;
    font-family: 'Proxima Nova Rg';
}

.footer-header ul {
    padding-left: 0;
    list-style: none;
    margin-top: 0;
    margin-bottom: 0;
}

.footer-box .link {
    margin-top: 0;
}

.footer-header ul li a {
    color: #fff;
    font-size: 12px;
    line-height: 30px;
    font-family: 'Open Sans';
}

.footer-box .link a {
    text-decoration: none;
    letter-spacing: 0.4px;
}

.footer-header h4 {
    margin-top: 0;
    margin-bottom: 10px;
    color: #fff;
    font-size: 20px;
    font-family: 'Proxima Nova Rg';
}

.footer-header ul {
    padding-left: 0;
    list-style: none;
    margin-top: 0;
    margin-bottom: 0;
}

.footer-box .link {
    margin-top: 0;
}

    .footer-box .link a {
        text-decoration: none;
        letter-spacing: 0.4px;
    }

.purchasing-bottom-footer {
    /*width: 100%;
    float: left;
    background-color: #141b29;
    padding: 12px 0;
    color: #fff;
    line-height: 16px;
    text-align: center;*/
    width: 100%;
    float: left;
    background-color: #000;
    padding: 12px 0;
    color: #fff;
    line-height: 16px;
    text-align: center;
    border-top: 1px solid #1d1d1d;
}

    .purchasing-bottom-footer p {
        font-size: 13px;
        margin-bottom: 0;
        /*font-family: 'Open Sans';*/
        font-family: 'Montserrat-light';
    }

.colorRed {
    color: #eb1510;
    padding: 0 5px;
}
/*.colorYellow{
    float:left;
    text-align:left;
}*/
.right-float {
    float: right !important
}

.colorYellow {
    float: left;
}
.order_pannel_status {
    position: absolute;
    width: auto;
    right: 35%;
    bottom: 19%;
}
.order-list .order_pending {
    position: absolute;
    right: 35%;
    bottom: 29%;
}
    .order-list .order_pending h4 {
        width: auto;
        margin-bottom: 0;
        border: 1px solid #E8ECEF;
        padding: 8px 15px;
    }
/* end Header */
/*========== END PRODUCT IMAGE UPLOADER CSS =========*/
@media (max-width:1920px) {
}

@media (max-width:1680px) {
    .login_purchasing {
        width: 40%;
        padding: 0px 80px;
    }

    .slider-child {
        width: 34%;
    }

    .category_divs {
        width: 31.8%;
    }
}

@media (max-width:1440px) {
    .forgot_pwd {
        width: 38%;
    }

    .create_order {
        padding: 43px 20px;
    }

    .category_divs {
        width: 31.5%;
    }
}

@media (max-width: 1366px) {
    .login_purchasing {
        width: 40%;
        padding: 0 60px;
    }

    .welcome_box .welcome_sub {
        font-size: 15px;
        padding: 0 10%;
    }

    .Doc_Icon .cssIcon_img {
        width: 37px;
    }

    .doc_detail h6 {
        max-width: 140px;
        min-width: 140px;
    }

    .magnific-img {
        padding: 12px 20px 12px 10px;
        margin: 0 3px 10px;
    }

    .product__img img {
        height: 100px;
    }

    .welcome_illu img {
        width: 30%;
    }

    .welcome_illu {
        margin: 20px 0 20px;
    }

    .slider-child {
        width: 40%;
    }

    .middle_block {
        padding: 40px 60px;
    }

    .m-login__signin p {
        font-size: 13px;
        margin-top: 40px;
    }


    .forgot_pwd {
        width: 34%;
    }

    .Purchasing-header .logo img {
        width: 52px;
    }

    .create_order {
        padding: 46px 20px;
    }

    .store_content {
        margin: 0 9px;
    }

    .category_divs {
        width: 32.3%;
        margin: 0 5px;
        margin-bottom: 15px;
    }
}

@media (max-width: 1309px) {
    .category_divs {
        width: 32.2%;
    }
}

@media (max-width: 1280px) {
    .forgot_pwd {
        width: 43%;
    }

    .category_divs {
        width: 32.1%;
    }
}

@media(max-width:1024px) {
    .forgot_pwd {
        width: 49%;
    }

    .addProduct_head {
        width: 100%;
    }
    /*Welcome Page*/
    .welcome_box {
        padding: 40px;
        width: 100%;
        float: left;
    }

    .welcome_illu {
        margin: 0;
    }

    .welcome_block {
        margin-top: 40px;
    }

    .welcome_text h5 {
        margin-bottom: 10px;
    }
}

@media (max-width:982px) {
    .forgot_pwd {
        width: 56%;
    }

    .middle_block {
        padding: 70px;
    }

    .Purchasing-header .logo img {
        width: 50px;
    }

    .m-grid__item .btn-full {
        width: 65%;
        padding: 12px;
    }

    .welcome_box .welcome_sub {
        padding: 0;
    }

    .main_box {
        margin: 0;
    }

    .welcome_head {
        font-size: 25px;
        margin-bottom: 10px;
    }

    .welcome_text h5 {
        font-size: 15px;
    }

    .welcome_text i {
        font-size: 2rem;
    }
}

@media screen and (min-width: 66.25em) {
    .pricing-palden .pricing-item {
        margin: 1em -0.5em;
    }

    .pricing-palden .pricing__item--featured {
        margin: 0;
        z-index: 10;
        box-shadow: 0 0 20px rgba(46, 59, 125, 0.23);
    }
}

@media only screen and (max-width: 767px) {
    #bite-32 .error-content {
        text-align: center;
        padding: 30px;
    }

    #bite-32 .col-md-auto {
        margin-bottom: 20px;
    }

    #bite-32 .popup-title, #bite-32 .popup-text {
        padding-left: 0;
    }

    .welcome_head {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .main_box, .welcome_contact {
        display: block;
    }

        .welcome_text, .welcome_contact p {
            margin: 0;
            margin-bottom: 10px;
            font-weight: normal;
        }

    .coming_body {
        height: auto;
        background: #fff;
        float: left;
        width: 100%;
    }

    .welcome_illu img {
        width: 50%;
    }

    .welcome_box {
        padding: 0;
    }

    .feature_welcome .col-lg-12 {
        padding: 0;
    }
}


/*====================== START FOOTER SECTION ======================*/

.new-footer h3 {
    color: #fff;
    font-family: 'Montserrat-light';
    font-size: 19px;
    margin-bottom: 27px;
    display: block;
    margin-top: 0;
}

.new-footer p {
    font-size: 14px;
    color: #cecece;
}

.new-footer .footer-header ul li a {
    color: #cecece;
    font-size: 14px;
    line-height: 26px;
    font-family: 'Montserrat-light';
}

.footer-header h4 {
    margin-bottom: 10px;
    color: #fff;
    font-size: 19px;
    font-family: 'Montserrat-light';
}
span.footer-link {
    color: #fff;
    border-bottom: 1px solid #fff;
   
}
.footer_bottom {
    margin-left: 8.33333333%;
}
/*====================== END FOOTER SECTION ======================*/
.new-footer h3 span {
    margin-left: 8px;
}

/*========== SOCIAL MEDIA ICONS CSS START ==========*/
.social_links {
    display: flex;
    margin-top: 20px;
}

.links_list {
    margin-right: 25px;
}

    .links_list:last-child {
        margin-right: 0;
    }

    .links_list img {
        width: auto;
        height: 25px;
    }
/*=========== SOCIAL MEDIA ICONS CSS END ===========*/


.purchasing_header {
    padding: 12px 0px;
    width: 100%;
    float: left;
}

    .purchasing_header .btn_signup,
    .btn_signup {
        background: #eb1510;
        border: 1px solid #eb1510;
        color: #fff;
        padding: 8px 20px;
        border-radius: 2px;
    }

        .btn_signup:hover {
            text-decoration: none;
            color: #ffffff;
        }

.head_container {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.16862745098039217);
    background: #fff;
    z-index: 9;
    top: 0;
    position: relative;
}

.category-section .sidebar_heading,
.popular-section .sidebar_heading,
.tags-section .sidebar_heading,
.newsletter-section .sidebar_heading {
    color: #797979;
    font-size: 14px;
    line-height: 18.66px;
    text-transform: uppercase;
    font-family: 'Proxima Nova Rg';
    margin-top: 0;
    position: relative;
    margin: 0;
}

.sidebar_heading:after {
    content: "";
    height: 2px;
    background: #cccccc;
    width: 60%;
    margin-left: 20px;
    display: flex;
    right: 0;
    position: absolute;
    top: 0;
}

.popular-section .sidebar_heading:after {
    width: 50%;
}

/*************************Added by paramjeet singh*******************************/
.disabled-anchor {
    pointer-events: none;
    cursor: default;
    opacity: 0.2;
}
/************************ Added End *********************************************/
.importOptionContainer {
    margin-top: 15px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    width: 100%;
}
.importOptionContainer p {
    margin-right: 15px;
    margin-bottom: 0;

}
.importOptionContainer p:last-child {
        margin-right: 0;
    }
    .importOptionContainer span {
        margin-left: 5px;
        line-height: 20px;
    }

.organi_order {
    display: flex;
    border-radius: 0.25rem;
    align-items: center;
    height: 42px;
}

.approve_dis.organi_order .btn-toggle {
    transform: none;
    top: unset;
}

.organi_order > span {
    font-family: 'Proxima Nova Rg';
    color: #000;
    font-size: 14px;
}

.m-checkbox.m-checkbox--brand.m-checkbox--solid > input:checked ~ span {
    background: #dd0f0f;
}
}